@font-face{font-family:Bebas;src:url('/fonts/BebasNeue.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#101310;--panel:#181c18;--bone:#e4e1d3;--muted:#919789;--line:#ffffff17;--red:#c7473c;--red-bright:#f25f4b;--green:#bcce77;--player:#7ec9bd;--animal:#d1b47e;--display:Bebas,'Arial Narrow',Impact,sans-serif;--mono:'Cascadia Code','Consolas',monospace;--body:Inter,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--body);color:var(--bone);background:var(--ink);display:flex;flex-direction:column}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:4px}button{touch-action:manipulation}button,svg{flex-shrink:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}button{border:0;background:none}button:hover{color:#fff}button:active{transform:translateY(1px)}[hidden]{display:none!important}
.topbar{height:88px;flex:none;display:flex;align-items:center;padding:0 30px;gap:29px;z-index:800;background:linear-gradient(110deg,#191c17,#131612 65%);position:relative;border-bottom:1px solid #929b6b30;box-shadow:0 12px 40px #0004}.topbar:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red);box-shadow:3px 0 30px #ca3e3420}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--bone);white-space:nowrap}.brand img{width:46px;height:46px;filter:drop-shadow(0 2px 7px #0007)}.brand-overline{font-family:var(--mono);font-size:8px;letter-spacing:2px;color:#a7aa94;display:block;margin-bottom:4px}.brand strong{font-family:var(--display);font-size:30px;line-height:1;letter-spacing:1.5px;font-weight:400}.brand strong>span{color:#d25847}.header-divider{width:1px;height:36px;background:var(--line);transform:rotate(12deg)}.operation{display:grid;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.5px}.operation .eyebrow{font-size:8px;color:#7f8877;letter-spacing:2px}.operation b{font-weight:500;color:#aaaF9c}.slash{color:var(--red);margin:0 9px}.header-right{margin-left:auto;display:flex;align-items:center;gap:27px}.connection{display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:1.3px;color:#9caa85;white-space:nowrap}.connection i,.sector-label i{width:5px;height:5px;display:inline-block;background:var(--green);border-radius:50%;box-shadow:0 0 8px #bbcf7755}.connection.online i{animation:heartbeat 2.8s ease-in-out infinite}.connection.offline{color:var(--red-bright)}.connection.offline i{background:var(--red)}.game-clock{display:flex;align-items:center;gap:11px;padding-left:25px;border-left:1px solid var(--line)}.game-clock span{font:9px var(--mono);color:#9ba18f;letter-spacing:1px}.game-clock strong{font:30px var(--display);letter-spacing:2px;color:#d9ddc6}.icon-button{height:34px;width:34px;color:#9ca28e;border:1px solid #a2a98630;border-radius:4px;display:grid;place-items:center}.icon-button svg{width:17px;height:17px}.icon-button:hover{background:#a2a98612}
.map-stage{flex:1;min-height:0;position:relative;overflow:hidden;background-color:#1c211b;background-image:linear-gradient(#d5e8ab05 1px,transparent 1px),linear-gradient(90deg,#d5e8ab05 1px,transparent 1px),radial-gradient(ellipse at center,#343a2955 0,transparent 65%);background-size:64px 64px,64px 64px,100% 100%}#map{position:absolute;inset:0;background:transparent;z-index:1}.leaflet-container{font:12px var(--body);background:transparent!important}.leaflet-tile-pane{filter:saturate(.64) brightness(.78) sepia(.1)}.leaflet-tile{outline:1px solid transparent}.map-vignette{position:absolute;inset:0;pointer-events:none;z-index:400;box-shadow:inset 0 0 150px 30px #0c100d85;background:linear-gradient(180deg,#0c110e85,transparent 25%,transparent 75%,#0e120d99)}.map-grain{position:absolute;inset:0;opacity:.055;z-index:400;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px}.map-heading{position:absolute;z-index:450;left:32px;top:29px;pointer-events:none;text-shadow:0 2px 10px #0009}.eyebrow{font:8px var(--mono);letter-spacing:2px;color:#adb593;display:flex;gap:8px;align-items:center}.red-dash{display:inline-block;width:18px;height:2px;background:var(--red-bright)}h1{font:62px/.95 var(--display);font-weight:400;letter-spacing:2px;margin:12px 0 8px;color:#e1e1ce}h1 span{color:#b8c097}.map-heading p{font-size:11px;color:#9ba68b;margin:0}.rule-tags{display:flex;gap:5px;margin-top:17px}.rule-tags span{font:7px var(--mono);letter-spacing:1.1px;padding:4px 6px;border:1px solid #a6b38638;background:#161e1488;color:#b0bd96}.rule-tags span:first-child{border-color:#bc4f3f55;color:#e68b71;background:#431f1788}
.signals{position:absolute;right:32px;top:29px;z-index:450;display:grid;grid-template-columns:repeat(3,107px);background:#151b14e8;backdrop-filter:blur(14px);border:1px solid #c0cba429;border-radius:5px;box-shadow:0 9px 28px #0003;padding:16px 6px 0}.signal{display:flex;align-items:center;justify-content:center;gap:11px;padding:0 5px 16px;border-right:1px solid #b1bd8c22;transition:background .2s}.signal:last-of-type{border:0}.signal svg{width:22px;height:25px;margin-top:-4px;opacity:.85}.signal span{display:grid;gap:4px;text-align:left}.signal strong{font:34px/.8 var(--display);font-weight:400;color:#e3e3ce}.signal small{font:6.5px var(--mono);letter-spacing:1.2px}.signal-hostile{color:#ec7963}.signal-player{color:var(--player)}.signal-animal{color:var(--animal)}.signals-caption{grid-column:1/-1;border-top:1px solid var(--line);text-align:center;padding:10px 0 9px;font:7px var(--mono);letter-spacing:1.2px;color:#7e8a74}.scan-card{position:absolute;left:50%;transform:translateX(-50%);top:26px;width:300px;z-index:450;padding:12px 14px;border:1px solid #c0cb8350;border-radius:3px;background:#182013e8;backdrop-filter:blur(10px);box-shadow:0 5px 20px #0003}.scan-top{display:flex;align-items:center;justify-content:space-between;font:7px var(--mono);letter-spacing:1.2px;color:#bcc791}.scan-top>span{display:flex;align-items:center;gap:7px}.scan-top strong{font-size:11px;font-weight:500;color:#d4dfab}.scan-icon{width:6px;height:6px;border-radius:50%;border:1px solid #c8da8b;animation:heartbeat 1.5s infinite}.scan-track{height:2px;background:#c8da8b20;margin:10px 0 8px}.scan-track i{display:block;height:100%;width:0;background:#b9cb74;box-shadow:0 0 6px #bbcf7755;transition:width 1.2s ease}.scan-card p{display:flex;justify-content:space-between;gap:5px;font-size:8px;color:#98a27f;margin:0}.scan-card p span:first-child{max-width:230px}.scan-card p span:last-child{white-space:nowrap}
.map-search{z-index:460;position:absolute;left:32px;top:220px;display:flex;align-items:center;width:276px;height:43px;gap:10px;padding:0 11px;background:#171e15ec;border:1px solid #b3c28f2c;border-radius:4px;box-shadow:0 4px 15px #0002;backdrop-filter:blur(10px)}.map-search>svg{width:15px;height:15px;color:#9eac87}.map-search input{color:#d4dcc3;background:transparent;border:0;font:10px var(--body);outline:0;min-width:0;width:100%;height:100%}.map-search input::placeholder{color:#8b967e}.map-search kbd{font:10px var(--mono);padding:2px 4px;border:1px solid #96a87a40;color:#83906f;border-radius:2px}.search-results{position:absolute;left:0;right:0;top:49px;background:#192016f5;border:1px solid #9caf7b40;border-radius:4px;padding:5px;max-height:220px;overflow:auto;box-shadow:0 8px 35px #0006}.search-results button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 8px;width:100%;text-align:left;font-size:10px;border-radius:2px}.search-results button:hover{background:#c4d18f15}.search-results small{font:8px var(--mono);color:#a8b68c}.search-results p{font-size:10px;color:#aab396;padding:5px 8px}.map-tools{position:absolute;left:32px;bottom:105px;z-index:450;display:flex;flex-direction:column;padding:4px;background:#171e15e8;border:1px solid #b3c28f30;border-radius:4px;backdrop-filter:blur(12px);box-shadow:0 5px 20px #0004}.map-tools button{width:33px;height:33px;display:grid;place-items:center;color:#c1cbaa;font:21px var(--body);border-radius:2px;transition:background .2s}.map-tools button:hover,.map-tools button[aria-pressed=true]{background:#bacf7620;color:#d2e59a}.map-tools svg{width:16px;height:16px}.map-tools>span{height:1px;background:var(--line);margin:3px}.compass{position:absolute;right:39px;bottom:115px;z-index:450;display:grid;place-items:center;gap:7px;pointer-events:none;font:9px var(--mono);color:#b4c39c}.compass i{display:block;height:26px;width:14px;clip-path:polygon(50% 0,100% 100%,50% 70%,0 100%);background:linear-gradient(90deg,#c4d7a1 50%,#657650 50%);filter:drop-shadow(0 2px 4px #000)}.compass small{font-size:6px;color:#8fa276}
.bottom-hud{position:absolute;left:32px;right:32px;bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:450}.layer-control{display:flex;gap:6px;align-items:center;padding:6px 7px;background:#151b14ef;backdrop-filter:blur(10px);border:1px solid #bdc9a32c;border-radius:5px;box-shadow:0 5px 25px #0003}.layer-label{font:7px var(--mono);color:#81916f;letter-spacing:1.2px;padding:0 10px 0 5px}.layer-button{height:32px;padding:0 11px;display:flex;align-items:center;gap:7px;font-size:9px;border:1px solid transparent;border-radius:3px;color:#718164;transition:background .2s,border-color .2s,color .2s}.layer-button svg{width:14px;height:14px}.layer-button i{width:4px;height:4px;background:currentColor;border-radius:50%;opacity:.25}.layer-button.active i{opacity:1;box-shadow:0 0 5px currentColor}.layer-button.hostile.active{color:#ed9b85;background:#bd4c3420;border-color:#bd4c3445}.layer-button.player.active{color:#9ccfc0;background:#66a79317;border-color:#66a79335}.layer-button.animal.active{color:#d1be94;background:#bb955b18;border-color:#bb955b38}.map-hint{display:flex;align-items:center;gap:8px;font:7px var(--mono);letter-spacing:.6px;color:#9cab86;text-shadow:0 1px 5px #000}.map-hint b{color:#62724e}.mouse-glyph{width:9px;height:13px;border:1px solid #9cab86;border-radius:6px;display:inline-block;position:relative}.mouse-glyph:after{content:'';position:absolute;left:3px;top:2px;height:3px;width:1px;background:#9cab86}.fullscreen-button{display:flex;align-items:center;gap:9px;font:7px var(--mono);letter-spacing:1px;color:#acbb94;padding:10px 12px;border:1px solid #a9bd8433;background:#161e14cc;border-radius:3px}.fullscreen-button svg{width:14px;height:14px}.statusbar{height:33px;flex:none;background:#131711;border-top:1px solid #9fae7b25;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 31px;font:7px var(--mono);color:#8d9a7d;letter-spacing:.6px;z-index:500}.sector-label{display:flex;align-items:center;gap:8px}.sector-label i{width:4px;height:4px}.sector-label b{font-weight:400;color:#536344;margin:0 3px}#coordinates{font-size:8px;color:#b1bfa0;min-width:125px;text-align:center}#coordinates b{font-weight:400;color:#536344;margin:0 7px}.footer-right{display:flex;align-items:center;gap:25px}.footer-right b{color:#5e7050;font-size:6px;font-weight:400;letter-spacing:1px}.toast{z-index:1000;position:absolute;bottom:87px;left:50%;transform:translateX(-50%);padding:11px 18px;border-radius:4px;background:#222b1cf5;color:#d5dfbd;font-size:11px;box-shadow:0 4px 20px #0006;border:1px solid #aabf7655;max-width:85%;text-align:center}
.entity-marker{display:grid;place-items:center;position:relative;transition:filter .2s}.entity-marker svg{width:15px;height:15px;stroke-width:2}.entity-marker:before{content:'';position:absolute;inset:0;border:1px solid currentColor;transform:rotate(45deg);background:#11180fed;border-radius:3px;box-shadow:0 2px 8px #0008}.entity-marker svg{position:relative}.entity-marker.player{color:var(--player);filter:drop-shadow(0 0 4px #7ec9bd55)}.entity-marker.hostile{color:var(--red-bright)}.entity-marker.animal{color:var(--animal)}.leaflet-popup-content-wrapper{background:#1b2118;border:1px solid #aabe7d50;border-radius:4px;color:var(--bone);box-shadow:0 6px 30px #0008}.leaflet-popup-tip{background:#1b2118}.leaflet-popup-content{margin:15px 18px;min-width:150px}.popup-type{font:7px var(--mono);letter-spacing:1.5px;color:#a5b28e}.popup-name{font:24px var(--display);font-weight:400;letter-spacing:.8px;margin:6px 0}.popup-coords{font:9px var(--mono);color:#a7b88e}.popup-stats{font-size:9px;color:#829671;border-top:1px solid #aabe7d20;padding-top:9px;margin-top:9px}.leaflet-container a.leaflet-popup-close-button{color:#a5b28e;top:4px;right:4px}.leaflet-control-attribution{display:none}.map-search:focus-within{border-color:#a9c16f88}.bloodmoon .topbar{box-shadow:0 7px 50px #be3c252c;border-bottom-color:#b84135}.bloodmoon .game-clock strong{color:#f39a82}.signal:hover{background:#bfcca40a}.topbar,.signals,.bottom-hud,.map-search,.scan-card{animation:arrive .7s ease both}.signals{animation-delay:.08s}.map-search{animation-delay:.16s}.bottom-hud{animation-delay:.22s}.scan-card{animation-name:none}
@keyframes heartbeat{0%,100%{opacity:1}50%{opacity:.4}}@keyframes arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.topbar{height:96px;padding:0 40px}.brand strong{font-size:34px}.map-heading{left:40px;top:36px}h1{font-size:72px}.signals{right:40px;top:36px;grid-template-columns:repeat(3,124px)}.signal strong{font-size:39px}.signal small{font-size:7px}.map-search{left:40px;top:245px;width:300px;height:46px}.bottom-hud{left:40px;right:40px;bottom:30px}.map-tools{left:40px}.scan-card{top:36px}}
@media(max-width:1200px){.operation{display:none}.header-divider{display:none}.scan-card{top:154px;left:auto;right:30px;transform:none;width:285px}.map-hint{display:none}.signals{grid-template-columns:repeat(3,94px)}.map-heading h1{font-size:54px}.map-search{top:208px;width:260px}.header-right{gap:20px}}
@media(max-width:760px){.topbar{height:75px;padding:0 16px;gap:10px}.brand img{width:36px;height:36px}.brand{gap:9px}.brand strong{font-size:25px;letter-spacing:1px}.brand-overline{font-size:6px;letter-spacing:1.2px}.header-right{gap:12px}.connection{font-size:0;gap:0}.connection i{width:6px;height:6px}.game-clock{gap:6px;padding-left:12px}.game-clock span{font-size:7px}.game-clock strong{font-size:24px}.icon-button{display:none}.map-heading{top:20px;left:20px}.eyebrow{font-size:7px}.map-heading h1{font-size:43px;letter-spacing:1px;margin-top:10px}.map-heading p{font-size:9px;max-width:190px;line-height:1.6}.rule-tags{gap:4px;margin-top:10px}.rule-tags span{font-size:6px;padding:3px 4px;letter-spacing:.5px}.signals{right:16px;top:20px;grid-template-columns:repeat(3,54px);padding:12px 1px 0}.signal{display:grid;gap:7px;padding-bottom:10px;justify-items:center}.signal svg{width:15px;height:16px;margin:0}.signal span{text-align:center;gap:5px}.signal strong{font-size:27px}.signal small{font-size:5px;letter-spacing:.5px}.signals-caption{font-size:5px;padding:7px 2px;letter-spacing:.3px}.scan-card{right:16px;top:156px;width:250px;padding:10px 11px}.scan-top{font-size:6px;letter-spacing:.7px}.scan-card p{font-size:7px}.map-search{left:20px;top:168px;width:calc(100% - 310px);min-width:0;height:37px}.map-search input{font-size:9px}.map-search>svg{width:12px}.map-search kbd{display:none}.map-tools{left:16px;bottom:92px}.map-tools button{width:30px;height:31px}.compass{right:24px;bottom:96px}.bottom-hud{left:16px;right:16px;bottom:17px;gap:8px}.layer-control{gap:3px;padding:5px}.layer-label{display:none}.layer-button{padding:0 9px;height:31px;font-size:8px;gap:5px}.layer-button i{display:none}.layer-button svg{width:12px}.fullscreen-button{padding:10px 8px}.fullscreen-button span{display:none}.statusbar{height:30px;padding:0 16px;font-size:6px;gap:8px}.sector-label{gap:5px}.sector-label>span+ b{margin:0}.footer-right #moon-status{display:none}.footer-right b{font-size:5px}.sector-label{font-size:0}.sector-label #footer-world{font-size:6px}.sector-label b{font-size:6px}#coordinates{font-size:7px;min-width:110px}.toast{bottom:75px;font-size:10px}}
@media(max-width:500px){.map-search{top:212px;left:20px;width:230px}.scan-card{top:157px;width:calc(100% - 40px);left:20px;right:20px}.map-heading{max-width:calc(100% - 180px)}.map-heading h1{font-size:39px;white-space:nowrap;max-width:180px;line-height:1}.map-heading p{max-width:160px;font-size:8px}.rule-tags span:last-child{display:none}.signals{grid-template-columns:repeat(3,43px)}.signals-caption{font-size:4.6px}.signal small{font-size:4.5px}.signal strong{font-size:24px}.topbar .brand-overline{font-size:5px}.brand strong{font-size:22px}.game-clock{display:grid;gap:1px;text-align:right}.game-clock span{font-size:6px}.game-clock strong{font-size:20px}.header-right{gap:8px}.map-search:has(+ .map-tools){height:34px}.layer-button{padding:0 7px}.layer-button svg{width:11px}.fullscreen-button{padding:9px 7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:761px){.brand-overline{font-size:9px}.operation{font-size:11px}.operation .eyebrow{font-size:9px}.connection{font-size:10px}.game-clock span{font-size:10px}.eyebrow{font-size:9px}.map-heading p{font-size:12px}.rule-tags span{font-size:9px}.signal small{font-size:8px}.signals-caption{font-size:8px}.map-search input{font-size:12px}.layer-label{font-size:9px}.layer-button{font-size:11px}.map-hint,.fullscreen-button{font-size:8px}.statusbar{font-size:8px}.scan-top{font-size:9px}.scan-card p{font-size:9px}.scan-card{width:320px}}
.operation b{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signal-lost .entity-marker{opacity:.45}.map-tools button:disabled{opacity:.3;cursor:default}.map-search input:focus-visible{outline:0}
.map-search{width:43px;min-width:43px;padding:0;gap:0;transition:width .24s ease,border-color .2s,background .2s}.map-search .search-toggle{width:41px;height:100%;display:grid;place-items:center;color:#adbd8d;border-radius:3px;flex:none}.search-toggle svg{width:16px;height:16px}.map-search .search-toggle:hover{color:#d7e4b5;background:#b6cd7910}.map-search input{width:0;opacity:0;visibility:hidden;transition:opacity .14s ease}.map-search kbd{display:none;margin-right:10px;font-size:7px}.map-search.is-open{width:310px}.map-search.is-open input{width:100%;opacity:1;visibility:visible;transition:opacity .2s ease .08s}.map-search.is-open kbd{display:block}.map-search:not(.is-open) .search-results{display:none}
@media(max-width:760px){.map-search{width:38px;min-width:38px;height:38px}.map-search .search-toggle{width:36px}.map-search.is-open{width:min(310px,calc(100vw - 40px))}.map-search.is-open kbd{display:block}}
@media(max-width:500px){.map-heading h1{font-size:35px}.brand-overline{font-size:7px!important;letter-spacing:.7px!important}.signals-caption{font-size:5px}.signal small{font-size:6px}.layer-button{font-size:10px}.statusbar #coordinates{font-size:8px}.map-search input{font-size:11px}}

/* Palette comes from config/theme.json. Layout and typography stay independent. */
:root{--map-brightness:.78;--map-saturation:.64;--map-sepia:.1;--map-vignette:.52}
.topbar{background:linear-gradient(110deg,var(--panel),var(--ink) 65%);border-bottom-color:color-mix(in srgb,var(--green) 19%,transparent)}
.brand strong>span{color:var(--red-bright)}
.brand-overline,.operation .eyebrow,.connection,.game-clock span,.icon-button,.map-heading p,.signals-caption,.map-hint,.statusbar,.popup-type,.popup-coords,.popup-stats{color:var(--muted)}
.operation b,.game-clock strong,.signal strong,h1{color:var(--bone)}
h1 span,.eyebrow,.operation .eyebrow,.fullscreen-button,.compass,.map-tools button,.search-toggle,.map-search .search-toggle{color:var(--green)}
.map-stage{background-color:color-mix(in srgb,var(--panel) 80%,var(--green) 8%);background-image:linear-gradient(color-mix(in srgb,var(--green) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--green) 3%,transparent) 1px,transparent 1px),radial-gradient(ellipse at center,color-mix(in srgb,var(--green) 10%,transparent),transparent 65%)}
.leaflet-tile-pane{filter:saturate(var(--map-saturation)) brightness(var(--map-brightness)) sepia(var(--map-sepia))}
.map-vignette{box-shadow:inset 0 0 150px 30px rgb(0 0 0 / var(--map-vignette));background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 52%,transparent),transparent 25%,transparent 75%,color-mix(in srgb,var(--ink) 60%,transparent))}
.signals,.scan-card,.map-search,.map-tools,.layer-control,.fullscreen-button,.search-results,.toast{background:color-mix(in srgb,var(--panel) 94%,transparent);border-color:color-mix(in srgb,var(--green) 22%,transparent)}
.statusbar{background:var(--ink);border-color:color-mix(in srgb,var(--green) 18%,transparent)}
.rule-tags span{color:var(--green);border-color:color-mix(in srgb,var(--green) 25%,transparent);background:color-mix(in srgb,var(--panel) 65%,transparent)}
.rule-tags span:first-child{color:var(--red-bright);border-color:color-mix(in srgb,var(--red) 40%,transparent);background:color-mix(in srgb,var(--red) 14%,transparent)}
.signal-hostile{color:var(--red-bright)}
.map-search input,.search-results button,.toast{color:var(--bone)}
.map-search input::placeholder,.map-search kbd,.search-results small,.search-results p,.layer-label{color:var(--muted)}
.map-search:focus-within{border-color:var(--green)}
.map-search .search-toggle:hover,.map-tools button:hover,.map-tools button[aria-pressed=true]{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}
.layer-button.hostile.active{color:var(--red-bright);background:color-mix(in srgb,var(--red) 13%,transparent);border-color:color-mix(in srgb,var(--red) 27%,transparent)}
.layer-button.player.active{color:var(--player);background:color-mix(in srgb,var(--player) 9%,transparent);border-color:color-mix(in srgb,var(--player) 21%,transparent)}
.layer-button.animal.active{color:var(--animal);background:color-mix(in srgb,var(--animal) 9%,transparent);border-color:color-mix(in srgb,var(--animal) 21%,transparent)}
.entity-marker:before,.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--panel)}
.entity-marker.player{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--player) 33%,transparent))}
.leaflet-popup-content-wrapper{border-color:color-mix(in srgb,var(--green) 32%,transparent)}
.scan-top,.scan-top strong,.scan-card p{color:var(--green)}
.scan-track{background:color-mix(in srgb,var(--green) 13%,transparent)}
.scan-track i,.connection i,.sector-label i{background:var(--green);box-shadow:0 0 6px color-mix(in srgb,var(--green) 33%,transparent)}
.scan-icon{border-color:var(--green)}
.bloodmoon .game-clock strong{color:var(--red-bright)}
.bloodmoon .topbar{border-bottom-color:var(--red);box-shadow:0 7px 50px color-mix(in srgb,var(--red) 18%,transparent)}
.topbar{isolation:isolate;background:linear-gradient(110deg,var(--header),color-mix(in srgb,var(--header) 88%,var(--ink)) 65%)}
.topbar:before{background:var(--brand);box-shadow:3px 0 30px color-mix(in srgb,var(--brand) 13%,transparent)}
.topbar:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(117deg,transparent 0 18px,color-mix(in srgb,var(--green) 2.5%,transparent) 18px 19px),radial-gradient(ellipse at 13% 0,color-mix(in srgb,var(--red) 8%,transparent),transparent 48%);mask-image:linear-gradient(90deg,#000,transparent 60%)}
.brand-mark{width:46px;height:46px;stroke:none;filter:drop-shadow(0 2px 7px #0007)}
.brand-mark .crown{fill:var(--brand)}
.brand-mark .skull{fill:var(--bone)}
.brand-mark .cuts{fill:var(--ink)}
.brand-mark .crack{stroke:var(--ink);stroke-width:3;fill:none}
.brand{color:var(--bone)}
.brand strong>span{color:var(--brand)}
.red-dash{background:var(--brand)}
.topbar .eyebrow{color:var(--green)}
.game-clock{border-color:color-mix(in srgb,var(--green) 15%,transparent)}
.icon-button{border-color:color-mix(in srgb,var(--green) 22%,transparent)}
.icon-button:hover{color:var(--green);background:color-mix(in srgb,var(--green) 8%,transparent)}
@media(max-width:760px){.brand-mark{width:36px;height:36px}}
:root{--ink:#111827;--header:#1f2937;--panel:#212c3a;--bone:#edf4fa;--muted:#a5b2c3;--green:#20c7fa;--brand:#20c7fa;--red:#b94c43;--red-bright:#f47d68;--player:#7bdde6;--animal:#d1b47e;--map-brightness:.88;--map-saturation:.75;--map-sepia:0;--map-vignette:.42}
.topbar:after{background:repeating-linear-gradient(117deg,transparent 0 18px,color-mix(in srgb,var(--green) 2.5%,transparent) 18px 19px),radial-gradient(ellipse at 13% 0,color-mix(in srgb,var(--brand) 7%,transparent),transparent 48%)}
.compass i{background:linear-gradient(90deg,var(--green) 50%,color-mix(in srgb,var(--green) 42%,var(--ink)) 50%)}
.compass small,.footer-right b,.sector-label b,#coordinates b{color:var(--muted)}
#coordinates{color:var(--bone)}
.mouse-glyph{border-color:var(--muted)}
.mouse-glyph:after{background:var(--muted)}
.generating .scan-track i{animation:world-build 2.5s ease-in-out infinite alternate}
@keyframes world-build{from{margin-left:0}to{margin-left:65%}}