:root{--board-cell-size: min(3.75vw, 31px);--board-grid-size: calc((var(--board-cell-size) * 16) + 30px);--board-frame-size: calc(var(--board-grid-size) + 16px);--game-window-height: calc(var(--board-frame-size) + 16px);--app-page-background: radial-gradient(circle at 20% 0%, rgba(255, 237, 173, .28), transparent 28%), radial-gradient(circle at 80% 10%, rgba(128, 170, 255, .22), transparent 25%), linear-gradient(180deg, #111522 0%, #24324d 45%, #121824 100%);color:#1f2330;background:var(--app-page-background);font-family:Tahoma,Verdana,sans-serif;line-height:1.4;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--app-page-background)}button,input{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;padding:28px}.home-page-shell{display:grid;align-content:start;padding-top:44px}.room-shell,.hero-panel{display:grid;gap:18px}.panel{background:#ffffffe0;border:1px solid rgba(82,103,135,.28);border-radius:18px;box-shadow:0 20px 40px #45537524;padding:20px}.hero-panel{width:min(100%,1080px);max-width:1080px;margin:0 auto;background:#f6f8fceb}.lobby-panel{position:relative;overflow:hidden;padding:28px;border:1px solid rgba(96,121,169,.32);background:radial-gradient(circle at top right,rgba(255,196,82,.18),transparent 26%),radial-gradient(circle at left center,rgba(91,196,255,.12),transparent 30%),linear-gradient(180deg,#fffffff5,#eff4fcf2)}.lobby-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.35),transparent 30%),linear-gradient(180deg,transparent 0%,rgba(122,147,196,.08) 100%);pointer-events:none}.hero-copy,.lobby-stage,.lobby-status-strip{position:relative;z-index:1}.hero-copy{display:grid;gap:10px;max-width:760px}.hero-copy h1,.room-header h1,.waiting-panel h1{margin:0;font-size:clamp(2rem,5vw,3.25rem)}.hero-copy p:last-child{margin:0;max-width:720px;color:#42546f;font-size:1rem}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:#566b92}.lobby-stage{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:22px;align-items:start}.lobby-preview-card,.lobby-control-panel{display:grid;gap:14px}.lobby-preview-card{padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 20%),linear-gradient(180deg,#202738,#0e131d);box-shadow:inset 0 0 0 2px #7c8ebb38,0 18px 36px #0e162a3d;color:#f3f7ff}.lobby-preview-header,.lobby-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.lobby-preview-title,.lobby-card-heading h2{margin:0;font-size:1.05rem;font-weight:700}.lobby-preview-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#7ad0ff29;color:#a9dcff;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.lobby-preview-window{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:12px;border-radius:22px;background:linear-gradient(180deg,#8597c6f2,#2e4374fa);box-shadow:inset 0 1px #ffffff6b,inset 0 0 0 3px #111620e0}.lobby-preview-sidebar{display:grid;gap:8px}.lobby-preview-sidebar-panel{display:grid;gap:6px;align-content:center;min-height:92px;border-radius:14px;padding:12px 10px;border:2px solid rgba(0,0,0,.55);text-align:center;box-shadow:inset 0 1px #fff9,inset 0 -2px #0003}.lobby-preview-sidebar-panel strong{font-size:1rem;letter-spacing:.1em}.lobby-preview-sidebar-panel span{font-size:.76rem;font-weight:700}.lobby-preview-sidebar-panel.is-blue{background:linear-gradient(180deg,rgba(255,255,255,.75),transparent 20%),linear-gradient(180deg,#80cff7,#368dd7 48%,#2f66a2)}.lobby-preview-sidebar-panel.is-red{background:linear-gradient(180deg,rgba(255,255,255,.65),transparent 20%),linear-gradient(180deg,#ffd36a,#ff8a2a 40%,#ff4a22)}.lobby-preview-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:9px;border-radius:16px;background:#090b12;box-shadow:inset 0 0 0 3px #333845f2,inset 0 0 0 6px #080a0ff5}.lobby-preview-cell{aspect-ratio:1;border-radius:4px;display:grid;place-items:center;font-weight:700;font-size:1rem}.lobby-preview-cell.is-hidden,.lobby-preview-cell.is-flag-blue,.lobby-preview-cell.is-flag-red{background:linear-gradient(135deg,rgba(255,255,255,.18) 20%,transparent 20%) 0 0 / 10px 10px,linear-gradient(315deg,rgba(255,255,255,.12) 20%,transparent 20%) 0 0 / 10px 10px,linear-gradient(180deg,#7ad2fb,#2894e6 55%,#1f6db8);box-shadow:inset 1px 1px #ffffff6b,inset -1px -1px #00000038}.lobby-preview-cell.is-revealed,.lobby-preview-cell.is-number-1,.lobby-preview-cell.is-number-2,.lobby-preview-cell.is-number-3{background:linear-gradient(180deg,rgba(255,255,255,.52),transparent 22%),linear-gradient(180deg,#ffe267,#ffc214);box-shadow:inset 1px 1px #fff9,inset -1px -1px #d17c008c}.lobby-preview-cell.is-number-1{color:#1940be}.lobby-preview-cell.is-number-2{color:#237019}.lobby-preview-cell.is-number-3{color:#d14520}.lobby-preview-cell.is-flag-blue{color:#1e36a5}.lobby-preview-cell.is-flag-red{color:#bb2d23}.lobby-feature-row{display:flex;flex-wrap:wrap;gap:10px}.lobby-feature-pill{border-radius:999px;padding:8px 12px;background:#ffffff14;color:#dce8ff;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.lobby-control-panel{align-content:start}.invite-panel{background:radial-gradient(circle at top right,rgba(255,173,74,.22),transparent 28%),radial-gradient(circle at left center,rgba(91,196,255,.12),transparent 30%),linear-gradient(180deg,#fffffff5,#f2f6fdf2)}.invite-stage,.waiting-lobby-stage{align-items:start}.invite-hero-copy{gap:12px}.invite-room-banner{display:inline-flex;align-items:baseline;gap:12px;width:fit-content;padding:10px 16px;border-radius:999px;background:linear-gradient(180deg,#ffffffd9,#ffffffb3),linear-gradient(135deg,#fff0ca,#ffe0a3);box-shadow:inset 0 1px #ffffffb8,0 10px 18px #58431714}.invite-room-banner-label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8a671b}.invite-room-banner strong{color:#533300;font-size:1.05rem;letter-spacing:.22em;text-transform:uppercase}.invite-control-panel{display:grid;gap:14px;align-content:start}.invite-summary-card,.invite-join-card{display:grid;gap:10px}.invite-summary-card{background:linear-gradient(180deg,#ffffffc7,#ffffff94),linear-gradient(135deg,#eef5ff,#d9e8ff);border:1px solid rgba(129,152,196,.35)}.invite-control-panel .lobby-identity-card,.invite-control-panel .lobby-action-card{padding:16px;border-radius:18px}.invite-control-panel .lobby-action-button{min-height:46px;font-size:.9rem}.invite-room-readout{display:grid;gap:4px;padding:12px 14px;border-radius:16px;background:#ffffffb8;border:1px solid rgba(128,150,191,.32)}.invite-room-readout-label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#657d9f}.invite-room-readout strong{color:#2c4266;font-size:1.1rem;letter-spacing:.22em;text-transform:uppercase}.invite-private-readout strong{letter-spacing:.08em;text-transform:none}.invite-code-readonly{display:grid;place-items:center;min-height:50px;border-radius:14px;border:1px solid rgba(128,150,191,.48);background:#ffffffe0;color:#445778;font-size:1rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;box-shadow:inset 0 1px #ffffffb8,0 6px 16px #41568014}.invite-token-readonly{min-height:44px;padding:10px 12px;text-align:left;letter-spacing:.04em;text-transform:none;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.84rem;line-height:1.35;overflow-wrap:anywhere}.invite-status-strip{margin-top:4px}.invite-info-copy{margin:0;color:#546887;font-size:.88rem;line-height:1.45}.invite-secondary-actions{display:flex;justify-content:flex-start}.p2p-waiting-actions{justify-content:flex-start}.invite-error-panel{text-align:center}.waiting-control-panel{display:grid;gap:14px;align-content:start}.waiting-action-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.waiting-summary-card,.waiting-share-card,.waiting-room-card{display:grid;gap:10px}.waiting-share-card{padding:16px}.waiting-control-panel .lobby-identity-card,.waiting-control-panel .lobby-action-card{padding:16px;border-radius:18px}.waiting-summary-card .invite-code-readonly{min-height:46px;font-size:.96rem}.waiting-summary-copy,.waiting-room-copy,.waiting-share-copy{margin:0;color:#546887;font-size:.88rem;line-height:1.42}.waiting-room-copy{font-size:.86rem}.waiting-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.waiting-control-panel .lobby-action-button{min-height:46px;font-size:.88rem}.lobby-identity-card,.lobby-action-card{display:grid;gap:12px;padding:18px;border-radius:20px;box-shadow:0 14px 28px #23314f1f}.lobby-identity-card{background:linear-gradient(180deg,#ffffffbd,#ffffff8c),linear-gradient(135deg,#edf5ff,#d9e7ff);border:1px solid rgba(129,152,196,.35)}.lobby-action-cards{display:grid;gap:14px}.lobby-action-card{border:1px solid rgba(111,133,177,.24)}.lobby-action-card.is-create{background:linear-gradient(180deg,#ffffffb8,#ffffff7a),linear-gradient(135deg,#e7f4ff,#d4e9ff)}.lobby-action-card.is-join{background:linear-gradient(180deg,#ffffffc2,#ffffff8a),linear-gradient(135deg,#fff5dd,#ffe5b2)}.lobby-card-heading{align-items:baseline}.lobby-card-heading h2{color:#23304d}.lobby-card-heading span{color:#576a8e;font-size:.84rem}.lobby-card-heading-row{display:flex;align-items:center;gap:10px}.lobby-slot-indicator{display:inline-flex;align-items:center;gap:4px}.lobby-slot-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#4a8cd624;color:#2f66a2}.lobby-slot-pill.is-full{background:#cb525224;color:#9d2a2a}.lobby-slot-refresh{background:none;border:none;color:#576a8e;cursor:pointer;font-size:.82rem;padding:2px;line-height:1;transition:transform .3s}.lobby-slot-refresh:hover{color:#2f66a2}.lobby-slot-refresh.is-refreshing{animation:slot-spin .6s linear}@keyframes slot-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.field{display:grid;gap:6px}.field input{border:1px solid #b5c4dc;border-radius:12px;padding:12px 14px;background:#f5f8fef2}.lobby-field span{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#52698f}.lobby-field input{min-height:50px;border:1px solid rgba(128,150,191,.48);background:#ffffffe6;box-shadow:inset 0 1px #ffffffb8,0 6px 16px #41568014}.signaling-payload-input{min-height:110px;resize:vertical;border:1px solid rgba(128,150,191,.48);border-radius:14px;padding:12px 14px;background:#ffffffe6;box-shadow:inset 0 1px #ffffffb8,0 6px 16px #41568014;color:#445778;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.82rem;line-height:1.4}.lobby-action-card.is-join .lobby-field input{font-size:1rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;text-align:center}.lobby-action-card.is-join .lobby-field input.invite-token-input{font-size:.92rem;font-weight:600;letter-spacing:.02em;text-transform:none;text-align:left}.lobby-action-button{width:100%;min-height:50px;border:none;border-radius:16px;font-weight:700;font-size:.96rem;letter-spacing:.06em;box-shadow:inset 0 1px #ffffff42,0 10px 18px #31487a2e;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.lobby-action-link{display:grid;place-items:center;text-decoration:none}.lobby-action-button:hover:enabled{transform:translateY(-1px);filter:brightness(1.02)}.lobby-action-button:disabled{cursor:not-allowed;box-shadow:inset 0 1px #ffffff2e,0 6px 12px #2836581a}.lobby-create-button{background:linear-gradient(180deg,#6fd3ff,#2e8be4 52%,#1f63bb);color:#fff}.lobby-join-button{background:linear-gradient(180deg,#dfe4ec,#b4c0d3);color:#6b7890}.lobby-join-button.is-ready{background:linear-gradient(180deg,#ffd978,#ff9f3a 48%,#ff6327);color:#4d1c00}.lobby-connection-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lobby-connection-pill.is-connected{background:#4aaf7129;color:#2a7e4b}.lobby-connection-pill.is-connecting{background:#ffbf5538;color:#8b5b00}.lobby-connection-pill.is-disconnected{background:#cb525229;color:#9d2a2a}.action-row{display:flex;gap:10px;align-items:center}.primary-button,.secondary-button,.link-button{border:none;border-radius:999px;padding:12px 18px;text-decoration:none}.primary-button{background:linear-gradient(135deg,#2d83c5,#2361b4);color:#fff}.secondary-button,.link-button{background:#e3e8f4;color:#24314f}.secondary-button.is-armed{background:#ffd7a2}.primary-button:disabled,.secondary-button:disabled,.link-button:disabled{cursor:not-allowed;opacity:.45}.status-strip,.status-cluster{display:flex;gap:16px;flex-wrap:wrap}.lobby-status-strip{align-items:center;padding:14px 16px;border-radius:16px;background:#ffffff94;border:1px solid rgba(126,148,188,.22)}.lobby-status-note{color:#516583;font-size:.88rem}.lobby-status-link{border:none;padding:0;background:transparent;color:#3d5d92;font:inherit;font-size:.88rem;text-decoration:none;cursor:pointer}.lobby-status-link:hover{color:#24426f;text-decoration:underline}.error-text,.error-banner{color:#9f2b1b}.room-page-shell{background:var(--app-page-background)}.room-unavailable-panel{background:radial-gradient(circle at top right,rgba(255,196,82,.12),transparent 26%),linear-gradient(180deg,#fffffff5,#ecf3fcf0);border:1px solid rgba(112,136,183,.3);text-align:center}.room-unavailable-panel h1{margin:0;font-size:clamp(2.4rem,7vw,4rem);letter-spacing:.04em}.room-unavailable-panel p{margin:0;color:#475a78}.conflict-guidance{margin-top:12px;padding:14px 18px;border-radius:12px;border:1px solid rgba(204,120,50,.3);background:#ffdca02e;text-align:left}.conflict-message{font-size:.92rem;color:#7a4e1e;font-weight:600}.conflict-action{font-size:.86rem;color:#5b7092;margin-top:6px}.claim-victory-notice{margin-top:12px;padding:14px 18px;border-radius:12px;border:1px solid rgba(60,160,80,.3);background:#b4e6b42e;text-align:left}.claim-victory-notice p{font-size:.92rem;color:#2a6e3a;font-weight:600}.waiting-room-note{margin:0;color:#5b7092;font-size:.9rem}.waiting-player-list{display:grid;gap:10px}.waiting-player-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid rgba(116,137,177,.24);background:#ffffff8f;box-shadow:inset 0 1px #ffffff8a,0 8px 18px #29395c14}.waiting-player-row strong{font-size:.92rem;color:#24314f}.waiting-player-state{color:#121c2bb8;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-align:right}.waiting-player-label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:6px 10px;color:#24314f;background:#e2eaf6f2}.waiting-player-row.is-host .waiting-player-label{background:#7ad0ff42;color:#275a88}.waiting-player-row.is-guest .waiting-player-label{background:#ffc56957;color:#9a4d00}.waiting-tip-list{display:grid;gap:10px}.waiting-tip-list p{margin:0;border-radius:16px;padding:14px 16px;background:#ffffffb3;color:#526683;line-height:1.45}.waiting-room-actions{flex-wrap:wrap;gap:8px;justify-content:center}.waiting-inline-button{cursor:pointer;font:inherit}.classic-game-window{width:fit-content;max-width:100%;margin:0 auto;padding:10px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 10%),linear-gradient(180deg,#20242d,#05070b);box-shadow:inset 0 0 0 2px #8296d64d,inset 0 0 0 8px #0b0d12,0 24px 48px #0000008c}.classic-match-shell{width:fit-content;max-width:100%;display:grid;grid-template-columns:168px auto;grid-template-rows:auto auto;gap:8px;align-items:start}.classic-sidebar-frame{width:168px;display:grid;height:var(--game-window-height);grid-template-rows:minmax(0,1fr) auto minmax(0,1fr) auto;gap:3px;padding:5px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 18%),linear-gradient(180deg,#20242f,#090b10);box-shadow:inset 0 0 0 3px #2d313b,inset 0 0 0 6px #07080c}.classic-main-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-self:start;width:var(--game-window-height);max-width:100%;min-width:0}.classic-play-area{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:stretch;width:fit-content;max-width:100%;min-width:0}.sidebar-player-panel{border-radius:9px;border:2px solid rgba(0,0,0,.55);box-shadow:inset 0 1px #ffffffbf,inset 0 -3px #00000059;overflow:hidden;display:grid;grid-template-rows:auto auto auto auto auto minmax(0,1fr)}.sidebar-player-panel-blue{background:linear-gradient(180deg,rgba(255,255,255,.75),transparent 18%),linear-gradient(180deg,#78cdf5,#2c88d5 44%,#3c6ead)}.sidebar-player-panel-red{background:linear-gradient(180deg,rgba(255,255,255,.6),transparent 18%),linear-gradient(180deg,#ffda6b,#ff7a1f 33%,#ff3d21)}.sidebar-player-header{display:flex;justify-content:space-between;gap:8px;padding:7px 10px 2px;font-weight:700;letter-spacing:.08em}.sidebar-player-title{font-size:.9rem}.sidebar-player-role{font-size:.62rem;opacity:.7;align-self:center}.sidebar-player-avatar{width:42px;height:42px;border-radius:50%;margin:3px auto 5px;display:grid;place-items:center;font-size:1.18rem;font-weight:700;color:#00000080;background:radial-gradient(circle at 30% 28%,#fffffff2,#ffffff6b 45%,#00000024);box-shadow:inset 0 2px 4px #fffc,inset 0 -3px 5px #0003}.sidebar-player-name,.sidebar-player-connection{margin:0;padding:0 10px;text-align:center;font-weight:700}.sidebar-player-name{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-player-connection{font-size:.56rem;text-transform:uppercase;letter-spacing:.08em;opacity:.72;margin-top:2px}.sidebar-score-strip{margin:5px 8px 0;display:grid;grid-template-columns:1fr 42px;gap:6px}.sidebar-pill{border-radius:8px;border:2px solid rgba(0,0,0,.4);background:linear-gradient(180deg,#ffffffeb,#fff9),linear-gradient(180deg,#fff3be,#ffc35b);box-shadow:inset 0 1px #ffffffe6,inset 0 -2px #00000029;min-height:34px}.sidebar-score-pill{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:6px;font-size:1.25rem}.sidebar-bomb-pill{display:grid;place-items:center;color:#363636;padding:0}.sidebar-bomb-icon{display:block;filter:drop-shadow(0 1px 0 rgba(255,255,255,.28))}.sidebar-bomb-pill.is-ready{background:linear-gradient(180deg,#fffffff5,#fff5cceb),linear-gradient(180deg,#fff3a6,#ffc84d);color:#6f3600;box-shadow:inset 0 1px #fffffff0,inset 0 -2px #99610033,0 0 0 1px #ffd66947,0 0 14px #ffd3543d}.sidebar-bomb-pill:disabled{cursor:not-allowed;opacity:.7}.sidebar-bomb-pill:disabled .sidebar-bomb-icon{opacity:.92}.sidebar-bomb-pill.is-armed{background:linear-gradient(180deg,#ffffffeb,#ffe9d4e0),linear-gradient(180deg,#ffeab1,#ff8f3c);color:#7e290c}.sidebar-turn-box{margin:5px 8px 7px;padding:6px 7px;min-height:0;border-radius:10px;border:2px solid rgba(0,0,0,.42);background:#0000001f;box-shadow:inset 0 1px #ffffff3d;display:grid;place-items:center;text-align:center}.sidebar-turn-box p{margin:0;font-size:.74rem;line-height:1.15;font-weight:700;white-space:pre-line}.sidebar-center-strip{display:grid;gap:3px;padding:1px 0;border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 30%),linear-gradient(180deg,#1d1f27,#06070b);color:#f2f2f2;box-shadow:inset 0 1px #ffffff14}.star-meter,.room-code-pill,.move-pill{border-radius:10px;text-align:center;font-weight:700}.star-meter{display:flex;justify-content:center;gap:10px;align-items:center;background:linear-gradient(180deg,#5e6168,#2f3036);padding:4px 0;font-size:1rem;margin:0 4px}.star-glyph{color:#d8d8d8}.room-code-pill{background:linear-gradient(180deg,#3e434d,#16181d);padding:5px 8px;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;margin:0 4px}.move-pill{color:#fff;padding:7px 8px;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;margin:0 4px}.move-pill-blue{background:linear-gradient(180deg,#66cbff,#1976da)}.move-pill-red{background:linear-gradient(180deg,#ffcb5d,#ff4a2b)}.sidebar-resign-button{margin:0 4px 2px;min-height:34px;border-radius:8px;border:2px solid rgba(0,0,0,.7);color:#d7d7d7;font-weight:700;font-size:.82rem;letter-spacing:.1em;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 16%),linear-gradient(180deg,#575a63,#22252c 58%,#15171c);box-shadow:inset 0 1px #ffffff38,inset 0 -2px #00000073}.sidebar-resign-button:hover:enabled{filter:brightness(1.06)}.sidebar-resign-button:disabled{cursor:not-allowed;opacity:.55}.classic-board-shell{display:grid;gap:8px;align-self:start;width:100%}.classic-chat-frame{display:grid;gap:8px;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0;overflow:hidden}.classic-match-chat{grid-column:1 / -1;width:100%;max-width:100%;height:324px;min-height:324px;padding:8px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 18%),linear-gradient(180deg,#20242f,#090b10);box-shadow:inset 0 0 0 3px #2d313b,inset 0 0 0 6px #07080c}.classic-match-chat .chat-panel-header h2{color:#eef2ff}.classic-match-chat .chat-panel-header>div>span{color:#dce4f7d1}.classic-match-chat .chat-panel-header span,.classic-match-chat .chat-inline-status{color:#dce4f7b8}.chat-panel-header{display:flex;justify-content:space-between;gap:12px;align-items:start}.chat-panel-header h2{margin:0;font-size:.96rem;letter-spacing:.08em;text-transform:uppercase}.chat-panel-header span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.chat-connection-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.chat-connection-pill.is-connected{background:#4aaf7129;color:#53d180}.chat-connection-pill.is-connecting{background:#ffbf552e;color:#ffcc76}.chat-connection-pill.is-disconnected{background:#cb525229;color:#ff9687}.chat-message-list,.chat-empty-state{min-height:0;border-radius:12px;padding:8px}.chat-message-list{height:100%;overflow-y:auto;display:grid;gap:6px;align-content:start;overscroll-behavior:contain;background:linear-gradient(180deg,#fafcff,#f1f5fb);box-shadow:inset 0 0 0 1px #8190ad80,inset 0 0 0 4px #e6ecf5eb}.chat-empty-state{display:grid;align-content:center;justify-items:center;text-align:center;gap:8px;background:linear-gradient(180deg,#fafcff,#f1f5fb);color:#5b6781;box-shadow:inset 0 0 0 1px #8190ad80,inset 0 0 0 4px #e6ecf5eb}.chat-empty-state p{margin:0;max-width:22ch}.chat-message{display:grid;gap:3px;padding:7px 9px;border-radius:10px;border:1px solid rgba(149,163,189,.34);box-shadow:inset 0 1px #ffffffb8,0 1px #ffffff73;background:#ffffffe0}.chat-message.is-self{margin-left:14px}.chat-message.is-opponent{margin-right:14px}.chat-message.is-blue-player{border-left:4px solid #2f8ce3;background:linear-gradient(180deg,#f8fbff,#eef6ff)}.chat-message.is-red-player{border-left:4px solid #ff8a2a;background:linear-gradient(180deg,#fffaf4,#fff0df)}.chat-message-meta{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.chat-message-meta strong{font-size:.72rem;letter-spacing:.02em;text-transform:none}.chat-message.is-blue-player .chat-message-meta strong{color:#2f78cb}.chat-message.is-red-player .chat-message-meta strong{color:#d36517}.chat-message-meta time{font-size:.68rem;white-space:nowrap;color:#7f8ca7}.chat-message-text{margin:0;font-size:.83rem;line-height:1.35;white-space:pre-wrap;word-break:break-word;color:#24314f}.chat-emoticon{display:inline;margin:0;background:none;box-shadow:none;font-size:1.05em;line-height:1;vertical-align:baseline}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.chat-composer input{min-height:36px;border-radius:8px;border:1px solid rgba(129,144,173,.58);padding:8px 10px;background:linear-gradient(180deg,#fafcff,#f1f5fb);color:#24314f;box-shadow:inset 0 1px #ffffffeb,inset 0 0 0 3px #e6ecf5d1}.chat-composer input::placeholder{color:#7f8ca7}.chat-composer input:disabled{cursor:wait;opacity:.82}.chat-composer button{min-width:68px;min-height:36px;border-radius:8px;border:2px solid rgba(0,0,0,.56);font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(180deg,rgba(255,255,255,.36),transparent 18%),linear-gradient(180deg,#ffe267,#ffc214);color:#543100;box-shadow:inset 0 1px #fffc,inset 0 -2px #9a670047}.chat-composer button:disabled{cursor:not-allowed;opacity:.55}.chat-inline-status{min-height:1.2em;margin:0;font-size:.72rem;line-height:1.35}.chat-inline-status.is-error{color:#ffb1a3}.classic-board-frame{width:fit-content;max-width:100%;padding:8px;border-radius:14px;background:linear-gradient(180deg,#7b91c7,#354d88);box-shadow:inset 0 1px #ffffff61,0 18px 40px #00000073}.board-grid{display:grid;position:relative;gap:2px;background:#050607;padding:8px;border-radius:12px;box-shadow:inset 0 0 0 3px #2f2f2f,inset 0 0 0 6px #0f1013}.board-bomb-preview{position:absolute;pointer-events:none;z-index:2;border-radius:8px;background:linear-gradient(180deg,#ceebff38,#70bbff1f);box-shadow:inset 0 0 0 2px #ffffff42,inset 0 0 0 5px #121c2e47;outline:3px dashed rgba(12,25,45,.78);outline-offset:-6px}.board-cell{width:var(--board-cell-size);height:var(--board-cell-size);border:0;border-radius:2px;padding:0;font-weight:700;color:#2a3653;position:relative;z-index:1;display:grid;place-items:center;text-shadow:0 1px 0 rgba(255,255,255,.32)}.board-cell:disabled{opacity:1;cursor:default}.board-cell.status-hidden:hover:enabled{filter:brightness(1.07)}.board-grid.is-bomb-preview-active .board-cell.status-hidden:hover:enabled{filter:none}.board-cell.status-hidden{background:linear-gradient(135deg,rgba(255,255,255,.18) 20%,transparent 20%) 0 0 / 10px 10px,linear-gradient(315deg,rgba(255,255,255,.12) 20%,transparent 20%) 0 0 / 10px 10px,linear-gradient(180deg,#79d3fb,#2894e6 55%,#1f6db8);box-shadow:inset 1px 1px #ffffff6b,inset -1px -1px #00000038}.board-cell.status-revealed,.board-cell.status-claimed{background:linear-gradient(180deg,rgba(255,255,255,.52),transparent 22%),linear-gradient(180deg,#ffe267,#ffc214);box-shadow:inset 1px 1px #fff9,inset -1px -1px #d17c008c}.board-cell.status-mine-revealed{background:linear-gradient(180deg,#ffbfb0,#e6512f);color:#fff}.board-cell.bomb-targetable{cursor:crosshair}.board-cell.bomb-preview-cell{box-shadow:inset 0 0 0 2px #fff5b07a,inset 0 0 18px #ffffff38}.board-cell.bomb-preview-center{box-shadow:inset 0 0 0 2px #ffdd74e0,inset 0 0 0 5px #fffcd261,inset 0 0 22px #ffffff52}.cell-number{font-size:1.28rem;line-height:1}.number-1{color:#1940be}.number-2{color:#237019}.number-3{color:#d14520}.number-4{color:#112478}.number-5{color:#7e2323}.number-6{color:#0f7580}.number-7{color:#432d1a}.number-8{color:#4c4c4c}.mine-burst{font-size:1rem}.waiting-panel{max-width:560px;margin:0 auto;text-align:center}.rematch-panel{grid-column:1 / -1;width:100%;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 28%),linear-gradient(180deg,#1c202d,#090c13);color:#edf2ff;border-color:#7d94cc33;box-shadow:inset 0 1px #ffffff14,0 16px 32px #00000047}.rematch-panel p{margin:0}.rematch-panel .action-row{justify-content:center}@media(max-width:920px){.home-page-shell{padding-top:26px}.lobby-panel{padding:20px}.lobby-stage{grid-template-columns:1fr}}@media(max-width:720px){:root{--board-cell-size: min(5.3vw, 28px)}.page-shell{padding:14px}.hero-panel{gap:16px}.lobby-panel{padding:16px}.lobby-preview-window{grid-template-columns:1fr}.lobby-preview-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.waiting-action-grid{grid-template-columns:1fr}.waiting-action-row{align-items:stretch;flex-direction:column}.waiting-room-actions{width:100%;flex-direction:column;align-items:stretch}.lobby-feature-row{gap:8px}.lobby-card-heading,.lobby-preview-header{align-items:start;flex-direction:column}.classic-game-window{padding:8px}.classic-match-shell{grid-template-columns:1fr}.classic-sidebar-frame{width:100%;height:auto}.chat-panel-header{align-items:start;flex-direction:column}.chat-composer{grid-template-columns:1fr}.chat-composer button{width:100%}.classic-match-chat{height:276px;min-height:276px}.classic-main-shell{width:100%}}