:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#e9f3e8;background:#04131e;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none}body{display:grid;place-items:center;background:radial-gradient(ellipse at top,#214855,#04131e 75%)}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #fff;outline-offset:3px}#shell{width:min(100%,480px);height:100dvh;max-height:980px;position:relative;overflow:hidden;background:#123b50;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;inset:0 0 auto;padding:calc(env(safe-area-inset-top) + 15px) 18px 12px;display:flex;justify-content:space-between;background:linear-gradient(#061b2cf2,#061b2c00);pointer-events:none}.hud small{font-size:9px;letter-spacing:1.6px;color:#a1c5c6;display:block}.hud strong{font:800 22px/1.5 ui-monospace,monospace}.center{text-align:center}.right{text-align:right}.right strong{font-size:18px;color:#ffc28e}.pause{position:absolute;right:15px;top:calc(env(safe-area-inset-top) + 80px);width:46px;height:46px;border:1px solid #7eabae66;border-radius:14px;color:#fff;background:#09232dcc;font-size:20px}.screen{position:absolute;inset:0;z-index:5;padding:calc(env(safe-area-inset-top) + 26px) 26px calc(env(safe-area-inset-bottom) + 25px);overflow:auto;background:linear-gradient(170deg,#0a2638f5,#061b29f7);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:15px}.screen[hidden],button[hidden]{display:none}.badge{font:700 9px ui-monospace,monospace;color:#b5ceca;letter-spacing:2px;border:1px solid #587c7f;border-radius:30px;padding:8px 12px}.insignia{font-size:46px;line-height:1;color:#efbe79;margin:5px 0 -10px}h1{font:900 clamp(43px,12vw,60px)/1 ui-monospace,monospace;margin:0;color:#f0e5b9;letter-spacing:-3px}h1 span{color:#f2b475}h2{font-size:30px;letter-spacing:-1px;margin:10px 0}.lead{font-size:21px;line-height:1.5;letter-spacing:-.8px;margin:4px 0;color:#f2edda}.instructions{width:100%;padding:18px 10px;background:#ffffff06;border:1px solid #789d9c33;border-radius:16px}.instructions b{font-size:13px;color:#f0c88a}.instructions p,.footnote{font-size:11px;color:#a4c2c2;line-height:1.8;margin:8px 0 0}fieldset{border:0;padding:0;margin:4px 0 0;width:100%}legend{font-size:12px;color:#c5d8d3;margin-bottom:10px;text-align:left}.sets{display:flex;gap:8px}.sets button{flex:1;height:48px;border:1px solid #496e7b;background:#14384a;color:#cfe1dc;font:bold 18px ui-monospace,monospace;border-radius:12px}.sets button[aria-pressed=true]{background:#efbd7a;color:#123042;border-color:#efbd7a}.trial{font-size:10px;margin:-5px 0 0;color:#9fb8b7}.primary{width:100%;border:0;border-radius:14px;background:#efbd7a;color:#142e3c;padding:17px 22px;font-size:16px;font-weight:850;min-height:54px;box-shadow:0 5px 0 #976a43}.primary span{float:right}.primary:active{transform:translateY(2px);box-shadow:0 3px 0 #976a43}.text-button{border:0;background:transparent;color:#c2d4cf;font-size:12px;padding:10px;min-height:40px}.footnote{font-size:10px;margin:0}.upgrades{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 113px);left:12px;right:12px;display:flex;gap:6px;justify-content:center;pointer-events:none}.upgrades span{background:#092635d9;border:1px solid #7caa9b55;border-radius:8px;padding:7px 9px;color:#d8dfbd;font:700 10px ui-monospace,monospace}#pad{position:absolute;bottom:0;left:0;right:0;height:calc(env(safe-area-inset-bottom) + 103px);display:grid;place-items:center;background:linear-gradient(#071c291a,#071c29cc);border-top:1px dashed #8bc7ca33;touch-action:none;user-select:none}#pad span{font-size:10px;color:#8eb4b8;pointer-events:none}.version{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 5px);left:0;right:0;text-align:center;font:8px ui-monospace,monospace;color:#85b1b077;pointer-events:none}#notice{position:absolute;top:calc(env(safe-area-inset-top) + 108px);left:30px;right:65px;text-align:center;color:#ffe0a4;font-size:12px;pointer-events:none;transition:opacity .15s}#dialogBody{width:100%;max-height:45dvh;overflow:auto;font-size:13px;line-height:1.8;color:#c5d9d2}.result-score{font:900 45px ui-monospace,monospace;color:#f3ce91}.record{padding:12px 0;border-bottom:1px solid #47738166;display:flex;justify-content:space-between;gap:12px;text-align:left}.muted{font-size:11px;color:#92b5b6}.landscape-note{display:none}@media(max-height:650px){.screen{gap:9px;padding-top:15px}.insignia{display:none}.lead{font-size:17px}.instructions{padding:10px}.instructions p{margin:4px 0}.sets button{height:42px}h1{font-size:43px}.footnote{display:none}}@media(orientation:landscape) and (max-height:500px){.screen{justify-content:flex-start}.hud{padding-top:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}