:root{--cell:clamp(14px,6.5vmin,30px);--cell-bg:#101828;--accent:#22d3ee;--muted:#9ca3af;--panel:rgba(17,24,39,0.72);--panel-border:rgba(148,163,184,0.18)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(1000px 600px at 15% -10%,rgba(34,211,238,.14),transparent 60%),radial-gradient(900px 700px at 110% 110%,rgba(168,85,247,.16),transparent 60%),#070b14;color:#e5e7eb;display:flex;justify-content:center;align-items:center;min-height:100dvh;overflow-x:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none}.game:after,.game:before{content:"";position:fixed;border-radius:50%;filter:blur(90px);z-index:-1;animation:float 12s ease-in-out infinite alternate;pointer-events:none}.game:before{width:340px;height:340px;background:rgba(34,211,238,.1);top:-80px;left:-60px}.game:after{width:420px;height:420px;background:rgba(168,85,247,.1);bottom:-120px;right:-80px;animation-delay:-6s}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(30px)}}.game{flex-direction:column;gap:14px;padding:18px 14px;max-width:900px}.game,.topbar{position:relative;display:flex;align-items:center;width:100%}.topbar{justify-content:center;max-width:620px;padding:0 4px}h1{font-size:clamp(22px,4vw,34px);font-weight:800;letter-spacing:.35em;background:linear-gradient(90deg,#22d3ee,#a855f7,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(34,211,238,.25)}.icon-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-border);color:#e5e7eb;font-size:15px;cursor:pointer;transition:background .15s ease,transform .15s ease}.icon-btn:active{transform:translateY(-50%) scale(.92)}.wrap{display:flex;gap:clamp(10px,2vw,20px);align-items:flex-start;justify-content:center}.board,.board-wrap{position:relative}.board{display:grid;grid-template-columns:repeat(10,var(--cell));grid-template-rows:repeat(20,var(--cell));border-radius:12px;overflow:hidden;background:#0b1220;border:1px solid var(--panel-border);box-shadow:0 0 0 1px rgba(34,211,238,.25),0 0 60px rgba(34,211,238,.12),0 24px 60px rgba(0,0,0,.55)}.cell{width:var(--cell);height:var(--cell);border:1px solid rgba(255,255,255,.045)}.side{display:flex;flex-direction:column;gap:12px;width:clamp(104px,16vw,132px)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.panel-label{font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--muted);margin-bottom:8px}.stat{font-size:clamp(18px,3vw,24px);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent);animation:pop .25s ease}.stat.best{color:#fbbf24}@keyframes pop{0%{transform:scale(1.25)}to{transform:scale(1)}}.mini{display:grid;margin:0 auto;justify-content:center;align-content:center;grid-gap:1px;gap:1px}.mini.empty{width:64px;height:64px;border:1px dashed rgba(148,163,184,.35);border-radius:8px}.mini.dim{opacity:.35;filter:grayscale(.6)}.mini-cell{width:20px;height:20px;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.next-stack{display:flex;flex-direction:column;gap:6px;align-items:center}.next-stack .mini.empty{width:52px;height:52px}.next-stack .mini-cell{width:16px;height:16px}.overlay{position:absolute;inset:0;background:rgba(4,8,16,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;padding:16px}.overlay-title{font-size:clamp(20px,5vw,30px);font-weight:800;letter-spacing:.3em;color:#f87171;text-shadow:0 0 30px rgba(248,113,113,.5)}.overlay-title.pause{color:var(--accent);text-shadow:0 0 30px rgba(34,211,238,.5)}.overlay-sub{color:var(--muted);font-size:14px}.btn{background:rgba(148,163,184,.12);border:1px solid var(--panel-border);color:#e5e7eb;border-radius:12px;padding:12px 22px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.12em;cursor:pointer;transition:transform .12s ease,background .12s ease}.btn:active{transform:scale(.95)}.btn.resume{color:var(--accent);border-color:rgba(34,211,238,.4)}.btn.restart{background:linear-gradient(135deg,#f87171,#ef4444);border:none;color:#fff;box-shadow:0 8px 24px rgba(239,68,68,.35)}@media (hover:hover){.btn:hover{background:rgba(148,163,184,.2)}.btn.restart:hover{filter:brightness(1.1)}}.gain{position:absolute;top:10px;right:12px;font-weight:800;font-size:18px;color:#4ade80;text-shadow:0 0 16px rgba(74,222,128,.7);animation:gainUp .9s ease forwards;pointer-events:none;z-index:5}@keyframes gainUp{0%{opacity:0;transform:translateY(6px)}15%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.gamepad{display:none}.hint{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center;color:var(--muted);font-size:13px}kbd{background:rgba(148,163,184,.14);border:solid rgba(148,163,184,.25);border-width:1px 1px 2px;border-radius:6px;padding:2px 7px;font-family:inherit;font-size:12px}@media (max-width:760px){:root{--cell:min(26px,7vmin)}body{align-items:flex-start;overflow-y:auto}.game{gap:10px;padding:12px 8px}.wrap{flex-direction:column;align-items:center;width:100%}.side{flex-direction:row;width:100%;max-width:calc(var(--cell) * 10 + 2px);gap:8px}.side .panel{flex:1 1;padding:10px}.next-stack{flex-direction:row;justify-content:center;gap:4px}.next-stack .mini.empty{width:36px;height:36px}.next-stack .mini-cell{width:13px;height:13px}.mini.empty{width:48px;height:48px}.mini-cell{width:16px;height:16px}.board{border-radius:10px}.gamepad{flex-direction:column;margin-top:2px}.gamepad,.pad-row{display:flex;gap:10px}.pad-row{justify-content:center}.pad{width:74px;height:56px;border-radius:14px;background:var(--panel);border:1px solid var(--panel-border);color:#e5e7eb;font-size:22px;touch-action:manipulation;cursor:pointer}.pad:active{background:rgba(34,211,238,.25);transform:scale(.94)}.pad-action{font-size:13px;font-weight:700;letter-spacing:.08em}.pad-action,.pad-main{color:var(--accent)}.hint{display:none}}