:root{--ui-bg:#1a1814;--ui-panel:#12100ce0;--ui-panel-strong:#12100ceb;--ui-border:#c4a83a;--ui-accent:#f0d050;--ui-accent-soft:#f0d0502e;--ui-accent-mid:#f0d05059;--ui-text:#e8d9a0;--ui-dim:#a89860;--ui-health:#54b33a;--ui-armor:#4a8fd4;--ui-money:#5dcf5a;--ui-danger:#e8c040;--ui-ink:#0a0806;--ui-glow:none;--ui-scan:0;--map-bg:#4a7a30;--ui-radius:12px;--ui-radius-sm:8px;--ui-radius-pill:999px;--ui-blur:14px;--ui-border-w:1.5px;--ui-shadow:0 8px 28px #0006;--ui-shadow-fab:0 4px 16px #00000073;--ui-ring:0 0 0 1px #f0d05059;--font-ui:"IBM Plex Sans", system-ui, sans-serif;--font-display:"Teko", "IBM Plex Sans", system-ui, sans-serif;--font-mono:"Share Tech Mono", ui-monospace, monospace;--touch:48px;--chrome-gap:10px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-right:env(safe-area-inset-right,0px);--safe-left:env(safe-area-inset-left,0px)}html[data-font=sa],html[data-font=vice],html[data-font=sheikah],html[data-font=comic]{--font-ui:"Rajdhani", system-ui, sans-serif;--font-display:"Teko", sans-serif}html[data-font=iv]{--font-ui:"IBM Plex Sans", system-ui, sans-serif;--font-display:"IBM Plex Sans", system-ui, sans-serif}html[data-font=v]{--font-ui:"Rajdhani", system-ui, sans-serif;--font-display:"Rajdhani", sans-serif}html[data-font=mono]{--font-ui:"Share Tech Mono", monospace;--font-display:"Share Tech Mono", monospace}html[data-font=cyber]{--font-ui:"Orbitron", system-ui, sans-serif;--font-display:"Orbitron", sans-serif}html[data-font=western]{--font-ui:"Special Elite", serif;--font-display:"Special Elite", serif}html[data-font=pixel]{--font-ui:"Press Start 2P", monospace;--font-display:"Press Start 2P", monospace}html[data-category=cinema] .fx-vig{opacity:.5}html[data-category=horror] .fx-vig{opacity:.62}html[data-category=myth] .fx-vig{opacity:.4}html[data-category=game] .fx-vig{opacity:.42}html[data-hud=cinema-tron] .fx-vig{background:radial-gradient(#0000 38%,#000818d1 100%)}html[data-hud=cinema-matrix] .fx-vig,html[data-hud=cinema-neon] .fx-vig{background:radial-gradient(#0000 40%,#000000bf 100%)}html[data-hud=myth-fog] .fx-vig{opacity:.65;background:radial-gradient(#ffffff1f 15%,#1e1e1e8c 100%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--map-bg);width:100%;height:100dvh;font-family:var(--font-ui);color:var(--ui-text);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#app-root{background:var(--map-bg);width:100%;height:100dvh;position:relative;overflow:hidden}.chrome-glass{background:linear-gradient(160deg, color-mix(in srgb, var(--ui-accent) 8%, var(--ui-panel-strong)) 0%, var(--ui-panel-strong) 55%);border:var(--ui-border-w) var(--ui-border-style,solid) color-mix(in srgb, var(--ui-border) 85%, var(--ui-accent) 15%);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow), var(--ui-glow), var(--ui-inset,none);-webkit-backdrop-filter:blur(var(--ui-blur)) saturate(1.25)}html[data-fab=circle] .fab.chrome-glass{border-radius:999px!important}html[data-fab=square] .fab.chrome-glass{border-radius:var(--ui-radius-sm)!important}html[data-fab=soft] .fab.chrome-glass{border-radius:calc(var(--ui-radius) + 4px)!important}html[data-fab=hex] .fab.chrome-glass{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);border-radius:4px!important}html[data-border=double] .chrome-glass{border-style:double;border-width:max(3px, var(--ui-border-w))}html[data-border=glow] .chrome-glass{box-shadow:var(--ui-shadow), var(--ui-glow), 0 0 0 1px color-mix(in srgb, var(--ui-accent) 55%, transparent), inset 0 0 20px color-mix(in srgb, var(--ui-accent) 12%, transparent)}.id-title{letter-spacing:var(--ui-title-track,.02em)!important;text-transform:var(--ui-title-transform,none)!important}html[data-chrome=pipboy] .chrome-glass,html[data-chrome=matrix] .chrome-glass{background:var(--ui-panel-strong);-webkit-backdrop-filter:none;box-shadow:var(--ui-glow), inset 0 0 0 1px color-mix(in srgb, var(--ui-accent) 40%, transparent)}html[data-chrome=pixel] .chrome-glass{-webkit-backdrop-filter:none;image-rendering:pixelated;box-shadow:4px 4px 0 color-mix(in srgb, var(--ui-ink) 80%, transparent)}html[data-chrome=tron] .chrome-glass,html[data-chrome=blade-runner] .chrome-glass,html[data-chrome=night-city] .chrome-glass{background:color-mix(in srgb, var(--ui-ink) 75%, transparent);border-color:var(--ui-accent)}html[data-chrome=silent-hill] .chrome-glass{filter:saturate(.85);background:#282828e0;border-color:#666}html[data-chrome=odyssey] .chrome-glass,html[data-chrome=lotr] .chrome-glass,html[data-chrome=dune] .chrome-glass{background:linear-gradient(180deg, color-mix(in srgb, var(--ui-panel-strong) 90%, var(--ui-accent) 10%), var(--ui-panel-strong))}.fx-scan{pointer-events:none;z-index:2;opacity:var(--ui-scan);mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000024 2px 4px);position:absolute;inset:0}.fx-vig{pointer-events:none;z-index:2;opacity:.45;background:radial-gradient(#0000 52%,#0000006b 100%);position:absolute;inset:0}.chrome-top-fade{pointer-events:none;height:calc(120px + var(--safe-top));z-index:3;background:linear-gradient(to bottom, color-mix(in srgb, var(--ui-ink) 45%, transparent) 0%, transparent 100%);opacity:.55;position:absolute;top:0;left:0;right:0}.attrib{left:calc(10px + var(--safe-left));bottom:calc(8px + var(--safe-bottom));z-index:8;color:#ffffff80;text-shadow:0 1px 3px #000;pointer-events:none;max-width:min(42vw,200px);font-size:9px;line-height:1.35;position:absolute}.attrib a{color:var(--ui-accent);pointer-events:auto;opacity:.85;text-decoration:none}.route-chip{top:calc(200px + var(--safe-top));z-index:18;max-width:min(72vw,300px);color:var(--ui-text);background:var(--ui-panel-strong);border:var(--ui-border-w) solid var(--ui-accent);border-radius:var(--ui-radius-sm);box-shadow:var(--ui-shadow-fab), var(--ui-glow);-webkit-backdrop-filter:blur(var(--ui-blur));pointer-events:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;left:12px}.route-chip .dot{background:var(--ui-accent);width:8px;height:8px;box-shadow:0 0 8px var(--ui-accent);border-radius:50%;flex-shrink:0}@media (width>=768px){.route-chip{top:calc(168px + var(--safe-top));left:max(12px,50% - 280px)}}.boot{z-index:5;pointer-events:none;background:color-mix(in srgb, var(--map-bg) 70%, #000);place-items:center;display:grid;position:absolute;inset:0}.boot span{background:var(--ui-panel-strong);border:var(--ui-border-w) solid var(--ui-border);border-radius:var(--ui-radius);font-weight:700;font-family:var(--font-display);letter-spacing:.04em;box-shadow:var(--ui-shadow);padding:14px 22px}html[data-font=pixel] .chrome-glass,html[data-font=pixel] .fab,html[data-font=pixel] .id-title{font-size:9px}html[data-layout=gta] .top{padding-top:calc(12px + var(--safe-top))}html[data-layout=gta] .id{border-width:2px;max-width:min(55vw,220px);padding:8px 12px 8px 8px}html[data-layout=gta] .badge{width:40px;height:40px;font-size:12px}html[data-layout=gta] .search-wrap{top:calc(72px + var(--safe-top));width:min(100vw - 88px,360px);max-width:360px;left:12px;right:auto}html[data-layout=gta] .fabs{right:calc(12px + var(--safe-right));gap:8px;top:42%;bottom:auto;transform:translateY(-20%)}html[data-layout=gta] .fab{width:48px;height:48px;border-radius:2px!important}html[data-layout=gta] .route-chip{top:calc(210px + var(--safe-top));left:12px}@media (width>=768px){html[data-layout=gta] .route-chip{top:calc(176px + var(--safe-top))}html[data-layout=gta] .search-wrap{width:min(100vw - 88px,420px);max-width:420px;left:12px;right:auto;transform:none}}html[data-layout=gta] .chrome-top-fade{opacity:.35}html[data-layout=terminal] .top{padding:calc(6px + var(--safe-top)) 0 0;flex-direction:column;align-items:stretch;gap:0;left:0;right:0}html[data-layout=terminal] .id{pointer-events:auto;width:100%;max-width:none;padding:10px 14px;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}html[data-layout=terminal] .mode{top:calc(10px + var(--safe-top));z-index:2;position:absolute;right:10px;border-radius:0!important}html[data-layout=terminal] .search-wrap{top:calc(58px + var(--safe-top));max-width:none;padding:0;left:0;right:0}html[data-layout=terminal] .search{height:44px;border-left:none!important;border-right:none!important;border-radius:0!important}html[data-layout=terminal] .search .icon:before{content:">";font-family:var(--font-mono);margin-right:2px}html[data-layout=terminal] .search .icon svg{display:none}html[data-layout=terminal] .fabs{right:50%;bottom:calc(16px + var(--safe-bottom));flex-direction:row;gap:12px;transform:translate(50%)}html[data-layout=terminal] .fab{border-radius:0!important}html[data-layout=terminal] .route-chip{top:calc(160px + var(--safe-top));border-radius:0;justify-content:center;max-width:none;left:0;right:0}html[data-layout=terminal] .attrib{bottom:calc(72px + var(--safe-bottom))}html[data-layout=terminal] .chrome-top-fade{height:calc(140px + var(--safe-top));opacity:.7;background:linear-gradient(to bottom, color-mix(in srgb, var(--ui-ink) 85%, transparent), transparent)}html[data-layout=cinema] .top{padding:calc(14px + var(--safe-top)) 14px 0}html[data-layout=cinema] .id{opacity:.92;max-width:min(48vw,200px);padding:5px 8px 5px 5px;background:color-mix(in srgb, var(--ui-ink) 70%, transparent)!important}html[data-layout=cinema] .titles small{display:none}html[data-layout=cinema] .badge{width:30px;height:30px;font-size:10px}html[data-layout=cinema] .id-title{font-size:13px}html[data-layout=cinema] .search-wrap{top:calc(58px + var(--safe-top));width:min(88vw,400px);max-width:400px;left:50%;right:auto;transform:translate(-50%)}html[data-layout=cinema] .fabs{right:calc(14px + var(--safe-right));gap:14px;top:50%;bottom:auto;transform:translateY(-40%)}html[data-layout=cinema] .route-chip{top:auto;bottom:calc(24px + var(--safe-bottom));max-width:min(80vw,320px);left:50%;transform:translate(-50%)}html[data-layout=cinema] .chrome-top-fade{opacity:.65}html[data-layout=cinema] .attrib{opacity:.4}html[data-layout=codex] .top{padding-top:calc(12px + var(--safe-top));justify-content:center}html[data-layout=codex] .id{border-style:double;border-width:3px;order:0;max-width:min(70vw,280px);padding:8px 14px}html[data-layout=codex] .mode{right:12px;top:calc(14px + var(--safe-top));position:absolute}html[data-layout=codex] .search-wrap{top:calc(76px + var(--safe-top));width:min(86vw,420px);max-width:420px;left:50%;transform:translate(-50%)}html[data-layout=codex] .fabs{left:calc(12px + var(--safe-left));right:auto;bottom:calc(24px + var(--safe-bottom));top:auto;transform:none}html[data-layout=codex] .route-chip{top:calc(180px + var(--safe-top));left:50%;transform:translate(-50%)}html[data-layout=codex] .attrib{left:auto;right:calc(10px + var(--safe-right));text-align:right}html[data-layout=horror] .top{padding:calc(16px + var(--safe-top)) 16px 0}html[data-layout=horror] .id{opacity:.75;filter:saturate(.7);max-width:min(42vw,180px);padding:5px 8px}html[data-layout=horror] .titles small{display:none}html[data-layout=horror] .mode{opacity:.85}html[data-layout=horror] .search-wrap{top:auto;bottom:calc(88px + var(--safe-bottom));max-width:none;left:12px;right:12px}html[data-layout=horror] .fabs{left:calc(12px + var(--safe-left));right:auto;bottom:calc(20px + var(--safe-bottom));flex-direction:row;gap:8px}html[data-layout=horror] .route-chip{top:calc(112px + var(--safe-top));opacity:.9;filter:saturate(.6);left:12px}html[data-layout=horror] .chrome-top-fade{opacity:.8;background:linear-gradient(#0000008c,#0000)}html[data-layout=horror] .fx-vig{opacity:.7!important}html[data-layout=horror] .attrib{bottom:calc(140px + var(--safe-bottom));opacity:.35}html[data-layout=cyber] .top{padding:calc(0px + var(--safe-top)) 0 0;gap:0;left:0;right:0}html[data-layout=cyber] .id{clip-path:polygon(0 0,100% 0,98% 100%,0 100%);flex:1;max-width:none;min-height:52px;padding:8px 14px;border-left:none!important;border-right:1px solid var(--ui-accent)!important;border-top:none!important;border-radius:0!important}html[data-layout=cyber] .mode{align-items:stretch;min-height:52px;border-top:none!important;border-radius:0!important}html[data-layout=cyber] .mode button{border-radius:0;min-width:64px;min-height:52px}html[data-layout=cyber] .search-wrap{top:calc(52px + var(--safe-top));max-width:none;left:0;right:0}html[data-layout=cyber] .search{clip-path:polygon(0 0,100% 0,100% 100%,12px 100%,0 calc(100% - 12px));height:42px;border-left:none!important;border-right:none!important;border-radius:0!important}html[data-layout=cyber] .fabs{right:calc(10px + var(--safe-right));top:calc(120px + var(--safe-top));gap:6px;bottom:auto;transform:none}html[data-layout=cyber] .fab{width:50px;height:50px}html[data-layout=cyber] .route-chip{top:calc(148px + var(--safe-top));clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border-radius:0;left:12px}html[data-layout=cyber] .chrome-top-fade{height:calc(130px + var(--safe-top));opacity:.75;background:linear-gradient(to bottom, color-mix(in srgb, var(--ui-ink) 90%, var(--ui-accent) 10%), transparent)}html[data-layout=mapper] .fabs{right:calc(12px + var(--safe-right));bottom:calc(22px + var(--safe-bottom))}html[data-layout=terminal] .id:after{content:"STAT · ITEM · DATA · MAP · RADIO";left:14px;top:calc(42px + var(--safe-top));letter-spacing:.14em;color:var(--ui-dim);pointer-events:none;font-size:9px;font-family:var(--font-mono);opacity:.7;display:block;position:absolute}html[data-layout=terminal] .top{position:relative}html[data-layout=terminal] .id{padding-bottom:22px;position:relative}html[data-layout=codex] .id:before{content:"◆";color:var(--ui-accent);opacity:.7;margin-right:6px;font-size:10px}