#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;font-family:var(--font-body);color:var(--paper)}#ui-root .pane{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(var(--safe-t) + 20px) calc(var(--safe-r) + 20px) calc(var(--safe-b) + 20px) calc(var(--safe-l) + 20px);text-align:center;pointer-events:auto}#ui-root .pane[hidden]{display:none}#hud{position:absolute;top:calc(var(--safe-t) + 10px);left:calc(var(--safe-l) + 14px);right:calc(var(--safe-r) + 14px);display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;gap:12px}#hud .score{font-family:var(--font-display);font-size:clamp(26px,8vw,38px);font-weight:700;line-height:1;letter-spacing:-.01em;color:#fffdf6;text-shadow:0 2px 10px rgba(20,23,15,.45);font-variant-numeric:tabular-nums}#hud .metres{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fffdf6d1;text-shadow:0 1px 6px rgba(20,23,15,.5);margin-top:3px}#hud .right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}#hud .chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#14170f6b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:#fffdf6}#hud .chip.combo{background:#7d2438b8;color:#fdf6e6}#hud .chip[hidden]{display:none}.btn{pointer-events:auto;-webkit-appearance:none;appearance:none;border:0;border-radius:999px;padding:15px 30px;font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.01em;cursor:pointer;background:var(--paper);color:var(--ink);min-height:50px;min-width:168px;transition:transform .12s ease,filter .12s ease}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.btn.primary{background:linear-gradient(180deg,#8f2a40,#6d1f31);color:#fdf6e6;box-shadow:0 10px 26px #14170f5c}.btn.ghost{background:#f3eee31f;color:var(--paper);border:1px solid rgba(243,238,227,.34);min-width:0;padding:12px 20px;font-size:15px}.btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}#pane-title{background:linear-gradient(180deg,#14170f00,#14170f94 62%,#14170fdb);justify-content:flex-end;padding-bottom:calc(var(--safe-b) + 40px)}#pane-title .eyebrow{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0}#pane-title h1{font-family:var(--font-display);font-size:clamp(30px,10vw,52px);line-height:.98;margin:6px 0 2px;font-weight:700;letter-spacing:-.015em;color:#fffdf6;text-shadow:0 4px 22px rgba(20,23,15,.5)}#pane-title .tagline{margin:0 0 6px;font-size:14px;color:#fffdf6d1}#pane-title .hint{margin:12px 0 0;font-size:14px;color:#fffdf6eb;display:flex;align-items:center;gap:8px}#pane-title .hint kbd{font-family:var(--font-mono, monospace);font-size:12px;border:1px solid rgba(243,238,227,.4);border-bottom-width:2px;border-radius:5px;padding:2px 7px}#pane-over{background:#10130cb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);justify-content:center}#pane-over .crash-line{font-size:15px;color:var(--gold);margin:0;max-width:22ch}#pane-over .final{font-family:var(--font-display);font-size:clamp(44px,15vw,72px);font-weight:700;line-height:1;margin:4px 0 0;font-variant-numeric:tabular-nums;color:#fffdf6}#pane-over .final-label{margin:0 0 8px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--stone)}#pane-over .stats{display:grid;grid-template-columns:repeat(3,minmax(64px,1fr));gap:10px 16px;margin:6px 0 14px;max-width:340px;width:100%}#pane-over .stat{display:flex;flex-direction:column;gap:2px}#pane-over .stat b{font-family:var(--font-display);font-size:19px;font-variant-numeric:tabular-nums}#pane-over .stat span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}#pane-over .pb{font-size:13px;color:var(--stone);margin:0}#pane-over .pb.new{color:var(--gold);font-weight:600}#sound-toggle{position:absolute;top:calc(var(--safe-t) + 8px);right:calc(var(--safe-r) + 12px);pointer-events:auto;width:40px;height:40px;border-radius:50%;border:0;background:#14170f6b;color:#fffdf6;display:grid;place-items:center;cursor:pointer;z-index:30}@media(prefers-reduced-motion:reduce){.btn{transition:none}}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 18px;--sp-5: 26px;--sp-6: 38px;--fs-micro: 11px;--fs-small: 13px;--fs-body: 15px;--fs-lead: 18px;--fs-stat: 22px;--fs-hero: clamp(40px, 13vw, 64px);--tracking-caps: .16em;--radius-card: 20px}.btn,.title-hint,.title-best,.title-comp,.title-status,.over-crash-cause,.over-notice,.over-rank,.challenge-head{display:inline-flex;align-items:center;gap:var(--sp-2)}.btn svg,.title-hint svg,.over-notice svg,.over-rank svg{flex:0 0 auto}.title-stack{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);width:100%;max-width:520px;margin-inline:auto}.title-logo{display:block;width:min(86vw,460px);margin-bottom:var(--sp-1);filter:drop-shadow(0 10px 24px rgba(16,19,12,.55))}.title-logo-img{display:block;width:100%;height:auto}.title-tagline{margin:0;font-size:var(--fs-body);letter-spacing:.01em;color:#fffdf6e6;text-shadow:0 2px 10px rgba(20,23,15,.6);text-align:center}.btn-play{margin-top:var(--sp-4);padding:17px 34px;font-size:var(--fs-lead);gap:var(--sp-3)}.title-hint{margin-top:var(--sp-2);font-size:var(--fs-small);color:#fffdf6db;text-shadow:0 1px 8px rgba(20,23,15,.6);flex-wrap:wrap;justify-content:center}.title-hint-sep:before{content:"·";opacity:.5}.title-hint-kbd{font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--fs-micro);line-height:1;padding:4px 7px;border:1px solid rgba(243,238,227,.42);border-bottom-width:2px;border-radius:6px;background:#14170f52}.title-best{margin-top:var(--sp-3);gap:var(--sp-2);font-size:var(--fs-small);color:var(--stone)}.title-best-label{text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--fs-micro);opacity:.85}.title-best-value{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lead);color:var(--gold);font-variant-numeric:tabular-nums}.title-best-sub{font-variant-numeric:tabular-nums;opacity:.85}.title-best-sub:not(:empty):before{content:"·";margin-right:var(--sp-2);opacity:.55}.title-more{margin-top:var(--sp-4)}.pane-over .over-card,#pane-over .over-card{width:min(94vw,420px);padding:var(--sp-5) var(--sp-4) var(--sp-4);border-radius:var(--radius-card);background:#12150eb8;border:1px solid rgba(243,238,227,.12);box-shadow:0 24px 60px #0a0c0880;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.over-crash-line{margin:0;font-size:var(--fs-body);color:var(--gold);text-align:center;max-width:26ch;line-height:1.35}.over-crash-cause{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:#fffdf699}.over-score-block{display:flex;flex-direction:column;align-items:center;gap:2px;margin:var(--sp-2) 0 var(--sp-1)}.over-score-label{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--stone)}.over-score{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:700;line-height:.95;font-variant-numeric:tabular-nums;color:#fffdf6;text-shadow:0 4px 20px rgba(10,12,8,.5)}.over-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3) var(--sp-2);width:100%;margin:var(--sp-2) 0;padding:var(--sp-3) 0;border-top:1px solid rgba(243,238,227,.12);border-bottom:1px solid rgba(243,238,227,.12)}.over-stat{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.over-stat-icon{opacity:.75;height:18px;display:grid;place-items:center}.over-stat-value{font-family:var(--font-display);font-size:var(--fs-stat);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:#fffdf6}.over-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--stone);line-height:1.2}.over-pb{font-size:var(--fs-small);color:var(--stone);text-align:center;margin:0}.over-pb.is-new{color:var(--gold);font-weight:600}.over-notice{font-size:var(--fs-micro);color:#fffdf699;text-align:center;line-height:1.4}.over-actions{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);width:100%;margin-top:var(--sp-2)}.over-actions .btn.primary{width:100%;justify-content:center}.over-secondary{display:flex;gap:var(--sp-2);width:100%}.over-secondary .btn{flex:1;justify-content:center}.over-hint{font-size:var(--fs-micro);color:#fffdf680;margin:var(--sp-1) 0 0}@media(max-height:700px){.title-logo{width:min(74vw,380px)}.over-score{font-size:clamp(34px,11vw,48px)}}@font-face{font-family:Barrel Display;src:url(/fonts/LilitaOne-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}#pane-title .title-tagline,.title-tagline{font-family:"Barrel Display",var(--font-display);font-size:clamp(17px,5.2vw,23px);font-weight:400;letter-spacing:.045em;text-transform:uppercase;color:#f6d97a;transform:rotate(-1.6deg);margin-top:calc(var(--sp-2) * -1);text-shadow:0 2px 0 rgba(94,26,42,.9),0 6px 18px rgba(16,19,12,.7);-webkit-text-stroke:.6px rgba(94,26,42,.55)}.over-score,.title-best-value,.over-stat-value,#hud .score{font-family:"Barrel Display",var(--font-display);letter-spacing:.01em}.ui-root:not([data-phase=playing]):not([data-phase=paused]):not([data-phase=crashing]) .hud{display:none!important}.title-more{margin-top:var(--sp-3)}@keyframes logo-drift{0%,to{transform:translateZ(0) rotate(-.5deg)}50%{transform:translate3d(0,-9px,0) rotate(.6deg)}}@keyframes tagline-sway{0%,to{transform:rotate(-1.6deg) translateZ(0)}50%{transform:rotate(-.4deg) translate3d(0,-3px,0)}}.title-logo{animation:logo-drift 5.6s ease-in-out infinite;will-change:transform}#pane-title .title-tagline,.title-tagline{animation:tagline-sway 7.3s ease-in-out infinite;will-change:transform}@keyframes arcade-pulse{0%,to{box-shadow:0 10px 26px #14170f5c,0 0 #e2be3900;filter:brightness(1)}48%{box-shadow:0 10px 30px #14170f66,0 0 26px 4px #e2be396b;filter:brightness(1.13)}}@keyframes arcade-sheen{0%{transform:translate(-130%) skew(-18deg);opacity:0}8%{opacity:.75}26%,to{transform:translate(130%) skew(-18deg);opacity:0}}.btn-play{position:relative;overflow:hidden;isolation:isolate;animation:arcade-pulse 1.6s ease-in-out infinite;will-change:filter,box-shadow}.btn-play:after{content:"";position:absolute;top:0;right:-40%;bottom:0;left:-40%;z-index:-1;background:linear-gradient(100deg,#fffdf600,#fffdf66b 48%,#fffdf600);animation:arcade-sheen 4.8s ease-in-out infinite;pointer-events:none}@keyframes arcade-label{0%,to{transform:translateZ(0)}48%{transform:translate3d(0,-1px,0)}}.btn-play .btn-play-label{display:inline-block;animation:arcade-label 1.6s ease-in-out infinite}.btn-play:active{animation-play-state:paused;filter:brightness(.94)}@media(prefers-reduced-motion:reduce){.title-logo,.title-tagline,.btn-play,.btn-play .btn-play-label,.btn-play:after{animation:none!important}.btn-play{box-shadow:0 10px 26px #14170f5c,0 0 22px 3px #e2be3952}}.start-card{position:absolute;left:0;right:0;top:30%;text-align:center;pointer-events:none;z-index:25;font-family:"Barrel Display",var(--font-display);font-size:clamp(38px,13vw,68px);line-height:1;letter-spacing:.01em;color:#ffe9a3;text-transform:uppercase;opacity:0;-webkit-text-stroke:1.2px rgba(94,26,42,.85);text-shadow:0 4px 0 rgba(94,26,42,.95),0 10px 34px rgba(16,19,12,.75)}.start-card.is-in{animation:start-card 1.15s cubic-bezier(.16,1,.3,1) forwards}@keyframes start-card{0%{opacity:0;transform:scale(1.55) rotate(-4deg)}18%{opacity:1;transform:scale(1) rotate(-2deg)}70%{opacity:1;transform:scale(1) rotate(-2deg)}to{opacity:0;transform:scale(.92) translateY(-22px) rotate(-2deg)}}@media(prefers-reduced-motion:reduce){.start-card.is-in{animation:start-card-plain 1.15s ease forwards}@keyframes start-card-plain{0%,70%{opacity:1}to{opacity:0}}}.title-difficulty{display:flex;gap:8px;justify-content:center}.btn-difficulty{display:flex;flex-direction:column;gap:1px;line-height:1.15;padding:8px 16px;min-width:104px}.btn-difficulty-label{font-weight:600}.btn-difficulty-note{font-size:.72em;opacity:.62;letter-spacing:.04em;text-transform:uppercase}.btn-difficulty.is-on{background:var(--wine, #6d213c);color:#fff;border-color:transparent}.btn-difficulty.is-on .btn-difficulty-note{opacity:.82}.system-bar{position:absolute;top:calc(var(--safe-t) + 10px);left:calc(var(--safe-l) + 14px);z-index:6;display:flex;gap:8px;pointer-events:auto}.system-btn{width:46px;height:46px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(243,238,227,.16);background:#1814169e;color:#f3eee3eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.system-btn:active{transform:scale(.94)}.over-best{display:flex;flex-direction:column;align-items:center;gap:2px}.over-best-title{font-weight:600}.over-best-sub{font-size:.86em;opacity:.66}.over-best-sub:empty{display:none}