*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b1b24;color:#e8eef0}#app{position:relative;height:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#stage{display:block;width:100%;height:100%;touch-action:none}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 55%,rgba(2,8,12,.55))}.screen{position:absolute;inset:0;display:grid;place-content:center;align-content:center;gap:.7rem;text-align:center;padding:1.5rem;z-index:6;overflow:auto;background:radial-gradient(ellipse at center,#07111780,#040a0ee0)}.screen[hidden],#hud[hidden],#touch[hidden],#warn[hidden]{display:none}.eyebrow{margin:0;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:#6fd6c0}h1{margin:0;font-size:clamp(2.4rem,9vw,5rem);line-height:1;letter-spacing:-.02em}h2{margin:0;font-size:clamp(1.8rem,6vw,3rem);line-height:1.1}.lede{margin:0 auto;max-width:36rem;color:#c3ced4}.lede strong{color:#ffe08a}.hint{margin:0 auto;max-width:36rem;font-size:.8rem;color:#aebbc2}.primary{justify-self:center;padding:.7rem 1.6rem;border-radius:999px;font:inherit;border:1px solid #6fd6c0;background:#6fd6c0;color:#05100e;font-weight:700;cursor:pointer}.primary:hover{background:#8fe6d4}.ghost{padding:.7rem 1.4rem;border-radius:999px;border:1px solid #8aa0aa;background:transparent;color:#e8eef0;font:inherit;font-weight:600;cursor:pointer}.ghost:hover{border-color:#6fd6c0}.row{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.stars{margin:0;font-size:2rem;letter-spacing:.25em;color:#ffc766}.score-line{margin:0;font-weight:700}button:focus-visible{outline:2px solid #ffd479;outline-offset:3px}#levels{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}#levels button{display:grid;gap:.15rem;min-width:8rem;padding:.6rem .9rem;border-radius:.9rem;border:1px solid #36505c;background:#0b1b24cc;color:#eef3f5;cursor:pointer;font:inherit}#levels button[aria-checked=true]{border-color:#6fd6c0;background:#6fd6c029;box-shadow:0 0 0 1px #6fd6c0 inset}.lv-name{font-weight:700}.lv-meta{font-size:.72rem;color:#bfccd2}#hud{position:absolute;inset:0;pointer-events:none;z-index:4;padding:.6rem}.hud-row{display:flex;flex-wrap:wrap;gap:.4rem}.hud-chip{padding:.28rem .7rem;border-radius:999px;font-size:.8rem;font-weight:600;font-family:inherit;background:#071117c7;border:1px solid rgba(111,214,192,.5);color:#e1eaed}.hud-chip.hot{color:#ffb08a;border-color:#ff8a5a}.hud-btn{pointer-events:auto;cursor:pointer}.hud-btn:hover{border-color:#6fd6c0}#warn{position:absolute;top:4.6rem;left:50%;transform:translate(-50%);max-width:92vw;margin:0;padding:.4rem 1.1rem;border-radius:999px;font-weight:800;font-size:.95rem;text-align:center;background:#b0341cf0;border:1px solid #ffd479;color:#fff;white-space:nowrap;animation:warn .6s ease-in-out infinite alternate}@keyframes warn{to{transform:translate(-50%) scale(1.05)}}#toast{position:absolute;top:7.4rem;left:50%;transform:translate(-50%);max-width:92vw;padding:.4rem 1.1rem;border-radius:999px;font-weight:700;font-size:.95rem;text-align:center;background:#071117d9;color:#ffe08a;opacity:0;transition:opacity .25s}#toast.show{opacity:1}.storm-bar{position:absolute;left:.6rem;right:.6rem;bottom:.6rem;height:8px;border-radius:999px;background:#ffffff2e;overflow:hidden}#storm-fill{height:100%;width:0%;background:linear-gradient(90deg,#6fd6c0,#ffd479)}#touch{position:absolute;left:0;right:0;bottom:1.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;pointer-events:auto}#touch button{width:4.6rem;height:3.6rem;border-radius:14px;font:inherit;font-size:1rem;font-weight:700;touch-action:manipulation;user-select:none;-webkit-user-select:none;border:1px solid #6fd6c0;background:#071117d1;color:#e1eaed;cursor:pointer}#touch button:active{background:#6fd6c059}#t-haul{border-color:#ffd479;color:#ffd479}#t-line{border-color:#8ec5ff;color:#b6d9ff}@media(max-width:560px){#warn{top:6.8rem;font-size:.85rem}#toast{top:9.4rem}}@media(prefers-reduced-motion:reduce){#toast{transition:none}#warn{animation:none}}