:root{color:#f8fff8;touch-action:none;-webkit-font-smoothing:antialiased;background:#07100f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{background:#07100f;width:100%;height:100%;margin:0;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}.shell{background:radial-gradient(circle at 50% 10%,#163b32,#07100f 64%);width:100vw;height:100dvh;position:relative;overflow:hidden}.hud{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));z-index:4;pointer-events:none;justify-content:space-between;gap:10px;display:flex;position:absolute}.glass{-webkit-backdrop-filter:blur(18px)saturate(1.25);background:linear-gradient(135deg,#050e0ec7,#162a2685);border:1px solid #ffffff21;box-shadow:0 20px 60px #00000047}.brand{border-radius:18px;max-width:47vw;padding:10px 12px}.brand b{letter-spacing:-.05em;font-size:19px;display:block}.brand span{color:#b6cbc3;margin-top:2px;font-size:11px;line-height:1.2;display:block}.stats{border-radius:18px;grid-template-columns:repeat(3,minmax(43px,1fr));gap:4px;padding:8px;display:grid}.stats span{color:#a9bdb5;text-transform:uppercase;letter-spacing:.08em;text-align:center;font-size:9px}.stats b{color:#fff;letter-spacing:-.03em;font-size:14px;display:block}.decision{z-index:5;text-align:center;pointer-events:none;border-radius:22px;width:min(420px,100vw - 24px);padding:12px 14px;position:absolute;top:108px;left:50%;transform:translate(-50%)}.decision b{font-size:15px;display:block}.decision span{color:#cae0d8;margin-top:3px;font-size:12px;line-height:1.3;display:block}.gesture{left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom));z-index:6;pointer-events:none;grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid;position:absolute}.gesture div{text-align:center;border-radius:22px;min-height:58px;padding:11px 9px}.gesture b{font-size:13px;display:block}.gesture span{color:#b7ccc4;margin-top:2px;font-size:10px;display:block}.panel{z-index:20;background:radial-gradient(circle at 50% 16%,#54d8ff29,#0000009e 50%,#000000c2);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.panel[hidden]{display:none}.card{border-radius:32px;width:min(560px,100%);max-height:min(760px,100dvh - 36px);padding:24px;overflow:auto}.eyebrow{color:#56dfff;text-transform:uppercase;letter-spacing:.16em;margin:0 0 8px;font-size:11px;font-weight:950}.card h1,.card h2{color:#fff;letter-spacing:-.07em;margin:0;line-height:.92}.card h1{font-size:clamp(46px,14vw,88px)}.card h2{font-size:clamp(34px,9vw,58px)}.lead{color:#d9e9e2;margin:16px 0;font-size:16px;line-height:1.48}.fine{color:#9fb4ac;font-size:12px;line-height:1.35}.how{gap:9px;margin:18px 0;display:grid}.how div{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:19px;padding:12px}.how b{color:#fff;display:block}.how span{color:#bfd2ca;margin-top:3px;font-size:13px;display:block}.card button{color:#fff;width:100%;font:inherit;background:#ffffff1a;border:0;border-radius:18px;margin-top:10px;padding:15px 16px;font-weight:900}.primary{box-shadow:0 18px 42px #55dcff38;color:#061211!important;background:linear-gradient(135deg,#55dcff,#62ef9d)!important}.rank{color:#07100f;letter-spacing:-.1em;background:linear-gradient(135deg,#ffd84f,#ff5aa5);border-radius:32px;place-items:center;width:104px;height:104px;margin:18px auto;font-size:64px;font-weight:1000;display:grid}.toast{z-index:12;text-align:center;border-radius:999px;max-width:min(86vw,380px);padding:12px 16px;font-weight:900;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.pulse{animation:.42s pulse}@keyframes pulse{0%{transform:translate(-50%)scale(.96)}70%{transform:translate(-50%)scale(1.03)}to{transform:translate(-50%)scale(1)}}@media (width<=520px){.brand{padding:9px 10px}.brand b{font-size:17px}.stats{grid-template-columns:repeat(3,39px)}.decision{top:98px}.gesture div{border-radius:18px;min-height:52px}.gesture b{font-size:12px}.card{border-radius:28px;padding:20px}.lead{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}