:root{color-scheme:dark;--accent:#df6744}*{box-sizing:border-box}body{margin:0;background:#090b0d;color:#f4efe5;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}main{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}canvas,.vignette{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.vignette{z-index:-1;background:linear-gradient(90deg,rgba(4,6,8,.62),transparent 75%),linear-gradient(0deg,rgba(4,6,8,.8),transparent 35%,transparent 80%,rgba(4,6,8,.5));pointer-events:none}header,footer{position:absolute;left:clamp(24px,5vw,76px);right:clamp(24px,5vw,76px);display:flex;justify-content:space-between;align-items:center}header{top:36px}header a{font-size:21px;letter-spacing:.14em;font-weight:700;text-decoration:none;color:inherit}.dot{color:var(--accent)}.location,footer,.overline{font-size:10px;letter-spacing:.2em}.location{color:#aaa99f}footer{bottom:24px;color:#aaa99f}footer div{display:flex;gap:24px;align-items:center}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}footer button{border:0;background:none;font-size:11px;letter-spacing:.04em;min-height:44px;padding:6px 0}.intro,.message{position:absolute;top:31%;left:clamp(24px,8vw,120px);max-width:780px}.overline{color:#dbb39b;margin:0 0 26px}h1,h2{font-weight:500;font-size:clamp(42px,6.5vw,88px);letter-spacing:-.055em;line-height:1.06;margin:0;text-wrap:balance}#enter{margin-top:35px;border:1px solid #a4a29b70;border-radius:0;background:#12161890;padding:16px 22px;font-size:13px;min-height:50px;display:flex;gap:52px;align-items:center}#enter:hover{background:#f4efe5;color:#111}.hint,.punchline{font-size:13px;color:#b7b7af;margin-top:16px;line-height:1.6}.scoreboard{position:absolute;top:16%;left:68%;transform:translateX(-50%);width:230px;display:flex;gap:10px;align-items:center;justify-content:center;padding:16px 10px 31px;background:#090c0d;border:1px solid #55584d;box-shadow:0 0 60px #a6c5c31a;color:#8b9990;font-size:8px;letter-spacing:.12em}.scoreboard b{font-size:25px;font-weight:400;color:#dba36b;letter-spacing:.06em;font-variant-numeric:tabular-nums}.scoreboard i{font-style:normal;color:#6e735f}.scoreboard small{position:absolute;bottom:10px;font-size:7px}.message{opacity:0;visibility:hidden}.playing .intro{opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s}.playing .message{animation:reveal 2.5s 2.4s both;visibility:visible}.playing .scoreboard{box-shadow:0 0 85px #bcdad22b}.playing canvas{filter:brightness(1.25);transition:filter 3s}.message .punchline{margin-top:24px}#sound{min-width:90px;text-align:right}[hidden]{display:none!important}@keyframes reveal{from{opacity:0;transform:translateY(14px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@media(max-width:600px){header{top:25px}.location{display:none}.scoreboard{left:72%;top:16%;transform:translateX(-50%) scale(.7)}.intro,.message{top:34%;right:24px}.overline{font-size:9px;letter-spacing:.16em;margin-bottom:22px}h1,h2{font-size:clamp(42px,11vw,62px)}footer{font-size:8px;letter-spacing:.1em;bottom:12px}footer div{gap:16px}#replay{font-size:10px}#sound{min-width:66px;font-size:10px}header a{font-size:17px}.hint{font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-delay:0s!important;transition:none!important}}