.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 .9rem;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)}.hud .nitro{position:absolute;right:calc(1rem + var(--safe-right));bottom:calc(4.4rem + var(--safe-bottom));width:136px;height:46px;pointer-events:auto;border:var(--border);border-radius:var(--radius);background:var(--paper-2);box-shadow:var(--shadow-sm);color:var(--ink);font-family:var(--display);font-weight:900;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;overflow:hidden;padding:0;cursor:pointer;transform:rotate(-1deg)}.hud .nitro .nfill{position:absolute;inset:0 auto 0 0;width:0;background:var(--yellow);transition:width .15s linear}.hud .nitro span{position:relative}.hud .nitro.ready{background:var(--yellow);animation:nitroPulse .5s ease-in-out infinite alternate}.hud .nitro.ready .nfill{background:var(--accent)}.hud .nitro.active{background:var(--accent);color:#111;animation:nitroPulse .12s linear infinite alternate}.hud .nitro.active .nfill{background:var(--accent)}@keyframes nitroPulse{0%{transform:rotate(-1deg) scale(1)}to{transform:rotate(1.5deg) scale(1.07)}}.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 .sq{position:absolute;left:50%;top:calc(5.4rem + var(--safe-top));width:min(22rem,calc(100vw - 2rem));padding:.7rem .95rem .8rem;background:var(--yellow);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transform:translate(-50%,-160%) rotate(-2deg);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.2,1.3,.3,1),opacity .25s ease}.hud .sq.is-open{transform:translate(-50%) rotate(-2deg);opacity:1}.hud .sq-head{display:flex;justify-content:space-between;gap:.6rem;font-family:var(--mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.hud .sq b{display:block;font-family:var(--display);font-size:1.25rem;text-transform:uppercase;margin-top:.15rem}.hud .sq-role{display:block;font-family:var(--mono);font-size:.75rem}.hud .sq p{margin:.4rem 0 .5rem;font-size:.82rem;line-height:1.3}.hud .sq .tags{display:flex;flex-wrap:wrap;gap:.3rem}.hud .sq .chip{font-size:.65rem;padding:.1rem .45rem;background:var(--paper)}.summary .sidequests .chip.gold{background:var(--yellow)}@media(max-width:600px){.hud .sq{top:calc(4.6rem + var(--safe-top))}.hud .sq p{display:none}}.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}}html.studio{--paper: #15161a;--paper-2: #23252b;--ink: #f2eee6;--muted: #a39d92;--shadow: 6px 6px 0 var(--accent);--shadow-sm: 3px 3px 0 var(--accent);--shadow-lg: 12px 12px 0 var(--accent)}html.studio .title{background:#15161ad6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#f2eee6;transform:none}html.studio .title h1 em{color:#111}html.studio .title .goal{color:#111;border-color:#f2eee6;box-shadow:3px 3px #f2eee6;transform:none}html.studio .btn{color:#111;box-shadow:6px 6px #f2eee6;border-color:#f2eee6}html.studio .btn.ghost{color:var(--ink)}html.studio .btn:hover,html.studio .btn:focus-visible{box-shadow:8px 8px #f2eee6}html.studio .topbar .btn{color:var(--ink);background:var(--paper-2)}.summary .lb{margin:0 0 1.4rem;padding:.9rem 1rem 1rem;background:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transform:rotate(-.4deg)}.summary .lb h2{margin:0 0 .2rem;font-family:var(--display);font-size:1.3rem;text-transform:uppercase}.summary .lb .lb-sub{margin:0 0 .8rem;color:var(--muted);font-family:var(--mono);font-size:.8rem;font-weight:700}.summary .lb .lb-form{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 .8rem}.summary .lb .lb-form small{font-family:var(--mono);color:var(--muted)}.summary .lb .lb-name{flex:1 1 160px;max-width:260px;padding:.7rem .8rem;border:var(--border);border-radius:var(--radius);background:var(--paper-2);color:var(--ink);font:700 1rem var(--mono);box-shadow:var(--shadow-sm)}.summary .lb .lb-name:focus{outline:none;background:var(--yellow)}.summary .lb .lb-name.shake{animation:lbShake .35s ease}@keyframes lbShake{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.summary .lb .lb-note,.summary .lb .lb-place{margin:.3rem 0 .6rem;font-family:var(--mono);font-weight:700}.summary .lb .lb-table{width:100%;border-collapse:separate;border-spacing:0 4px;font-family:var(--mono);font-weight:700}.summary .lb .lb-table td{padding:.35rem .6rem;background:var(--paper-2);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.summary .lb .lb-table td:first-child{border-left:2px solid var(--ink);border-radius:var(--radius) 0 0 var(--radius);width:2.4rem;text-align:right}.summary .lb .lb-table td:last-child{border-right:2px solid var(--ink);border-radius:0 var(--radius) var(--radius) 0;text-align:right;font-family:var(--display)}.summary .lb .lb-table td.rank{color:var(--muted);width:2rem}.summary .lb .lb-table tr.me td{background:var(--lime);box-shadow:3px 3px 0 var(--ink)}.summary .lb .lb-table tr.gap td{background:transparent;border:0;text-align:center;padding:0;color:var(--muted)}.summary .lb .you{margin-left:.5rem;padding:0 .35rem;background:var(--ink);color:var(--paper);font-size:.7rem;text-transform:uppercase;border-radius:2px}.hud .nitro-ready{position:absolute;right:calc(1rem + var(--safe-right));bottom:calc(8.2rem + var(--safe-bottom));display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .8rem .3rem;background:var(--yellow);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);font-family:var(--display);font-weight:900;text-transform:uppercase;text-align:center;opacity:0;transform:translateY(12px) rotate(2deg) scale(.8);transition:opacity .2s ease,transform .25s cubic-bezier(.2,1.4,.4,1);pointer-events:none}.hud .nitro-ready.is-on{opacity:1;transform:translateY(0) rotate(2deg) scale(1);animation:nitroReadyBob .7s ease-in-out infinite alternate}.hud .nitro-ready b{font-size:1.05rem;letter-spacing:.04em}.hud .nitro-ready .how{font-family:var(--mono);font-size:.8rem;font-weight:700;text-transform:none}.hud .nitro-ready kbd{display:inline-block;margin:0 .15rem;padding:.05rem .5rem .15rem;background:var(--paper);border:2px solid var(--ink);border-bottom-width:4px;border-radius:4px;font-family:var(--display);font-size:.85rem;font-weight:900;text-transform:uppercase}.hud .nitro-ready kbd.alt{background:var(--paper-2);opacity:.85}.hud .nitro-ready .arrow{font-style:normal;font-size:.8rem;line-height:.8;margin-top:.1rem}@keyframes nitroReadyBob{0%{transform:translateY(0) rotate(2deg) scale(1)}to{transform:translateY(-6px) rotate(-1deg) scale(1.04)}}