:root{--bg:#070b16;--panel:#101624;--line:#222c3f;--text:#f4f7fc;--muted:#7e8aa1;--cyan:#18d6e5;--yellow:#ffd23f;--purple:#a56bff;--orange:#ff8b35;--blue:#4585ff;--green:#4ed073;--red:#ff5364}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}body{overflow-x:hidden}.app-shell{background:radial-gradient(circle at 50% 35%,#142035 0,#0000 38%),linear-gradient(#080d19,#050810);min-height:100vh;padding-bottom:24px}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060a13db;border-bottom:1px solid #192234;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(20px,4vw,64px);display:flex}button{font:inherit;color:inherit}.brand{letter-spacing:2px;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;font-size:20px;font-weight:900;display:flex}.brand-mark{grid-template-rows:repeat(2,10px);grid-template-columns:repeat(2,10px);gap:3px;width:25px;height:25px;display:grid;transform:rotate(0)}.brand-mark i{background:var(--cyan);box-shadow:0 0 12px #18d6e599}.brand-mark i:nth-child(2){background:var(--purple)}.brand-mark i:nth-child(3){background:var(--yellow)}.brand-mark i:nth-child(4){background:var(--orange)}.header-actions{align-items:center;gap:10px;display:flex}.best-pill{background:#101726;border:1px solid #253047;border-radius:6px;align-items:center;gap:14px;height:42px;padding:0 18px;display:flex}.best-pill span,.big-stat span,.stat-row span,.next-block>span,.mobile-stats span{color:var(--muted);letter-spacing:1.5px;font-size:10px;font-weight:800}.best-pill strong{letter-spacing:1px;font-family:monospace;font-size:16px}.icon-button{cursor:pointer;background:#101726;border:1px solid #253047;border-radius:6px;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover{background:#172034;border-color:#485873}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:19px}.game-layout{grid-template-columns:210px minmax(280px,360px) 210px;justify-content:center;align-items:center;gap:clamp(20px,4vw,44px);max-width:1080px;margin:clamp(26px,5vh,52px) auto 22px;padding:0 20px;display:grid}.panel{background:linear-gradient(145deg,#111726f2,#0a0f1bf5);border:1px solid #202a3d;border-radius:9px;overflow:hidden;box-shadow:0 20px 50px #0005}.score-panel{padding:22px}.eyebrow{color:#627087;letter-spacing:2px;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:10px;font-weight:900}.big-stat{padding:22px 0 18px}.big-stat span{margin-bottom:6px;display:block}.big-stat strong{letter-spacing:2px;font:900 28px monospace}.stat-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;padding:17px 0;display:grid}.stat-row>div+div{border-left:1px solid var(--line);padding-left:19px}.stat-row span,.stat-row strong{display:block}.stat-row strong{margin-top:5px;font:800 21px monospace}.next-block{padding-top:19px}.next-block>span{margin-bottom:12px;display:block}.preview{aspect-ratio:1.4;background:#090e19;border:1px solid #1d2638;border-radius:5px;grid-template-rows:repeat(4,22px);grid-template-columns:repeat(4,22px);place-content:center;gap:2px;width:100%;display:grid}.preview i{border-radius:2px}.board-wrap{background:#080c16;border:1px solid #34405a;justify-self:center;width:100%;max-width:374px;padding:7px;position:relative;box-shadow:0 0 0 3px #0c1220,0 30px 80px #0009}.board-glow{filter:blur(40px);z-index:-1;background:#2279a31c;position:absolute;inset:20% -20%}.board{aspect-ratio:1/2;background-color:#080d18;background-image:linear-gradient(#172033 1px,#0000 1px),linear-gradient(90deg,#172033 1px,#0000 1px);background-size:10% 5%;grid-template-columns:repeat(10,1fr);display:grid;overflow:hidden}.cell{min-width:0;position:relative}.mino{box-shadow:inset 2px 2px #ffffff38,inset -2px -2px #0004;border:1px solid #fff4!important}.cell.mino:after,.preview .mino:after{content:"";background:#fff2;position:absolute;inset:20%}.I{background:var(--cyan)!important}.J{background:var(--blue)!important}.L{background:var(--orange)!important}.O{background:var(--yellow)!important}.S{background:var(--green)!important}.T{background:var(--purple)!important}.Z{background:var(--red)!important}.cell.active{filter:saturate(1.15);box-shadow:inset 2px 2px #fff7,inset -2px -2px #0004,0 0 10px}.cell.ghost{box-shadow:none!important;background:0 0!important;border:2px solid #a7b4c777!important}.cell.ghost:after{display:none}.game-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;z-index:5;background:#060a13eb;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:8px}.overlay-kicker{letter-spacing:3px;color:var(--cyan);margin-bottom:16px;font-size:9px;font-weight:900}.overlay-kicker.danger{color:var(--red)}.game-overlay h1{letter-spacing:-2px;text-transform:uppercase;margin:0;font-size:clamp(36px,5vw,52px);font-weight:950;line-height:.93}.game-overlay h1 em{color:var(--cyan);font-style:normal}.game-overlay h2{text-transform:uppercase;letter-spacing:-1px;margin:12px 0 5px;font-size:36px}.game-overlay p{color:#a8b2c4;max-width:260px;margin:18px 0 24px;font-size:13px;line-height:1.55}.primary{background:var(--cyan);color:#041017;letter-spacing:1.5px;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;gap:10px;min-width:210px;min-height:50px;font-size:12px;font-weight:950;transition:transform .2s,filter .2s;display:flex;box-shadow:0 0 24px #18d6e540}.primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.primary svg{fill:none;stroke:currentColor;stroke-width:2px;width:17px;height:17px}.game-overlay small{color:#68758b;letter-spacing:1.5px;margin-top:13px;font-size:9px}.pause-symbol{background:#111a2b;border:1px solid #2b3951;border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.pause-symbol svg{fill:none;width:28px;stroke:var(--cyan);stroke-width:2px}.final-score{flex-direction:column;margin:18px 0 22px;display:flex}.final-score span{color:var(--muted);letter-spacing:2px;font-size:9px}.final-score strong{margin:5px;font:900 32px monospace}.final-score b{letter-spacing:2px;color:var(--yellow);font-size:9px}.controls-panel{padding:22px}.control-row{border-bottom:1px solid #1e2839;justify-content:space-between;align-items:center;height:39px;display:flex}.control-row span{gap:4px;display:flex}.control-row b{color:#bdc6d6;font-size:11px}.control-row kbd{color:#cad3e3;background:#171f2e;border:1px solid #34425a;border-bottom-width:2px;border-radius:4px;place-items:center;min-width:25px;height:23px;padding:0 6px;font:700 10px Arial;display:grid}.rule{border-bottom:1px solid var(--line);padding:18px 0}.rule p{color:#77849a;margin:10px 0 0;font-size:10px;line-height:1.55}.rule strong{color:#bbc5d5}.line-demo{gap:2px;display:flex}.line-demo i{background:var(--purple);border:1px solid #fff3;width:18px;height:12px}.line-demo i:nth-child(2){background:var(--cyan)}.line-demo i:nth-child(3){background:var(--yellow)}.line-demo i:nth-child(4){background:var(--red)}.setting{cursor:pointer;justify-content:space-between;align-items:center;padding-top:18px;display:flex}.setting span b,.setting span small{display:block}.setting span b{font-size:11px}.setting span small{color:#657287;margin-top:3px;font-size:9px}.setting input{display:none}.setting>i{background:#253047;border-radius:20px;width:34px;height:18px;transition:all .2s;position:relative}.setting>i:after{content:"";background:#77849b;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:3px;left:3px}.setting input:checked+i{background:#0a6976}.setting input:checked+i:after{background:var(--cyan);left:19px}.mobile-stats,.touch-controls{display:none}footer{color:#46536a;letter-spacing:1.5px;justify-content:center;align-items:center;gap:13px;font-size:8px;font-weight:800;display:flex}footer i{background:#364359;border-radius:50%;width:3px;height:3px}@media (max-width:850px){.game-layout{grid-template-columns:minmax(270px,350px) 190px}.score-panel{display:none}.controls-panel{grid-column:2}.mobile-stats{background:#101624;border:1px solid #202a3d;border-radius:6px;grid-template-columns:repeat(4,1fr);max-width:350px;margin:0 auto 10px;display:grid}.mobile-stats>div{border-right:1px solid #202a3d;padding:9px 11px}.mobile-stats>div:last-child{border:0}.mobile-stats strong{margin-top:3px;font:800 14px monospace;display:block}.mini-next{color:var(--cyan);font-weight:900}}@media (max-width:600px){body{touch-action:manipulation}.app-shell{padding-bottom:10px}.topbar{height:58px;padding:0 14px}.brand{gap:8px;font-size:15px}.brand-mark{transform:scale(.8)}.best-pill{gap:7px;height:34px;padding:0 10px}.best-pill span{font-size:8px}.best-pill strong{font-size:12px}.icon-button{width:34px;height:34px}.restart-top{display:none}.game-layout{margin:12px auto 8px;padding:0 12px;display:block}.controls-panel{display:none}.board-wrap{width:min(50vh - 120px,100vw - 42px);min-width:250px;padding:5px}.game-overlay{inset:6px}.game-overlay h1{font-size:39px}.game-overlay p{margin:14px 0 18px}.mobile-stats{width:min(50vh - 120px,100vw - 42px);min-width:250px;margin-bottom:8px}.touch-controls{grid-template-columns:repeat(6,1fr);gap:6px;max-width:460px;margin:auto;padding:0 10px;display:grid}.touch-controls button{-webkit-user-select:none;user-select:none;background:#121a29;border:1px solid #2a3851;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;height:50px;font-size:23px;font-weight:800;display:flex}.touch-controls button:active{background:#22314a;transform:translateY(1px)}.touch-controls small{letter-spacing:1px;color:#7f8ba0;font-size:6px}.touch-controls .rotate-btn{color:var(--purple)}.touch-controls .drop-btn{color:var(--cyan)}.touch-controls svg{fill:none;stroke:#c8d1df;stroke-width:2px;width:19px}footer,.preview{display:none}.overlay-kicker{margin-bottom:10px}.primary{min-height:46px}.game-overlay small{margin-top:10px}}@media (max-width:370px){.header-actions .icon-button{display:none}.board-wrap,.mobile-stats{min-width:230px}.touch-controls{gap:4px;padding:0 6px}.touch-controls button{height:46px}}