.navigation{position:sticky;top:0;z-index:100;display:flex;flex-flow:row;justify-content:center;height:7vh;min-height:44px;max-height:54px;background-color:rgba(var(--bg-rgb),.97);border-bottom:1px solid rgba(var(--grid-rgb),.3)}.navigation-inner{display:flex;flex-flow:row;justify-content:space-between;align-items:center;width:100%;padding:0 10%;box-sizing:border-box}.navigation-left{display:flex;flex-flow:row;align-items:center;gap:0}.navigation-right{display:flex;align-items:center;flex-flow:row;gap:0}.navigation-item{padding-inline:10px;height:7vh;min-height:44px;max-height:54px;min-width:30px;display:flex;align-items:center;justify-content:center;text-align:center}.navigation-item:hover{background:rgba(var(--grid-rgb),.15);color:var(--accent)}.navigation-item-collapsable{padding-inline:10px;height:7vh;min-height:44px;max-height:54px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}.navigation-item-collapsable:hover{background:rgba(var(--grid-rgb),.15);color:var(--accent)}.navigation-item-collapsable.active{color:var(--accent);border-bottom:2px solid var(--accent);background:rgba(var(--grid-rgb),.08)}.nav-links-desktop{display:flex;flex-flow:row}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.hamburger span{display:block;width:22px;height:2px;background:var(--accent);border-radius:2px;transition:transform .25s ease,opacity .2s ease,width .2s ease;transform-origin:center}.hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0;width:0}.hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:calc(7vh + 0px);left:0;width:100%;background-color:rgba(var(--bg-rgb),.98);border-bottom:1px solid rgba(var(--grid-rgb),.3);flex-direction:column;z-index:99;max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-menu.is-open{max-height:400px}.mobile-menu-item{display:block;padding:1rem 1.5rem;color:var(--text-muted);border-bottom:1px solid rgba(var(--grid-rgb),.1);letter-spacing:.1em;font-size:.9rem;transition:background .15s,color .15s}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover,.mobile-menu-item.active{background:rgba(var(--grid-rgb),.1);color:var(--accent)}.mobile-menu-item.active{border-left:3px solid var(--accent)}.logout-icon{height:1em;background-color:var(--accent);mask:url(/assets/power-off-solid-c84810a3.svg) no-repeat center / contain;-webkit-mask:url(/assets/power-off-solid-c84810a3.svg) no-repeat center / contain;display:inline-block;width:1em}.logout-container:hover .logout-icon{background-color:var(--accent-dim)}.nav-brand{font-size:.85rem;letter-spacing:.2em;color:var(--accent);transition:color .2s ease}.nav-brand:hover{color:color-mix(in srgb,var(--accent) 80%,white)}.nav-brand-ascii{font-family:Courier New,Courier,monospace;font-size:.28rem;line-height:1.3;letter-spacing:0;color:var(--accent);font-weight:700;white-space:pre}.anim-toggle{cursor:pointer;font-size:1.1rem;opacity:.85;color:var(--accent);transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.anim-toggle:hover{opacity:1}@media (max-width: 640px){.nav-links-desktop{display:none}.hamburger,.mobile-menu{display:flex}.navigation-inner{padding:0 1rem}}:root{--light-grey: #3a5a75;--disabled-grey: rgb(100, 120, 140);--accent: #00ddff;--accent-dim: #0099cc;--surface: #030b14;--dark-green: #00ff9f;--unlocked-green: #00d884;--medium-green: #00cc7a;--light-green: #00ffcc;--green: #00ff66;--green-rgb: 0, 255, 102;--red: #ff3333;--blue: #2979ff;--white: #a0cce8;--black: #020c14;--font-size-7: 2em;--font-size-6: 1.5em;--font-size-5: 1.2em;--font-size-4: 1em;--font-size-3: .5em;--grid-rgb: 0, 221, 255;--bg-color: #040d18;--bg-secondary: #030b14;--bg-rgb: 4, 13, 24;--text-muted: #b8ddf5}[data-env=desert]{--accent: #f0a030;--accent-dim: #b06010;--surface: #1a0c00;--dark-green: #ffd080;--unlocked-green: #e08820;--light-grey: #7a5a2a;--disabled-grey: rgb(140, 110, 70);--grid-rgb: 240, 160, 48;--bg-color: #120900;--bg-secondary: #1a0c00;--bg-rgb: 18, 9, 0;--text-muted: #eed5a0}[data-env=snow]{--accent: #aae8ff;--accent-dim: #66c8f0;--surface: #050e1a;--dark-green: #c0fff2;--unlocked-green: #7af0d8;--light-grey: #4a6a8a;--disabled-grey: rgb(110, 140, 165);--grid-rgb: 170, 232, 255;--bg-color: #03090f;--bg-secondary: #050e1a;--bg-rgb: 3, 9, 15;--text-muted: #ddf2ff}[data-env=volcanic]{--accent: #ff6622;--accent-dim: #cc3300;--surface: #0f0300;--dark-green: #ffaa55;--unlocked-green: #ff7733;--light-grey: #7a3a1a;--disabled-grey: rgb(140, 80, 50);--grid-rgb: 255, 102, 34;--bg-color: #0a0200;--bg-secondary: #0f0300;--bg-rgb: 10, 2, 0;--text-muted: #f0ccaa}body{background-color:var(--bg-color);color:var(--text-muted);font-family:Courier New,Courier,monospace;margin:0;background-image:linear-gradient(rgba(var(--grid-rgb),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--grid-rgb),.04) 1px,transparent 1px);background-size:40px 40px;width:100vw;transition:background-color .4s ease,color .4s ease}[data-theme=light]{--accent: #0055aa;--accent-dim: #003a88;--surface: #b8d4ee;--dark-green: #004a2e;--unlocked-green: #006640;--medium-green: #005a50;--light-green: #007760;--text-muted: #030f22;--white: #030f22;--grid-rgb: 0, 85, 170;--bg-color: #c8dff6;--bg-secondary: #b8d4ee;--bg-rgb: 200, 223, 246;--light-grey: #2a5a8a;--disabled-grey: rgb(110, 140, 165)}[data-theme=light][data-env=desert]{--accent: #7a3d00;--accent-dim: #552900;--surface: #edd5aa;--dark-green: #6a4200;--unlocked-green: #885200;--text-muted: #281100;--white: #281100;--grid-rgb: 122, 61, 0;--bg-color: #f5e4c4;--bg-secondary: #edd5aa;--bg-rgb: 245, 228, 196;--light-grey: #7a5020;--disabled-grey: rgb(160, 130, 90)}[data-theme=light][data-env=snow]{--accent: #111111;--accent-dim: #333333;--surface: #e8f4ff;--dark-green: #1a1a1a;--unlocked-green: #222222;--text-muted: #080808;--white: #080808;--grid-rgb: 80, 80, 80;--bg-color: #f4f8ff;--bg-secondary: #e8f4ff;--bg-rgb: 244, 248, 255;--light-grey: #444444;--disabled-grey: rgb(140, 150, 165)}[data-theme=light][data-env=volcanic]{--accent: #952800;--accent-dim: #6e1500;--surface: #edcfbc;--dark-green: #6e1800;--unlocked-green: #952800;--text-muted: #2c0800;--white: #2c0800;--grid-rgb: 149, 40, 0;--bg-color: #f5e2d5;--bg-secondary: #edcfbc;--bg-rgb: 245, 226, 213;--light-grey: #7a3010;--disabled-grey: rgb(165, 120, 100)}[data-theme=light] .disabled{opacity:.7}input{font-family:Courier New,Courier,monospace}.button{background-color:transparent;border:1px solid var(--accent);color:var(--accent);padding:15px 0;text-align:center;display:inline-block;cursor:pointer;width:320px;margin-top:10px;font-size:var(--font-size-4);font-family:Courier New,Courier,monospace;letter-spacing:.1em;transition:background-color .15s ease,color .15s ease}.button:hover{background-color:var(--accent);color:var(--surface)}.dropbtn{display:flex;align-items:center;color:var(--accent);font-size:1.2em;cursor:pointer}.dropbtn:hover,.dropbtn:focus{background-color:rgba(var(--grid-rgb),.1)}.dropdown{position:relative;display:inline-block}html[data-page=map] body{background-image:none}.dropdown-content{display:none;position:absolute;background-color:var(--bg-color);border:1px solid var(--accent);color:var(--accent);width:40vw;box-shadow:0 8px 16px 0 rgba(var(--grid-rgb),.15);z-index:1}.dropdown-content a{padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:rgba(var(--grid-rgb),.15);color:var(--accent)}.show{display:block}.eye-icon{filter:invert(100%) sepia(7%) saturate(6629%) hue-rotate(177deg) brightness(99%) contrast(98%);height:1em}.centered{display:flex;text-align:center;align-items:center;justify-content:center;margin:1vw}.column-flow{display:flex;flex-flow:column wrap}.ascii-art{font-family:monospace;white-space:pre;color:var(--accent);font-size:6px;font-weight:bolder;text-shadow:0 0 8px rgba(var(--grid-rgb),.6)}.ascii-art-small{font-family:monospace;white-space:pre;color:var(--accent);font-size:4px;font-weight:bolder}@media (min-width: 641px){h1{font-size:2.2em}h2{font-size:1.6em}h3{font-size:1.4em}h4{font-size:1.1em}h5{font-size:.85em}.dropdown-content{width:10vw;min-width:200px}}@media (min-width: 961px){.ascii-art{font-size:8px}}h1{font-size:2em}h2{font-size:1.6em}h3{font-size:1.2em}h4{font-size:1em}h5{font-size:.85em}h5,h4,h3,h2,h1{color:var(--accent);font-weight:400;margin:0}a:link,a:visited{color:var(--accent);font-size:var(--font-size-4);text-decoration:none}.error-msg{color:var(--red);margin:5px;font-family:Courier New,Courier,monospace}.no-user-select{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none}.cost-sufficient{color:#4caf7a}.cost-insufficient{color:#c0504a}.scroll-hint{position:fixed;bottom:0;left:0;right:0;height:80px;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(var(--bg-rgb),.85));display:flex;align-items:flex-end;justify-content:center;padding-bottom:.6rem;z-index:50}.scroll-hint-chevron{font-size:1.4rem;color:var(--accent);opacity:.5;animation:scroll-hint-bounce 1.6s ease-in-out infinite}@keyframes scroll-hint-bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(5px);opacity:.9}}.landing{display:flex;flex-direction:column;align-items:center;min-height:90vh;padding:0 1rem}.landing-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;gap:1.5rem}.landing-title{font-size:clamp(.35rem,1.5vw,.85rem);color:var(--accent);line-height:1.3;letter-spacing:.05em;text-shadow:0 0 20px rgba(var(--grid-rgb),.5);margin:0}@keyframes glitch{0%{text-shadow:0 0 20px rgba(var(--grid-rgb),.5);clip-path:inset(0 0 100% 0)}5%{clip-path:inset(20% 0 60% 0);transform:translate(-2px)}10%{clip-path:inset(50% 0 20% 0);transform:translate(2px)}15%{clip-path:inset(0 0 0 0);transform:translate(0)}80%{text-shadow:0 0 20px rgba(var(--grid-rgb),.5)}90%{text-shadow:3px 0 rgba(var(--grid-rgb),.6),-3px 0 rgba(var(--bg-rgb),.4)}95%{text-shadow:0 0 20px rgba(var(--grid-rgb),.5)}to{text-shadow:0 0 20px rgba(var(--grid-rgb),.5)}}.glitch-title{animation:glitch 6s ease-in-out infinite}.landing-tagline{color:var(--text-muted);font-size:clamp(.8rem,2vw,1.1rem);letter-spacing:.35em;margin:0;opacity:.7}.landing-cta{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.landing-btn-primary{border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px rgba(var(--grid-rgb),.3);transition:box-shadow .2s ease,background-color .2s ease,color .2s ease}.landing-btn-primary:hover{background-color:var(--accent);color:var(--surface);box-shadow:0 0 24px rgba(var(--grid-rgb),.5)}.landing-btn-secondary{border-color:rgba(var(--grid-rgb),.35);color:var(--text-muted);transition:border-color .2s ease,color .2s ease}.landing-btn-secondary:hover{background-color:transparent;border-color:var(--accent);color:var(--accent)}.landing-features{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:3rem;max-width:860px}.landing-feature-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.4rem 1.2rem;width:180px;border:1px solid rgba(var(--grid-rgb),.12);text-align:center;transition:border-color .2s ease}.landing-feature-card:hover{border-color:rgba(var(--grid-rgb),.4)}.landing-feature-icon{font-size:1.6rem;line-height:1}.landing-feature-label{font-size:.7rem;letter-spacing:.18em;color:var(--accent);font-weight:600}.landing-feature-desc{font-size:.65rem;color:var(--text-muted);opacity:.6;line-height:1.5}.landing-envs{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;padding-bottom:3rem}.landing-env-card{background-color:var(--env-bg, var(--surface));border:1px solid rgba(var(--grid-rgb),.15);padding:1.2rem 1.4rem;width:160px;display:flex;flex-direction:column;gap:.4rem;cursor:default;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.landing-env-card:hover{border-color:var(--env-accent);box-shadow:0 0 18px color-mix(in srgb,var(--env-accent) 40%,transparent);transform:translateY(-3px)}.landing-env-dot{width:10px;height:10px;border-radius:50%;background-color:var(--env-accent);margin-bottom:.2rem}.landing-env-label{font-size:.75rem;letter-spacing:.15em;color:var(--env-accent);font-family:Courier New,Courier,monospace}.landing-env-desc{font-size:.65rem;color:var(--env-accent);opacity:.55;font-family:Courier New,Courier,monospace;line-height:1.4}.landing-env-card[data-env=cyber]{--env-bg: #040d18;--env-accent: #00ddff}.landing-env-card[data-env=desert]{--env-bg: #120900;--env-accent: #f0a030}.landing-env-card[data-env=snow]{--env-bg: #03090f;--env-accent: #aae8ff}.landing-env-card[data-env=volcanic]{--env-bg: #0a0200;--env-accent: #ff6622}[data-theme=light] .landing-env-card[data-env=cyber]{--env-bg: #c8dff6;--env-accent: #0055aa}[data-theme=light] .landing-env-card[data-env=desert]{--env-bg: #edd5aa;--env-accent: #7a3d00}[data-theme=light] .landing-env-card[data-env=snow]{--env-bg: #f4f8ff;--env-accent: #111111}[data-theme=light] .landing-env-card[data-env=volcanic]{--env-bg: #edcfbc;--env-accent: #952800}.login{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:20px}.login-input{background-color:var(--surface);color:var(--accent);border:1px solid rgba(var(--grid-rgb),.35);margin:2px 0;height:40px;width:300px;padding-left:20px;font-size:var(--font-size-4);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-input:focus{border-color:var(--accent);box-shadow:0 0 8px rgba(var(--grid-rgb),.35);outline:none}.login-input:not(:placeholder-shown){border-color:var(--dark-green)}.login-input:not(:placeholder-shown):focus{border-color:var(--dark-green);box-shadow:0 0 8px rgba(var(--green-rgb),.35)}.login-input:-webkit-autofill,.login-input:-webkit-autofill:hover,.login-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--accent);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;box-shadow:0 0 0 1000px var(--surface) inset,0 0 8px rgba(var(--green-rgb),.35);border-color:var(--dark-green);transition:background-color 5000s ease-in-out 0s}.login-button:hover{background-image:url(../img/card-16-home.webp);background-size:120%;background-position:-20px -20px;color:var(--accent)}.register-button:hover{background-image:url(../img/card-11-button.webp);background-size:120%;background-position:-60px -55px}::placeholder{color:var(--accent);opacity:.3}.forgot-password-link{margin-top:1rem;display:inline-block}.register-welcome-container{display:flex;flex-flow:column wrap;align-items:center}.welcome-login-button:hover{background-image:url(../img/card-20-button.webp);background-size:120%;background-position:-20px -40px;color:var(--accent)}.env-picker{margin-top:1.5rem;width:300px}.env-picker-label{color:var(--accent);font-size:.75rem;letter-spacing:.15em;margin:0 0 .75rem;text-align:center;opacity:.7}.env-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.env-card{background-color:var(--env-bg, var(--surface));border:1px solid rgba(var(--grid-rgb),.2);padding:.75rem .75rem .6rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.env-card:hover{border-color:var(--env-accent);box-shadow:0 0 10px var(--env-glow)}.env-card-selected{border-color:var(--env-accent);box-shadow:0 0 14px var(--env-glow),inset 0 0 20px #0003}.env-card-selected:after{content:"✓";position:absolute;top:.3rem;right:.4rem;color:var(--env-accent);font-size:.75rem}.env-card-swatch{display:flex;gap:5px;margin-bottom:.5rem;align-items:center}.env-card-dot{width:10px;height:10px;border-radius:50%;background-color:var(--env-accent);display:block}.env-card-dot-dim{opacity:.5;width:8px;height:8px}.env-card-dot-dimmer{opacity:.25;width:6px;height:6px}.env-card-name{font-size:.75rem;letter-spacing:.12em;color:var(--env-accent);margin-bottom:.25rem;font-family:Courier New,Courier,monospace}.env-card-desc{font-size:.65rem;color:var(--env-accent);opacity:.55;font-family:Courier New,Courier,monospace;line-height:1.3}.env-card[data-env=cyber]{--env-bg: #040d18;--env-accent: #00ddff;--env-glow: rgba(0,221,255,.25)}.env-card[data-env=desert]{--env-bg: #120900;--env-accent: #f0a030;--env-glow: rgba(240,160,48,.25)}.env-card[data-env=snow]{--env-bg: #03090f;--env-accent: #aae8ff;--env-glow: rgba(170,232,255,.25)}.env-card[data-env=volcanic]{--env-bg: #0a0200;--env-accent: #ff6622;--env-glow: rgba(255,102,34,.25)}[data-theme=light] .env-card[data-env=cyber]{--env-bg: #c8dff6;--env-accent: #0055aa;--env-glow: rgba(0,85,170,.3)}[data-theme=light] .env-card[data-env=desert]{--env-bg: #edd5aa;--env-accent: #7a3d00;--env-glow: rgba(122,61,0,.3)}[data-theme=light] .env-card[data-env=snow]{--env-bg: #f4f8ff;--env-accent: #111111;--env-glow: rgba(80,80,80,.3)}[data-theme=light] .env-card[data-env=volcanic]{--env-bg: #edcfbc;--env-accent: #952800;--env-glow: rgba(149,40,0,.3)}.setup-container{display:flex;flex-direction:column;align-items:center;padding:6vh 1.5rem 4rem;min-height:80vh}.setup-header{text-align:center;margin-bottom:2.5rem}.setup-title{color:var(--accent);letter-spacing:.2em;margin:0 0 .5rem;font-size:1.6rem}.setup-subtitle{color:var(--text-muted);font-size:.85rem;letter-spacing:.1em;opacity:.7;margin:0}.setup-form{display:flex;flex-direction:column;align-items:center;gap:1.8rem;width:100%;max-width:480px}.setup-field{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}.setup-label{color:var(--accent);font-size:.7rem;letter-spacing:.15em;opacity:.7;align-self:flex-start}.setup-name-input{width:100%}.setup-env-grid{width:100%;grid-template-columns:1fr 1fr}.setup-submit-btn{margin-top:.5rem;padding:.75rem 2.5rem;letter-spacing:.15em;font-size:.85rem}.setup-submit-btn:disabled{opacity:.5;cursor:not-allowed}.city-container{display:flex;flex-flow:column;align-items:center;justify-content:center;width:100vw;padding-bottom:4vw}.city-reserve-bar{display:flex;flex-flow:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:1rem;width:100%;padding:.75rem 10%;background-color:rgba(var(--grid-rgb),.04);border-bottom:1px solid rgba(var(--grid-rgb),.12);box-sizing:border-box}.city-reserve-name{margin:0;white-space:nowrap;letter-spacing:.12em}.city-select-wrapper{position:relative;display:inline-flex;align-items:center}.city-select-trigger{display:flex;align-items:center;gap:.5rem;background:transparent;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);padding:.3rem .7rem;font-size:1rem;font-family:inherit;letter-spacing:.12em;font-weight:700;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}.city-select-trigger:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.city-select-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.city-select-arrow{font-size:.75rem;line-height:1;transition:transform .15s;color:var(--accent-dim)}.city-select-arrow.open{transform:rotate(180deg)}.city-select-menu{position:absolute;top:calc(100% + 2px);left:0;z-index:200;min-width:100%;background:var(--surface);border:1px solid var(--accent-dim);display:flex;flex-direction:column}.city-select-option{display:flex;align-items:center;gap:.5rem;background:transparent;color:#c8dcf0d9;border:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 10%,transparent);padding:.5rem .7rem;font-family:inherit;letter-spacing:.1em;font-size:.9rem;cursor:pointer;text-align:left;white-space:nowrap;transition:background .1s,color .1s}[data-theme=light] .city-select-option{color:#141e32cc}.city-select-option:last-child{border-bottom:none}.city-select-option:hover,.city-select-option-active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.city-select-trigger[data-env=cyber],.city-select-option[data-env=cyber]{--accent: #00ddff;--accent-dim: #0099cc}.city-select-trigger[data-env=desert],.city-select-option[data-env=desert]{--accent: #f0a030;--accent-dim: #b06010}.city-select-trigger[data-env=snow],.city-select-option[data-env=snow]{--accent: #66ccff;--accent-dim: #3399cc}.city-select-trigger[data-env=volcanic],.city-select-option[data-env=volcanic]{--accent: #ff6622;--accent-dim: #cc3300}[data-theme=light] .city-select-trigger[data-env=cyber],[data-theme=light] .city-select-option[data-env=cyber]{--accent: #0055aa;--accent-dim: #003a88}[data-theme=light] .city-select-trigger[data-env=desert],[data-theme=light] .city-select-option[data-env=desert]{--accent: #c06800;--accent-dim: #8a4400}[data-theme=light] .city-select-trigger[data-env=snow],[data-theme=light] .city-select-option[data-env=snow]{--accent: #1a6a9a;--accent-dim: #0f4a72}[data-theme=light] .city-select-trigger[data-env=volcanic],[data-theme=light] .city-select-option[data-env=volcanic]{--accent: #cc3300;--accent-dim: #991f00}.city-reserve-container{display:flex;flex-flow:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.8rem}.city-resource-container{display:flex;flex-flow:column;align-items:center;justify-content:center;text-align:center;padding:.5rem .9rem;border:1px solid rgba(var(--grid-rgb),.25);background-color:rgba(var(--bg-rgb),.7)}.city-resource-max{font-size:.7em;opacity:.5}.city-building-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:80%}.city-building-card{display:flex;flex-flow:row;align-items:center;justify-content:flex-start;text-align:left;padding:.8rem;border:1px solid rgba(var(--grid-rgb),.3);background-color:rgba(var(--bg-rgb),.8);box-shadow:0 0 12px rgba(var(--grid-rgb),.08);gap:.8rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.city-building-card:hover{border-color:rgba(var(--grid-rgb),.7);box-shadow:0 4px 20px rgba(var(--grid-rgb),.25);transform:translateY(-2px)}.city-building-card-count{font-size:1.2rem;color:var(--accent);background-color:rgba(var(--grid-rgb),.1);border:1px solid rgba(var(--grid-rgb),.3);padding:.3rem .5rem;white-space:nowrap;flex-shrink:0}.city-building-card-info{display:flex;flex-flow:column;gap:.2rem}.city-building-card-name{font-size:1rem;letter-spacing:.05em;color:var(--accent);margin:0;text-transform:uppercase}.city-building-card-production{font-size:1rem;color:var(--accent);margin:.25rem 0 0;opacity:1}.city-building-card-unit{font-size:.75rem;color:var(--accent);opacity:.6}@media (max-width: 900px){.city-building-grid{grid-template-columns:repeat(3,1fr);width:92%}}@media (max-width: 600px){.city-building-grid{grid-template-columns:repeat(2,1fr);width:95%}.city-container{padding-top:1rem;padding-bottom:2rem}}@media (max-width: 380px){.city-building-grid{grid-template-columns:1fr}}.city-section-title{color:var(--accent);font-size:.85rem;letter-spacing:.12em;margin:1.5rem 0 .75rem;text-align:center}.city-unit-inventory{width:80%}.city-unit-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.city-unit-card{display:flex;align-items:center;gap:.5rem;border:1px solid var(--accent);padding:.4rem .8rem;background-color:rgba(var(--bg-rgb),.7);box-shadow:0 0 8px rgba(var(--grid-rgb),.1);transition:box-shadow .2s ease,transform .2s ease}.city-unit-card:hover{box-shadow:0 4px 16px rgba(var(--grid-rgb),.3);transform:translateY(-2px)}.city-unit-count{color:var(--accent);font-weight:700;font-size:1rem}.city-unit-name{color:var(--text-muted);font-size:.8rem;letter-spacing:.08em}.city-content{display:flex;flex-direction:column;align-items:center;width:100%;padding:2rem 10%;box-sizing:border-box;flex:1}.city-content .build-list-container,.city-content .city-building-grid,.city-content .produce-grid,.city-content .units-grid{width:100%}.city-content-title{width:100%;text-align:left;letter-spacing:.15em;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(var(--grid-rgb),.15);color:var(--accent);opacity:.7;display:flex;align-items:center;gap:.75rem}.city-capital-badge{font-size:.6rem;letter-spacing:.12em;color:var(--accent);border:1px solid var(--accent-dim);padding:.15rem .5rem;border-radius:3px;opacity:.9;font-weight:600;vertical-align:middle}.city-content-subtitle{width:100%;text-align:left;letter-spacing:.12em;margin:1.5rem 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid rgba(var(--grid-rgb),.1);color:var(--accent);opacity:.5;font-size:.75rem}.city-building-card-construction{border-color:#ffc10759;box-shadow:0 0 12px #ffc10714}.city-building-card-construction:hover{border-color:#ffc107b3;box-shadow:0 0 18px #ffc10733}.city-building-card-count-construction{color:#ffc107e6;background-color:#ffc1071a;border-color:#ffc1074d;font-size:1.2rem}.building-construction-timer{color:#ffc107e6;font-size:.95rem;letter-spacing:.08em}.building-construction-ready{color:#4caf50;font-size:.85rem;letter-spacing:.12em}.city-unit-caps{width:100%;display:flex;flex-direction:column;gap:.55rem;margin-bottom:.5rem}.city-unit-cap-row{display:grid;grid-template-columns:10rem 1fr 4.5rem;align-items:center;gap:.75rem}.city-unit-cap-name{font-size:.75rem;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap}.city-unit-cap-bar-wrap{height:6px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}.city-unit-cap-bar-fill{height:100%;border-radius:3px;background:var(--accent);opacity:.75;transition:width .3s ease}.city-unit-cap-count{font-size:.72rem;color:var(--accent-dim);text-align:right;letter-spacing:.05em}.card-bg-siliconextractor{background-image:repeating-linear-gradient(45deg,rgba(160,190,210,.05) 0px,rgba(160,190,210,.05) 1px,transparent 1px,transparent 9px)}.card-bg-coppermine{background-image:repeating-linear-gradient(-45deg,rgba(180,90,20,.08) 0px,rgba(180,90,20,.08) 1px,transparent 1px,transparent 9px)}.card-bg-polymerplant{background-image:repeating-radial-gradient(circle at 50% 50%,rgba(0,200,140,.06) 0px,rgba(0,200,140,.06) 1px,transparent 1px,transparent 14px)}.card-bg-waferfab{background-image:repeating-linear-gradient(0deg,rgba(var(--grid-rgb),.05) 0px,rgba(var(--grid-rgb),.05) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(90deg,rgba(var(--grid-rgb),.05) 0px,rgba(var(--grid-rgb),.05) 1px,transparent 1px,transparent 12px)}.card-bg-cpufoundry{background-image:repeating-linear-gradient(0deg,rgba(var(--grid-rgb),.06) 0px,rgba(var(--grid-rgb),.06) 1px,transparent 1px,transparent 5px),repeating-linear-gradient(90deg,rgba(var(--grid-rgb),.06) 0px,rgba(var(--grid-rgb),.06) 1px,transparent 1px,transparent 5px)}.card-bg-ramplant{background-image:repeating-linear-gradient(0deg,rgba(140,60,255,.07) 0px,rgba(140,60,255,.07) 2px,transparent 2px,transparent 12px)}.card-bg-ssdfactory{background-image:radial-gradient(rgba(var(--grid-rgb),.12) 1px,transparent 1px);background-size:10px 10px}.card-bg-basicmining{background-image:repeating-linear-gradient(60deg,rgba(160,130,80,.06) 0px,rgba(160,130,80,.06) 1px,transparent 1px,transparent 10px)}.card-bg-chemistry{background-image:repeating-linear-gradient(45deg,rgba(0,200,140,.05) 0px,rgba(0,200,140,.05) 1px,transparent 1px,transparent 10px),repeating-linear-gradient(-45deg,rgba(0,200,140,.05) 0px,rgba(0,200,140,.05) 1px,transparent 1px,transparent 10px)}.card-bg-semiconductorfab{background-image:repeating-linear-gradient(0deg,rgba(var(--grid-rgb),.04) 0px,rgba(var(--grid-rgb),.04) 1px,transparent 1px,transparent 10px),repeating-linear-gradient(90deg,rgba(var(--grid-rgb),.04) 0px,rgba(var(--grid-rgb),.04) 1px,transparent 1px,transparent 10px)}.card-bg-cpudesign{background-image:repeating-linear-gradient(0deg,rgba(var(--grid-rgb),.06) 0px,rgba(var(--grid-rgb),.06) 1px,transparent 1px,transparent 5px),repeating-linear-gradient(90deg,rgba(var(--grid-rgb),.06) 0px,rgba(var(--grid-rgb),.06) 1px,transparent 1px,transparent 5px)}.card-bg-memoryengineering{background-image:repeating-linear-gradient(0deg,rgba(140,60,255,.06) 0px,rgba(140,60,255,.06) 2px,transparent 2px,transparent 12px)}.card-bg-datastorage{background-image:radial-gradient(rgba(var(--grid-rgb),.1) 1px,transparent 1px);background-size:10px 10px}.card-bg-dronebay{background-image:repeating-linear-gradient(45deg,rgba(var(--grid-rgb),.06) 0px,rgba(var(--grid-rgb),.06) 1px,transparent 1px,transparent 14px)}.card-bg-roboticsfactory{background-image:repeating-linear-gradient(0deg,rgba(255,100,50,.05) 0px,rgba(255,100,50,.05) 1px,transparent 1px,transparent 20px),repeating-linear-gradient(90deg,rgba(255,100,50,.05) 0px,rgba(255,100,50,.05) 1px,transparent 1px,transparent 20px)}.card-bg-vehicleassembly{background-image:repeating-linear-gradient(-30deg,rgba(120,180,80,.06) 0px,rgba(120,180,80,.06) 4px,transparent 4px,transparent 20px)}.card-bg-cyberopscenter{background-image:repeating-linear-gradient(90deg,rgba(180,60,255,.07) 0px,rgba(180,60,255,.07) 1px,transparent 1px,transparent 8px)}.build-list-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;justify-content:center;text-align:center;width:80%;gap:1rem;padding:1rem 0}.build-list-item{display:flex;flex-flow:row;align-items:stretch;justify-content:center;gap:1vw;text-align:center;border-style:solid;border-color:var(--accent-dim);border-width:1px;padding:1.4rem .8rem .8rem;box-shadow:0 0 12px rgba(var(--grid-rgb),.08);background-color:rgba(var(--bg-rgb),.7);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;position:relative}.build-list-item:not(.disabled):hover{border-color:var(--accent);box-shadow:0 4px 20px rgba(var(--grid-rgb),.25);transform:translateY(-2px)}.build-list-item-details{display:flex;flex-flow:column;align-items:center;justify-content:space-between;gap:.5rem;text-align:center;width:50%;flex:1}.build-list-item-costs-list-container{display:flex;flex-flow:row;align-items:center;justify-content:center;gap:1vw;text-align:center}.build-list-item-cost-container{display:flex;flex-flow:column;align-items:center;justify-content:center;text-align:center}.build-button{display:flex;flex-flow:row;align-items:center;justify-content:center;padding:.5rem 1rem;text-align:center;border-style:solid;border-color:var(--accent-dim);border-width:1px;cursor:pointer;width:80%;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,color .15s ease}.build-button:not(.disabled):hover{background-color:rgba(var(--grid-rgb),.15)}.build-button:not(.disabled):hover h4{background-color:transparent;color:var(--accent)}.build-button-success,.build-button-success h4{background-color:var(--dark-green)!important;color:#030b14!important;border-color:var(--dark-green)!important}.disabled{cursor:auto;border-color:var(--disabled-grey);color:var(--disabled-grey);box-shadow:none}h4.disabled,h5.disabled{color:var(--disabled-grey)}@media (max-width: 900px){.build-list-container{grid-template-columns:repeat(2,1fr);width:90%}}@media (max-width: 540px){.build-list-container{grid-template-columns:1fr;width:95%;gap:.6rem}.build-list-item{flex-flow:column;gap:.6rem;padding:.8rem}.build-list-item-details{width:100%}.build-button{padding-block:.6rem}}.produce-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:80%;padding:1rem 0}.produce-card{display:flex;flex-direction:column;border:1px solid rgba(var(--grid-rgb),.3);background-color:rgba(var(--bg-rgb),.7);box-shadow:0 0 12px rgba(var(--grid-rgb),.08);box-sizing:border-box}.produce-card-title{padding:.6rem 1rem;border-bottom:1px solid rgba(var(--grid-rgb),.3);margin:0;letter-spacing:.1em}.produce-unit-list{display:flex;flex-direction:column;gap:0}.produce-unit-row{display:flex;flex-direction:row;align-items:stretch;border-top:1px solid rgba(var(--grid-rgb),.15);position:relative;padding-top:1.4rem}.produce-unit-row:first-child{border-top:none}.produce-unit-info{flex:1;display:flex;flex-direction:column;gap:.3rem;padding:.75rem 1rem}.produce-unit-stats{color:var(--text-muted);font-size:.75rem;letter-spacing:.08em;margin:0}.produce-unit-action{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:.4rem;padding:.75rem;min-width:9rem}.produce-unit-action .build-button{width:100%;padding:0;height:2.2rem;box-sizing:border-box}.produce-qty-stepper{display:flex;align-items:stretch;height:2.2rem;gap:0}.produce-qty-stepper button{background:rgba(var(--grid-rgb),.08);border:1px solid var(--accent-dim);color:var(--accent);width:2.2rem;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;box-sizing:border-box}.produce-qty-stepper button:hover{background:rgba(var(--grid-rgb),.18)}.produce-qty-stepper input{flex:1;min-width:0;background:transparent;border:1px solid var(--accent-dim);border-left:none;border-right:none;color:var(--accent);text-align:center;font-family:inherit;font-size:.85rem;box-sizing:border-box}.produce-qty-stepper input::-webkit-inner-spin-button,.produce-qty-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.produce-qty-stepper input[type=number]{-moz-appearance:textfield}.produce-batch-label{text-align:center;color:var(--accent);opacity:.7}@media (max-width: 1100px){.produce-grid{grid-template-columns:repeat(2,1fr);width:90%}}@media (max-width: 650px){.produce-grid{grid-template-columns:1fr;width:95%}}.build-card-top-bar{position:absolute;top:0;left:0;display:flex;flex-direction:row;align-items:stretch;gap:0}.build-env-badge{position:absolute;top:0;right:0;font-size:.62rem;letter-spacing:.1em;font-weight:700;color:var(--env-color, var(--accent));border-left:1px solid color-mix(in srgb,var(--env-color, var(--accent)) 40%,transparent);border-bottom:1px solid color-mix(in srgb,var(--env-color, var(--accent)) 40%,transparent);background:color-mix(in srgb,var(--env-color, var(--accent)) 8%,transparent);padding:.15rem .45rem;white-space:nowrap}.build-copy-badge{font-size:.75rem;letter-spacing:.06em;color:var(--accent);border-right:1px solid var(--accent-dim);border-bottom:1px solid var(--accent-dim);padding:.15rem .4rem;opacity:.75;white-space:nowrap;background-color:rgba(var(--grid-rgb),.05)}.build-copy-badge.disabled{color:var(--disabled-grey);border-color:var(--disabled-grey);opacity:.5}.build-duration-label{font-size:.75rem;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--accent-dim);border-right:1px solid var(--accent-dim);padding:.15rem .4rem;opacity:.75;white-space:nowrap;background-color:rgba(var(--grid-rgb),.05)}.build-duration-label.disabled{color:var(--disabled-grey);border-color:var(--disabled-grey);opacity:.5}.build-list-item-details-right{justify-content:center;gap:.4rem}.research-requires{color:var(--light-grey)}.research-unit-upgrades{display:flex;flex-direction:column;gap:3px;margin-top:6px}.research-unit-upgrade-row{display:flex;flex-direction:column;gap:1px}.research-upgrade-unit{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-dim);font-weight:600}.research-unit-upgrade-row.disabled .research-upgrade-unit{color:var(--text-muted);opacity:.5}.research-upgrade-stats{display:flex;flex-wrap:wrap;gap:4px}.research-upgrade-stats span{font-size:.6rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:3px;padding:1px 4px}.research-unit-upgrade-row.disabled .research-upgrade-stats span{color:var(--text-muted);background:transparent;border-color:color-mix(in srgb,var(--text-muted) 20%,transparent);opacity:.5}.research-unlocked-text{color:var(--unlocked-green)}.research-unlocked-button{border-color:var(--unlocked-green);color:var(--unlocked-green)}.research-unlocked-button h4{color:var(--unlocked-green)}.research-card-unlocked{border-color:var(--unlocked-green);box-shadow:none}.research-tree-wrapper{width:100%;overflow-x:auto;padding-bottom:1rem}.research-tree-columns{position:relative;display:flex;flex-direction:row;gap:60px;padding:1.5rem 1rem;min-width:max-content}.research-tree-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.research-tree-edge{stroke:var(--accent-dim);stroke-width:1.5px;fill:none;opacity:.5}.research-tree-edge.active{stroke:var(--unlocked-green);opacity:.7}.research-tree-column{display:flex;flex-direction:column;gap:20px;align-items:stretch;justify-content:center;z-index:1}.research-tree-node{width:170px;padding:.7rem .8rem;border:1px solid var(--accent-dim);background-color:rgba(var(--bg-rgb),.85);display:flex;flex-direction:column;gap:.4rem;transition:border-color .2s,box-shadow .2s}.research-tree-node--unlocked{border-color:var(--unlocked-green);box-shadow:0 0 8px #00c27833}.research-tree-node--available{border-color:var(--accent-dim);box-shadow:0 0 8px rgba(var(--grid-rgb),.15)}.research-tree-node--available:hover{box-shadow:0 0 14px rgba(var(--grid-rgb),.3)}.research-tree-node--locked{opacity:.45}.research-tree-node--in-progress{border-color:var(--accent-dim);box-shadow:0 0 10px rgba(var(--grid-rgb),.25)}.research-tree-node-name{font-size:.8rem;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-family:Courier New,Courier,monospace}.research-tree-node-duration{font-size:.7rem;color:var(--accent);letter-spacing:.06em;opacity:.75}.research-tree-node-status{font-size:.65rem;letter-spacing:.1em;font-family:Courier New,Courier,monospace}.research-tree-node-status--unlocked{color:var(--unlocked-green)}.research-tree-node-status--available{color:var(--accent)}.research-tree-node-status--available.no-resources,.research-tree-node-status--locked{color:var(--disabled-grey)}.research-tree-node-status--in-progress{color:var(--accent)}.research-tree-node-costs{display:flex;flex-direction:column;gap:.1rem;font-size:.7rem;font-family:Courier New,Courier,monospace;letter-spacing:.04em}.research-tree-btn{margin-top:.3rem;padding:.25rem .5rem;font-size:.75rem;letter-spacing:.1em;font-family:Courier New,Courier,monospace;text-align:center;border:1px solid var(--accent-dim);color:var(--disabled-grey);-webkit-user-select:none;user-select:none}.research-tree-btn--available{border-color:var(--accent);color:var(--accent);cursor:pointer}.research-tree-btn--available:hover{background-color:rgba(var(--grid-rgb),.1)}.research-tree-btn--available.no-resources{border-color:var(--accent-dim);color:var(--disabled-grey);cursor:default}.research-tree-btn--unlocked{border-color:var(--unlocked-green);color:var(--unlocked-green)}.research-tree-btn--in-progress{border-color:var(--accent);color:var(--accent)}.research-tree-btn--locked{border-color:var(--accent-dim);opacity:.5}.units-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:80%;padding:1rem 0}.units-card{display:flex;flex-direction:row;align-items:center;gap:1rem;border:1px solid rgba(var(--grid-rgb),.3);padding:1rem 1.2rem;background-color:rgba(var(--bg-rgb),.7);box-shadow:0 0 12px rgba(var(--grid-rgb),.08);box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.units-card:hover{border-color:rgba(var(--grid-rgb),.7);box-shadow:0 4px 20px rgba(var(--grid-rgb),.25);transform:translateY(-2px)}font-size: 1.2rem; color: var(--accent); background-color: rgba(var(--grid-rgb),.1); border: 1px solid rgba(var(--grid-rgb),.3); padding: .3rem .5rem; white-space: nowrap; flex-shrink: 0; } .units-card-info{display:flex;flex-direction:column;gap:.25rem}.units-card-name{color:var(--accent);font-size:.85rem;letter-spacing:.1em;margin:0}.units-card-origin{color:var(--disabled-grey);font-size:.7rem;letter-spacing:.08em;margin:0}.units-card-stats{color:var(--text-muted);font-size:.7rem;letter-spacing:.08em;margin:0}.units-empty{color:var(--text-muted);margin-top:2rem;letter-spacing:.1em}@media (max-width: 1100px){.units-grid{grid-template-columns:repeat(3,1fr);width:90%}}@media (max-width: 750px){.units-grid{grid-template-columns:repeat(2,1fr);width:95%}}@media (max-width: 480px){.units-grid{grid-template-columns:1fr;width:100%}}.units-section{width:100%;margin-bottom:1rem}.map-page{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;cursor:grab}.map-page:active{cursor:grabbing}.map-canvas{display:block;width:100%;height:100%}.map-reserve-overlay{position:fixed;top:clamp(44px,7vh,54px);left:0;right:0;z-index:50;pointer-events:auto}.map-tooltip{position:fixed;pointer-events:none;z-index:200;min-width:140px;background-color:var(--bg-secondary);border:1px solid var(--tooltip-accent, var(--accent));box-shadow:0 0 16px var(--tooltip-glow, rgba(var(--grid-rgb), .25));padding:.65rem .85rem;font-family:Courier New,Courier,monospace;transition:opacity .15s ease}.map-tooltip-env,.map-tooltip-tag{font-size:.6rem;letter-spacing:.15em;margin-bottom:.3rem;color:var(--tooltip-accent, var(--accent))}.map-tooltip-name{font-size:.85rem;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.2rem}.map-tooltip-coords{font-size:.65rem;letter-spacing:.08em;color:var(--text-muted);opacity:.55;margin-top:.2rem}.map-tooltip-own{font-size:.6rem;letter-spacing:.12em;color:var(--tooltip-accent, var(--accent));margin-top:.3rem}.map-tooltip-resources{margin-top:.5rem;display:flex;flex-direction:column;gap:.2rem}.map-tooltip-resource-row{display:flex;justify-content:space-between;gap:1rem;font-size:.7rem;letter-spacing:.08em}.map-tooltip-resource-name{color:var(--tooltip-accent, var(--accent));opacity:.8}.map-tooltip-resource-amount{color:var(--text-muted)}.map-controls{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;font-family:Courier New,Courier,monospace;font-size:.6rem;letter-spacing:.1em;color:var(--text-muted);opacity:.4;display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;pointer-events:none}.map-center-btn{position:fixed;bottom:1.5rem;left:1.5rem;z-index:100;font-family:Courier New,Courier,monospace;font-size:.65rem;letter-spacing:.12em;color:var(--accent);border:1px solid rgba(var(--grid-rgb),.4);background:rgba(var(--bg-rgb),.8);padding:.4rem .75rem;cursor:pointer;transition:border-color .2s,box-shadow .2s}.map-center-btn:hover{border-color:var(--accent);box-shadow:0 0 10px rgba(var(--grid-rgb),.3)}.map-tooltip-dispatch-btn{display:block;width:100%;margin-top:.6rem;padding:.3rem 0;font-family:Courier New,Courier,monospace;font-size:.6rem;letter-spacing:.12em;color:var(--tooltip-accent, var(--accent));background:transparent;border:1px solid var(--tooltip-accent, var(--accent));cursor:pointer;transition:background .15s,box-shadow .15s;pointer-events:all}.map-tooltip-dispatch-btn:hover{background:color-mix(in srgb,var(--tooltip-accent, var(--accent)) 15%,transparent);box-shadow:0 0 8px var(--tooltip-glow, rgba(0,229,255,.2))}.map-dispatch-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:299;cursor:pointer}.map-dispatch-panel{position:fixed;top:clamp(44px,7vh,54px);right:0;width:300px;height:calc(100vh - clamp(44px,7vh,54px));overflow-y:auto;z-index:300;background:rgba(var(--bg-rgb),.96);border-left:1px solid var(--accent);box-shadow:-4px 0 24px rgba(var(--grid-rgb),.15);font-family:Courier New,Courier,monospace;display:flex;flex-direction:column;gap:0}.map-dispatch-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.1rem 1rem .8rem;border-bottom:1px solid rgba(var(--grid-rgb),.15)}.map-dispatch-tag{font-size:.68rem;letter-spacing:.15em;color:var(--accent);margin-bottom:.25rem}.map-dispatch-name{font-size:1rem;letter-spacing:.1em;color:var(--text-muted)}.map-dispatch-coords{font-size:.68rem;color:var(--text-muted);opacity:.5;margin-top:.2rem}.map-dispatch-close{background:transparent;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:0;opacity:.5;line-height:1;margin-top:.1rem}.map-dispatch-close:hover{opacity:1}.map-dispatch-section{padding:.75rem 1rem;border-bottom:1px solid rgba(var(--grid-rgb),.1)}.map-dispatch-section-title{font-size:.65rem;letter-spacing:.18em;color:var(--accent);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.map-dispatch-res-row{display:flex;justify-content:space-between;font-size:.72rem;padding:.15rem 0;letter-spacing:.06em}.map-dispatch-res-name{color:var(--accent);opacity:.8}.map-dispatch-res-amount{color:var(--text-muted)}.map-dispatch-loading,.map-dispatch-empty{font-size:.72rem;color:var(--text-muted);opacity:.45;letter-spacing:.08em}.map-dispatch-unit-row{display:flex;align-items:center;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid rgba(var(--grid-rgb),.07)}.map-dispatch-unit-row:last-child{border-bottom:none}.map-dispatch-unit-info{display:flex;flex-direction:column;gap:.1rem}.map-dispatch-unit-name{font-size:.76rem;letter-spacing:.06em;color:var(--text-muted)}.map-dispatch-unit-stats{font-size:.66rem;color:var(--accent);opacity:.7;letter-spacing:.05em}.map-dispatch-unit-ctrl{display:flex;align-items:center;gap:.4rem}.map-dispatch-unit-avail{font-size:.66rem;color:var(--text-muted);opacity:.4;letter-spacing:.05em}.map-dispatch-unit-count{font-size:.8rem;color:var(--accent);min-width:1.2rem;text-align:center}.map-dispatch-count-input{width:2.4rem;font-family:Courier New,Courier,monospace;font-size:.8rem;color:var(--accent);background:transparent;border:none;border-bottom:1px solid rgba(var(--grid-rgb),.3);text-align:center;padding:0;outline:none}.map-dispatch-count-input:focus{border-bottom-color:var(--accent)}.map-dispatch-count-input::-webkit-outer-spin-button,.map-dispatch-count-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.map-dispatch-count-input[type=number]{-moz-appearance:textfield}.map-dispatch-btn-sm{background:transparent;border:1px solid rgba(var(--grid-rgb),.3);color:var(--accent);font-size:.8rem;width:1.4rem;height:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Courier New,Courier,monospace;transition:border-color .15s}.map-dispatch-btn-sm:hover:not(:disabled){border-color:var(--accent)}.map-dispatch-btn-sm:disabled{opacity:.25;cursor:default}.map-dispatch-cargo{font-size:.63rem;color:var(--text-muted);opacity:.6}.map-dispatch-cargo.over{color:#f55;opacity:1}.map-dispatch-cargo-bar{height:3px;background:rgba(var(--grid-rgb),.15);margin-bottom:.5rem;position:relative;overflow:hidden}.map-dispatch-cargo-fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent);transition:width .2s}.map-dispatch-collect-row{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;gap:.5rem}.map-dispatch-collect-name{font-size:.68rem;color:var(--accent);opacity:.8;letter-spacing:.06em;flex:1}.map-dispatch-collect-input{width:5rem;background:var(--surface);border:1px solid rgba(var(--grid-rgb),.25);color:var(--accent);font-family:Courier New,Courier,monospace;font-size:.72rem;padding:.2rem .4rem;text-align:right}.map-dispatch-collect-input:focus{outline:none;border-color:var(--accent)}.map-dispatch-travel{padding:.5rem 1rem;font-size:.7rem;letter-spacing:.08em;color:var(--text-muted);opacity:.6;border-bottom:1px solid rgba(var(--grid-rgb),.1)}.map-dispatch-error{padding:.4rem 1rem;font-size:.7rem;letter-spacing:.08em;color:#f55}.map-dispatch-submit{margin:.75rem 1rem;padding:.5rem;font-family:Courier New,Courier,monospace;font-size:.76rem;letter-spacing:.14em;color:var(--accent);background:transparent;border:1px solid var(--accent);cursor:pointer;transition:background .15s,box-shadow .15s}.map-dispatch-submit:hover:not(:disabled){background:rgba(var(--grid-rgb),.12);box-shadow:0 0 12px rgba(var(--grid-rgb),.2)}.map-dispatch-submit:disabled{opacity:.3;cursor:default}.map-missions-panel{position:fixed;bottom:4rem;left:1.5rem;z-index:100;font-family:Courier New,Courier,monospace;min-width:200px}.map-missions-toggle{display:flex;align-items:center;gap:.4rem;font-family:Courier New,Courier,monospace;font-size:.73rem;letter-spacing:.12em;color:var(--accent);background:rgba(var(--bg-rgb),.85);border:1px solid rgba(var(--grid-rgb),.4);padding:.4rem .75rem;cursor:pointer;transition:border-color .2s;width:100%}.map-missions-toggle:hover{border-color:var(--accent)}.map-missions-badge{background:var(--accent);color:var(--bg-color);font-size:.58rem;padding:.05rem .3rem;border-radius:2px;font-weight:700}.map-missions-list{background:rgba(var(--bg-rgb),.95);border:1px solid rgba(var(--grid-rgb),.25);border-top:none;max-height:280px;overflow-y:auto}.map-missions-empty{padding:.6rem .75rem;font-size:.68rem;color:var(--text-muted);opacity:.4;letter-spacing:.08em}.map-mission-item{padding:.5rem .75rem;border-bottom:1px solid rgba(var(--grid-rgb),.1);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.1rem .5rem}.map-mission-item:last-child{border-bottom:none}.map-mission-outpost{font-size:.76rem;letter-spacing:.06em;color:var(--text-muted);grid-column:1;grid-row:1}.map-mission-status{font-size:.63rem;letter-spacing:.1em;grid-column:1;grid-row:2}.map-mission-eta{font-size:.7rem;letter-spacing:.06em;color:var(--accent);grid-column:2;grid-row:1;text-align:right}.map-mission-cargo{font-size:.63rem;color:var(--accent);opacity:.65;grid-column:2;grid-row:2;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.05rem}.map-mission-item.status-traveling_out .map-mission-status{color:var(--accent)}.map-mission-item.status-returning .map-mission-status{color:#b0e8b0}.map-mission-item.status-completed .map-mission-status{color:var(--text-muted);opacity:.5}.map-dispatch-city-select{width:100%;background:var(--surface);border:1px solid rgba(var(--grid-rgb),.3);color:var(--accent);font-family:Courier New,monospace;font-size:.78rem;padding:.35rem .5rem;border-radius:4px;cursor:pointer;outline:none}.map-dispatch-city-select:focus{border-color:var(--accent)}.map-dispatch-mission-type{display:flex;gap:.5rem}.map-dispatch-type-btn{flex:1;background:transparent;border:1px solid rgba(var(--grid-rgb),.3);color:var(--text-muted);font-family:Courier New,monospace;font-size:.72rem;letter-spacing:.08em;padding:.35rem;border-radius:4px;cursor:pointer;transition:all .15s ease}.map-dispatch-type-btn:hover{border-color:var(--accent);color:var(--accent)}.map-dispatch-type-btn.active{background:rgba(var(--grid-rgb),.12);border-color:var(--accent);color:var(--accent)}.map-dispatch-colonize-note{font-size:.68rem;color:var(--text-muted);opacity:.7;margin-top:.4rem;line-height:1.4;border-left:2px solid var(--accent-dim);padding-left:.5rem}.map-dispatch-colonize-limit{color:var(--red);border-left-color:var(--red);opacity:1}.map-dispatch-city-count{font-size:.68rem;color:var(--accent);letter-spacing:.08em;margin-top:.3rem}.map-mission-item.status-traveling .map-mission-status{color:var(--accent)}.map-dispatch-colony-name-wrap{margin-top:.6rem;display:flex;flex-direction:column;gap:.3rem}.map-dispatch-colony-name-input{background:var(--surface);border:1px solid rgba(var(--grid-rgb),.3);color:var(--accent);font-family:Courier New,monospace;font-size:.82rem;padding:.4rem .6rem;border-radius:4px;outline:none;width:100%;box-sizing:border-box;transition:border-color .15s}.map-dispatch-colony-name-input::placeholder{color:var(--text-muted);opacity:.45}.map-dispatch-colony-name-input:focus{border-color:var(--accent)}.leaderboard-container{gap:1.5rem}.leaderboard-tabs{display:flex;gap:.5rem}.leaderboard-tab{background:transparent;border:1px solid var(--accent-dim);color:var(--text-muted);padding:.35rem 1.1rem;font-family:inherit;font-size:.8rem;letter-spacing:.1em;cursor:pointer;transition:background .15s,color .15s}.leaderboard-tab:hover{background:rgba(var(--grid-rgb),.12);color:var(--accent)}.leaderboard-tab.active{background:rgba(var(--grid-rgb),.18);border-color:var(--accent);color:var(--accent)}.leaderboard-table-wrap{width:100%;max-width:760px;overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.85rem}.leaderboard-table th{color:var(--accent);border-bottom:1px solid rgba(var(--grid-rgb),.3);padding:.5rem 1rem;text-align:left;letter-spacing:.08em;font-weight:600;white-space:nowrap}.leaderboard-table td{color:var(--text-muted);padding:.55rem 1rem;border-bottom:1px solid rgba(var(--grid-rgb),.1)}.leaderboard-table tr:hover td{background:rgba(var(--grid-rgb),.06)}.lb-rank{color:var(--accent-dim);font-weight:700;width:2rem}.lb-rank-1{color:gold}.lb-rank-2{color:silver}.lb-rank-3{color:#cd7f32}.lb-medal{font-size:1.1rem;line-height:1}.lb-score{color:var(--accent);font-weight:600}.lb-col-active{color:var(--accent)!important}.leaderboard-table th.lb-col-active{border-bottom-color:var(--accent)}.lb-own td{background:rgba(var(--grid-rgb),.1)}.lb-score-bar{display:flex;height:3px;margin-top:4px;border-radius:2px;overflow:hidden;width:100%;min-width:60px;background:rgba(var(--grid-rgb),.15)}.lb-score-bar-empty{background:rgba(var(--grid-rgb),.1)}.lb-bar-seg{height:100%;transition:width .3s ease}.lb-bar-building{background:var(--accent)}.lb-bar-research{background:var(--accent-dim)}.lb-bar-unit{background:var(--green)}