:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f5f4f0;background:#080d18;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 10%,#1a263a 0,transparent 50%),radial-gradient(ellipse at 85% 90%,#17312e 0,transparent 45%),#080d18}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:5px}[hidden]{display:none!important}.shell{width:390px;max-width:100vw;padding:20px 0}.outside-label,.outside-footer{display:flex;align-items:center;justify-content:space-between;letter-spacing:1.5px;font-size:9px;color:#99a5b8}.outside-label{margin:0 0 14px;gap:10px}.brand-mark{color:#bdff70;font-size:26px}.edition{margin-left:auto;color:#bdff70}.outside-footer{font-size:8px;margin-top:16px;letter-spacing:1px}#game-frame{position:relative;width:100%;aspect-ratio:390/700;overflow:hidden;border:1px solid #394253;border-radius:22px;background:#101525;box-shadow:0 30px 100px #0006;touch-action:none;container-type:inline-size}#app{position:absolute;top:0;right:0;bottom:0;left:0}#app canvas{display:block!important;width:100%!important;height:100%!important}.hud{position:absolute;top:0;left:0;right:0;padding:25px 25px 0;pointer-events:none}.hud-title{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:2px;font-weight:800}.status-dot{width:6px;height:6px;background:#bdff70;border-radius:50%;box-shadow:0 0 12px #bdff7055}.live-label{margin-left:auto;font-size:7px;color:#9ba7b9;letter-spacing:1px}.hud-row{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.metric-label{font-size:9px;letter-spacing:2px;color:#a6b1c3;display:block}.metric-label b{color:#fff;margin-left:5px;font-size:12px;letter-spacing:0}#score{display:block;font-size:38px;line-height:1.1;letter-spacing:-2px;font-variant-numeric:tabular-nums}.hud-right{display:flex;gap:14px;align-items:center}.icon-button{pointer-events:auto;width:32px;height:34px;border:1px solid #626d7d;background:#192334;color:#fff;border-radius:9px;font-size:16px}.gem-counter{display:flex;gap:6px;align-items:center;font-size:11px;color:#bdff70;margin-top:8px}.gem-counter>span:first-child{font-size:9px}.panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:linear-gradient(#10152510,#101525e8 42%,#101525f8);padding:30px}.panel-content{width:100%;padding-top:22px}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:600;color:#bdff70}h1{font-size:86px;font-size:22cqw;line-height:.9;letter-spacing:-6px;margin:22px 0 20px;font-weight:900}h1 span{color:#bdff70}#panel-copy{color:#adb7c9;font-size:14px;line-height:1.7;margin:0 0 27px}.primary-button{background:#bdff70;border-radius:12px;width:100%;min-height:55px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:900;letter-spacing:1px;color:#112013;box-shadow:0 6px 25px #bdff7010}.primary-button:hover{background:#cbff95}.primary-button>span{font-size:26px;font-weight:400}.secondary-button{width:100%;min-height:45px;border:1px solid #667c4e;color:#d3f6ac;background:#bdff7009;border-radius:10px;margin-top:10px;font-size:12px}.message{min-height:16px;color:#c4ccdb;font-size:11px;line-height:1.5;margin:10px 0}.how-to{display:flex;align-items:center;gap:7px;font-size:10px;color:#9da9bb}.how-to>span:last-child{margin-left:3px}.keycap{border:1px solid #526073;background:#192334;border-radius:5px;display:grid;place-items:center;width:25px;height:24px;color:#e2e6ee;font-size:13px}.panel-footer{position:absolute;left:30px;right:30px;bottom:49px;display:flex;justify-content:space-between;gap:6px;font-size:7px;letter-spacing:1px;color:#8895a9}.panel-footer a{color:#a5b1c4;letter-spacing:0;text-decoration:none}.game-footer{position:absolute;left:25px;right:25px;bottom:20px;display:flex;justify-content:space-between;color:#9aa7ba;font-size:8px;letter-spacing:1.2px;pointer-events:none}.game-footer>span:last-child{color:#bdff70}.result{margin:0 0 24px}.result>span{display:block;font-size:9px;letter-spacing:2px;color:#a6b1c3}.result strong{display:block;font-size:64px;line-height:1.15;letter-spacing:-3px;color:#bdff70;margin:5px 0}.panel.is-result h1,.panel.is-paused h1{font-size:52px;letter-spacing:-2px;line-height:1;margin-top:17px}.panel.is-result #panel-copy,.panel.is-paused #panel-copy{font-size:12px;margin-bottom:20px}.panel.is-result .panel-content{padding-top:45px}.panel.is-paused{background:#101525ed}@media (max-width:430px),(max-height:790px){body{background:#101525}.shell{padding:0;width:min(100vw,calc(100svh * 390 / 700));max-width:100vw}.outside-label,.outside-footer{display:none}#game-frame{border:0;border-radius:0;box-shadow:none}.hud{padding-top:max(25px,env(safe-area-inset-top))}.game-footer{bottom:max(20px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:no-preference){.primary-button{transition:background .15s,transform .15s}.primary-button:active{transform:scale(.985)}}