@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap";:root{--bg-dark:#070b08;--panel-bg:#0e160fd6;--panel-border:#9aff2e3d;--line:#ffffff1f;--text-main:#f3fbec;--text-dim:#98ac93;--acid-green:#9aff2e;--acid-green-deep:#2e9e1a;--neon-green:#22e07a;--neon-amber:#ffc93d;--neon-red:#ff3b30;--blood-dark:#4a0e0e;--font-num:"Baloo 2", "Arial Rounded MT Bold", sans-serif;--font-code:"JetBrains Mono", monospace;--font-cjk:"PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif}.comic-outline{text-shadow:-2px -2px #04140a,2px -2px #04140a,-2px 2px #04140a,2px 2px #04140a,0 3px #04140a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-cjk);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;width:100vw;height:100dvh;overflow:hidden}.app-shell{width:100%;height:100%;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-dark);flex-direction:column;flex:1;display:flex;overflow:hidden}.app-inert-layer{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}button,a{touch-action:manipulation}#root{flex-direction:column;width:100vw;height:100dvh;display:flex}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 8px 32px #00000080}.num-font{font-family:var(--font-num);font-variant-numeric:tabular-nums}.neo-btn-primary{color:#05230a;width:100%;min-height:56px;font-family:var(--font-cjk);letter-spacing:.06em;box-shadow:0 5px 0 var(--acid-green-deep), 0 10px 20px #00000080;cursor:pointer;background:linear-gradient(#c6ff6b 0%,#7ae22e 60%,#5bc420 100%);border:0;border-radius:20px;justify-content:center;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:800;transition:transform .1s,box-shadow .1s,filter .15s;display:flex}.neo-btn-primary:active{box-shadow:0 1px 0 var(--acid-green-deep), 0 4px 10px #00000080;filter:brightness(1.08);transform:translateY(4px)}.neo-btn-ghost{border:1px solid var(--panel-border);width:100%;min-height:48px;color:var(--text-main);cursor:pointer;background:#0e160fa6;border-radius:20px;justify-content:center;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 3px #00000059}.neo-btn-ghost:active{background:#9aff2e26;transform:translateY(3px);box-shadow:0 0 #00000059}.neo-btn-danger{color:var(--neon-red);border-color:#ff3b3066}.neo-map-container{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.map-loading-shell{color:#e8d9b9;letter-spacing:.08em;background:radial-gradient(circle at 50% 55%,#4a4032 0%,#201a15 100%);place-items:center;font-size:.78rem;font-weight:750;display:grid;position:absolute;inset:0}.visual-audit-shell{background:#201a15;min-height:100dvh;position:fixed;inset:0;overflow:hidden}.visual-audit-badge{left:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:30;color:#a8f8ff;letter-spacing:.08em;pointer-events:none;background:#151917e6;border:1px solid #9aff2e75;border-radius:5px;padding:5px 9px;font-size:9px;font-weight:800;position:fixed}.map-demo-shell{color:#e8efce;background:#1b241e;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.map-demo-stage{flex:1;min-height:0;position:relative}.map-demo-stage-custom-world{background:#070b0c}.map-demo-stage-custom-world .map-demo-header{pointer-events:none;display:none}.map-demo-header{top:max(1rem, env(safe-area-inset-top,0px));z-index:22;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:absolute;left:1rem;right:1rem}.map-demo-kicker{color:#c6d79c;font:700 10px/1.2 var(--font-num);letter-spacing:.14em}.map-demo-header h1{color:#f2e8ca;letter-spacing:.02em;margin:.38rem 0 .25rem;font-size:clamp(1.15rem,4vw,1.8rem);font-weight:850}.map-demo-header p{color:#b5bfa8;font-size:.72rem;font-weight:700}.map-demo-status{color:#cfdfb0;min-height:36px;font:700 9px/1 var(--font-num);letter-spacing:.1em;background:#1a231bd1;border:1px solid #b7c99761;border-radius:999px;align-items:center;gap:.4rem;padding:0 .7rem;display:inline-flex}.map-demo-status span{background:#8fc66e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #8fc66ecc}.map-demo-hud{z-index:24;-webkit-backdrop-filter:blur(14px);background:#131914e8;border:1px solid #b7be976b;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:.4rem 1rem;padding:.75rem .95rem;display:grid;position:absolute;bottom:.75rem;left:.75rem;right:.75rem;box-shadow:0 12px 30px #05080694}.map-demo-threat{color:#e9c76f;white-space:nowrap;align-items:baseline;gap:.34rem;display:flex}.map-demo-threat-label{color:#b7c09f;font-size:.62rem;font-weight:750;position:absolute;top:.55rem;left:.95rem}.map-demo-threat strong{font:800 2.6rem/.85 var(--font-num);margin-top:.6rem}.map-demo-threat>span:last-child{font-size:.78rem;font-weight:800}.map-demo-stats{color:#aab7a4;border-left:1px solid #b7be9740;grid-template-columns:repeat(3,1fr);gap:.5rem;padding-left:.9rem;font-size:.62rem;font-weight:700;display:grid}.map-demo-stats span{gap:.18rem;display:grid}.map-demo-stats b{color:#f0ead4;font:800 .86rem/1 var(--font-num)}.map-demo-hud-note{color:#9eb99e;grid-column:1/-1;align-items:center;gap:.35rem;font-size:.62rem;display:flex}.map-demo-switcher{padding:.65rem .75rem max(.65rem, env(safe-area-inset-bottom,0px));background:#0d110ef7;border-top:1px solid #b7be9740;gap:.55rem;display:flex}.map-demo-switcher button{color:#aebca4;cursor:pointer;touch-action:manipulation;background:#283328b8;border:1px solid #b7be9759;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:.45rem;min-height:48px;font-size:.78rem;font-weight:800;transition:all .18s;display:inline-flex}.map-demo-switcher button.active{color:#f2edcf;background:#617d54;border-color:#8db66f;box-shadow:0 0 18px #8db66f3d}@media (width<=430px){.map-demo-header{left:.75rem;right:.75rem}.map-demo-status{padding:0 .55rem;font-size:8px}.map-demo-header p{font-size:.64rem}.map-demo-hud{grid-template-columns:92px 1fr}.map-demo-stats{padding-left:.55rem}.map-demo-hud-note{font-size:.56rem}}.neo-map-canvas{z-index:0;background:#332d24;width:100%;height:100%;position:absolute;inset:0}.theme-sport-zombie.neo-map-container:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(#b0a67a1f,#0000 32%),radial-gradient(circle at 50% 62%,#0000 56%,#181c1657 100%);position:absolute;inset:0;box-shadow:inset 0 0 42px #12171261}.theme-spec-game-world.neo-map-container:after{content:"";pointer-events:none;z-index:5;background:radial-gradient(circle at 50% 58%,#0000 46%,#0000007a 100%);position:absolute;inset:0;box-shadow:inset 0 0 54px #00000094}.theme-spec-game-world .radar-sweep-grid{z-index:6;background:radial-gradient(circle at 50% 58%,#0000 52%,#06080f6b 100%);box-shadow:inset 0 0 48px #00000073}.theme-spec-game-world .haven-icon{background:radial-gradient(circle,#7cff6b57 0%,#112f1ceb 100%);border:2px solid #7cff6b;box-shadow:0 0 18px #7cff6b9e}.theme-spec-game-world .haven-label{color:#b9ff9c;border-color:#7cff6b70}.radar-sweep-grid{pointer-events:none;background:radial-gradient(circle,#0000 45%,#06080f8c 100%);position:absolute;inset:0;box-shadow:inset 0 0 80px #0009}.survival-avatar-overlay{z-index:7;pointer-events:none;position:absolute;inset:0;overflow:hidden}.survival-avatar-overlay-canvas{pointer-events:none;width:100%;height:100%;display:block}.avatar-survivor-3d-ready .player-survivor-container .survival-avatar-fallback,.avatar-infected-3d-ready .zombie-3d-container .survival-avatar-fallback{opacity:0}.map-context-lost .neo-map-canvas{background:radial-gradient(circle at 50% 55%,#4a4032 0%,#201a15 100%)}.map-fallback-status{top:calc(max(.85rem, env(safe-area-inset-top)) + 3.25rem);z-index:20;color:#e8d9b9;letter-spacing:.03em;white-space:nowrap;pointer-events:none;background:#1f1b16e6;border:1px solid #d8c48e85;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:750;position:absolute;left:50%;transform:translate(-50%)}.hazard-warning-frame{pointer-events:none;box-shadow:inset 0 0 0 4px var(--neon-red);animation:1s ease-in-out infinite hazardBreathe;position:absolute;inset:0}@keyframes hazardBreathe{0%,to{opacity:.3}50%{opacity:.9}}.sanctuary-shield-frame{pointer-events:none;box-shadow:inset 0 0 0 4px var(--neon-green), inset 0 0 60px #22e07a40;animation:1.8s ease-in-out infinite shieldGlow;position:absolute;inset:0}@keyframes shieldGlow{0%,to{opacity:.4}50%{opacity:.85}}.neo-player-marker{pointer-events:none;justify-content:center;align-items:center;width:64px;height:76px;display:flex;position:relative}.player-radar-ring{border:1.5px solid #9aff2ecc;border-radius:50%;width:54px;height:54px;animation:2.2s linear infinite radarRipple;position:absolute}.player-radar-ring.shield-active{border-color:var(--neon-green);box-shadow:0 0 20px var(--neon-green)}.player-radar-ring-2{border:1px dashed #9aff2e80;border-radius:50%;width:54px;height:54px;animation:8s linear infinite rotateClockwise;position:absolute}@keyframes radarRipple{0%{opacity:.95;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes rotateClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.neo-zombie-marker{pointer-events:none;justify-content:center;align-items:center;width:56px;height:68px;display:flex;position:relative}.zombie-3d-container{z-index:8;filter:drop-shadow(0 6px 10px #ff3b3099);justify-content:center;align-items:center;width:50px;height:62px;display:flex;position:absolute;bottom:4px}.zombie-pulse-ring{border:2px solid var(--neon-red);background:#ff3b3040;border-radius:50%;width:48px;height:48px;animation:1.4s ease-out infinite zombieRipple;position:absolute}@keyframes zombieRipple{0%{opacity:.95;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}.threat-radar-indicator{border:1.5px solid var(--neon-red);color:#fff;z-index:25;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#110307e6;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:700;animation:1.4s ease-in-out infinite radarThreatPulse;display:flex;position:absolute;top:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 0 16px #ff3b3099}.threat-radar-arrow{color:var(--neon-red);font-size:.95rem;transition:transform .2s ease-out;display:inline-block}@keyframes radarThreatPulse{0%,to{opacity:.9;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.04);box-shadow:0 0 24px #ff3b30e6}}.map-view-floating-controls{z-index:15;flex-direction:column;gap:.65rem;display:flex;position:absolute;bottom:1.2rem;right:1.2rem}.map-floating-btn{border:1px solid var(--panel-border);width:44px;height:44px;color:var(--text-main);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e1ae0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #0009}.map-floating-btn:active,.map-floating-btn.active{border-color:var(--acid-green);color:var(--acid-green);background:#9aff2e33;box-shadow:0 0 16px #9aff2e66}.neo-haven-marker{pointer-events:none;flex-direction:column;align-items:center;display:flex}.haven-icon{border:2px solid var(--neon-green);background:#22e07a33;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex;box-shadow:0 0 16px #22e07a80}.haven-label{color:var(--neon-green);white-space:nowrap;background:#06080fd9;border:1px solid #22e07a4d;border-radius:6px;margin-top:3px;padding:2px 6px;font-size:.75rem;font-weight:700}.theme-sport-zombie .haven-icon{border:2px solid var(--neon-green);background:radial-gradient(circle,#22e07a66 0%,#064e3bd9 100%);animation:1.8s ease-in-out infinite beaconPillarGlow;box-shadow:0 0 20px #22e07ab3}@keyframes beaconPillarGlow{0%,to{transform:scale(1);box-shadow:0 0 16px #22e07a99}50%{transform:scale(1.08);box-shadow:0 0 26px #22e07af2}}.theme-sport-zombie .radar-sweep-grid{z-index:6;background:repeating-linear-gradient(0deg,#0000 0 6px,#cdd5aa03 7px),radial-gradient(circle at 50% 62%,#0000 58%,#191f184d 100%);box-shadow:inset 0 0 48px #1116116b}.neo-player-marker{transform-origin:50% 100%;width:78px;height:112px}.player-survivor-container{z-index:10;filter:drop-shadow(0 8px 9px #0d0906e0);width:74px;height:102px;position:absolute;bottom:0;left:2px}.survivor-map-tag,.infected-map-tag{color:#eafce0;letter-spacing:.08em;white-space:nowrap;z-index:14;background:#191611eb;border:1px solid #9aff2eb3;border-radius:4px;padding:2px 7px;font-size:9px;font-weight:850;line-height:1.35;position:absolute;top:-5px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0000008c}.neo-player-marker .player-radar-ring,.neo-player-marker .player-radar-ring-2{transform-origin:50%;width:52px;height:22px;bottom:0;transform:perspective(80px)rotateX(58deg)}.neo-player-marker .player-radar-ring{animation:2.2s ease-out infinite survivalRadarRipple}.neo-player-marker .player-radar-ring-2{animation:7s linear infinite survivalRingTurn}@keyframes survivalRadarRipple{0%{opacity:.9;transform:perspective(80px)rotateX(58deg)scale(.65)}to{opacity:0;transform:perspective(80px)rotateX(58deg)scale(1.7)}}@keyframes survivalRingTurn{0%{transform:perspective(80px)rotateX(58deg)rotate(0)}to{transform:perspective(80px)rotateX(58deg)rotate(360deg)}}.neo-zombie-marker{transform-origin:50% 100%;width:72px;height:104px}.zombie-3d-container{filter:drop-shadow(0 7px 9px #480e0cb8);width:70px;height:98px;bottom:0;left:1px}.infected-map-tag{color:#ffd9d3;background:#381311f0;border-color:#ef6657d9;top:-4px}.neo-zombie-marker .zombie-pulse-ring{background:#d84a3d29;border-color:#ef6657;width:48px;height:20px;animation:1.65s ease-out infinite infectedGroundPulse;bottom:0;transform:perspective(80px)rotateX(58deg)}@keyframes infectedGroundPulse{0%{opacity:.95;transform:perspective(80px)rotateX(58deg)scale(.7)}to{opacity:0;transform:perspective(80px)rotateX(58deg)scale(1.55)}}.theme-sport-zombie .threat-radar-indicator{top:max(.85rem, env(safe-area-inset-top));color:#ffe5dd;background:#271813eb;border-color:#bf4b41;box-shadow:0 5px 18px #26090794}.map-gesture-hint{left:50%;bottom:calc(10.25rem + env(safe-area-inset-bottom,0px));color:#e5d7c1;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:18;background:#261f18d1;border:1px solid #c5a97c6b;border-radius:999px;max-width:calc(100% - 8rem);padding:7px 11px;font-size:.69rem;font-weight:700;animation:4.2s forwards gestureHintFade;position:absolute;transform:translate(-50%)}@keyframes gestureHintFade{0%,72%{opacity:1}to{opacity:0}}.map-view-floating-controls{right:1rem;bottom:calc(10rem + env(safe-area-inset-bottom,0px));gap:0}.map-floating-btn{color:#e9dbc5;background:#261f18eb;border-color:#b59a7099;border-radius:50%;width:50px;height:50px;box-shadow:0 7px 18px #0f0a07a6}.map-floating-btn:active,.map-floating-btn.active{color:#d4ff9e;background:#283e3cf0;border-color:#9aff2e;box-shadow:0 0 14px #9aff2e57}.theme-sport-zombie .haven-icon{background:linear-gradient(145deg,#7f784d,#353824 72%);border:2px solid #c8d595;border-radius:8px 8px 14px 14px;width:42px;height:50px;animation:1.8s ease-in-out infinite beaconPillarGlow;position:relative;box-shadow:0 8px #25291f,0 0 22px #bed88e9e}.theme-sport-zombie .haven-icon:before,.theme-sport-zombie .haven-icon:after{content:"";border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-sport-zombie .haven-icon:before{filter:blur(1px);background:linear-gradient(#d1f09fe6,#9aff2e00);width:5px;height:58px;top:104%}.theme-sport-zombie .haven-icon:after{background:linear-gradient(135deg,#edf4bf4d,#0000);border:3px solid #edf4bf;width:22px;height:22px;transform:translate(-50%,-50%)rotate(45deg)}.theme-sport-zombie .haven-beacon-ring{border:2px solid #c8d595d1;border-radius:50%;width:68px;height:26px;animation:2.1s ease-out infinite havenBeaconPulse;position:absolute;bottom:-14px;box-shadow:0 0 18px #badc8b8c}@keyframes havenBeaconPulse{0%{opacity:.88;transform:scale(.72)}to{opacity:0;transform:scale(1.22)}}.theme-sport-zombie .haven-label{color:#edf2c7;background:#2a2819e6;border:1px solid #beca8894;flex-direction:column;align-items:center;margin-top:4px;padding:3px 7px;line-height:1.2;display:flex;box-shadow:0 4px 12px #0d0b0680}.theme-sport-zombie .haven-label small{color:#bdc98b;letter-spacing:.07em;font-size:8px}.survival-avatar-fallback{filter:drop-shadow(0 7px 8px #0f0a07b3);transform-origin:50% 100%;width:100%;height:100%;transition:opacity .16s;position:relative}.survival-avatar-fallback>span{box-sizing:border-box;border:1px solid #0f0c09bf;display:block;position:absolute}.survival-avatar-fallback .fallback-head{background:#a9795f;border-radius:45% 45% 42% 42%;width:36%;height:25%;top:7%;left:32%}.survival-avatar-fallback .fallback-body{background:#263b3c;border-radius:38% 38% 22% 22%;width:46%;height:37%;top:31%;left:27%}.survival-avatar-fallback .fallback-pack{background:#3d6666;border-radius:4px;width:15%;height:30%;top:35%;left:21%}.survival-avatar-fallback .fallback-arm{background:#9aff2e;border-radius:7px;width:11%;height:31%;top:37%}.survival-avatar-fallback .fallback-arm-left{left:13%;transform:rotate(18deg)}.survival-avatar-fallback .fallback-arm-right{right:13%;transform:rotate(-18deg)}.survival-avatar-fallback .fallback-leg{background:#1c292b;border-radius:6px;width:13%;height:31%;top:64%}.survival-avatar-fallback .fallback-leg-left{left:29%;transform:rotate(7deg)}.survival-avatar-fallback .fallback-leg-right{right:29%;transform:rotate(-7deg)}.survival-avatar-fallback.infected .fallback-head{background:#713d3c}.survival-avatar-fallback.infected .fallback-body{background:#4a2424;transform:skewY(-7deg)}.survival-avatar-fallback.infected .fallback-pack{background:#812f2c}.survival-avatar-fallback.infected .fallback-arm{background:#5c2a2a}.survival-avatar-fallback.infected .fallback-leg{background:#321d1d}.survival-avatar-fallback.infected .fallback-head:after{content:"";background:#d6493f;border-radius:999px;width:48%;height:12%;position:absolute;top:44%;left:26%;box-shadow:0 0 7px #d6493fcc}.survival-avatar-fallback.is-moving{animation:.58s ease-in-out infinite alternate fallbackSurvivorStep}@keyframes fallbackSurvivorStep{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(-3px)rotate(1deg)}}@media (width<=430px){.neo-player-marker{transform:scale(.86)}.neo-zombie-marker{transform:scale(.82)}.map-gesture-hint{font-size:.64rem}}.active-run-shell{flex:1;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.active-map-stage{min-height:0;position:absolute;inset:0}.run-top-actions{top:max(1rem, env(safe-area-inset-top,0px));pointer-events:none;z-index:24;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:1rem;right:1rem}.neo-hud{left:.75rem;right:.75rem;bottom:max(.75rem, env(safe-area-inset-bottom,0px));z-index:24;-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#1e231deb,#0e1210f5);border:1px solid #b7be9761;border-radius:22px;padding:.7rem .9rem .75rem;position:absolute;box-shadow:0 12px 34px #0508069e,inset 0 1px #ffffff0a}.hp-bar-row{border-bottom:1px solid var(--line);align-items:center;gap:.55rem;margin-bottom:.6rem;padding-bottom:.55rem;display:flex}.hp-bar-label{font-family:var(--font-num);letter-spacing:.08em;color:var(--text-dim);font-size:.7rem;font-weight:800}.hp-bar-track{background:#0006;border:1px solid #ffffff14;border-radius:999px;flex:1;height:12px;overflow:hidden}.hp-bar-fill{border-radius:inherit;height:100%;transition:width .25s,background .25s}.hp-bar-value{text-align:right;min-width:2.2em;font-size:1rem;font-weight:800}.hp-bar-row.hp-critical .hp-bar-fill{animation:.8s ease-in-out infinite hpCriticalPulse}@keyframes hpCriticalPulse{0%,to{filter:brightness()}50%{filter:brightness(1.6)}}.bleeding-banner{color:var(--neon-red);background:#ff3b3024;border:1px solid #ff3b3066;border-radius:12px;align-items:center;gap:.4rem;margin-bottom:.6rem;padding:.4rem .7rem;font-size:.72rem;font-weight:700;animation:1.4s ease-in-out infinite bleedingBannerPulse;display:flex}@keyframes bleedingBannerPulse{0%,to{opacity:.85}50%{opacity:1}}.how-to-play-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#030504b3;justify-content:center;align-items:center;padding:1.5rem;animation:.2s both howToPlayBackdropFade;display:flex;position:fixed;inset:0}@keyframes howToPlayBackdropFade{0%{opacity:0}to{opacity:1}}.how-to-play-note{color:#2a2416;transform-origin:50% 20%;background:linear-gradient(165deg,#f7f1de 0%,#eee3c4 100%);border-radius:14px;width:100%;max-width:360px;max-height:min(82vh,640px);padding:1.5rem 1.35rem 1.35rem;animation:.45s cubic-bezier(.34,1.56,.64,1) both notePopIn;position:relative;overflow-y:auto;box-shadow:0 24px 48px #0000008c,inset 0 2px #00000014}@keyframes notePopIn{0%{opacity:0;transform:scale(.65)rotate(-9deg)translateY(24px)}60%{opacity:1;transform:scale(1.03)rotate(1.5deg)translateY(-3px)}to{opacity:1;transform:scale(1)rotate(-1.2deg)translateY(0)}}.how-to-play-tape{background:#fff4c8a6;border:1px solid #fff6;width:84px;height:26px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 3px 6px #00000040}.how-to-play-close{color:#2a2416;cursor:pointer;background:#2a24161a;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:.7rem;right:.7rem}.how-to-play-close:active{background:#2a241633}.how-to-play-heading{letter-spacing:.04em;align-items:center;gap:.5rem;margin-top:.3rem;font-size:1.25rem;font-weight:800;display:flex}.how-to-play-sub{color:#6b6142;margin-top:.3rem;font-size:.8rem;font-weight:600}.how-to-play-list{border-top:1.5px dashed #2a241638;flex-direction:column;gap:.95rem;margin-top:1.1rem;padding-top:1rem;display:flex}.how-to-play-item{align-items:flex-start;gap:.7rem;display:flex}.how-to-play-icon{background:#ffffff8c;border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.how-to-play-item-title{font-size:.88rem;font-weight:800}.how-to-play-item-desc{color:#4d4530;margin-top:.15rem;font-size:.76rem;line-height:1.5}.threat-gauge-large{align-items:baseline;gap:.5rem;display:flex}.threat-num{font-family:var(--font-num);font-size:3.15rem;font-weight:800;line-height:.85}.threat-unit{text-transform:uppercase;font-size:.9rem;font-weight:700}.hud-stat-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);align-items:center;gap:.5rem;margin-top:.55rem;padding-top:.55rem;display:grid}.hud-stat-box .label{color:var(--text-dim);letter-spacing:.05em;font-size:.66rem;font-weight:600}.hud-stat-box .val{font-family:var(--font-num);font-size:1.08rem;font-weight:700;line-height:1}.threat-caption{color:var(--text-dim);margin-top:1px;font-size:.69rem;font-weight:700}.pocket-lock-modal{z-index:100;background:#030408f5;flex-direction:column;justify-content:space-between;align-items:center;padding:3rem 1.5rem 2rem;display:flex;position:absolute;inset:0}.unlock-slider-track{border:1px solid var(--panel-border);background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;width:100%;max-width:320px;height:64px;display:flex;position:relative;overflow:hidden}.home-screen{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.home-hero{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.home-hero-bg{z-index:0;background:radial-gradient(85% 50% at 50% 36%,#9aff2e2e 0%,#9aff2e00 62%),radial-gradient(70% 42% at 50% 96%,#22e07a3d 0%,#22e07a00 68%),linear-gradient(#04060c 0%,#070b14 40%,#0a0f1d 78%,#05070d 100%);position:absolute;inset:0}.home-hero-scanlines{z-index:1;pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px);position:absolute;inset:0}.home-skyline{z-index:2;opacity:.92;filter:drop-shadow(0 -6px 26px #9aff2e1a);pointer-events:none;width:100%;height:15vh;min-height:96px;max-height:170px;display:block;position:absolute;bottom:0;left:0;right:0}.home-hero-vignette{z-index:3;pointer-events:none;background:linear-gradient(#04060c8c 0%,#0000 22% 68%,#04060cd9 100%),radial-gradient(120% 70%,#0000 55%,#0203078c 100%);position:absolute;inset:0}.home-top-bar{top:max(1rem, env(safe-area-inset-top,0px));z-index:5;gap:.55rem;display:flex;position:absolute;right:1rem}.home-icon-btn{-webkit-backdrop-filter:blur(10px);width:38px;height:38px;color:var(--acid-green);cursor:pointer;background:#080c168c;border:1px solid #9aff2e47;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,transform .15s;display:flex}.home-icon-btn:active{background:#9aff2e33;transform:scale(.94)}.home-hero-content{z-index:4;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2.5rem 1.5rem 1rem;display:flex;position:relative}.home-live-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--acid-green);letter-spacing:.14em;background:#080c1680;border:1px solid #9aff2e4d;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.4rem;padding:.3rem .75rem;font-size:.68rem;font-weight:700;display:inline-flex}.home-live-chip .dot{background:var(--acid-green);width:6px;height:6px;box-shadow:0 0 8px var(--acid-green);border-radius:50%}.home-mascot{filter:drop-shadow(0 0 26px #9aff2e66)drop-shadow(0 10px 14px #0000008c);pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(150px,42vw,210px);height:auto;margin:1.1rem 0 .3rem;animation:3.4s ease-in-out infinite homeMascotFloat}@keyframes homeMascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.home-logo h1{letter-spacing:.04em;background:linear-gradient(135deg, #fff 0%, #e6ffcf 35%, var(--acid-green) 100%);color:#0000;filter:drop-shadow(0 3px #04140a)drop-shadow(0 0 22px #9aff2e66);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.3rem,10vw,3.4rem);font-weight:800;line-height:1.1}.home-logo-badge{vertical-align:middle;border:1.5px solid var(--neon-green);color:var(--neon-green);-webkit-text-fill-color:var(--neon-green);letter-spacing:.12em;background:#22e07a1f;border-radius:6px;margin-left:.35rem;padding:.05rem .5rem;font-size:.4em;display:inline-block;transform:rotate(-4deg)translateY(-8px);box-shadow:0 0 16px #22e07a66}.home-tagline{color:var(--text-dim);letter-spacing:.02em;margin-top:.9rem;font-size:.92rem}.home-cta-group{flex-direction:column;gap:.7rem;width:100%;max-width:320px;margin-top:2.6rem;display:flex}.home-scroll-hint{left:50%;bottom:max(1.1rem, env(safe-area-inset-bottom,0px));z-index:4;color:var(--text-dim);letter-spacing:.08em;pointer-events:none;flex-direction:column;align-items:center;gap:.15rem;font-size:.64rem;font-weight:600;animation:1.8s ease-in-out infinite homeScrollHintBounce;display:flex;position:absolute;transform:translate(-50%)}@keyframes homeScrollHintBounce{0%,to{opacity:.5;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,5px)}}.home-version-tag{left:1rem;bottom:max(1rem, env(safe-area-inset-bottom,0px));z-index:4;color:#ffffff57;letter-spacing:.03em;font-size:.66rem;font-weight:600;font-family:var(--font-num);position:absolute}.home-below-fold{z-index:1;padding:1.6rem 1.25rem calc(2rem + env(safe-area-inset-bottom,0px));background:var(--bg-dark);position:relative}.home-section-label{color:var(--text-dim);letter-spacing:.03em;align-items:center;gap:.4rem;margin-bottom:.7rem;font-size:.78rem;font-weight:700;display:flex}@media (width<=380px){.home-hero-content{padding-top:2rem}.home-cta-group{max-width:280px}}.shelter-screen{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 24px);box-sizing:border-box;color:#e5e9db;background:radial-gradient(at top,#384337,#111914 55%,#090e0d);place-items:center;display:grid;overflow:auto}.shelter-card{box-sizing:border-box;background:#14211ee8;border:1px solid #607268;border-radius:24px;width:min(100%,480px);padding:24px;box-shadow:0 24px 80px #0008}.shelter-eyebrow{color:#3de0f0;letter-spacing:.22em;font-size:11px}.shelter-card h1{margin:12px 0;font-size:36px}.shelter-card h2{margin-bottom:6px;font-size:21px}.shelter-card p{color:#bac8bd;line-height:1.6}.shelter-card small{color:#9cad9e;line-height:1.6;display:block}.shelter-clock{font-variant-numeric:tabular-nums;color:#3de0f0;margin-top:24px;font-size:64px}.shelter-stats{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.shelter-stats div{background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;padding:12px}.shelter-stats span{color:#acb7a9;font-size:12px;display:block}.shelter-stats strong{margin-top:8px;font-size:20px;display:block}.shelter-card button{color:#10211f;cursor:pointer;background:#3de0f0;border:0;border-radius:14px;width:100%;min-height:54px;margin:14px 0;font-size:18px;font-weight:700}.shelter-entry{z-index:25;flex-wrap:wrap;gap:8px;max-height:150px;display:flex;position:absolute;bottom:18px;left:16px;right:16px;overflow:auto}.shelter-entry button{color:#dffbfa;background:#10211ff5;border:1px solid #3de0f0;border-radius:14px;flex:1;min-height:48px;padding:10px 14px;font-weight:700}.encounter-notice{z-index:22;color:#ffe3bc;text-align:center;pointer-events:none;background:#311b17e8;border:1px solid #c27a55;border-radius:12px;padding:10px;position:absolute;top:86px;left:16px;right:16px}