:root{--ink:#0a0b10;--panel:#141620;--panel2:#1b1e2a;--muted:#a4a8b6;--line:rgba(255,255,255,.1);--orange:#ff5900;--pink:#ff287f;--violet:#8b32ff;--blue:#0788ff;--green:#21e6a8;--gradient:linear-gradient(110deg,var(--orange),var(--pink) 42%,var(--violet) 72%,var(--blue));}
*{box-sizing:border-box}html{background:var(--ink);color-scheme:dark}body{margin:0;min-height:100vh;color:#fff;background:radial-gradient(circle at 80% 0,rgba(139,50,255,.18),transparent 30%),var(--ink);font-family:Montserrat,system-ui,sans-serif}.app-header{height:72px;padding:0 max(20px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(10,11,16,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:100}.app-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-style:italic;letter-spacing:-.05em}.app-brand span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px 5px;background:var(--gradient);font-weight:900;font-size:1.55rem}.app-brand b{font-size:1.25rem}.header-tools{display:flex;align-items:center;gap:10px}.icon-button,.avatar-button{border:1px solid var(--line);color:#fff;background:var(--panel);border-radius:999px;padding:10px 14px;font-weight:800}.avatar-button{width:46px;height:46px;padding:0;font-size:1.45rem}.app-shell{width:min(1240px,calc(100% - 32px));margin:28px auto 70px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr);gap:20px}.dashboard,.map-card,.controls-card,.community-card{border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(27,30,42,.96),rgba(17,19,27,.96));box-shadow:0 22px 60px rgba(0,0,0,.28)}.dashboard{grid-column:1/-1;padding:26px;display:grid;grid-template-columns:1fr auto;gap:22px}.eyebrow{margin:0 0 7px;color:#ff4d89;font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.dashboard h1,.community-card h2,dialog h2{margin:0;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.055em}.subtitle{margin:.55rem 0 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats article{min-width:130px;padding:16px;border-radius:18px;background:rgba(255,255,255,.055)}.stats small,.stats strong{display:block}.stats small{color:var(--muted);font-size:.7rem}.stats strong{margin-top:4px;font-size:1.05rem}.progress-card{grid-column:1/-1}.progress-copy{display:flex;justify-content:space-between;font-size:.78rem}.progress-track{height:10px;margin:8px 0;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--gradient);transition:width .5s ease}.progress-card small{color:var(--muted)}.map-card{position:relative;overflow:hidden;min-height:620px}.map-toolbar{min-height:68px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel)}.view-toggle{display:flex;padding:4px;border-radius:14px;background:#0d0f16}.view-toggle button{padding:10px 14px;border:0;border-radius:10px;color:var(--muted);background:transparent;font-weight:800}.view-toggle button.active{color:#fff;background:var(--gradient)}.people-toggle{display:flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700}.people-toggle input{position:absolute;opacity:0}.people-toggle span{width:38px;height:22px;padding:3px;border-radius:99px;background:#414553}.people-toggle span:after{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.people-toggle input:checked+span{background:var(--violet)}.people-toggle input:checked+span:after{transform:translateX(16px)}#map{height:552px;background:#11141c}.leaflet-control-attribution{font-size:8px}.leaflet-tile-pane{filter:saturate(.65) contrast(1.08) brightness(.82)}.virtual-map .leaflet-tile-pane{filter:hue-rotate(215deg) saturate(1.8) brightness(.5)}.map-overlay{position:absolute;z-index:500;left:16px;right:16px;bottom:16px;padding:11px 14px;display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:13px;background:rgba(10,11,16,.82);backdrop-filter:blur(12px);font-size:.72rem}.live-dot{color:var(--green);font-weight:900}.avatar-marker{width:38px!important;height:38px!important;margin:-19px!important;display:grid!important;place-items:center;border:3px solid #fff;border-radius:50%;background:var(--gradient);box-shadow:0 5px 15px rgba(0,0,0,.42);font-size:20px}.you-marker{width:46px!important;height:46px!important;margin:-23px!important;box-shadow:0 0 0 8px rgba(255,40,127,.2),0 8px 22px #000}.controls-card,.community-card{padding:22px}.route-selector label{display:block;margin-bottom:8px;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.route-selector select{width:100%;padding:14px;border:1px solid var(--line);border-radius:14px;color:#fff;background:#0d0f16;font:inherit;font-weight:700}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.primary,.secondary{min-height:48px;padding:12px 16px;border-radius:999px;font:inherit;font-weight:900;cursor:pointer}.primary{border:0;color:#fff;background:var(--gradient)}.secondary{border:1px solid var(--line);color:#fff;background:transparent}.privacy-card{padding:15px;display:grid;grid-template-columns:auto 1fr;gap:12px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.035);cursor:pointer}.privacy-card input{position:absolute;opacity:0}.privacy-switch{width:42px;height:24px;padding:3px;border-radius:99px;background:#414553;grid-row:1/3}.privacy-switch:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.privacy-card input:checked+.privacy-switch{background:var(--green)}.privacy-card input:checked+.privacy-switch:after{transform:translateX(18px)}.privacy-card b,.privacy-card small{display:block}.privacy-card b{font-size:.78rem}.privacy-card small{margin-top:4px;color:var(--muted);font-size:.65rem;line-height:1.45}.community-card{align-self:start}.community-card h2{font-size:1.6rem}.runner-list{margin-top:18px;display:grid;gap:10px}.runner-item{padding:10px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;border-radius:14px;background:rgba(255,255,255,.045)}.runner-item>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#262a38;font-size:1.35rem}.runner-item b,.runner-item small{display:block}.runner-item b{font-size:.78rem}.runner-item small{color:var(--muted);font-size:.66rem}.runner-item em{color:var(--green);font-style:normal;font-size:.68rem;font-weight:800}dialog{width:min(560px,calc(100% - 28px));padding:30px;border:1px solid var(--line);border-radius:26px;color:#fff;background:var(--panel);box-shadow:0 30px 90px #000}dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}dialog p:not(.eyebrow){color:var(--muted)}.dialog-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:50%;color:#fff;background:#292d3a;font-size:1.5rem}.avatar-grid{margin:22px 0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.avatar-option{aspect-ratio:1;border:2px solid transparent;border-radius:16px;background:#252936;font-size:1.75rem}.avatar-option.selected{border-color:var(--pink);background:rgba(255,40,127,.14)}.wide{width:100%}.achievement-toast{position:fixed;right:18px;bottom:18px;z-index:1000;padding:14px 18px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#171a24;box-shadow:0 20px 60px #000;transform:translateY(140%);transition:.35s}.achievement-toast.show{transform:none}.achievement-toast>span{font-size:2rem}.achievement-toast b,.achievement-toast small{display:block}.achievement-toast small{color:var(--muted)}
@media(max-width:880px){.app-shell{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.stats{width:100%}.stats article{min-width:0}.map-card{min-height:570px}#map{height:500px}.community-card{grid-column:1}.avatar-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.app-header{height:62px}.app-brand b{font-size:1rem}.app-brand span{width:36px;height:36px}.app-shell{width:min(100% - 18px,520px);margin:10px auto 40px;gap:10px}.dashboard,.controls-card,.community-card{padding:17px;border-radius:20px}.dashboard{gap:16px}.stats{gap:6px}.stats article{padding:11px 8px}.stats strong{font-size:.82rem}.map-card{min-height:550px;border-radius:20px}.map-toolbar{align-items:flex-start;flex-direction:column}.view-toggle{width:100%}.view-toggle button{flex:1;padding:9px 7px}.people-toggle{padding-left:4px}#map{height:455px}.map-overlay{bottom:10px;left:10px;right:10px}.action-row{grid-template-columns:1fr}.avatar-grid{grid-template-columns:repeat(4,1fr)}}
.halloween-scenery{display:none;position:absolute;z-index:250;inset:68px 0 0;pointer-events:none;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 43%,rgba(255,70,20,.28),transparent 14%),radial-gradient(ellipse at 50% 80%,#321044 0,#140b2c 42%,#050611 78%)}
.halloween-map .halloween-scenery{display:block}.halloween-map .leaflet-tile-pane{display:none}.halloween-map .leaflet-control-attribution{display:none}.halloween-map #map{background:transparent}.halloween-map .leaflet-overlay-pane{filter:drop-shadow(0 0 7px rgba(255,89,0,.85))}
.blood-moon{position:absolute;top:7%;right:12%;font-size:5.6rem;filter:sepia(1) saturate(5) hue-rotate(330deg) drop-shadow(0 0 25px #ff3d00)}.blood-moon span{position:absolute;left:-18px;top:20px;font-size:1.7rem;filter:none;transform:rotate(-12deg)}
.castle-glow{position:absolute;left:50%;top:37%;width:280px;height:210px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,89,0,.28),rgba(139,50,255,.12) 45%,transparent 72%)}
.vampire-castle{position:absolute;z-index:2;left:50%;top:37%;transform:translate(-50%,-50%);font-size:8rem;filter:grayscale(.55) contrast(1.3) drop-shadow(0 18px 10px #000) drop-shadow(0 0 14px #8b32ff)}.vampire-castle span{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);font-size:2.4rem;filter:none}
.haunted-forest{position:absolute;left:-4%;right:-4%;bottom:0;font-size:5rem;letter-spacing:-2rem;white-space:nowrap;opacity:.55;filter:brightness(.28) saturate(.7)}
.fog{position:absolute;width:70%;height:45px;border-radius:50%;background:rgba(205,190,255,.13);filter:blur(15px);animation:fog-drift 7s ease-in-out infinite alternate}.fog-one{left:-12%;top:58%}.fog-two{right:-10%;top:70%;animation-delay:-3s}.halloween-scenery>strong,.halloween-scenery>small{position:absolute;z-index:3;left:50%;transform:translateX(-50%);white-space:nowrap;text-shadow:0 3px 10px #000}.halloween-scenery>strong{top:6%;font-size:.8rem;letter-spacing:.18em;color:#ffd4b5}.halloween-scenery>small{bottom:10%;font-size:.62rem;font-weight:900;letter-spacing:.16em;color:#d9c3ff}@keyframes fog-drift{to{transform:translateX(38%) scaleX(1.15)}}
.halloween-map .map-overlay{border-color:rgba(255,89,0,.45);box-shadow:0 0 28px rgba(139,50,255,.25)}
@media(max-width:560px){.halloween-scenery{inset:111px 0 0}.vampire-castle{font-size:6.2rem;top:39%}.blood-moon{font-size:4.3rem;right:7%}.haunted-forest{font-size:4rem}.halloween-scenery>strong{top:4%;font-size:.64rem}.halloween-scenery>small{bottom:12%}}
.finish-celebration{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at center,rgba(139,50,255,.28),rgba(0,0,0,.92));overflow:hidden}.finish-celebration[hidden]{display:none}.finish-card{position:relative;z-index:2;width:min(560px,100%);padding:38px 30px;text-align:center;border:1px solid rgba(255,89,0,.55);border-radius:30px;background:linear-gradient(155deg,#211328,#11131b 60%);box-shadow:0 0 70px rgba(255,40,127,.28)}.finish-card h2{margin:6px auto 12px;font-size:clamp(2rem,5vw,3.6rem);line-height:1;letter-spacing:-.055em}.finish-card>p:not(.eyebrow){color:var(--muted)}.finish-medal{display:block;font-size:5.5rem;animation:medal-pop .7s cubic-bezier(.2,1.6,.4,1),medal-glow 1.4s infinite alternate}.flying-icons{font-size:2rem;animation:float-icons 1.8s ease-in-out infinite alternate}.finish-stats{margin:24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.finish-stats span{padding:13px 6px;border-radius:14px;background:rgba(255,255,255,.06)}.finish-stats b,.finish-stats small{display:block}.finish-stats small{margin-top:3px;color:var(--muted);font-size:.63rem}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:-12%;width:10px;height:20px;border-radius:3px;animation:confetti-fall var(--fall,3s) linear infinite;animation-delay:var(--delay,0s);transform:rotate(var(--turn,0deg))}@keyframes confetti-fall{to{top:115%;transform:translateX(var(--drift,30px)) rotate(720deg)}}@keyframes medal-pop{from{opacity:0;transform:scale(.2) rotate(-25deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes medal-glow{from{filter:drop-shadow(0 0 5px #ff5900)}to{filter:drop-shadow(0 0 24px #ff287f)}}@keyframes float-icons{from{transform:translateY(-4px)}to{transform:translateY(8px)}}