:root{color:#f1f0e8;font-synthesis:none;--ink:#141512;--paper:#f1f0e8;--lime:#d9ff43;--coral:#ff6d4a;--blue:#74b9ff;--muted:#979a91;background:#141512;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:var(--ink);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.app-shell{min-height:100vh}.topbar{z-index:20;background:#141512f5;border-bottom:1px solid #3b3d36;align-items:center;gap:32px;height:76px;padding:0 clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.brand{color:var(--paper);text-align:left;background:0 0;border:0;align-items:center;gap:10px;font-size:12px;font-weight:900;line-height:.9;display:flex}.brand-mark{background:var(--lime);color:var(--ink);place-items:center;width:40px;height:40px;font-size:13px;display:grid}.live{color:var(--muted);align-items:center;gap:8px;margin-right:auto;font:700 10px monospace;display:flex}.live i{background:#65e684;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #65e684}.topbar nav{gap:8px;display:flex}.topbar nav button,.icon-btn{color:#b9bbb3;background:0 0;border:0;align-items:center;gap:8px;padding:10px;display:flex}.topbar nav button:hover{color:var(--paper)}svg{stroke-width:2px;width:17px;height:17px}.topbar nav b{background:#363831;border-radius:8px;padding:3px 6px;font-size:10px}.profile{color:var(--lime);align-items:center;gap:6px;font:700 12px monospace;display:flex}.primary,.outline{text-transform:uppercase;border:0;justify-content:center;align-items:center;gap:14px;min-height:50px;padding:0 22px;font-weight:900;display:inline-flex}.primary{background:var(--lime);color:var(--ink);box-shadow:4px 4px #646f2c}.primary:hover{transform:translate(-1px,-1px);box-shadow:6px 6px #646f2c}.primary:active{transform:translate(3px,3px);box-shadow:1px 1px #646f2c}.primary:disabled{opacity:.5;cursor:wait}.primary.compact{min-height:40px;padding:0 16px;font-size:12px}.primary.full{width:100%}.outline{color:var(--paper);background:0 0;border:1px solid #66685f}.outline:hover{border-color:var(--paper)}.boot{text-align:center;letter-spacing:2px;place-content:center;height:100vh;font:700 11px monospace;display:grid}.boot span{color:var(--lime);font:900 62px Arial}.hero{background:linear-gradient(#1415128c,#141512eb),repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#2d2f28 10%);border-bottom:1px solid #41433b;grid-template-columns:minmax(0,1fr) 310px;gap:60px;min-height:620px;padding:clamp(70px,9vw,130px) clamp(20px,7vw,110px) 70px;display:grid}.kicker{color:var(--lime);letter-spacing:1.5px;align-items:center;gap:8px;font:800 11px monospace;display:flex}.hero h1{letter-spacing:-7px;max-width:1000px;margin:28px 0 35px;font-size:clamp(58px,9vw,128px);line-height:.8}.hero h1 em{color:var(--coral);font-style:normal}.hero-copy{color:#b7b8b1;max-width:580px;font-size:17px;line-height:1.65}.hero-actions{gap:18px;margin-top:42px;display:flex}.hero-score{border-top:4px solid var(--lime);color:var(--muted);flex-direction:column;align-self:end;padding-top:18px;font:700 11px monospace;display:flex}.hero-score strong{color:var(--paper);margin:7px 0;font:900 45px Arial}.hero-score small{color:var(--lime);gap:7px;display:flex}.catalog-head{grid-template-columns:2fr 1fr;gap:60px;padding:100px clamp(20px,7vw,110px) 55px;display:grid}.catalog-head span{color:var(--coral);font:800 11px monospace}.catalog-head h2{letter-spacing:-3px;margin:17px 0;font-size:clamp(40px,6vw,74px);line-height:.92}.catalog-head>p{color:var(--muted);align-self:end;max-width:420px;line-height:1.7}.game-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding:0 clamp(20px,7vw,110px) 120px;display:grid}.game-card{background:#1e201b;border:1px solid #3a3c35;min-width:0;transition:transform .2s}.game-card:hover{border-color:#66695d;transform:translateY(-5px)}.game-art{background:#272921;place-items:center;height:300px;display:grid;position:relative;overflow:hidden}.game-art>span{color:#ffffff0f;font:900 72px Arial;position:absolute;top:15px;right:18px}.game-tetris .game-art{background:var(--lime)}.game-snake .game-art{background:var(--coral)}.game-mines .game-art{background:var(--blue)}.pixel-stack{grid-template-columns:repeat(5,31px);gap:3px;display:grid;transform:rotate(-5deg)}.pixel-stack i{background:var(--ink);height:31px;box-shadow:inset 0 0 0 2px #ffffff26}.pixel-stack i:nth-child(2),.pixel-stack i:nth-child(6),.pixel-stack i:nth-child(15){visibility:hidden}.snake-art{color:var(--ink);white-space:nowrap;font:900 26px monospace;transform:rotate(-12deg)}.snake-art b{margin-left:18px;font-size:40px}.mine-art{color:var(--ink);grid-template-columns:repeat(3,50px);gap:6px;font:900 25px monospace;display:grid}.mine-art span{text-align:center;grid-column:1/-1;font-size:95px}.mine-art i{border:3px solid var(--ink);place-items:center;height:50px;font-style:normal;display:grid}.game-info{padding:24px}.game-info>p{color:var(--muted);margin:0;font:700 10px monospace}.game-info h3{margin:8px 0 13px;font-size:34px}.game-info>span{color:#a7a9a1;min-height:68px;line-height:1.5;display:block}.game-info>div{border-top:1px solid #3a3c35;justify-content:space-between;margin-top:20px;padding-top:18px;display:flex}.game-info button{color:var(--paper);background:0 0;border:0;gap:7px;padding:5px;font-weight:800;display:flex}.game-info button:hover{color:var(--lime)}footer{color:#777a71;border-top:1px solid #3a3c35;justify-content:space-between;padding:30px clamp(20px,7vw,110px);font:700 10px monospace;display:flex}.modal-backdrop{z-index:50;background:#000000b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);color:var(--ink);width:min(440px,100%);box-shadow:12px 12px 0 var(--coral);padding:42px;position:relative}.modal-close{background:0 0;border:0;position:absolute;top:14px;right:14px}.modal h2{letter-spacing:-2px;margin:12px 0 25px;font-size:40px}.modal label,.room-builder label{margin:20px 0;font:800 11px monospace;display:block}.modal input,.room-builder input,.room-builder select{background:#fff;border:1px solid #a7a99f;width:100%;height:50px;margin-top:8px;padding:0 14px;font-weight:700;display:block}.segmented{background:#e1e1da;border:1px solid #aaa;display:flex}.segmented button{background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:7px;height:42px;font-weight:800;display:flex}.segmented button.active{background:var(--ink);color:var(--paper)}.form-error{color:#bd2e24;font-size:13px}.lobby{max-width:1500px;margin:auto;padding:70px clamp(20px,7vw,110px)}.lobby header h1{letter-spacing:-6px;margin:20px 0;font-size:clamp(60px,10vw,120px);line-height:.8}.lobby header>p:last-child{color:var(--muted);font-size:17px}.lobby-layout{grid-template-columns:380px 1fr;gap:70px;margin-top:70px;display:grid}.room-builder{background:var(--paper);color:var(--ink);align-self:start;padding:30px}.room-builder h2,.room-list h2{margin:0;font-size:25px}.code-join{margin-top:24px;display:flex}.code-join input{letter-spacing:5px;margin:0}.code-join button{background:var(--ink);color:var(--paper);border:0;padding:0 15px;font-weight:800}.list-title{border-bottom:1px solid #3e4039;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.list-title span{color:var(--lime);font:800 12px monospace}.room-row{text-align:left;width:100%;color:var(--paper);background:0 0;border:0;border-bottom:1px solid #34362f;grid-template-columns:8px 1fr 80px 30px;align-items:center;gap:18px;padding:20px 5px;display:grid}.room-row:hover{background:#1d1f1a}.room-row i{width:8px;height:42px}.room-row span{flex-direction:column;gap:4px;display:flex}.room-row small{color:var(--muted);font:700 10px monospace}.room-row strong{font:800 13px monospace}.room-row em{font-size:22px;font-style:normal}.empty{color:var(--muted);padding:60px 0}.active-room{background:var(--lime);color:var(--ink);grid-template-columns:1fr 2fr;margin-top:45px;padding:25px 30px;display:grid}.active-room>div:first-child{flex-direction:column;display:flex}.active-room span{font:800 10px monospace}.active-room strong{letter-spacing:5px;font:900 36px monospace}.active-room button:not(.primary){text-align:left;background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:11px;display:flex}.active-room>div:last-child{justify-content:flex-end;align-items:center;gap:18px;display:flex}.active-room p{font-weight:800}.game-page{padding:30px clamp(15px,4vw,60px) 70px}.game-toolbar{justify-content:space-between;align-items:center;max-width:1150px;height:70px;margin:auto;display:flex}.game-toolbar button{color:var(--muted);background:0 0;border:0}.game-toolbar h1{font-size:30px}.game-toolbar span{color:var(--muted);font:700 10px monospace}.play-layout{grid-template-columns:180px auto 180px;justify-content:center;align-items:start;gap:38px;margin-top:20px;display:grid}.stat-panel,.controls-panel{flex-direction:column;padding-top:20px;display:flex}.stat-panel span,.controls-panel>span{color:var(--muted);border-bottom:1px solid #3d3f37;margin-top:20px;padding-bottom:7px;font:700 10px monospace}.stat-panel strong{color:var(--lime);padding-top:7px;font:900 28px monospace}.controls-panel p{color:#aaa;font:700 12px/1.8 monospace}.board-wrap{position:relative}.tetris-board{aspect-ratio:1/2;background:#080906;border:8px solid #303229;grid-template-columns:repeat(10,1fr);width:min(360px,80vw);display:grid;box-shadow:12px 12px #080906}.tetris-board i{border:1px solid #171813}.tetris-board i.filled{border:2px solid #00000059;box-shadow:inset 2px 2px #ffffff4d}.board-overlay{text-align:center;z-index:3;background:#0a0b08e0;place-content:center;display:grid;position:absolute;inset:0}.board-overlay h2{font-size:30px}.touch{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:20px;display:grid}.touch button,.dpad button{height:45px;color:var(--paper);background:#242620;border:1px solid #55584e}.touch button:last-child{grid-column:2}.snake-board{aspect-ratio:1;background:#090a07;border:8px solid #303229;grid-template-columns:repeat(20,1fr);width:min(620px,80vw);display:grid}.snake-board i{border:1px solid #171814}.snake-board i.body,.snake-board i.head{background:var(--lime);border-color:#9cb72f}.snake-board i.head{background:#fff}.snake-board i.peer{background:var(--blue)}.snake-board i.apple{background:var(--coral);border-radius:50%}.dpad{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.mines-board{aspect-ratio:1;background:#090a07;border:8px solid #303229;grid-template-columns:repeat(12,1fr);width:min(620px,80vw);display:grid}.mines-board button{color:var(--ink);background:#2a2c26;border:1px solid #55584e;min-width:0;padding:0;font-weight:900}.mines-board button:hover{background:#3c3f36}.mines-board button.open{background:#d7d7cc}.mines-board button.mine{background:var(--coral)}@media (width<=850px){.topbar{gap:8px;height:62px;padding:0 14px}.live,.topbar nav button:first-child,.profile span{display:none}.topbar nav{margin-left:auto}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero h1{letter-spacing:-4px}.hero-score{display:none}.catalog-head{grid-template-columns:1fr;padding-top:70px}.catalog-head>p{align-self:auto}.game-grid{grid-template-columns:1fr}.game-art{height:230px}.lobby-layout{grid-template-columns:1fr;gap:35px}.active-room{grid-template-columns:1fr;gap:20px}.active-room>div:last-child{flex-wrap:wrap;justify-content:flex-start}.play-layout{grid-template-columns:1fr;justify-items:center}.stat-panel{grid-template-columns:1fr 1fr;width:min(620px,90vw);display:grid}.controls-panel{width:min(620px,90vw)}.game-toolbar span{display:none}.game-toolbar h1{font-size:22px}.tetris-board{width:min(340px,86vw)}.snake-board,.mines-board{width:min(620px,92vw)}footer{flex-direction:column;gap:15px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.game-page{background:radial-gradient(circle at 50% 30%,#20231c 0,#141512 48%);min-height:calc(100vh - 76px)}.game-toolbar{border-bottom:1px solid #34372f;margin-bottom:26px}.game-toolbar h1{letter-spacing:-1px}.play-layout{grid-template-columns:190px auto 220px;align-items:start;gap:32px;width:100%;max-width:1120px;margin:0 auto}.game-canvas-wrap{background:#090a08;border:8px solid #30342b;line-height:0;box-shadow:0 18px 50px #00000059}.game-canvas{touch-action:none;max-width:100%;height:auto;display:block}.tetris-canvas{aspect-ratio:1/2;width:320px}.snake-canvas{aspect-ratio:1;width:min(576px,58vw)}.stat-panel,.controls-panel{min-width:0}.stat-panel strong{font-variant-numeric:tabular-nums;min-height:39px}.piece-panel{gap:12px}.piece-preview{border-bottom:1px solid #3d3f37;padding:0 0 16px}.piece-preview>span{color:var(--muted);margin-bottom:10px;font:700 10px monospace;display:block}.piece-preview>div{background:#0b0c09;border:1px solid #30332b;grid-template-rows:repeat(4,18px);grid-template-columns:repeat(4,18px);place-content:center;width:100%;height:76px;display:grid}.piece-preview i{margin:1px;display:block;box-shadow:inset 0 2px #ffffff3d}.piece-preview small{color:#56594e;grid-area:1/1/-1/-1;place-items:center;font:800 20px monospace;display:grid}.game-tip{border-left:3px solid var(--lime);margin:16px 0 22px;padding:2px 0 2px 13px}.game-tip b{color:var(--lime);font:800 10px monospace}.game-tip p{color:#9da096;margin:7px 0 0;font:12px/1.55 Arial}.board-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);line-height:normal}.board-overlay small{color:var(--lime);letter-spacing:1px;font:800 10px monospace}.board-overlay h2{letter-spacing:-1px;margin:8px 0 20px}.touch button,.dpad button{transition:background .12s,border-color .12s}.touch button:hover,.dpad button:hover{border-color:var(--lime);background:#363a30}.touch button:active,.dpad button:active{background:var(--lime);color:var(--ink)}.mines-layout{max-width:1220px}.mines-board{aspect-ratio:1;background:#161813;border:8px solid #30342b;gap:2px;width:min(640px,58vw);padding:5px;box-shadow:0 18px 50px #00000059}.mines-board button{color:var(--paper);background:#30342b;border:0;font:900 clamp(10px,1.3vw,18px) monospace;transition:background .1s;box-shadow:inset 0 2px #ffffff0d,inset 0 -2px #0000004d}.mines-board button:hover:not(.open){background:#42473a}.mines-board button.open{box-shadow:none;background:#1d201a}.mines-board button.mine{background:var(--coral);color:var(--ink)}.mines-board button.flag{color:var(--lime);background:#3a3e33}.difficulty{gap:6px;margin-top:10px;display:grid}.difficulty button{color:var(--paper);text-align:left;background:#20221d;border:1px solid #3e4138;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.difficulty button:hover{border-color:#777b6c}.difficulty button.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.difficulty small{opacity:.7;font:700 9px monospace}.sound-toggle{width:38px;height:38px;border:1px solid #3a3d34!important;place-items:center!important;padding:0!important;display:grid!important}.sound-toggle.active{color:var(--lime);border-color:#59642d!important}.sound-toggle:hover{background:#252820!important}.game-canvas-wrap{overflow:hidden}.game-canvas-wrap:after{content:"";pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(#0000 0 3px,#ffffff05 4px);position:absolute;inset:8px}.board-overlay{animation:.18s ease-out overlay-in}.mines-board button.flag{animation:.18s ease-out flag-pop}.mines-board button.mine{animation:.38s ease-out mine-hit}.game-card .game-art:after{content:"";background:linear-gradient(110deg,#0000 25%,#fff3 45%,#0000 65%);transition:transform .55s;position:absolute;inset:0;transform:translate(-130%)}.game-card:hover .game-art:after{transform:translate(130%)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes cell-reveal{0%{filter:brightness(1.8);transform:scale(.82)}to{filter:none;transform:scale(1)}}@keyframes flag-pop{50%{transform:scale(1.18)}}@keyframes mine-hit{35%{background:#fff;transform:scale(1.12)}to{background:var(--coral);transform:scale(1)}}@media (width<=850px){.game-page{padding:15px 12px 55px}.game-toolbar{margin-bottom:18px}.play-layout{grid-template-columns:1fr;justify-items:center;gap:18px}.stat-panel{order:1;grid-template-columns:1fr auto;gap:0 14px;width:min(576px,94vw);padding:0}.stat-panel span{margin-top:8px}.stat-panel strong{text-align:right;padding-top:9px;font-size:22px}.board-wrap{order:2}.controls-panel{order:3;width:min(576px,94vw);padding-top:0}.game-canvas-wrap{border-width:5px}.tetris-canvas{width:min(320px,86vw)}.snake-canvas,.mines-board{width:min(576px,94vw)}.piece-panel{grid-template-columns:1fr 1fr;display:grid}.piece-panel>span,.piece-panel>p,.piece-panel>.touch{grid-column:1/-1}.piece-preview>div{height:62px}.mines-board{border-width:5px;gap:1px;padding:3px}.mines-board button{font-size:clamp(8px,3vw,16px)}.difficulty{grid-template-columns:repeat(3,1fr)}.difficulty button{flex-direction:column;align-items:flex-start;gap:3px;padding:9px}}@media (prefers-reduced-motion:reduce){.board-overlay,.mines-board button.open,.mines-board button.flag,.mines-board button.mine{animation:none}.game-card .game-art:after{display:none}}@media (width<=500px){.topbar .brand>span:last-child{display:none}.topbar .brand{gap:0}.sound-toggle{width:34px;height:34px}.topbar nav button{padding:8px}}.game-pong .game-art{background:#f4d35e}.game-connect4 .game-art{background:#ff7eb6}.game-battleship .game-art{background:#69d9ff}.game-game2048 .game-art{background:#ff9f43}.game-bomber .game-art{background:#ff6d6d}.game-tron .game-art{background:#32e6e2}.game-tanks .game-art{background:#a6d36e}.game-asteroids .game-art{background:#c4b5fd}.symbol-art{color:var(--ink);letter-spacing:-6px;text-shadow:5px 5px #ffffff40;font:900 clamp(55px,8vw,100px) Arial}.game-grid .game-card:nth-child(n+4) .game-art{height:230px}.table-game,.battle-layout{grid-template-columns:190px auto 220px;align-items:start;gap:32px;max-width:1200px;margin:0 auto;display:grid}.connect-board{aspect-ratio:7/6;background:#272c24;border:8px solid #3a3f34;grid-template-columns:repeat(7,1fr);gap:7px;width:min(570px,55vw);padding:10px;display:grid;box-shadow:0 18px 50px #00000059}.connect-board button{background:#12140f;border:0;border-radius:50%;padding:7px}.connect-board button i{background:#080a07;border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 5px 12px #000}.connect-board button:hover i{background:#24271f}.connect-board button.p1 i{background:#f4d35e;box-shadow:inset 0 5px #ffffff4d,0 0 15px #f4d35e40}.connect-board button.p2 i{background:#ff6d4a;box-shadow:inset 0 5px #ffffff40,0 0 15px #ff6d4a40}.result-box{border-top:3px solid var(--lime);padding-top:15px}.result-box strong{font-size:20px;display:block}.result-box button,.minor-action{color:var(--paper);background:0 0;border:1px solid #575b50;margin-top:14px;padding:11px 13px}.battle-boards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.battle-boards>div>span{color:var(--muted);margin-bottom:8px;font:800 10px monospace;display:block}.sea-grid{aspect-ratio:1;background:#15242a;border:6px solid #35434a;grid-template-columns:repeat(10,1fr);gap:1px;width:min(360px,30vw);padding:3px;display:grid}.sea-grid button{color:#fff;background:#19333e;border:0;padding:0;font:900 18px monospace}.sea-grid button:hover{background:#285566}.sea-grid button.ship{background:#7d8d8f}.sea-grid button.miss{color:#6eaabc}.sea-grid button.hit{background:#ff6d4a;animation:.3s mine-hit}.board-2048{aspect-ratio:1;background:#292b24;border:7px solid #3c4035;grid-template-columns:repeat(4,1fr);gap:10px;width:min(520px,52vw);padding:12px;display:grid}.board-2048 div{color:var(--paper);background:#181a16;place-items:center;font:900 clamp(22px,4vw,48px) Arial;animation:.12s cell-reveal;display:grid}.board-2048 .n2{background:#39402b}.board-2048 .n4{background:#596b2d}.board-2048 .n8{background:#a36e2d}.board-2048 .n16{background:#bd5933}.board-2048 .n32{background:#ca473c}.board-2048 .n64{background:#b52e42}.board-2048 .n128{background:#7a4aa0}.board-2048 .n256{background:#4f70aa}.board-2048 .n512{background:#247f82}.board-2048 .n1024{background:#8fa52e}.board-2048 .n2048{background:var(--lime);color:var(--ink)}.action-game{max-width:1000px;margin:0 auto}.action-hud{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:12px;font:800 11px monospace;display:flex}.action-hud b{color:var(--lime);margin:0 8px;font-size:24px}.action-hud strong{color:var(--paper);letter-spacing:2px}.action-game .game-canvas-wrap{width:fit-content;max-width:100%;margin:auto}.wide-canvas{aspect-ratio:5/3;width:min(800px,82vw);height:auto;display:block}.arena-canvas{width:min(598px,82vw);height:auto;display:block}.action-help{text-align:center;color:var(--muted);margin-top:17px;font:700 11px monospace}@media (width<=850px){.table-game,.battle-layout{grid-template-columns:1fr;justify-items:center;gap:18px;width:100%}.table-game>.stat-panel,.battle-layout>.stat-panel{width:100%;max-width:600px}.connect-board{width:100%;max-width:570px}.battle-boards{gap:8px;width:100%}.sea-grid{width:100%}.board-2048{width:100%;max-width:520px}.table-game>.controls-panel,.battle-layout>.controls-panel{width:100%;max-width:600px}.wide-canvas,.arena-canvas{width:min(800px,94vw)}.action-hud{padding:0 8px}.action-help{padding:0 12px}.game-grid .game-card:nth-child(n+4) .game-art{height:200px}}@media (width<=500px){.battle-boards{grid-template-columns:1fr}.sea-grid{width:min(360px,92vw)}.action-hud strong{display:none}.connect-board{border-width:5px;gap:3px;padding:5px}.connect-board button{padding:3px}.board-2048{border-width:5px;gap:5px;padding:7px}}.profile-link{color:var(--paper);background:0 0;border:0;padding:7px 3px;font-weight:800}.profile-link:hover{color:var(--lime)}.profile-page{max-width:1250px;margin:0 auto;padding:70px clamp(20px,7vw,90px) 100px}.profile-loading{color:var(--lime);min-height:60vh;font:800 12px monospace}.profile-hero{border-bottom:1px solid #3a3d35;justify-content:space-between;align-items:end;padding-bottom:35px;display:flex}.profile-hero h1{letter-spacing:-5px;margin:18px 0;font-size:clamp(58px,9vw,116px);line-height:.82}.profile-hero>div>p:last-child{color:var(--muted)}.profile-hero .primary{align-items:center;gap:10px;display:flex}.profile-summary{border-bottom:1px solid #3a3d35;grid-template-columns:repeat(4,1fr);display:grid}.profile-summary>div{border-right:1px solid #3a3d35;flex-direction:column;gap:9px;padding:28px 25px;display:flex}.profile-summary>div:last-child{border:0}.profile-summary span{color:var(--muted);font:800 10px monospace}.profile-summary strong{color:var(--lime);font-size:clamp(22px,3vw,38px)}.profile-columns{grid-template-columns:1.35fr .85fr;gap:70px;margin-top:65px;display:grid}.profile-section-title{border-bottom:3px solid var(--lime);align-items:center;gap:12px;padding-bottom:14px;display:flex}.profile-section-title h2{margin:0;font-size:28px}.records article{border-bottom:1px solid #34372f;grid-template-columns:42px 1fr auto;align-items:center;gap:15px;padding:18px 5px;display:grid}.records i{color:var(--coral);font:800 13px monospace}.records article>div{flex-direction:column;gap:4px;display:flex}.records small,.recent-games small{color:var(--muted);font:700 9px monospace}.records strong{font:900 24px monospace}.recent-games>div{border-bottom:1px solid #34372f;justify-content:space-between;align-items:center;padding:18px 4px;display:flex}.recent-games span{flex-direction:column;gap:5px;display:flex}.recent-games strong{color:var(--lime);font:800 16px monospace}.empty-profile a{color:var(--lime)}.empty-profile h1{font-size:clamp(45px,8vw,90px)}.board-wrap,.game-canvas-wrap{position:relative}.mines-board{grid-auto-rows:minmax(0,1fr)}.mines-board button{width:100%;min-width:0;height:100%;min-height:0;line-height:1;overflow:hidden}.mines-board button.open{animation:.16s ease-out both cell-reveal-stable}.board-2048{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.board-2048>div{min-width:0;min-height:0;line-height:1}.gameover-2048>strong{color:var(--lime);margin-bottom:20px;font:900 17px monospace}.gameover-2048 .primary{justify-self:center}.sea-grid{grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.sea-grid button{width:100%;min-width:0;height:100%;min-height:0;line-height:1}.sea-grid button.sunk{color:#fff;background:#9b2f27;box-shadow:inset 0 0 0 2px #ffb09c,0 0 10px #ff6d4a61}.fleet-list{gap:5px;margin-top:10px;display:grid}.fleet-list button{color:var(--paper);text-align:left;background:#20231d;border:1px solid #3d4138;justify-content:space-between;padding:9px;display:flex}.fleet-list button span{color:var(--blue);font:10px monospace}.fleet-list button.active{border-color:var(--lime);background:#303827}.battle-ready{width:100%;margin-top:16px}.battle-status{overflow-wrap:anywhere;line-height:1.3;font-size:14px!important}.hud-action{color:var(--paper);background:#20231d;border:1px solid #52574b;padding:8px 12px;font:800 10px monospace}.hud-action:hover{border-color:var(--lime);color:var(--lime)}.board-overlay>.primary{justify-self:center}.bomber-hud span:nth-child(2){color:var(--paper);font-size:13px}@keyframes cell-reveal-stable{0%{opacity:.25;filter:brightness(1.8)}to{opacity:1;filter:none}}@media (width<=850px){.profile-page{padding-top:40px}.profile-hero{flex-direction:column;align-items:start;gap:25px}.profile-summary{grid-template-columns:1fr 1fr}.profile-summary>div:nth-child(2){border-right:0}.profile-columns{grid-template-columns:1fr;gap:45px}.battle-boards{max-width:750px}.battle-layout>.controls-panel{order:3}.table-game>.board-wrap{width:100%;max-width:520px}.table-game>.board-wrap>.board-2048{width:100%}}@media (width<=500px){.profile-summary{grid-template-columns:1fr}.profile-summary>div{border-bottom:1px solid #3a3d35;border-right:0}.profile-hero h1{letter-spacing:-3px}.bomber-hud span:nth-child(2){font-size:10px}}.control-setting{color:var(--muted);text-transform:uppercase;gap:8px;margin-top:18px;font:700 10px monospace;display:grid}.control-setting select{width:100%;height:42px;color:var(--paper);background:#20231d;border:1px solid #4c5045;padding:0 10px;font:700 12px Arial}.mines-board{contain:layout paint;grid-auto-flow:row}.mines-board button{aspect-ratio:1;transform:none!important}.tetris-event{overflow-wrap:anywhere;color:var(--blue)!important;font-size:14px!important}.peer-preview>span{color:var(--muted);margin-bottom:8px;font:700 10px monospace;display:block}.peer-preview>div{background:#090a08;border:1px solid #3d4138;grid-template-rows:repeat(20,7px);grid-template-columns:repeat(10,7px);gap:1px;width:max-content;padding:5px;display:grid}.peer-preview i{background:#171a15;display:block;box-shadow:inset 0 1px #ffffff14}.round-results{z-index:5;background:#090a08f5;flex-direction:column;justify-content:center;padding:32px;line-height:normal;animation:.2s ease-out overlay-in;display:flex;position:absolute;inset:0}.round-results>small{color:var(--lime);letter-spacing:1px;font:800 10px monospace}.round-results h2{margin:8px 0 20px;font-size:28px}.round-results>p{border-bottom:1px solid #34382f;grid-template-columns:24px 1fr auto;gap:10px;margin:0;padding:10px 0;font:800 12px monospace;display:grid}.round-results>p>b{color:var(--lime)}.round-results>div{gap:10px;margin-top:22px;display:flex}.round-results .outline.compact{min-height:40px;padding:0 12px;font-size:10px}.battle-boards{grid-template-columns:repeat(2,minmax(250px,360px));min-width:0}.battle-boards>div{min-width:0}.sea-grid{contain:layout paint;width:100%;max-width:360px}.sea-grid button.miss{color:#b5e9ff;background:#17303a;position:relative;box-shadow:inset 0 0 0 1px #6eaabc47}.sea-grid button.miss:after{content:"";border:2px solid #91d9ee;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 7px #69d9ff}.sea-grid button.ship{box-shadow:inset 0 0 0 2px #b8c3c4}.board-2048{contain:layout paint}.board-2048>div{will-change:transform,opacity;animation:.2s cubic-bezier(.2,.8,.2,1) both tile-arrive!important}.score-2048{animation:.2s ease-out score-pop}@keyframes tile-arrive{0%{opacity:.2;transform:scale(.72)translateY(8px)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes score-pop{50%{color:#fff;transform:translateY(-2px)}}@media (width<=850px){.peer-preview{grid-column:1/-1}.peer-preview>div{grid-template-rows:repeat(20,6px);grid-template-columns:repeat(10,6px)}.battle-boards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:730px}.round-results{padding:22px}}@media (width<=500px){.battle-boards{grid-template-columns:1fr}.sea-grid{max-width:360px;margin:auto}.round-results>div{flex-direction:column}}@media (prefers-reduced-motion:reduce){.board-2048>div,.score-2048,.round-results{animation:none!important}}.connect-board button.dropping i{will-change:transform;animation:.44s cubic-bezier(.22,.9,.34,1.12) both disc-drop}@keyframes disc-drop{0%{transform:translateY(calc(-1 * var(--drop-rows) * (100% + 7px)));filter:brightness(1.5)}72%{transform:translateY(7%)}88%{transform:translateY(-3%)}to{filter:none;transform:translateY(0)}}.sea-grid button.preview-valid{box-shadow:inset 0 0 0 2px var(--lime)!important;background:#d9ff4361!important}.sea-grid button.preview-invalid{box-shadow:inset 0 0 0 2px var(--coral)!important;background:#ff6d4a66!important}.fleet-list button[draggable=true]{cursor:grab}.fleet-list button[draggable=true]:active{cursor:grabbing}.setup-hint{margin:8px 0 4px!important;font-size:11px!important}.board-2048.board-2048-motion{padding:12px;display:block;position:relative;overflow:hidden}.board-2048-motion .tile-background{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;height:100%;background:0 0!important;place-items:stretch stretch!important;animation:none!important;display:grid!important}.board-2048-motion .tile-background i{background:#181a16;min-width:0;min-height:0;display:block}.board-2048-motion .tile-layer{pointer-events:none;position:absolute;inset:12px;background:0 0!important;animation:none!important;display:block!important}.board-2048-motion .tile-2048{width:calc(25% - 7.5px);height:calc(25% - 7.5px);transform:translate3d(calc(var(--tile-x) * (100% + 10px)),calc(var(--tile-y) * (100% + 10px)),0);will-change:transform;backface-visibility:hidden;place-items:center;font:900 clamp(22px,4vw,48px) Arial;transition:transform .1s ease-in-out;display:grid;position:absolute;top:0;left:0;animation:none!important}.board-2048-motion .tile-2048.tile-fresh{animation:.2s .1s backwards tile-spawn!important}.board-2048-motion .tile-2048.tile-merged{animation:.2s .1s backwards tile-merge!important}@keyframes tile-spawn{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes tile-merge{0%{opacity:0;scale:0}50%{opacity:1;filter:brightness(1.3);scale:1.18}to{opacity:1;filter:none;scale:1}}.hub-hero{background:radial-gradient(circle at 78% 30%,#74b9ff1f,#0000 34%),linear-gradient(#141512b3,#141512f5),repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#2d2f28 10%);grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);align-items:center;min-height:580px;padding-top:80px}.hub-hero h1{margin-bottom:28px;font-size:clamp(62px,8vw,116px)}.hub-facts{flex-wrap:wrap;gap:10px;margin-top:44px;display:flex}.hub-facts span{color:var(--muted);border:1px solid #44483e;padding:10px 13px;font:700 10px monospace}.hub-facts b{color:var(--paper)}.live-board{background:#0a0b08c7;border:1px solid #42463c;align-self:center;box-shadow:14px 14px #0000003d}.live-board-head{border-bottom:3px solid var(--lime);justify-content:space-between;gap:15px;padding:18px;display:flex}.live-board-head span{color:var(--lime);align-items:center;gap:8px;font:900 11px monospace;display:flex}.live-board-head small{color:var(--muted);font:700 8px monospace}.live-board>button{width:100%;color:var(--paper);text-align:left;background:0 0;border:0;border-bottom:1px solid #33372f;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.live-board>button:hover{background:#20241d}.live-board>button i{color:var(--coral);font:800 11px monospace}.live-board>button span{flex-direction:column;gap:3px;display:flex}.live-board>button b{font-size:13px}.live-board>button small{color:var(--muted);font:700 9px monospace}.live-board>button strong{color:var(--lime);font:900 15px monospace}.leader-empty{color:var(--muted);padding:55px 22px;font:700 12px/1.7 monospace}.hub-catalog{padding-top:78px}.mines-board button.open{cursor:crosshair;-webkit-user-select:none;user-select:none}@media (width<=850px){.hub-hero{grid-template-columns:1fr}.live-board{width:100%;margin-top:20px}.board-2048-motion .tile-layer{inset:7px}.board-2048.board-2048-motion{padding:7px}.board-2048-motion .tile-background{gap:5px}.board-2048-motion .tile-2048{width:calc(25% - 3.75px);height:calc(25% - 3.75px);transform:translate3d(calc(var(--tile-x) * (100% + 5px)),calc(var(--tile-y) * (100% + 5px)),0)}}@media (width<=520px){.hub-hero h1{letter-spacing:-4px;font-size:54px}.hero-actions{flex-direction:column}.hub-facts{margin-top:28px}.live-board-head small{display:none}}@media (prefers-reduced-motion:reduce){.connect-board button.dropping i,.board-2048-motion .tile-2048{transition:none!important;animation:none!important}}.live-board>a{width:100%;color:var(--paper);text-align:left;background:0 0;border-bottom:1px solid #33372f;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:grid}.live-board>a:hover{background:#20241d}.live-board>a>i{color:var(--coral);font:800 11px monospace}.live-board>a>span{flex-direction:column;gap:3px;display:flex}.live-board>a b{font-size:13px}.live-board>a small{color:var(--muted);font:700 9px monospace}.live-board>a>strong{color:var(--lime);font:900 14px monospace}.game-leaderboards{max-width:1600px;margin:auto;padding:78px clamp(20px,7vw,110px) 25px}.game-leaderboards>header{grid-template-columns:1fr 430px;align-items:end;gap:60px;display:grid}.game-leaderboards>header>div>span{color:var(--blue);font:800 10px monospace}.game-leaderboards h2{letter-spacing:-3px;margin:12px 0 0;font-size:clamp(42px,5vw,68px);line-height:.9}.game-leaderboards>header>p{color:var(--muted);line-height:1.65}.leader-game-tabs{scrollbar-width:thin;gap:5px;padding:30px 0 13px;display:flex;overflow:auto}.leader-game-tabs button{color:#aeb1a7;background:#1b1e19;border:1px solid #3a3e35;flex:none;align-items:center;gap:8px;padding:10px 13px;font:800 10px monospace;display:flex}.leader-game-tabs button i{width:7px;height:7px}.leader-game-tabs button:hover,.leader-game-tabs button.active{border-color:var(--lime);color:var(--paper)}.leader-game-tabs button.active{background:#2a3022}.game-leader-table{border-top:4px solid var(--lime);background:#191c17}.leader-table-title{border-bottom:1px solid #3a3e35;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.leader-table-title span{align-items:center;gap:10px;font:900 18px Arial;display:flex}.leader-table-title button{color:var(--lime);background:0 0;border:0;font:800 10px monospace}.game-leader-table>a{color:var(--paper);border-bottom:1px solid #30342d;grid-template-columns:45px 1fr auto;align-items:center;padding:13px 22px;text-decoration:none;display:grid}.game-leader-table>a:hover{background:#22261f}.game-leader-table>a>i{color:var(--coral);font:800 11px monospace}.game-leader-table>a>b{font-size:13px}.game-leader-table>a>strong{color:var(--lime);font:900 17px monospace}.fleet-dock{gap:6px;margin-top:10px;display:grid}.fleet-dock-item{background:#1b1e19;border:1px solid #3e4339;grid-template-columns:1fr 38px;display:grid}.fleet-dock-item.active{border-color:var(--lime)}.fleet-dock-item.placed{background:#242a20}.dock-ship{min-width:0;color:var(--paper);text-align:left;touch-action:none;background:0 0;border:0;padding:9px 10px}.dock-ship>span{gap:2px;margin-bottom:6px;display:flex}.dock-ship>span i{background:var(--blue);width:18px;height:10px;box-shadow:inset 0 2px #ffffff47}.dock-ship>b{font-size:11px;display:block}.dock-ship>small{color:var(--muted);font:700 8px monospace}.dock-rotate{color:var(--blue);background:#22261f;border:0;border-left:1px solid #3e4339;font-size:20px}.dock-rotate:hover{background:var(--blue);color:var(--ink)}.fleet-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.fleet-actions .minor-action{margin-top:10px}.battle-ready:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.own-grid{touch-action:none}.ship-drag-ghost{z-index:100;pointer-events:none;filter:drop-shadow(0 7px 8px #0000008c);gap:2px;display:flex;position:fixed;transform:translate(-14px,-14px)}.ship-drag-ghost.vertical{flex-direction:column}.ship-drag-ghost i{background:var(--blue);opacity:.88;border:2px solid #d7f5ff;width:27px;height:27px;display:block}.sea-grid.own-grid button.ship{cursor:grab}.sea-grid.own-grid button.ship:active{cursor:grabbing}@media (width<=850px){.game-leaderboards>header{grid-template-columns:1fr;gap:15px}.game-leaderboards{padding-top:55px}.fleet-dock{grid-template-columns:1fr 1fr}.fleet-dock-item{min-width:0}}@media (width<=520px){.game-leaderboards{padding-left:16px;padding-right:16px}.game-leaderboards h2{font-size:42px}.game-leader-table>a{padding:12px 14px}.leader-table-title{padding:16px 14px}.fleet-dock{grid-template-columns:1fr}}.tetris-start{background:radial-gradient(circle at 82% 4%,#69d9ff1a,#0000 30%),#11130f;border:1px solid #3c4036;width:min(1100px,100%);margin:18px auto 0;animation:.28s ease-out tetris-console-in;box-shadow:18px 18px #0003}.tetris-start>header{border-bottom:1px solid #3c4036;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:70px;padding:27px 48px 24px;display:grid}.tetris-start-step{color:var(--blue);letter-spacing:1px;font:800 10px monospace}.tetris-start h2{letter-spacing:-4px;margin:10px 0 0;font-size:clamp(46px,5vw,64px);line-height:.84}.tetris-start h2 em{color:var(--lime);font-style:normal}.tetris-start-copy{border-left:3px solid var(--blue);padding-left:16px}.tetris-start-copy b{color:var(--blue);font:800 10px monospace}.tetris-start-copy p{color:#a8aba2;margin:9px 0 0;font:14px/1.55 Arial}.randomizer-cards{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 48px;display:grid}.randomizer-cards>button{min-width:0;min-height:220px;color:var(--paper);text-align:left;background:#181b16;border-top:0;border-bottom:4px solid #0000;border-left:0;border-right:1px solid #35392f;padding:17px 20px 16px;transition:background .16s,border-color .16s,transform .16s;position:relative}.randomizer-cards>button:first-child{border-left:1px solid #35392f}.randomizer-cards>button:hover:not(:disabled){background:#22261e;transform:translateY(-3px)}.randomizer-cards>button.active{border-bottom-color:var(--lime);background:linear-gradient(#d9ff431f,#1c2018 55%)}.randomizer-cards>button:focus-visible{z-index:1}.randomizer-cards>button:disabled{cursor:default;opacity:.42}.randomizer-cards>button.active:disabled{opacity:1}.randomizer-card-head{align-items:center;gap:9px;min-height:25px;display:flex}.randomizer-card-head>i{color:var(--coral);font:900 11px monospace}.randomizer-card-head>small{color:var(--muted);font:800 9px monospace}.randomizer-card-head>b{background:var(--lime);color:var(--ink);margin-left:auto;padding:5px 7px;font:900 8px monospace}.randomizer-cards>button>strong{letter-spacing:-1px;margin-top:12px;font:900 31px Arial;display:block}.randomizer-cards>button>p{color:#a4a79d;min-height:57px;margin:7px 0 12px;font:12px/1.45 Arial}.piece-sequence{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.piece-sequence>i{aspect-ratio:1;color:#0a0c09b8;place-items:center;font:900 10px monospace;display:grid;box-shadow:inset 0 2px #ffffff47,inset 0 -2px #0003}.tetris-launch-bar{background:#0b0d0a;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #3c4036!important;padding:17px 48px!important;display:flex!important}.tetris-launch-bar>div{grid-template-columns:auto auto;align-items:center;gap:3px 16px;display:grid}.tetris-launch-bar>div>span{color:var(--muted);grid-column:1/-1;font:800 9px monospace}.tetris-launch-bar>div>strong{color:var(--lime);font:900 22px Arial}.tetris-launch-bar>div>small{color:#85897e;font:700 9px monospace}.tetris-launch{min-width:255px;justify-content:space-between!important}.tetris-launch>b{border-left:1px solid #1415124d;padding-left:16px;font:900 9px monospace}@keyframes tetris-console-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width<=850px){.tetris-start{margin-top:0}.tetris-start>header{grid-template-columns:1fr;gap:25px;padding:32px 24px}.randomizer-cards{grid-template-columns:1fr;padding:0 24px}.randomizer-cards>button{border-left:1px solid #35392f;min-height:0;padding:20px}.randomizer-cards>button>strong{margin-top:16px}.randomizer-cards>button>p{min-height:0}.piece-sequence{max-width:310px}.tetris-launch-bar{padding:22px 24px!important}}@media (width<=520px){.tetris-start h2{letter-spacing:-3px;font-size:46px}.tetris-start>header{padding:27px 18px}.randomizer-cards{padding:0 18px}.tetris-launch-bar{flex-direction:column;align-items:stretch;padding:20px 18px!important}.tetris-launch{width:100%;min-width:0}.tetris-launch-bar>div{grid-template-columns:1fr}.tetris-launch-bar>div>small{margin-top:3px}}@media (prefers-reduced-motion:reduce){.tetris-start{animation:none}.randomizer-cards>button{transition:none}}.community-status{font-variant-numeric:tabular-nums;background:#10120e;border:1px solid #34372f;align-items:stretch;margin-right:auto;font:800 9px monospace;display:flex}.community-status>span{min-height:38px;color:var(--muted);border-right:1px solid #34372f;align-items:center;gap:7px;padding:0 11px;display:flex}.community-status>span:last-child{border-right:0}.community-status strong{color:var(--paper);font-size:13px}.community-status small{color:#7f8378;font:800 8px monospace}.community-status svg{width:13px;color:var(--blue)}.community-online i,.online-fact i{background:#65e684;border-radius:50%;flex:none;width:7px;height:7px;animation:2s ease-in-out infinite presence-pulse;box-shadow:0 0 8px #65e684}.community-online strong{color:#65e684}.online-fact{align-items:center;gap:7px;display:flex}.online-fact b{color:#65e684!important}@keyframes presence-pulse{50%{opacity:.45;box-shadow:0 0 3px #65e684}}@media (width<=850px){.community-status{margin-right:0}.community-status>span{padding:0 8px}.community-status small{display:none}.topbar nav{margin-left:auto}}@media (width<=650px){.community-total{display:none!important}.community-status{background:0 0;border-color:#394631}.community-status>span{border:0}}@media (width<=500px){.community-status>span{padding:0 6px}.community-status strong{font-size:11px}}@media (prefers-reduced-motion:reduce){.community-online i,.online-fact i{animation:none}}.tetris-config-toggle{width:calc(100% - 96px);min-height:62px;color:var(--paper);text-align:left;background:#151812;border:1px solid #3b4036;justify-content:space-between;align-items:center;margin:18px 48px 0;padding:0 18px;display:flex}.tetris-config-toggle:hover,.tetris-config-toggle.active{border-color:var(--blue);background:#1c211b}.tetris-config-toggle>span{flex-direction:column;gap:5px;display:flex}.tetris-config-toggle b{color:var(--blue);font:900 10px monospace}.tetris-config-toggle small{color:var(--muted);font:700 9px monospace}.tetris-config-toggle>strong{color:var(--lime);font:900 11px monospace}.tetris-config{background:#10120e;border:1px solid #3b4036;border-top:0;grid-template-columns:1.05fr .95fr;margin:0 48px 22px;animation:.2s ease-out tetris-console-in;display:grid}.tetris-config>section{min-width:0;padding:22px}.tetris-config>section+section{border-left:1px solid #34382f}.tetris-config section>header,.handling-test>header{border-bottom:1px solid #34382f;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.tetris-config section>header>span,.handling-test>header>span{color:var(--lime);font:900 10px monospace}.tetris-config section>header button,.handling-test header button{color:var(--blue);background:0 0;border:0;font:800 9px monospace}.tetris-config section>header small{color:var(--muted);font:700 8px monospace}.handling-sliders{display:grid}.handling-sliders>label{border-bottom:1px solid #2b2f28;grid-template-columns:minmax(130px,1fr) minmax(90px,1fr) 55px;align-items:center;gap:12px;min-height:57px;display:grid}.handling-sliders label>span{flex-direction:column;gap:3px;display:flex}.handling-sliders b{font:900 10px monospace}.handling-sliders small{color:var(--muted);font:700 8px monospace}.handling-sliders input{width:100%;accent-color:var(--lime)}.handling-sliders strong{text-align:right;color:var(--lime);font-variant-numeric:tabular-nums;font:900 11px monospace}.tetris-toggles{display:grid}.tetris-toggles>label{border-bottom:1px solid #2b2f28;justify-content:space-between;align-items:center;gap:15px;min-height:66px;display:flex}.tetris-toggles label>span:first-child{flex-direction:column;gap:4px;display:flex}.tetris-toggles b{font:900 10px monospace}.tetris-toggles small{color:var(--muted);font:700 8px monospace}.tetris-toggles .segmented{background:#1b1e19;border-color:#40453a;width:112px}.tetris-toggles .segmented button{height:34px;color:var(--muted);font:900 10px monospace}.tetris-toggles .segmented button.active{background:var(--lime);color:var(--ink)}.switch{background:#1d211b;border:1px solid #44493e;width:43px;height:24px;padding:3px}.switch i{background:#656a5e;width:16px;height:16px;transition:transform .15s,background .15s;display:block}.switch.on{border-color:var(--lime)}.switch.on i{background:var(--lime);transform:translate(18px)}.keybind-grid{grid-template-columns:1fr 1fr;gap:5px;margin-top:13px;display:grid}.keybind-grid>button{min-width:0;min-height:48px;color:var(--paper);text-align:left;background:#181b16;border:1px solid #34382f;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;display:flex}.keybind-grid>button:hover,.keybind-grid>button.capturing{border-color:var(--blue);background:#20271f}.keybind-grid span{font:700 9px Arial}.keybind-grid kbd{min-width:35px;color:var(--blue);text-align:center;background:#0b0d0a;flex:none;padding:5px 6px;font:900 8px monospace}.keybind-grid .capturing kbd{color:var(--lime)}.handling-test{background:#151812;border:1px solid #34382f;margin-top:15px;padding:12px}.handling-test.active{border-color:#566b42}.handling-test>div{grid-template-columns:repeat(10,1fr);gap:3px;margin:13px 0;display:grid}.handling-test>div i{aspect-ratio:1;background:#262a23;border:1px solid #343a30}.handling-test>div i.piece{background:var(--lime);box-shadow:0 0 12px #d9ff4366,inset 0 3px #ffffff59}.handling-test>small{color:var(--muted);font:700 8px monospace}.tetris-pro{grid-template-columns:190px auto 250px;max-width:1220px}.tetris-pro .stat-panel strong{font-size:23px}.tetris-shell{transform-origin:50% 100%;overflow:visible!important}.garbage-meter{z-index:2;background:#0b0d0a;border:1px solid #393d34;flex-direction:column-reverse;gap:2px;width:10px;height:100%;padding:2px;display:flex;position:absolute;bottom:0;left:-22px}.garbage-meter i{background:#20241e;flex:1;min-height:3px}.garbage-meter i.queued{background:var(--coral);box-shadow:0 0 6px #ff6d4a8c}.tetris-callout{z-index:2;pointer-events:none;text-align:center;flex-direction:column;align-items:center;width:150%;animation:1.05s ease-out both tetris-callout;display:flex;position:absolute;top:31%;left:50%;transform:translate(-50%)}.tetris-callout strong{background:var(--paper);color:var(--ink);box-shadow:6px 6px 0 var(--coral);padding:7px 14px;font:900 24px Arial}.tetris-callout small{color:var(--lime);background:#0b0d0a;margin-top:10px;padding:5px 9px;font:900 10px monospace}.attack-flare{z-index:2;background:linear-gradient(90deg,var(--lime),transparent);transform-origin:0;pointer-events:none;width:90px;height:3px;animation:.42s ease-out both attack-flare;position:absolute;top:42%;right:-88px}.incoming-flare{z-index:1;border:4px solid var(--coral);pointer-events:none;animation:.55s ease-out both incoming-flare;position:absolute;inset:0;box-shadow:inset 0 0 22px #ff6d4a59}.tetris-shell.has-garbage{box-shadow:0 18px 50px #00000059,0 0 18px #ff6d4a24}.next-queue{border-bottom:1px solid #3d3f37;padding-bottom:12px}.next-queue>span{color:var(--muted);margin-bottom:7px;font:700 10px monospace;display:block}.next-queue>div{background:#0b0c09;border-top:1px solid #272b24;grid-template-columns:22px 1fr;align-items:center;height:43px;display:grid}.next-queue>div>b{color:#555b50;text-align:center;font:800 8px monospace}.next-queue>div>span{grid-template-rows:repeat(4,9px);grid-template-columns:repeat(4,9px);place-content:center;height:40px;display:grid}.next-queue i{margin:.5px;display:block;box-shadow:inset 0 1px #ffffff47}.peer-canvas canvas{image-rendering:auto;border:1px solid #30332b;width:90px;height:180px;margin:auto;display:block}.tetris-touch{grid-template-columns:repeat(4,1fr)}.tetris-touch button{font:800 10px monospace;grid-column:auto!important}.tetris-touch button:last-child{grid-column:auto!important}@keyframes tetris-callout{0%{opacity:0;transform:translate(-50%,15px)scale(.72)}18%{opacity:1;transform:translate(-50%)scale(1.06)}30%{transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-18px)scale(.96)}}@keyframes attack-flare{0%{opacity:0;transform:scaleX(.1)}30%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.3)}}@keyframes incoming-flare{0%{opacity:1}to{opacity:0}}@media (width<=900px){.tetris-config{grid-template-columns:1fr}.tetris-config>section+section{border-top:1px solid #34382f;border-left:0}.tetris-pro{grid-template-columns:1fr}.garbage-meter{left:-16px}.attack-flare{display:none}.tetris-pro>.stat-panel{grid-template-columns:1fr auto}.tetris-pro>.piece-panel{grid-template-columns:1fr 1fr}.tetris-pro .next-queue,.tetris-pro .peer-preview{grid-row:span 2}.tetris-pro>.piece-panel>span,.tetris-pro>.piece-panel>p,.tetris-pro>.piece-panel>.tetris-touch{grid-column:1/-1}}@media (width<=600px){.tetris-config-toggle{width:calc(100% - 36px);margin:14px 18px 0;padding:0 12px}.tetris-config-toggle>strong{font-size:9px}.tetris-config{margin:0 18px 18px}.tetris-config>section{padding:16px 12px}.handling-sliders>label{grid-template-columns:1fr 85px 48px}.handling-sliders small{display:none}.keybind-grid{grid-template-columns:1fr}.tetris-pro .stat-panel{grid-template-columns:1fr auto}.tetris-callout strong{font-size:18px}.tetris-touch{grid-template-columns:repeat(4,1fr)!important}.garbage-meter{width:8px;left:-12px}.tetris-pro>.piece-panel{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.tetris-config,.tetris-callout,.attack-flare,.incoming-flare{animation:none}.switch i{transition:none}}