*{box-sizing:border-box}html,body{margin:0;height:100%;background:#1a1216;color:#f2e8e0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app{position:relative;height:100%;overflow:hidden}#stage{display:block;width:100%;height:100%}.screen{position:absolute;inset:0;display:grid;place-content:center;gap:.75rem;text-align:center;padding:2rem;z-index:3;background:radial-gradient(ellipse at center,#1a1216c7,#0a0608f5)}.screen[hidden]{display:none}.eyebrow{margin:0;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:#d86a2a}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)}.lede{margin:0 auto;max-width:36rem;color:#c8b8ae}.howto{margin:0 auto;max-width:36rem;color:#a8988e;font-size:.95rem;line-height:1.5}.primary{justify-self:center;padding:.7rem 1.6rem;border-radius:999px;border:1px solid #d86a2a;background:#d86a2a;color:#140a06;font-weight:700;cursor:pointer}.primary:hover{background:#f07a35}.hint{margin:0;font-size:.78rem;color:#a8988e}#hud{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;padding:.6rem 1rem;background:#0a0608b8;backdrop-filter:blur(4px)}#hud[hidden]{display:none}#hud p{margin:0;font-size:.9rem}.hud-title{font-weight:800;letter-spacing:.18em;color:#d86a2a}#hud-status{color:#c8b8ae}.hud-actions{margin-left:auto;display:flex;gap:.4rem}.icon{padding:.35rem .7rem;border-radius:999px;border:1px solid #5a4030;background:transparent;color:#f2e8e0;font-size:.75rem;font-weight:700;cursor:pointer}.icon:hover{border-color:#d86a2a}#touch-controls{position:absolute;left:0;right:0;bottom:.8rem;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;pointer-events:none}#touch-controls button{pointer-events:auto;touch-action:none;width:3.6rem;height:3.6rem;border-radius:50%;border:1px solid #5a4030;background:#1a1216cc;color:#f2e8e0;font-size:1.1rem;font-weight:800;cursor:pointer}#touch-controls .primary{width:auto;height:auto;border-radius:999px;padding:1rem 1.8rem;font-size:1rem}#touch-controls button:active{background:#d86a2a;color:#140a06}#touch-controls[hidden]{display:none}.streak{color:#ffc15a}#hud-status[data-danger="1"]{color:#ff8a6a;font-weight:700}#levels{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}#levels button{display:grid;gap:.15rem;min-width:7.6rem;padding:.6rem .9rem;border-radius:.9rem;border:1px solid #5a4030;background:#1a1216bf;color:#f2e8e0;cursor:pointer;font:inherit}#levels button[aria-checked=true]{border-color:#d86a2a;background:#d86a2a2e;box-shadow:0 0 0 1px #d86a2a inset}.lv-name{font-weight:700}.lv-meta{font-size:.72rem;color:#c8b8ae}.row{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.ghost{padding:.7rem 1.4rem;border-radius:999px;border:1px solid #8a7060;background:transparent;color:#f2e8e0;font-weight:600;cursor:pointer}.stars{margin:0;font-size:2rem;letter-spacing:.25em;color:#f2a24e}.score-line{margin:0;font-weight:700}button:focus-visible{outline:2px solid #ffc15a;outline-offset:3px}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 55%,rgba(8,4,4,.5))}