*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:#050711;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overscroll-behavior:none}body{min-height:100dvh;overflow:hidden}.shell{width:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:radial-gradient(circle at 50% -15%,#18234e 0,#0a0d1c 35%,#050711 72%)}.game{width:min(100%,460px);display:flex;flex-direction:column;gap:9px}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;padding:0 4px}.stat small{display:block;font-size:10px;letter-spacing:.16em;color:#8590ba;font-weight:800}.stat strong{display:block;font-size:20px;line-height:1.05;color:#fff}.stat.right{text-align:right}.level{text-align:center;background:#10182e;border:1px solid #26345b;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:900;letter-spacing:.11em;color:#9ed7ff}.boardWrap{position:relative;width:100%;aspect-ratio:19/22;background:#02040a;border:1px solid #162252;border-radius:18px;overflow:hidden;box-shadow:0 14px 48px #0009,inset 0 0 50px #08122c}.boardWrap canvas{width:100%;height:100%;display:block;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:28px;background:#02040ad1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center}.overlay.hidden{display:none}.card h1{margin:0 0 6px;font-size:34px;letter-spacing:-.03em;color:#ffe735;text-shadow:0 0 20px #ffe73555}.card p{margin:4px 0 18px;color:#aeb9d8;font-size:13px;line-height:1.5}.button{border:0;border-radius:14px;background:#ffe735;color:#171400;font-size:15px;font-weight:950;padding:13px 22px;min-width:154px;box-shadow:0 8px 30px #ffe7352e}.button:active{transform:translateY(1px)}.info{display:flex;justify-content:space-between;align-items:center;padding:0 3px;font-size:11px;color:#7782a5}.lives{letter-spacing:2px;color:#ffe735}.controls{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,48px);gap:6px;justify-content:center;margin-top:0;touch-action:none}.dir{border:1px solid #26345b;background:#0d1428;color:#d5dcf4;border-radius:14px;font-size:20px;font-weight:900;min-width:48px;min-height:44px;box-shadow:inset 0 0 20px #101a3d}.dir:active{background:#172347;border-color:#4266b8}.up{grid-column:2}.left{grid-column:1;grid-row:2}.down{grid-column:2;grid-row:2}.right{grid-column:3;grid-row:2}@media(min-height:760px){.controls{grid-template-columns:repeat(3,58px);grid-template-rows:repeat(2,52px)}}@media(max-height:690px){.game{gap:5px}.controls{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,40px);gap:4px}.dir{min-height:40px}.stat strong{font-size:17px}.boardWrap{max-height:70dvh;margin:auto;width:auto;max-width:100%}}