@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--bs-body-bg:#090909;--bs-body-color:#f2f0e9;--bs-body-font-family:"Manrope",sans-serif;--bs-border-color:rgba(242,240,233,0.14);--bs-success:#eca92f;--bs-success-rgb:236,169,47;--bs-secondary-color:#a8a69f;--ink:#f2f0e9;--muted:#a8a69f;--panel:#171717;--panel-soft:#222222;--line:rgba(242,240,233,0.14);--accent:#eca92f;--accent-soft:rgba(236,169,47,0.18);--orange:#c88b28;--blue:#d8b15c;--background:#090909;--forest-deep:#090909;--forest:#171717;--moss:#eca92f;--cream:#f2f0e9;--bark:#8c6729}*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0;background:var(--background);color:var(--ink)}body{font-family:Manrope,sans-serif}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.atlas-shell{min-height:100vh;overflow:hidden;background:var(--background)}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 32px;border-bottom:1px solid var(--line);background:#171717;position:relative;z-index:10}.site-header.navbar .navbar-brand,.site-header.navbar .navbar-brand:focus,.site-header.navbar .navbar-brand:hover{color:var(--ink)}.brand,.player-chip,.popup-heading{display:flex;align-items:center}.brand{gap:14px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;color:var(--forest-deep);background:var(--accent);border-radius:14px;font-size:27px;box-shadow:0 5px 12px rgba(0,0,0,.42)}.brand-mark svg{width:27px;height:27px;fill:currentColor}.eyebrow{display:block;margin-bottom:3px;color:var(--accent);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase}h1,h2,p{margin:0}.site-header .player-chip.card{gap:11px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink)}.player-chip div{display:flex;flex-direction:column}.player-chip small,.updated{color:var(--muted);font-size:10px}.player-chip strong{font-size:13px}.updated{margin-left:14px;padding-left:14px;border-left:1px solid var(--line)}.pulse-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.atlas-content{height:calc(100vh - 92px)}.map-panel{width:100%;height:100%;min-width:0;position:relative;overflow:hidden}.globe-vignette,.globe-wrap,.globe-wrap .globe-map{position:absolute;inset:0}.globe-wrap .globe-map{width:100%;height:100%}.globe-wrap{background-color:#090909;background-image:radial-gradient(circle at 8% 14%,#f2f0e9 0 1px,transparent 1.7px),radial-gradient(circle at 18% 67%,#a8a69f 0 1.2px,transparent 1.9px),radial-gradient(circle at 29% 31%,#f2f0e9 0 .8px,transparent 1.5px),radial-gradient(circle at 39% 82%,#eca92f 0 1px,transparent 1.8px),radial-gradient(circle at 48% 12%,#f2f0e9 0 1px,transparent 1.6px),radial-gradient(circle at 58% 72%,#a8a69f 0 1px,transparent 1.7px),radial-gradient(circle at 68% 24%,#f2f0e9 0 .9px,transparent 1.5px),radial-gradient(circle at 78% 88%,#eca92f 0 1.1px,transparent 1.8px),radial-gradient(circle at 88% 43%,#f2f0e9 0 1px,transparent 1.7px),radial-gradient(circle at 95% 9%,#a8a69f 0 .9px,transparent 1.6px),radial-gradient(circle at 12% 91%,#f2f0e9 0 .8px,transparent 1.4px),radial-gradient(circle at 73% 57%,#eca92f 0 .8px,transparent 1.5px),linear-gradient(145deg,#090909,#111111 48%,#171717);background-size:211px 197px,263px 239px,179px 223px,307px 281px,241px 193px,283px 257px,193px 269px,331px 293px,227px 251px,271px 217px,313px 233px,197px 307px,100% 100%}.globe-vignette{pointer-events:none;z-index:2;box-shadow:inset 0 0 48px rgba(0,0,0,.58)}.maplibregl-canvas{outline:none}.maplibregl-ctrl-group{overflow:hidden;border:1px solid var(--line)!important;border-radius:12px!important;background:#eca92f!important;box-shadow:none!important}.maplibregl-ctrl-group button{filter:brightness(.12)}.maplibregl-ctrl-attrib{color:var(--muted);background:#171717!important}.maplibregl-ctrl-attrib a{color:var(--ink)}.country-marker{display:grid;place-items:center;border:2px solid hsl(var(--marker-hue) 72% 67%);border-radius:50%;color:var(--ink);background:hsl(var(--marker-hue) 62% 38%);box-shadow:0 0 0 3px hsl(var(--marker-hue) 72% 58%/.18),0 4px 9px rgba(0,0,0,.48);cursor:pointer}.country-marker.is-selected,.country-marker:hover{color:var(--forest-deep);background:hsl(var(--marker-hue) 78% 61%);border-color:var(--cream);box-shadow:0 0 0 4px hsl(var(--marker-hue) 78% 61%/.24),0 5px 11px rgba(0,0,0,.52)}.country-marker span{font-family:DM Mono,monospace;font-size:11px;font-weight:500}.atlas-popup .maplibregl-popup-content{width:min(420px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#171717;box-shadow:0 10px 22px rgba(0,0,0,.52)}.atlas-popup .maplibregl-popup-tip{border-top-color:#171717}.atlas-tooltip .maplibregl-popup-content{padding:9px 11px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#171717;box-shadow:0 7px 15px rgba(0,0,0,.48)}.atlas-tooltip .maplibregl-popup-tip{border-top-color:#171717}.tooltip-content{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.tooltip-heading{display:flex;align-items:center;gap:7px;margin-bottom:2px}.tooltip-content strong{font-size:11px}.tooltip-content small,.tooltip-content span{color:var(--muted);font-family:DM Mono,monospace;font-size:8px}.popup-content{padding:14px}.popup-heading{gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.country-flag{position:relative;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(243,237,218,.2);border-radius:4px;color:var(--muted);background:var(--panel-soft);font-family:DM Mono,monospace;font-weight:500}.country-flag img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.country-flag-fallback{line-height:1}.tooltip-country-flag{width:24px;height:16px;font-size:7px}.popup-country-flag{width:38px;height:25px;font-size:9px}.popup-heading div{display:flex;flex-direction:column}.popup-content p,.popup-heading small{color:var(--muted);font-size:10px}.popup-record{display:flex;gap:8px;padding-top:10px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.popup-win{color:var(--accent)}.popup-draw{color:var(--blue)}.popup-loss{color:var(--orange)}.popup-opponents{max-height:270px;overflow-y:auto;margin:10px -14px -14px;border-top:1px solid var(--line);scrollbar-color:#eca92f transparent;scrollbar-width:thin}.popup-opponent{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 14px;border:0;border-bottom:1px solid rgba(243,237,218,.08);color:var(--ink);background:transparent;text-align:left;text-decoration:none;cursor:pointer}.popup-opponent:hover{color:var(--ink);background:rgba(243,237,218,.07)}.popup-opponent>span:first-child{min-width:0;display:flex;flex-direction:column}.popup-opponent small,.popup-opponent strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-opponent strong{font-size:10px}.popup-opponent small{color:var(--muted);font-size:8px}.popup-opponent-record{flex:0 0 auto;display:flex;gap:5px;font-family:DM Mono,monospace;font-size:8px}.popup-opponent-record b{font-weight:500}.popup-opponent-arrow{flex:0 0 auto;color:var(--muted);font-size:10px}.popup-player-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;padding-right:18px}.popup-player-heading>div{min-width:0;display:flex;flex-direction:column}.popup-player-heading small,.popup-player-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-player-heading small{color:var(--muted);font-size:9px}.popup-back{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--panel-soft);cursor:pointer}.popup-game-link,.popup-profile-link{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-family:DM Mono,monospace;font-size:8px;text-decoration:none}.popup-player-record{padding-bottom:10px}.popup-games{max-height:300px;overflow-y:auto;margin:0 -14px -14px;border-top:1px solid var(--line);scrollbar-color:#eca92f transparent;scrollbar-width:thin}.popup-game{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;padding:9px 14px;border-bottom:1px solid rgba(243,237,218,.08)}.popup-game-outcome{font-family:DM Mono,monospace;font-size:8px;font-weight:500}.popup-game-details{min-width:0;display:flex;flex-direction:column}.popup-game-details strong{font-size:9px}.popup-game-details small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.map-panel>.stats-bar.card{position:absolute;left:28px;bottom:28px;z-index:3;display:flex;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#171717;color:var(--ink)}.map-panel>.stats-bar.card>.row{width:100%}.stat{min-width:100px;padding:12px 17px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat span,.stat strong{display:block}.stat strong{font-family:DM Mono,monospace;font-size:18px}.stat span{margin-top:2px;color:var(--muted);font-size:9px;letter-spacing:.09em;text-transform:uppercase}.map-note{left:24px;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:#171717;font-family:DM Mono,monospace;font-size:9px;font-weight:400}.map-filters,.map-note{position:absolute;top:24px;z-index:3;display:flex}.map-filters{right:24px;width:210px;flex-direction:column;gap:8px}.filter-control,.rating-filter{min-width:180px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:#171717}.game-type-filter{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:2px 12px;gap:2px 12px}.game-type-filter>span{grid-column:1/-1;color:var(--accent);font-family:DM Mono,monospace;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.game-type-filter select{min-width:0;padding:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:12px;font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.game-type-filter select:focus-visible{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.game-type-filter option{color:var(--ink);background:#171717}.game-type-filter i{color:var(--accent);font-size:10px;pointer-events:none}.rating-filter{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;grid-gap:7px;gap:7px;margin:0}.rating-filter legend{grid-column:1/-1;float:none;width:auto;margin:0 0 2px;color:var(--accent);font-family:DM Mono,monospace;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.rating-filter label{min-width:0}.rating-filter label span{display:block;margin-bottom:3px;color:var(--muted);font-size:8px}.rating-filter input{width:100%;min-width:0;padding:5px 6px;border:1px solid var(--line);border-radius:6px;outline:0;color:var(--ink);background:#090909;font-family:DM Mono,monospace;font-size:10px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.rating-filter input::-webkit-inner-spin-button,.rating-filter input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.rating-filter input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.rating-separator{padding-bottom:6px;color:var(--muted);font-family:DM Mono,monospace;font-size:8px}.centered-state{min-height:100vh;display:grid;place-content:center;justify-items:center;padding:30px;text-align:center;background:var(--background)}.intro-page{min-height:100vh;display:grid;place-items:center;padding:32px;background-color:#090909;background-image:radial-gradient(circle at 12% 18%,#f2f0e9 0 1px,transparent 1.6px),radial-gradient(circle at 84% 22%,#eca92f 0 1px,transparent 1.7px),radial-gradient(circle at 72% 78%,#a8a69f 0 1px,transparent 1.6px),radial-gradient(circle at 21% 83%,#eca92f 0 .8px,transparent 1.5px),linear-gradient(145deg,#090909,#171717);background-size:241px 223px,307px 281px,263px 239px,211px 197px,100% 100%}.intro-card{width:min(620px,100%);padding:clamp(28px,6vw,54px);border:1px solid var(--line);border-radius:22px;background:#171717;box-shadow:0 22px 60px rgba(0,0,0,.5)}.intro-logo{width:58px;height:58px;display:grid;place-items:center;margin-bottom:26px;border-radius:16px;color:#090909;background:var(--accent)}.intro-logo svg{width:34px;height:34px;fill:currentColor}.intro-card h1{margin:4px 0 14px;color:var(--accent);font-size:clamp(42px,9vw,72px);line-height:.95;letter-spacing:-.06em}.intro-summary{max-width:550px;color:var(--muted);font-size:14px;line-height:1.7}.username-form{display:flex;flex-direction:column;gap:10px;margin-top:30px}.username-form label{color:var(--ink);font-size:12px;font-weight:700}.username-field{height:52px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid var(--line);border-radius:11px;color:var(--accent);background:#090909}.username-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.username-field input{width:100%;border:0;outline:0;color:var(--ink);background:transparent}.username-field input::placeholder{color:#77756f}.intro-submit{height:50px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px;border:0;border-radius:11px;color:#090909;background:var(--accent);font-weight:800;cursor:pointer}.intro-submit:focus-visible,.intro-submit:hover{background:#f0bd58;outline:2px solid var(--cream);outline-offset:2px}.intro-prompt{margin-top:20px;color:var(--muted);font-size:12px;text-align:center}.intro-prompt button{padding:0;border:0;color:var(--accent);background:transparent;font-weight:700;text-decoration:underline;cursor:pointer}.intro-error{color:#f0bd58;font-size:12px;line-height:1.5}.centered-state h1{margin:4px 0 8px;font-size:clamp(26px,5vw,44px);letter-spacing:-.05em}.centered-state p{max-width:480px;color:var(--muted);font-size:13px;line-height:1.7}.loading-state .spinner-border{width:3.5rem;height:3.5rem;color:var(--accent)!important}.error-card{max-width:520px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--ink)}.error-card .btn-success{color:var(--forest-deep);background:var(--accent);font-weight:700;border-color:var(--accent)}@media (max-width:900px){.site-header{height:78px;padding:0 18px}.updated{display:none}.atlas-content{height:calc(100vh - 78px)}.map-panel{min-height:100%}}@media (max-width:560px){.brand .eyebrow,.player-chip small{display:none}.brand h1{font-size:16px}.brand-mark{width:39px;height:39px}.player-chip{padding:8px 10px}.stats-bar{right:12px;bottom:12px;left:12px}.stat{min-width:0;flex:1 1;padding:9px;text-align:center}.stat strong{font-size:14px}.stat span{font-size:7px}.map-note{top:12px;left:12px}.map-filters{top:12px;right:12px;width:180px}.filter-control,.rating-filter{min-width:0}.intro-page{padding:16px}.intro-card{padding:28px 22px}}