:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#08111f;color:#f5f8ff}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 50% -20%,#223b60 0,#0d1b30 45%,#08111f 100%)}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #95e2ff;outline-offset:3px}.game-shell{width:min(850px,100%);margin:auto;padding:18px clamp(12px,3vw,30px) 14px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.2em;color:#72d9e5}h1{font-size:clamp(28px,5vw,40px);letter-spacing:.06em;margin:2px 0 0;line-height:1}.text-button,.secondary{border:1px solid #5d7592;background:#172c45;color:#eff9ff;border-radius:10px;padding:10px 16px;font-weight:700}.layout{display:grid;grid-template-columns:minmax(0,400px) minmax(180px,1fr);gap:18px}.playfield{position:relative;border:3px solid #547b9a;border-radius:15px;background:#091525;overflow:hidden;box-shadow:0 18px 50px #0008,0 0 0 1px #08101f}.board{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(20,1fr);width:100%;aspect-ratio:1/2;padding:3px;gap:2px}.cell{border-radius:3px;background:#14253b;box-shadow:inset 0 1px 1px #ffffff0d}.cell.filled{background:var(--piece);box-shadow:inset 0 2px 0 #ffffff80,inset -2px -3px 0 #0004,0 0 8px var(--piece)}.cell.ghost{background:color-mix(in srgb,var(--piece) 22%,#14253b);outline:1px solid var(--piece)}.overlay{position:absolute;inset:0;background:#071326d9;display:grid;place-items:center;padding:20px;text-align:center}.overlay[hidden]{display:none}.overlay-card{max-width:270px}.overlay strong{display:block;font-size:clamp(24px,5vw,32px);line-height:1.12;margin:10px 0}.overlay p{color:#c9d5e4;line-height:1.4}.overlay button{background:#72d9e5;color:#092032;border:0;border-radius:11px;padding:13px 24px;font-weight:850}.sidebar{display:flex;flex-direction:column;gap:14px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stats>div,.next-wrap,.help{border:1px solid #344a64;background:#12253b;border-radius:12px;padding:13px}.stats span,.next-wrap>span{display:block;color:#aec3d6;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.stats strong{display:block;font-variant-numeric:tabular-nums;font-size:27px;margin-top:4px}.next{width:110px;height:80px;display:grid;grid-template-columns:repeat(4,24px);grid-template-rows:repeat(3,24px);gap:2px;margin:12px auto 0}.next .cell{border-radius:3px}.secondary{width:100%}.help{color:#bacbdd;font-size:13px}.help strong{color:#f4f9ff}.help p{line-height:1.7;margin:7px 0 0}.touch-controls{display:flex;gap:8px;margin:15px 0 8px}.touch-controls button{flex:1;min-height:55px;background:#1c3a56;border:1px solid #6386a3;border-radius:11px;color:white;font-weight:850;font-size:22px;user-select:none;-webkit-user-select:none}.touch-controls button:active{background:#326788;transform:translateY(1px)}.touch-controls button:last-child{font-size:13px;letter-spacing:.05em;background:#26778b}footer{padding:8px 0;color:#9eb2c5;font-size:11px;line-height:1.5}a{color:#95e2ff}@media(max-width:620px){.game-shell{max-width:440px}.layout{grid-template-columns:minmax(0,1fr) 102px;gap:9px}.sidebar{gap:8px}.stats{grid-template-columns:1fr;gap:5px}.stats>div,.next-wrap,.help{padding:6px 8px}.stats strong{font-size:19px;margin:0}.stats span,.next-wrap>span{font-size:10px}.next{transform:scale(.7);transform-origin:top center;height:55px;margin-top:7px}.help{display:none}.secondary{font-size:11px;padding:8px 1px}.board{gap:1px}.touch-controls{gap:5px}.touch-controls button{min-height:55px;font-size:20px}}