:root{font-family:DM Sans,sans-serif;color:#e8ece9;background:#07131b;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}button:focus-visible{outline:2px solid #e9dbc0;outline-offset:5px}::selection{background:#ddc89c;color:#0c1c25}#app{position:relative;isolation:isolate}#scene,#scene canvas,.veil{position:absolute;inset:0;width:100%;height:100%}#scene canvas{display:block}.veil{pointer-events:none;background:linear-gradient(180deg,rgba(4,12,18,.3),transparent 27%,transparent 66%,rgba(2,8,12,.49)),linear-gradient(90deg,rgba(2,8,12,.22),transparent 28%,transparent 72%,rgba(2,8,12,.2));z-index:1}.site-header,.scene-copy,.hud,.touch-controls{position:absolute;z-index:2}.site-header{top:0;left:0;right:0;padding:30px 38px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Libre Caslon Display,Georgia,serif;font-size:27px;line-height:1;letter-spacing:-.02em;display:flex;align-items:center;gap:12px;text-shadow:0 2px 18px rgba(0,0,0,.5)}.brand-mark{width:19px;height:19px;border-radius:50%;box-shadow:inset -6px -1px #e4d8bd;transform:rotate(-22deg);display:inline-block}.text-button{background:none;border:0;color:#d9e1df;display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.055em;cursor:pointer;padding:8px 0}.text-button svg{width:18px;height:18px}.text-button:hover,.reset-button:hover{color:#fff}.sound-wave{opacity:.25}.text-button[aria-pressed=true] .sound-wave{opacity:1}.scene-copy{left:38px;top:130px;max-width:420px;pointer-events:none;transition:opacity 1.2s ease,transform 1.2s ease}.scene-copy h1{font-family:Libre Caslon Display,Georgia,serif;font-weight:400;font-size:clamp(35px,4.1vw,68px);line-height:1.06;letter-spacing:-.028em;margin:0;text-wrap:balance;text-shadow:0 4px 28px rgba(0,0,0,.42)}.scene-copy p{margin:20px 0 0;color:#c1c9c8;font-size:13px;letter-spacing:.035em;text-shadow:0 2px 10px #000}.is-riding .scene-copy{opacity:0;transform:translateY(-10px)}.hud{bottom:0;left:0;right:0;padding:25px 38px 30px;display:flex;justify-content:space-between;align-items:end;gap:20px}.controls-desktop{display:flex;align-items:end;gap:22px}.control-group{display:flex;align-items:center;gap:9px;color:#bbc8c7;font-size:11px;letter-spacing:.035em}.keys{display:flex;gap:3px}kbd{min-width:24px;height:25px;border:1px solid rgba(229,240,235,.37);border-radius:4px;display:inline-grid;place-items:center;padding:0 4px;color:#edf2ed;background:#05101747;font-family:inherit;font-size:11px;line-height:1}.hud-right{display:flex;align-items:center;gap:23px;color:#bcc9c7;font-size:11px;letter-spacing:.035em}.reset-button{border:0;border-bottom:1px solid rgba(228,237,230,.55);background:none;color:#e9eeea;padding:0 0 6px;cursor:pointer;font-size:11px;letter-spacing:.05em}.reset-button span{display:inline-block;transform:rotate(45deg);margin-left:2px}.touch-controls{display:none}.loading,.error{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Libre Caslon Display,Georgia,serif;font-size:26px;text-align:center;text-shadow:0 2px 20px #000}.loading{transition:opacity .8s ease}.loading.is-hidden{opacity:0;pointer-events:none}.error{width:min(90vw,400px);font-size:22px;line-height:1.3}[hidden]{display:none!important}@media(max-width:700px){.site-header{padding:22px}.brand{font-size:24px}.scene-copy{left:22px;top:96px;max-width:none}.scene-copy h1{display:none}.scene-copy p{font-size:12px;margin:0}.hud{padding:20px 22px;bottom:0}.controls-desktop{display:none}.hud-right{width:100%;justify-content:space-between}.touch-controls{display:flex;bottom:74px;left:22px;right:22px;justify-content:space-between;align-items:end;touch-action:none}.touch-controls>div{display:flex;flex-direction:column;gap:8px}.touch-controls button{width:54px;height:54px;border-radius:50%;border:1px solid rgba(235,243,237,.48);background:#0510176b;color:#f2f5ed;font-size:21px;touch-action:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.touch-controls button:active{background:#e2d5b34d}}@media(max-height:560px){.scene-copy{top:86px}.hud{padding-bottom:15px}.touch-controls{bottom:55px}}.header-actions{display:flex;align-items:center;gap:26px}#app[data-weather=dawn] .veil{background:linear-gradient(180deg,rgba(40,24,33,.13),transparent 38%,rgba(36,20,25,.12)),linear-gradient(90deg,rgba(26,16,24,.14),transparent 28%,transparent 72%,rgba(26,16,24,.14))}#app[data-weather=rain] .veil{background:linear-gradient(180deg,rgba(4,11,16,.2),transparent 28%,rgba(3,9,12,.33)),linear-gradient(90deg,rgba(2,8,12,.12),transparent 28%,transparent 72%,rgba(2,8,12,.12))}@media(max-width:700px){.header-actions{gap:14px}.header-actions .text-button{gap:5px;font-size:11px}}@media(max-width:390px){.brand{font-size:21px}.header-actions{gap:9px}.header-actions .text-button{font-size:10px}}.visitor-counter{display:inline-flex;align-items:center;gap:6px;color:#c7d5cf;white-space:nowrap;font-size:10px;letter-spacing:.07em;font-variant-numeric:tabular-nums}.visitor-counter-dot{width:5px;height:5px;border-radius:50%;background:#bfd8c8;box-shadow:0 0 9px #bfd8c899}#visitor-count{color:#edf4e9;min-width:1ch}@media(max-width:700px){.hud-right{gap:8px}#status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.visitor-counter{font-size:9px;gap:4px;letter-spacing:0;flex:none}.reset-button{flex:none}}