:root{--blood: #e0675f;--hud-bg: rgba(22, 24, 38, .82);--hud-r: 10px}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:var(--color-bg);color:var(--color-text);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.link{background:none;border:none;color:var(--color-neutral-400);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0}.link:hover{color:var(--color-accent)}.menu{position:fixed;inset:0;z-index:10;overflow:hidden;background:var(--color-bg)}.menu [hidden]{display:none!important}.menu-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,#161826e6,#1618268c,#1618260d 60%,#1618264d),linear-gradient(to top,rgba(22,24,38,.85) 0%,transparent 40%)}.menu-top{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;gap:16px;padding:calc(clamp(14px,3vw,28px) + env(safe-area-inset-top)) calc(var(--gutter) + env(safe-area-inset-right)) 0 0}.menu-top .seg.lang button{font-size:12px;padding:5px 9px}.brand{display:flex;align-items:center;gap:9px;font-weight:500;font-size:16px;letter-spacing:-.02em;color:var(--color-neutral-300);text-decoration:none}.brand:hover{color:var(--color-text)}.brand-eyes{display:flex;gap:4px}.brand-eyes span{width:7px;height:7px;border-radius:50%;background:var(--color-accent)}.menu-main{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;max-width:560px;padding:calc(clamp(40px,9vh,96px) + env(safe-area-inset-top)) var(--gutter) calc(clamp(28px,7vh,72px) + env(safe-area-inset-bottom)) calc(var(--gutter) + env(safe-area-inset-left))}.logo{margin:0;color:var(--color-text);text-transform:uppercase;font-size:clamp(42px,6.4vw,84px);font-weight:800;line-height:.95;letter-spacing:-.035em;display:flex;flex-wrap:wrap;column-gap:.25em;text-shadow:0 2px 24px rgba(0,0,0,.5)}#home-tagline{margin:18px 0 0;color:var(--color-neutral-300);font-size:15px;max-width:420px;text-wrap:pretty}.menu-list{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:14px}.menu-items{display:flex;flex-direction:column}a.menu-item{text-decoration:none}.menu-item{position:relative;display:flex;align-items:center;gap:10px;width:min(360px,100%);font:inherit;font-size:clamp(16px,1.6vw,19px);font-weight:500;letter-spacing:.04em;text-transform:uppercase;text-align:left;color:var(--color-neutral-300);background:transparent;border:0;border-radius:4px;padding:7px 14px;margin-left:-14px;cursor:pointer;transition:background .12s,color .12s}.menu-item:hover,.menu-item:focus-visible{color:var(--color-text);outline:none;background:linear-gradient(to right,#e9e9ed29,#e9e9ed0f)}.menu-item:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;border-radius:2px;background:var(--blood);opacity:0;transition:opacity .12s}.menu-item:hover:before,.menu-item:focus-visible:before{opacity:1}.menu-item:disabled{opacity:.55;cursor:default}.logo{display:block;font-variant-numeric:lining-nums}.logo .logo-h{color:var(--blood);font-size:.62em;margin:0 .04em;text-transform:none}.menu-shade{background:radial-gradient(ellipse at 75% 40%,rgba(224,103,95,.12),transparent 55%),linear-gradient(to top,rgba(22,24,38,.9),transparent 60%),#161826}#home-status{min-height:1.3em;margin:10px 0 0;color:var(--color-neutral-400);font-size:13px;max-width:420px}#home-status:empty{min-height:0;margin:0}.menu-foot{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:13px;color:var(--color-neutral-400)}.menu-foot:has(#home-me:empty){display:none}.menu-legal{position:absolute;right:calc(var(--gutter) + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:1;margin:0}.legal-links{font-size:11px;text-align:center}.legal-links a{color:var(--color-neutral-500);margin:0 6px;text-decoration:none}.legal-links a:hover{color:var(--color-accent)}@media(max-width:640px){.menu-play,.menu-play:hover,.menu-play:focus-visible{background:var(--color-accent);color:#14121f;font-size:19px;letter-spacing:.05em}.menu-legal{left:0;right:0}}.street{position:fixed;inset:0;background:#3d4240}.street[hidden]{display:none}#street-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.street-loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--color-neutral-300);background:var(--color-bg)}.street-loading[hidden]{display:none}.hud-top{position:absolute;top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));display:flex;align-items:flex-start;gap:10px;pointer-events:none}.hud-top>*{pointer-events:auto}.hud-quit.btn{background:var(--hud-bg);border-radius:var(--hud-r)}.hud-pace{display:flex;flex-direction:column;gap:6px;padding:8px 12px;background:var(--hud-bg);border-radius:var(--hud-r);font-size:13px}.hud-stamina{display:flex;align-items:center;gap:8px;color:var(--color-neutral-400);font-size:12px}.hud-stamina meter{width:120px;height:8px}.hud-note{position:absolute;left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));max-width:min(460px,60vw);margin:0;padding:8px 12px;background:var(--hud-bg);border-radius:var(--hud-r);font-size:12px;color:var(--color-neutral-300)}.hud-keys{display:block;margin-top:4px;color:var(--color-neutral-500)}.hud-paces{position:absolute;right:calc(12px + env(safe-area-inset-right));bottom:calc(40px + env(safe-area-inset-bottom));display:none;gap:8px}.hud-paces button{font:inherit;font-size:14px;font-weight:600;color:var(--color-text);background:var(--hud-bg);border:1px solid var(--color-divider);border-radius:999px;padding:12px 16px}.hud-paces button.on{border-color:var(--blood);color:var(--blood)}.map-credit{position:absolute;right:calc(8px + env(safe-area-inset-right));bottom:calc(6px + env(safe-area-inset-bottom));margin:0;font-size:10px}.map-credit a{color:#e9e9eda6;text-decoration:none}@media(pointer:coarse){.hud-paces{display:flex}.hud-keys{display:none}.hud-note{bottom:auto;top:calc(120px + env(safe-area-inset-top))}}
