:root{color-scheme:dark;--ink:#241039;--cream:#fff0b1;--purple:#6c23bd;--gold:#ffcb5d;--teal:#168e94;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#160b20;color:var(--cream);overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #6debdc;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.park{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#74b4f5;isolation:isolate}.park canvas{display:block;width:100%;height:100%;touch-action:none}button:disabled{cursor:default}.hud{position:absolute;inset:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) auto max(10px,env(safe-area-inset-left));display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.scoreboard{display:grid;grid-template-columns:1fr 1px 1.35fr;align-items:center;column-gap:12px;min-width:215px;padding:9px 13px 6px;background:#200b36;border:2px solid #9a55d9;border-radius:9px;box-shadow:0 3px 0 #0d071a;color:var(--cream);pointer-events:auto}.scoreboard div{display:flex;align-items:center;gap:8px}.scoreboard span{font-size:9px;line-height:1.2;font-weight:800;letter-spacing:.05em;max-width:47px}.scoreboard strong{font-family:Impact,'Arial Black',sans-serif;font-size:27px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.scoreboard em{font:700 10px Arial,sans-serif;font-style:normal;margin-left:3px}.scoreboard i{height:28px;background:#7631a9}.scoreboard small{grid-column:1/-1;display:block;text-align:center;font-size:9px;letter-spacing:.12em;margin-top:6px;color:#e1c6f0}.menu-icon{pointer-events:auto;flex:none;display:grid;place-content:center;gap:5px;width:48px;height:48px;border:2px solid #9a55d9;border-radius:9px;background:#200b36;box-shadow:0 3px 0 #0d071a}.menu-icon span{height:4px;width:24px;background:var(--cream);border-radius:1px}.controls{position:absolute;bottom:0;left:0;right:0;padding:0 16px max(8px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#1e0b32 30%);text-align:center;pointer-events:none}.controls p{font-size:13px;font-weight:700;line-height:1.3;margin:10px 0 8px;text-shadow:0 1px 3px #000,0 0 7px #200b36}.action{display:block;pointer-events:auto;width:100%;min-height:55px;border:2px solid #ab6de0;border-radius:7px;background:#2b0e47;color:var(--cream);box-shadow:0 3px 0 #100719;font-family:Impact,'Arial Black',sans-serif;font-size:25px;letter-spacing:1px}.action:active:not(:disabled){transform:translateY(2px);box-shadow:none}.action:disabled{color:#d8c4e5}.controls small{display:block;color:#d7c0dd;font-size:8px;letter-spacing:.1em;padding-top:8px}.callout{position:absolute;left:50%;top:49%;width:max-content;max-width:calc(100% - 30px);transform:translate(-50%,-50%);padding:10px 16px;background:#fff0d6;color:var(--ink);border:3px solid #532876;border-radius:8px;box-shadow:3px 4px 0 #261138;text-align:center;pointer-events:none}.callout[hidden]{display:none}.callout strong{display:block;font-family:Impact,'Arial Black',sans-serif;font-size:27px;line-height:1.1;letter-spacing:.3px}.callout span{display:block;font-size:12px;font-weight:700;margin-top:4px}.timing{display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;font-weight:800;letter-spacing:.08em;text-shadow:0 1px 3px #000}.timing[hidden]{display:none}.timing-track{position:relative;height:9px;width:min(54vw,235px);background:#a65d56;border:1px solid #ebc8a1;border-radius:4px}.timing-track b{position:absolute;top:0;bottom:0;left:35%;right:35%;background:#3bb2a0;border-radius:2px}.timing-track:after{content:'';position:absolute;left:50%;top:0;height:100%;width:1px;background:#fff4c0}.timing-track i{position:absolute;top:-5px;left:50%;height:17px;width:4px;background:#fff;border:1px solid #2d1743;transform:translateX(-50%);border-radius:1px}dialog{width:min(92vw,390px);max-height:90dvh;margin:auto;padding:22px;border:3px solid #814ab0;border-radius:16px;background:#fff3dc;color:var(--ink);box-shadow:0 8px 0 #180b29;overflow:auto}dialog::backdrop{background:#140b22c9}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}dialog h2{font-family:Impact,'Arial Black',sans-serif;font-size:28px;line-height:1.05;letter-spacing:.3px;margin:0 0 10px}.close{height:44px;width:44px;flex:none;border:0;background:#ead7f0;color:#321244;font-size:30px;border-radius:8px}.menu-row{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;border:0;border-bottom:1px solid #d2bcd3;padding:15px 2px;min-height:48px;background:transparent;color:var(--ink);font-size:16px;font-weight:700;text-decoration:none}.menu-row[aria-current=true]{color:#7931ae}dialog p{font-size:13px;line-height:1.5}.records{font-weight:700}.storage-note{font-size:11px;color:#6a5376}.primary,.secondary{display:block;width:100%;min-height:48px;padding:11px;margin-top:12px;border:2px solid #25123a;border-radius:8px;background:#6c23a9;color:#fff2d1;font-size:16px;font-weight:800}.secondary{background:#e7d7ee;color:#2b1642}#round-result{text-align:center}.eyebrow{font-weight:800;font-size:10px;letter-spacing:.1em}.round-score{margin:20px 0}.round-score strong{display:block;font:80px/1 Impact,'Arial Black',sans-serif;color:#6c23a9}.round-score span{font-size:11px;letter-spacing:.15em;font-weight:800}.paper{display:block;padding:18px 0 0;color:#4d2172;font-size:13px;font-weight:700}noscript{position:fixed;inset:30% 16px auto;background:#fff3dc;color:#241039;padding:20px;z-index:10}noscript a{color:inherit}@media(max-width:350px){.scoreboard{min-width:0;column-gap:8px;padding:8px 10px 5px}.scoreboard strong{font-size:24px}.scoreboard span{font-size:8px;max-width:42px}.scoreboard div{gap:5px}.hud{gap:8px}.controls{padding-left:10px;padding-right:10px}.action{font-size:23px;min-height:49px}}@media(min-width:700px){.park{width:min(100vw,540px);margin:auto}.hud{inset-inline:14px}}@media(max-height:620px){.controls p{margin:5px 0;font-size:11px}.controls small{padding-top:4px}.action{min-height:44px;font-size:21px}.scoreboard{padding-block:6px 4px}.callout strong{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.contact-quality{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 9px;font-size:10px;font-weight:800;letter-spacing:.04em;text-shadow:0 1px 3px #000}.contact-quality[hidden]{display:none}.contact-quality>div{width:88px;height:7px;border:1px solid #ffedb1;background:#321445;border-radius:3px;overflow:hidden}.contact-quality b{display:block;height:100%;background:#ffce59}.contact-quality span{min-width:91px}.timing-track b{left:41.1%;right:41.1%}
.hud-buttons{display:flex;flex-direction:column-reverse;gap:8px;pointer-events:auto}.sound-icon{display:grid;place-content:center;width:48px;height:48px;border:2px solid #9a55d9;border-radius:9px;background:#200b36;color:var(--cream);box-shadow:0 3px 0 #0d071a}.sound-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sound-icon .sound-slash{display:none;stroke-width:2.4}.sound-icon[aria-pressed=false] .sound-slash{display:block}.sound-icon[aria-pressed=false] .sound-waves{display:none}.credits{font-size:11px;color:#655070}.credits a{color:inherit}