:root{--danger-color:#f33;--safe-color:#0fc;--warning-color:orange;--bg-dark:#121212;--panel-bg:#121212e6;--neon-glow:0 0 10px #0fc6;--danger-glow:0 0 10px #f336;--hud-edge-padding:15px;--hud-top-padding:15px}html{overscroll-behavior:none;touch-action:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background-color:var(--bg-dark);overscroll-behavior:none;touch-action:none;color:#fff;width:100vw;max-width:100vw;height:100svh;max-height:100svh;margin:0;padding:0;font-family:Share Tech Mono,monospace;position:fixed;inset:0;overflow:hidden}#canvas-container{z-index:1;touch-action:none;width:100vw;max-width:100vw;height:100svh;max-height:100svh;position:fixed;inset:0;overflow:hidden}canvas{max-width:100vw;max-height:100svh;display:block}.icon-popup{z-index:900;color:#f4fff9;pointer-events:none;transform-origin:50% 100%;background:#070a12eb;border:1px solid #66fff56b;border-radius:6px;width:max-content;max-width:min(220px,100vw - 32px);padding:8px 10px;font-size:12px;line-height:1.25;position:fixed;top:0;left:0;box-shadow:0 8px 24px #00000059,0 0 18px #66fff524}.icon-popup:after{content:"";background:#070a12eb;border-bottom:1px solid #66fff56b;border-right:1px solid #66fff56b;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.icon-popup-title{color:#66fff5;margin-bottom:4px;font-size:12px;font-weight:700}.icon-popup-line{color:#f4fff9e0}.leaflet-control-container{z-index:700;position:relative}.hud-overlay{z-index:1000;pointer-events:none;box-sizing:border-box;width:100%;height:100%;padding:max(var(--hud-top-padding), calc(var(--hud-edge-padding) + env(safe-area-inset-top))) calc(var(--hud-edge-padding) + env(safe-area-inset-right)) calc(var(--hud-edge-padding) + env(safe-area-inset-bottom)) calc(var(--hud-edge-padding) + env(safe-area-inset-left));flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:0;left:0}.interactive{pointer-events:auto}.is-hidden{display:none!important}header{z-index:1200;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex;position:relative}.title-card{background:var(--panel-bg);border-left:4px solid var(--danger-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:4px;padding:10px 20px;box-shadow:0 4px 15px #00000080}.title-card h1{letter-spacing:2px;color:var(--danger-color);text-shadow:0 0 10px #ff333380;margin:0;font-family:Creepster,cursive;font-size:28px}.title-card p{color:#888;text-transform:uppercase;margin:3px 0 0;font-size:12px}.header-controls{align-items:center;gap:10px;display:flex}.profile-container{position:relative}.profile-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex;overflow:hidden;padding:0!important}.profile-initials{width:100%;height:100%;color:inherit;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .15s;display:flex}.profile-initials.logged-in{color:#000;background:#ffd24d;border-color:#ffd24d;box-shadow:0 0 10px #ffd24d59}.profile-initials img.profile-avatar{object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.profile-initials i{color:inherit;font-size:18px;line-height:1}.profile-menu{background:var(--panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1500;border:1px solid #333;border-radius:8px;flex-direction:column;gap:6px;width:190px;padding:8px 6px;display:flex;position:absolute;top:55px;right:0;box-shadow:0 10px 25px #0009}.profile-menu-header{border-bottom:1px solid #ffffff08;margin-bottom:4px;padding:6px 10px}.profile-menu-name{color:#fff;font-size:14px;font-weight:700}.profile-menu.is-hidden{display:none}.profile-menu-item{text-align:left;color:#ddd;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-family:Share Tech Mono,monospace;font-size:13px}.profile-menu-item:hover{color:var(--safe-color);background:#ffffff08}.profile-menu a.profile-menu-item{color:inherit;text-decoration:none;display:block}.profile-menu a.profile-menu-item:link,.profile-menu a.profile-menu-item:visited{color:#ddd}.profile-menu a.profile-menu-item:hover,.profile-menu a.profile-menu-item:focus,.profile-menu .profile-menu-item:hover{background:#ffffff05;color:var(--safe-color)!important}.settings-btn,.recenter-btn{background:var(--panel-bg);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;padding:12px;font-size:18px;transition:all .3s;display:flex;box-shadow:0 4px 10px #0006}.auth-btn{background:var(--panel-bg);border:1px solid var(--safe-color);color:var(--safe-color);cursor:pointer;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:170px;height:36px;box-shadow:var(--neon-glow);border-radius:999px;padding:0 12px;font-family:Share Tech Mono,monospace;font-size:12px;transition:all .2s;overflow:hidden}.auth-btn:hover{background:var(--safe-color);color:#000}.auth-btn[data-auth-state=logged-in]{color:#ffd24d;border-color:#ffd24d;box-shadow:0 0 10px #ffd24d59}.auth-btn[data-auth-state=logged-in]:hover{color:#000;background:#ffd24d}.settings-btn:hover{color:var(--danger-color);border-color:var(--danger-color);transform:rotate(45deg)}.recenter-btn{border-color:var(--safe-color);color:var(--safe-color);box-shadow:var(--neon-glow)}.recenter-btn:hover{background:var(--safe-color);color:#000;transform:translateY(-50%)scale(1.05);box-shadow:0 0 15px #0fc9}.map-recenter-btn{z-index:1000;position:absolute;top:75%;right:20px;transform:translateY(-50%)}.settings-panel{z-index:1300;background:var(--panel-bg);box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #333;border-radius:8px;flex-direction:column;gap:12px;width:290px;padding:15px;display:none;position:absolute;top:55px;right:0;box-shadow:0 10px 25px #0009}.settings-panel.active{display:flex}.settings-panel h3{color:var(--danger-color);border-bottom:1px solid #333;margin:0 0 5px;padding-bottom:5px;font-size:16px}.setting-row{flex-direction:column;gap:5px;display:flex}.setting-row label{color:#aaa;justify-content:space-between;font-size:12px;display:flex}.setting-row input[type=range]{width:100%;accent-color:var(--danger-color);cursor:pointer}.settings-profile-select{position:relative}.settings-profile-trigger{color:#eee;cursor:pointer;background:#ffffff0a;border:1px solid #444;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 10px;font-family:Share Tech Mono,monospace;font-size:13px;display:flex}.settings-profile-trigger:hover,.settings-profile-trigger[aria-expanded=true]{border-color:var(--safe-color);box-shadow:0 0 10px #00ffcc2e}.settings-profile-choice{align-items:center;gap:8px;min-width:0;display:flex}.settings-profile-choice span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-profile-choice i,.settings-profile-option>i{color:var(--safe-color);text-align:center;flex:none;width:16px}.settings-profile-menu{z-index:1100;background:#0c0c0cfa;border:1px solid #333;border-radius:6px;max-height:260px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 22px #000000a6}.settings-profile-option{color:#ddd;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #222;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:9px 10px;font-family:Share Tech Mono,monospace;display:grid}.settings-profile-option:last-child{border-bottom:0}.settings-profile-option:hover,.settings-profile-option.active{background:#00ffcc14}.settings-profile-option:disabled{cursor:default;opacity:.7}.settings-profile-option-text{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-profile-option-name,.settings-profile-option-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-profile-option-name{color:#f1f1f1;font-size:12px}.settings-profile-option-meta{color:#888;font-size:10px}.checkbox-row{cursor:pointer;align-items:center;gap:10px;margin-top:5px;font-size:13px;display:flex}.label-safe{color:var(--safe-color);cursor:pointer}.label-audio{color:#fa0;cursor:pointer}.install-pwa-btn{border:1px solid var(--safe-color);width:100%;color:var(--safe-color);cursor:pointer;background:#00ffcc14;border-radius:6px;margin-top:8px;padding:10px 12px;font-family:Share Tech Mono,monospace;font-size:13px;transition:all .2s}.install-pwa-btn:hover{background:var(--safe-color);color:#000;box-shadow:var(--neon-glow)}.install-pwa-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.install-pwa-hint{color:#9aa3ad;margin:-4px 0 0;font-size:11px;line-height:1.35}.settings-about-link{text-align:center;color:#555;margin-top:4px;font-size:11px;text-decoration:none;transition:color .2s;display:block}.settings-about-link:hover{color:#aaa}.bottom-hud{z-index:1000;justify-content:space-between;align-items:flex-end;width:100%;display:flex;position:relative}.status-box{background:var(--panel-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #333;border-radius:6px;width:260px;padding:12px;box-shadow:0 4px 15px #00000080}.mission-clock-box{background:var(--panel-bg);border:1px solid var(--safe-color);box-shadow:var(--neon-glow);text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:6px;width:180px;margin-left:auto;padding:10px 15px}.mission-metric{grid-template-columns:44px 1fr;align-items:center;gap:8px;display:grid}.mission-metric+.mission-metric{margin-top:5px}.mission-metric-label{color:#888;text-transform:uppercase;letter-spacing:1px;text-align:right;font-size:9px}.mission-clock-label{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:11px}.mission-timer{color:var(--safe-color);text-shadow:var(--neon-glow);font-variant-numeric:tabular-nums;min-width:5ch;margin:2px 0 0;font-size:18px;font-weight:700;display:inline-block}.live-score-label{color:#666;text-transform:uppercase;letter-spacing:1px;border-top:1px solid #333;margin-top:6px;padding-top:5px;font-size:9px}.live-score-value{color:var(--danger-color);text-shadow:0 0 8px #f336;font-variant-numeric:tabular-nums;font-family:Share Tech Mono,monospace;font-size:18px;font-weight:700}.stamina-label{color:#888;text-transform:uppercase;letter-spacing:1px;margin-top:8px;font-size:9px}#stamina-value{color:#c9d1d9;font-size:10px}.stamina-track{box-sizing:border-box;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;width:100%;height:8px;overflow:hidden}.mission-metric-stamina{align-items:center}.stamina-fill{border-radius:inherit;background:#0ff00f;width:100%;height:100%;transition:width .2s linear,background-color .2s linear,box-shadow .2s linear;box-shadow:0 0 8px #00ff7873}@media (width<=768px),(height<=720px){.settings-panel{max-height:calc(100vh - 86px - env(safe-area-inset-bottom));max-height:calc(100dvh - 86px - env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;overflow-y:auto}}@media (width<=480px){.bottom-hud{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.status-box{box-sizing:border-box;grid-area:1/1;width:auto;min-width:0}.toast-instruction{grid-area:2/1/auto/-1;width:100%;margin-bottom:0;display:none}.toast-instruction.active{display:block}.mission-clock-box{box-sizing:border-box;grid-area:1/2;grid-template-columns:auto auto;gap:5px 12px;width:164px;margin-left:0;padding:8px 14px 8px 10px;display:grid}.mission-metric{grid-template-columns:auto auto;gap:5px}.mission-metric+.mission-metric{margin-top:0}.mission-metric-stamina{box-sizing:border-box;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr)}.mission-metric-label{text-align:left;font-size:8px}.mission-timer,.live-score-value{font-size:16px}}.status-indicator{align-items:center;gap:10px;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.pulse-dot{background-color:var(--safe-color);width:10px;height:10px;box-shadow:0 0 10px var(--safe-color);border-radius:50%;animation:1.5s infinite pulse}.pulse-dot.danger{background-color:var(--danger-color);box-shadow:0 0 10px var(--danger-color)}.diagnostic-text{color:#aaa;margin:0;font-size:11px;line-height:1.4}.toast-instruction{border:1px dashed var(--safe-color);color:var(--safe-color);box-sizing:border-box;visibility:hidden;opacity:0;background:#000c;border-radius:4px;width:min(360px,44vw);margin-bottom:10px;padding:8px 15px;font-size:12px;animation:2s infinite flash}.toast-instruction.active{visibility:visible;opacity:1}#caught-overlay,#victory-overlay{z-index:2000;pointer-events:none;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}#caught-overlay .result-banner,#victory-overlay .result-banner{pointer-events:auto}#caught-overlay{border:10px solid var(--danger-color);background:#8b000073;animation:2s infinite bloodPulse}#victory-overlay{border:10px solid var(--safe-color);background:#0032288c;animation:2s infinite safePulse}.result-banner{border:2px solid var(--danger-color);text-align:center;pointer-events:auto;background:#000000e6;border-radius:8px;width:80%;max-width:400px;padding:30px 40px;box-shadow:0 0 30px #000}#victory-overlay .result-banner{border-color:var(--safe-color);box-shadow:0 0 30px #00ffcc4d}.result-banner h2{letter-spacing:3px;margin:0 0 10px;font-family:Creepster,cursive;font-size:44px}#caught-overlay h2{color:var(--danger-color)}#victory-overlay h2{color:var(--safe-color);text-shadow:var(--neon-glow)}.result-banner p{color:#ccc;margin:0 0 20px;font-size:15px;line-height:1.4}.action-btn{color:#fff;border:1.5px solid var(--danger-color);text-transform:uppercase;cursor:pointer;background:#111;border-radius:4px;padding:10px 22px;font-family:Share Tech Mono,monospace;font-size:14px;font-weight:700;transition:all .2s}#victory-overlay .action-btn{border-color:var(--safe-color);color:var(--safe-color)}.action-btn:hover{background:var(--danger-color);color:#000;transform:scale(1.05)}#victory-overlay .action-btn:hover{background:var(--safe-color);color:#000;box-shadow:var(--neon-glow)}.caught-banner{position:relative;background-image:url(/media/surrounded.jpg)!important;background-position:50%!important;background-size:cover!important}.caught-banner:before{content:"";z-index:0;background:#00000040;position:absolute;inset:0}.caught-banner>*{z-index:1;position:relative}.victory-banner{position:relative;background-image:url(/media/escaped.jpg)!important;background-position:50%!important;background-size:cover!important}.victory-banner:before{content:"";z-index:0;background:#00000073;position:absolute;inset:0}.victory-banner>*{z-index:1;position:relative}#gps-permission-overlay{z-index:3000;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#gps-acquiring-overlay{z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#gps-acquiring-overlay .result-banner{text-align:center;border-color:#0cf;box-shadow:0 0 30px #00ccff4d}#gps-acquiring-overlay h2{color:#0cf;text-shadow:0 0 20px #00ccff80;margin-bottom:10px;font-family:Creepster,Arial Black,sans-serif;font-size:36px}#gps-acquiring-overlay .text-muted-small{margin-top:15px}.gps-spinner{color:#0cf;justify-content:center;align-items:center;margin:15px 0;font-size:48px;animation:1.5s linear infinite spin;display:flex}.gps-spinner i{transform-origin:50%;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#gps-permission-overlay .result-banner{border-color:#fa0;box-shadow:0 0 30px #ffaa004d}#gps-permission-overlay h2{font-size:36px}#gps-permission-overlay .action-btn:hover{color:#000;background:#fa0}.text-alert{color:#fa0}.text-muted-small{color:#aaa;font-size:13px}.btn-alert{color:#fa0;border-color:#fa0}.gps-help-link{color:#fa0;margin-bottom:12px;font-size:13px;text-decoration:underline;display:inline-block}.gps-help-panel{text-align:left;color:#ddd;background:#00000040;border:1px solid #ffaa0059;border-radius:6px}.gps-help-title{color:#fa0;text-align:center;margin:0 0 8px;font-size:15px}.gps-help-intro{color:#ddd;margin:0 0 8px;font-size:13px}.gps-help-subtitle{color:#fa0;margin:0 0 6px;font-size:13px}.gps-help-subtitle-alt{margin:2px 0 6px}.gps-help-steps{color:#ddd;text-align:left;margin:0 0 10px;padding-left:20px;font-size:13px;line-height:1.45}.gps-help-close-btn{color:#fa0;border-color:#fa0;width:auto;min-width:0;margin:0 auto;padding:8px 14px;font-size:12px;display:block}#gps-help-panel{opacity:0;scrollbar-width:thin;scrollbar-color:#fa09 #0003;border-color:#0000;max-height:0;margin:0;padding:0 12px;transition:max-height .26s,opacity .2s,margin .26s,padding .26s,border-color .26s;overflow:hidden}#gps-help-panel.is-open{opacity:1;border-color:#ffaa0059;max-height:220px;margin:0 0 14px;padding:10px 12px;overflow-y:auto}#gps-help-panel::-webkit-scrollbar{width:8px}#gps-help-panel::-webkit-scrollbar-thumb{background:#ffaa0080;border-radius:10px}#gps-help-panel::-webkit-scrollbar-track{background:#0003}#gps-help-panel #gps-help-close-btn:hover{color:#000;background:#fa0}@keyframes pulse{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(.95)}}@keyframes flash{0%,to{opacity:.6}50%{opacity:1}}@keyframes bloodPulse{0%{background:#8b000059}50%{background:#8b000099}to{background:#8b000059}}@keyframes safePulse{0%{background:#00322873}50%{background:#003228b3}to{background:#00322873}}.leaflet-bar a{background-color:var(--panel-bg)!important;color:#fff!important;border-bottom:1px solid #333!important}.leaflet-bar a:hover{color:var(--danger-color)!important;background-color:#222!important}.leaflet-container,.leaflet-pane,.leaflet-map-pane,.leaflet-tile-pane,.leaflet-layer,.leaflet-tile{background:#000!important}.score-grade-badge{border:3px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;margin:10px auto 12px;font-family:Creepster,cursive;display:flex}.grade-icon{margin-bottom:4px;font-size:36px;line-height:1}.grade-letter{opacity:.8;font-size:14px;line-height:1}.grade-label{letter-spacing:2px;text-transform:uppercase;opacity:.7;font-size:11px}.score-table{border-collapse:collapse;width:100%;margin:6px 0;font-size:13px}.score-table td{vertical-align:middle;padding:4px 6px}.score-label{color:#aaa;text-align:left}.score-value{color:#fff;text-align:right;font-variant-numeric:tabular-nums}.score-separator td{border-bottom:1px solid #333;padding:0}.score-meta{color:#666;text-align:center;margin-top:8px;margin-bottom:8px;font-size:11px}.leaderboard-cta-block{background:#ffffff05;border:1px solid #333;border-radius:6px;margin-top:14px;padding:10px}.leaderboard-cta-title{color:#aaa;text-transform:uppercase;margin-bottom:6px;font-size:12px}.leaderboard-cta-btn{border:1px solid var(--safe-color);color:var(--safe-color);text-transform:uppercase;cursor:pointer;background:0 0;border-radius:4px;padding:8px;font-family:Share Tech Mono,monospace;font-size:12px;transition:all .2s}.leaderboard-cta-btn:hover{background:var(--safe-color);color:#000}#results-container-caught,#results-container-victory{max-height:50vh;margin:10px 0;overflow-y:auto}.share-section{flex-direction:column;align-items:center;gap:10px;margin-top:14px;display:flex}.share-btn-primary{width:100%;color:var(--safe-color);text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:8px;font-family:Share Tech Mono,monospace;font-size:14px;font-weight:700;transition:opacity .2s}.share-btn-primary:hover{opacity:.7}.share-btn-row{flex-direction:row;justify-content:center;gap:8px;display:none}.share-icon-btn{color:#fff;cursor:pointer;background:#1a1a1a;border:1.5px solid #555;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;font-size:22px;transition:all .2s;display:flex}.share-icon-btn:hover{border-color:var(--safe-color);color:var(--safe-color);transform:scale(1.1)}