.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(1.25rem + var(--safe-top)) calc(1.25rem + var(--safe-right)) calc(1.25rem + var(--safe-bottom)) calc(1.25rem + var(--safe-left));opacity:0;transition:opacity .25s ease}.screen.is-open{opacity:1}.screen.backdrop{background:repeating-linear-gradient(-45deg,#1111118c 0 14px,#1111119e 14px 28px)}.panel{pointer-events:auto;width:min(100%,720px);max-height:100%;overflow:auto;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--radius);padding:clamp(1.25rem,3vw,2.25rem);box-shadow:var(--shadow-lg)}@media(min-width:900px){.title-screen{justify-content:flex-end;padding-right:7vw}}.title{pointer-events:auto;text-align:left;max-width:560px;padding:clamp(1.25rem,3.5vw,2.2rem);background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);transform:rotate(-1deg)}.title h1{font-size:clamp(2.2rem,7vw,4rem);line-height:.95;margin:0 0 .5rem;text-transform:uppercase}.title h1 em{font-style:normal;background:var(--accent);padding:0 .15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.title .subtitle{font-family:var(--mono);font-weight:700;color:var(--muted);margin:0 0 1rem;font-size:clamp(.8rem,2vw,.95rem)}.title .intro{margin:0 0 1.4rem;max-width:480px;font-size:1.05rem;line-height:1.45;border-left:6px solid var(--yellow);padding-left:.8rem}.title .actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:1.1rem}.title .controls{color:var(--muted);font-size:.8rem;font-family:var(--mono);margin-top:.25rem}.title .skip{display:inline-block;margin-top:1rem;font-size:.9rem;font-weight:700}.topbar{position:absolute;top:calc(.75rem + var(--safe-top));right:calc(.75rem + var(--safe-right));display:flex;gap:.5rem;z-index:5}.topbar button{pointer-events:auto;padding:.4rem .7rem;border:var(--border);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-family:var(--mono);font-weight:700;font-size:.8rem;box-shadow:var(--shadow-sm)}.topbar button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.topbar button[aria-pressed=true]{background:var(--pink)}.card{pointer-events:auto;position:absolute;left:50%;bottom:calc(3.4rem + var(--safe-bottom));transform:translate(-50%,24px) rotate(.6deg);width:min(calc(100% - 2rem),560px);background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--radius);padding:0 1.25rem 1rem;box-shadow:var(--shadow-lg);opacity:0;transition:opacity .2s ease,transform .3s cubic-bezier(.2,.9,.2,1.05)}.card.is-open{opacity:1;transform:translate(-50%) rotate(.6deg)}.card .eyebrow{margin:0 -1.25rem .8rem;padding:.45rem 1.25rem;background:var(--accent);border-bottom:var(--border);font-family:var(--mono);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.card h2{margin:0;font-size:1.6rem;line-height:1.05;text-transform:uppercase}.card .role{margin:.2rem 0 .1rem;font-weight:700}.card .period{color:var(--muted);font-size:.85rem;font-family:var(--mono);margin-bottom:.6rem}.card ul{margin:0 0 .8rem;padding-left:1.1rem;line-height:1.45;font-size:.95rem}.card .tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}.card .foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.card .foot .hint{color:var(--muted);font-size:.78rem;font-family:var(--mono)}.hud{position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.hud.is-open{opacity:1}.hud .stats{position:absolute;top:calc(.75rem + var(--safe-top));left:calc(.9rem + var(--safe-left));padding:.5rem .75rem;background:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-family:var(--mono);font-weight:700;font-size:.85rem;line-height:1.3;transform:rotate(-1deg)}.hud .stats b{font-family:var(--display);font-size:1.5rem}.hud .era{margin-top:.15rem;display:inline-block;padding:.05rem .4rem;background:var(--accent);border:2px solid var(--ink);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;transition:background .6s ease}.hud .style{color:var(--muted);font-size:.7rem;font-weight:400}.hud .rail{position:absolute;left:50%;bottom:calc(.9rem + var(--safe-bottom));transform:translate(-50%);width:min(calc(100% - 2rem),560px);display:flex;align-items:center}.hud .rail .track{position:relative;flex:1;height:14px;background:var(--paper);border:var(--border);border-radius:3px;box-shadow:var(--shadow-sm)}.hud .rail .fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:var(--accent);transition:width .2s linear,background .6s ease}.hud .rail .node{position:absolute;top:50%;width:16px;height:16px;transform:translate(-50%,-50%) rotate(45deg);background:var(--paper);border:2px solid var(--ink);transition:background .3s ease,transform .3s ease}.hud .rail .node.done{background:var(--ink)}.hud .rail .node.current{transform:translate(-50%,-50%) rotate(45deg) scale(1.35);background:var(--yellow)}.hud .rail .node span{position:absolute;top:-1.6rem;left:50%;transform:translate(-50%) rotate(-45deg);font-family:var(--mono);font-size:.6rem;font-weight:700;color:var(--paper);text-shadow:1px 1px 0 var(--ink),-1px 1px 0 var(--ink),1px -1px 0 var(--ink),-1px -1px 0 var(--ink);white-space:nowrap}.hud .nudge{position:absolute;left:50%;top:30%;transform:translate(-50%);padding:.5rem 1rem;background:var(--yellow);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--ink);font-family:var(--display);font-weight:900;text-transform:uppercase;opacity:0;transition:opacity .2s ease;animation:nudge-bounce .7s ease-in-out infinite}.hud .nudge.is-open{opacity:1}@keyframes nudge-bounce{0%,to{transform:translate(-50%) rotate(-2deg)}50%{transform:translate(-50%,-8px) rotate(2deg)}}.hud .toast{position:absolute;left:50%;top:18%;transform:translate(-50%) scale(.7) rotate(-4deg);padding:.6rem 1.4rem;background:var(--pink);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);font-family:var(--display);font-weight:900;font-size:clamp(1.6rem,5vw,2.6rem);text-transform:uppercase;opacity:0;transition:opacity .15s ease,transform .2s cubic-bezier(.2,1.4,.4,1)}.hud .toast.is-open{opacity:1;transform:translate(-50%) scale(1) rotate(-4deg)}.hud .toast.trick{background:var(--lime)}.hud .toast.bad{background:var(--paper)}.hud .beat{position:absolute;right:calc(.9rem + var(--safe-right));bottom:calc(3.4rem + var(--safe-bottom));width:16px;height:16px;background:var(--accent);border:2px solid var(--ink);opacity:.5;transform:scale(.8) rotate(45deg);transition:transform .08s ease-out,opacity .08s ease-out}.hud .beat.pulse{transform:scale(1.5) rotate(45deg);opacity:1}.pause .panel{text-align:center;max-width:380px}.pause h2{margin:0 0 1rem;font-size:2rem;text-transform:uppercase}.summary .panel{width:min(100%,860px)}.summary h1{margin:0 0 .25rem;font-size:clamp(1.7rem,5vw,2.6rem);text-transform:uppercase;line-height:1}.summary .lead{color:var(--muted);margin:0 0 1.2rem;font-family:var(--mono);font-weight:700}.summary .actions{display:flex;flex-wrap:wrap;gap:.9rem;margin:0 0 1.6rem}.debug{position:absolute;left:.5rem;bottom:.5rem;font-family:var(--mono);font-size:.7rem;color:#9f9;background:#000000b3;padding:.35rem .5rem;border-radius:6px;white-space:pre}.audio-dev{pointer-events:auto;position:absolute;right:.5rem;bottom:.5rem;background:var(--paper);border:var(--border);box-shadow:var(--shadow-sm);padding:.6rem;font-family:var(--mono);font-size:.75rem;display:grid;gap:.35rem;min-width:220px}.audio-dev .row{display:flex;gap:.3rem;flex-wrap:wrap}.audio-dev button{padding:.2rem .45rem;border:2px solid var(--ink);background:var(--paper-2)}.audio-dev button.active{background:var(--accent)}.audio-dev label{display:flex;align-items:center;gap:.4rem}.audio-dev input[type=range]{flex:1}@media(max-width:600px){.title{transform:none}.card{padding:0 1rem .85rem}.card .eyebrow{margin:0 -1rem .7rem;padding:.4rem 1rem}.card h2{font-size:1.3rem}.card ul{font-size:.88rem}.hud .rail .node span{display:none}.hud .rail .node.current span{display:block}}.hud .rank{position:absolute;top:calc(.75rem + var(--safe-top));left:50%;transform:translate(-50%) rotate(1deg);padding:.3rem .9rem;background:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-family:var(--display);font-weight:900;font-size:1.4rem;text-transform:uppercase}.hud .rank.lead{background:var(--lime)}.hud .energy{margin-top:.35rem;height:10px;width:120px;border:2px solid var(--ink);background:var(--paper-2)}.hud .energy .efill{height:100%;width:100%;background:var(--cyan);transition:width .1s linear}.hud .energy.on .efill{background:var(--pink)}.hud .energy.empty .efill{background:var(--muted)}.locked{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .85rem;border:2px dashed var(--ink);border-radius:var(--radius);font-family:var(--mono);font-size:.8rem;font-weight:700;color:var(--muted)}.summary .result{margin:-.6rem 0 1rem;font-family:var(--mono);font-weight:700}.summary .result b{font-family:var(--display);font-size:1.3rem;padding:0 .3rem;background:var(--yellow);border:2px solid var(--ink)}.title .race{margin:.9rem 0 0;padding:.5rem .7rem;background:var(--lime);border:2px solid var(--ink);font-weight:700;font-size:.9rem;box-shadow:3px 3px 0 var(--ink)}@media(max-width:600px){.hud .rank{font-size:1rem;top:auto;bottom:calc(3.4rem + var(--safe-bottom))}}.hud .np{position:absolute;right:calc(.9rem + var(--safe-right));top:calc(4.2rem + var(--safe-top));display:flex;align-items:center;gap:.7rem;padding:.55rem .9rem;background:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transform:translate(120%) rotate(1.5deg);opacity:0;transition:transform .35s cubic-bezier(.2,1.2,.3,1),opacity .2s ease}.hud .np.is-open{transform:translate(0) rotate(1.5deg);opacity:1}.hud .np-text{display:flex;flex-direction:column;line-height:1.1}.hud .np-text small{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hud .np-text b{font-family:var(--display);font-size:1.15rem;text-transform:uppercase}.hud .np-text span{font-size:.75rem;font-family:var(--mono)}.hud .np-bars{display:flex;align-items:flex-end;gap:3px;height:22px}.hud .np-bars i{width:5px;background:var(--accent);border:1px solid var(--ink);animation:np-bar .55s ease-in-out infinite alternate}.hud .np-bars i:nth-child(2){animation-delay:.12s}.hud .np-bars i:nth-child(3){animation-delay:.24s}.hud .np-bars i:nth-child(4){animation-delay:.36s}@keyframes np-bar{0%{height:4px}to{height:22px}}.hud .flash{position:absolute;inset:0;background:var(--accent);opacity:0;pointer-events:none;mix-blend-mode:screen}.hud .flash.is-on{animation:flash-pop .45s ease-out forwards}@keyframes flash-pop{0%{opacity:.55}to{opacity:0}}@media(max-width:600px){.hud .np{top:auto;bottom:calc(6.2rem + var(--safe-bottom));right:.6rem;padding:.4rem .6rem}.hud .np-text b{font-size:.9rem}}.hud .score{position:absolute;top:calc(.75rem + var(--safe-top));right:calc(7.2rem + var(--safe-right));display:flex;flex-direction:column;align-items:flex-end;padding:.3rem .7rem;background:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transform:rotate(1deg);line-height:1}.hud .score small{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hud .score b{font-family:var(--display);font-size:1.4rem}.hud .score.bump b{animation:score-bump .25s ease-out}@keyframes score-bump{0%{transform:scale(1.35)}to{transform:scale(1)}}.hud .floats{position:absolute;left:50%;top:42%;width:0;height:0}.hud .float{position:absolute;left:0;top:0;transform:translate(-50%);white-space:nowrap;padding:.25rem .6rem;background:var(--paper);border:2px solid var(--ink);border-left:8px solid var(--c);border-radius:var(--radius);box-shadow:3px 3px 0 var(--ink);font-family:var(--mono);font-weight:700;font-size:.95rem;animation:float-up 1.4s ease-out forwards}.hud .float b{font-family:var(--display)}@keyframes float-up{0%{opacity:0;transform:translate(-50%,10px) scale(.8)}15%{opacity:1;transform:translate(-50%) scale(1.05)}to{opacity:0;transform:translate(-50%,-90px) scale(1)}}.title .goal{display:flex;align-items:center;gap:.8rem;margin:0 0 1.1rem;padding:.7rem .9rem;background:var(--lime);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transform:rotate(.6deg)}.title .goal .trophy{font-size:1.8rem}.title .goal b{display:block;font-family:var(--display);font-size:1.15rem;text-transform:uppercase;line-height:1.05}.title .goal span{font-size:.85rem}.won-note{font-family:var(--mono);font-weight:700;font-size:.85rem;padding:.45rem .7rem;background:var(--lime);border:2px solid var(--ink);border-radius:var(--radius)}.won-wrap{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.6rem}.summary .won-note{display:inline-block;margin:0 0 .9rem}.summary .collected{margin:0 0 1.2rem}.summary .collected small{display:block;font-family:var(--mono);font-weight:700;margin-bottom:.4rem}.summary .collected .tags{display:flex;flex-wrap:wrap;gap:.4rem}@media(max-width:600px){.hud .score{top:auto;bottom:calc(3.4rem + var(--safe-bottom));right:.6rem;padding:.2rem .5rem}.hud .score b{font-size:1rem}}