:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f1e8;background:#13251b}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block;width:100%;height:100%;cursor:none}.veil{position:fixed;inset:0;display:grid;place-items:center;z-index:20;background:linear-gradient(180deg,#09120d40,#09120dad),radial-gradient(circle at 50% 30%,rgba(126,152,94,.22),transparent 44%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .9s ease,visibility .9s ease}.veil.hidden{opacity:0;visibility:hidden;pointer-events:none}.card{width:min(560px,calc(100vw - 40px));text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;opacity:.75}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(56px,9vw,112px);margin:6px 0 16px;line-height:.9}.card>p{line-height:1.6;opacity:.86}button{appearance:none;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#0f211780;color:inherit;padding:11px 16px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card button{margin-top:16px;padding:14px 22px;background:#e87942;color:#1f231d;border:none;font-weight:700}.hint{font-size:12px;opacity:.55!important}.hud{position:fixed;inset:18px 18px auto;z-index:10;display:flex;align-items:center;justify-content:flex-start;pointer-events:none}.brand{font-family:Georgia,serif;font-size:22px;text-shadow:0 2px 18px rgba(0,0,0,.5)}.brand span{display:block;margin-top:3px;font:600 9px/1.2 Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase;opacity:.72}.settings-scrim{position:fixed;inset:0;z-index:17;background:#101c142e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s}.settings-scrim.open{opacity:1;visibility:visible}.settings-panel{position:fixed;z-index:18;top:50%;left:50%;width:min(380px,calc(100vw - 32px));padding:20px;border:1px solid rgba(28,52,35,.12);border-radius:18px;background:#f4f6eef0;color:#203127;box-shadow:0 18px 55px #0c1b1138;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translate(-50%,calc(-50% - 8px)) scale(.985);transition:opacity .22s ease,transform .22s ease,visibility .22s;max-height:calc(100vh - 40px);overflow-y:auto}.settings-panel.open{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.settings-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.settings-kicker{color:#64816b;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.settings-heading h2{margin:3px 0 0;font:400 25px/1.1 Georgia,serif}.settings-close{border:0;padding:2px 8px;background:transparent;color:#203127;font-size:24px;line-height:1;-webkit-backdrop-filter:none;backdrop-filter:none}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 2px;border-top:1px solid rgba(30,54,37,.1)}.settings-select{display:grid;gap:7px;padding:10px 2px;border-top:1px solid rgba(30,54,37,.1)}.settings-select span{display:grid;gap:2px}.settings-select strong{font-size:13px}.settings-select small{color:#20312794;font-size:10px}.settings-select select{width:100%;border:1px solid rgba(30,54,37,.14);border-radius:9px;background:#ffffffb8;color:#203127;padding:8px 10px;font:inherit;font-size:12px}.setting-row span{display:grid;gap:2px}.setting-row strong,.volume-setting strong{font-size:13px;font-weight:600}.setting-row small{color:#20312794;font-size:10px}.setting-row input{appearance:none;width:40px;height:22px;flex:0 0 auto;border-radius:999px;background:#233e2b29;box-shadow:inset 0 0 0 1px #1e36251a;cursor:pointer;transition:background .2s}.setting-row input:after{content:"";display:block;width:16px;height:16px;margin:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #1423192e;transition:transform .2s}.setting-row input:checked{background:#4f8158}.setting-row input:checked:after{transform:translate(18px)}.volume-setting{display:grid;gap:9px;padding:12px 2px 3px;border-top:1px solid rgba(30,54,37,.1)}.volume-setting span{display:flex;justify-content:space-between}.volume-setting output{color:#2031279e;font-size:11px}.volume-setting input{width:100%;accent-color:#79a16e}.volume-setting small{color:#20312780;font-size:10px}.rain-amount{padding-bottom:13px}.sound-credits{display:inline-block;margin-top:14px;color:#55745e;font-size:10px}.cursor-dot{position:fixed;left:50%;top:50%;z-index:15;width:8px;height:8px;border-radius:50%;background:#ffffffeb;box-shadow:0 0 0 5px #ffffff14,0 0 18px #ffffff8c;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .5s ease;animation:breathe 3.8s ease-in-out infinite}.cursor-dot.visible{opacity:.9}.cursor-dot.locked{left:50%!important;top:50%!important}.route-prompt{position:fixed;left:50%;bottom:132px;z-index:11;translate:-50% 8px;padding:8px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0a1810a3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .5s ease,translate .5s ease;pointer-events:none}.route-prompt.visible{opacity:.86;translate:-50% 0}@keyframes breathe{0%,to{scale:.88;box-shadow:0 0 0 4px #ffffff0f,0 0 14px #ffffff73}50%{scale:1.08;box-shadow:0 0 0 7px #ffffff1a,0 0 22px #ffffff9e}}.walk-status{position:fixed;z-index:10;left:50%;bottom:20px;translate:-50% 0;display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:470px;padding:11px 16px 10px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#0a18108f;box-shadow:0 12px 35px #0000002e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.status-row{display:flex;align-items:center;gap:18px}.status-item{display:grid;gap:2px;min-width:92px}.status-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.58}.status-item strong{font-size:15px;font-variant-numeric:tabular-nums;font-weight:550}.status-divider{width:1px;height:26px;background:#ffffff26}.pace-indicator{margin-left:auto;padding:6px 9px;border-radius:999px;background:#e38f522e;color:#ffd2ad;font-size:10px;letter-spacing:.12em;text-transform:uppercase;transition:background .25s ease,color .25s ease}.pace-indicator.running{background:#ffbe5d47;color:#fff1c4}.control-guide{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:8px;border-top:1px solid rgba(255,255,255,.11);color:#ffffffb8;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.control-guide span{display:inline-flex;align-items:center;gap:6px}.control-guide kbd{min-width:24px;padding:3px 6px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff14;color:#fff;font:600 9px/1 Inter,sans-serif;text-align:center;box-shadow:inset 0 -1px #ffffff14}.control-guide strong{font-weight:550}@media(max-width:620px){.brand{font-size:18px}.walk-status{width:calc(100vw - 24px);min-width:0;gap:10px;padding:10px 12px}.status-row{gap:10px}.status-item{min-width:0;flex:1}.pace-indicator{display:none}.control-guide{gap:9px;font-size:9px}.control-guide span{gap:4px}.settings-panel{max-height:calc(100vh - 24px)}}@media(prefers-reduced-motion:reduce){.cursor-dot{animation:none}}