/* Local command-bridge artwork supplied by the player. */
:root{--bg:#060c16;--panel:#101d2d;--line:#294257;--text:#e7f4ff;--muted:#91a8be;--mint:#73d9ff;--gold:#f0bb79}
body{background:radial-gradient(ellipse at 80% 0,#142d46 0,transparent 52%),#060c16}
.sidebar{background:linear-gradient(100deg,#142336,#0a1321 60%);border-right-color:#29475d;box-shadow:6px 0 35px #0005}
.brand-mark{color:#96e6ff;text-shadow:0 0 18px #49c9ff80}
.brand{letter-spacing:2.2px}.sector{color:#87a4bc}nav button{border:1px solid transparent;border-radius:4px}
nav button.active{color:#a8ecff;background:linear-gradient(90deg,#234b67a8,#152b4055);border-color:#376784;box-shadow:inset 3px 0 #76deff}
nav button:hover{color:#dcf5ff;background-color:#20384b}nav button span{color:#78c7ef}
.resources{background:linear-gradient(120deg,#21384a99,#0c1725 80%);border-color:#355368;box-shadow:inset 0 1px #b6e7ff12,0 8px 22px #0003}
.resources article{position:relative;border-color:#294154}.resources article:before{content:"";position:absolute;left:22px;top:-1px;width:28px;height:2px;background:#7ddcff;box-shadow:0 0 9px #63d8ff88}
.resources article:nth-child(2):before{background:#b9a0ff}.resources article:nth-child(3):before{background:#7ce5be}.resources article:nth-child(4):before{background:#ffc77b}
.resources strong{letter-spacing:.5px;text-shadow:0 2px 10px #80d4ff20}
button{background:linear-gradient(#21394d,#142637);border-color:#3e5d74;box-shadow:inset 0 1px #cff4ff0c}
button.primary{background:linear-gradient(115deg,#a2eaff,#62c6f3);border-color:#9be3ff;color:#092334;box-shadow:0 0 18px #58c5ff1a,inset 0 1px #fff6}
button.primary:hover{background:linear-gradient(115deg,#cff5ff,#8adcff);box-shadow:0 0 24px #58c5ff36}
.hero.command-bridge{height:clamp(410px,40vw,570px);isolation:isolate;background:#0b1829;border:1px solid #496981;border-radius:9px;box-shadow:0 15px 45px #0006,inset 0 0 0 5px #081320}
.bridge-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;z-index:-3}
.command-bridge:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#030b16e8,transparent 43%),linear-gradient(90deg,#03101cca,transparent 52%),linear-gradient(180deg,#040c16a3,transparent 20%)}
.command-bridge:after{content:"";position:absolute;inset:7px;border:1px solid #b0e7ff29;border-radius:4px;pointer-events:none;z-index:5;clip-path:polygon(0 0,90px 0,90px 4px,4px 4px,4px 55px,0 55px,0 100%,100% 100%,100% 0,calc(100% - 85px) 0,calc(100% - 85px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 55px),0 calc(100% - 55px))}
.bridge-topline{position:absolute;top:17px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3}
.bridge-topline>span{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#c2e8fc;text-shadow:0 2px 6px #000}
.live-light{display:inline-block;width:5px;height:5px;margin-right:8px;border-radius:50%;background:#86e3ff;box-shadow:0 0 10px #65daff}
.bridge-topline button{font-size:11px;padding:6px 11px;background:#0a1c2ddd;border-color:#5e859e}
.command-bridge .hero-copy{position:absolute;left:0;bottom:62px;padding:28px 32px;max-width:380px}
.command-bridge .tag{font-size:9px;color:#9ee8ff;text-shadow:0 1px 8px #000}
.command-bridge h2{font-size:clamp(38px,3.8vw,62px);letter-spacing:-2px;margin:5px 0 9px;text-shadow:0 3px 20px #0009}
.command-bridge .hero-copy p{font-size:13px;color:#c4d9e8;text-shadow:0 2px 6px #000;margin-bottom:20px}
.bridge-routes{position:absolute;bottom:18px;right:24px;left:24px;display:flex;justify-content:flex-end;gap:9px;z-index:3}
.bridge-routes button{background:linear-gradient(110deg,#18374ce8,#0c1d30ed);border:1px solid #517b97;padding:9px 15px;text-align:left;font-size:12px;min-width:145px;backdrop-filter:blur(8px);box-shadow:inset 0 1px #c9efff20}
.bridge-routes button:hover{background:#244f69}.bridge-routes span{display:block;font-size:8px;letter-spacing:1.5px;color:#78cbe9;margin-bottom:2px}
.bridge-coordinate{position:absolute;right:24px;top:61px;font-size:8px;letter-spacing:2px;color:#a9d6e4;text-shadow:0 1px 7px #000}
.bridge-atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 52% 58%,#3abfff20,transparent 32%);animation:bridge-glow 7s ease-in-out infinite}
.bridge-atmosphere i{position:absolute;width:3px;height:3px;background:#abebff;border-radius:50%;box-shadow:0 0 12px 2px #58caff;left:53%;top:61%;opacity:0;animation:holo-drift 9s ease-in-out infinite}
.bridge-atmosphere i:nth-child(2){left:46%;top:70%;animation-delay:2s}.bridge-atmosphere i:nth-child(3){left:61%;top:66%;animation-delay:4s}.bridge-atmosphere i:nth-child(4){left:49%;top:74%;animation-delay:6s}
@keyframes bridge-glow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes holo-drift{0%{opacity:0;transform:translate(0,18px)}35%{opacity:.8}100%{opacity:0;transform:translate(12px,-85px)}}
.command-bridge.expanded{height:max(620px,75vh)}.command-bridge.expanded .bridge-image{object-fit:contain;background:#050c16}.command-bridge.expanded .hero-copy{bottom:65px}
body.paused .bridge-atmosphere,body.paused .bridge-atmosphere i{animation-play-state:paused}
.stats article,.card,.panel{background:linear-gradient(130deg,#1b3043b0,#101d2ee8 50%,#0c1726);border-color:#2a465d;box-shadow:inset 0 1px #bbdfff0b,0 8px 20px #0002}
.stats strong{color:#dcf6ff;text-shadow:0 0 20px #5ec9ff25}.stats article{position:relative;overflow:hidden}.stats article:after{content:"";height:1px;position:absolute;bottom:0;left:22px;right:22px;background:linear-gradient(90deg,#61d2ff66,transparent)}
.panel-heading{background:#16304766;border-color:#2a425a}.panel-heading h2{color:#caeafb}.alert-row{background:linear-gradient(90deg,#39291e88,#211e1d);border-color:#74543a}
.card-icon{height:87px;display:flex;align-items:center;font-size:45px;color:#95e1ff;text-shadow:0 0 23px #36b8ef55;border-bottom:1px solid #6ea9cd24;margin-bottom:15px;background:radial-gradient(ellipse at 22% 100%,#2680aa27,transparent 64%)}
.level{border-color:#477a93;color:#a3e5ff;background:#122d42}.unit-art{height:130px;font-size:105px;color:#afe9ff;text-shadow:0 0 25px #56b7f066;background:radial-gradient(ellipse at center,#3983b52b,transparent 64%);margin-bottom:15px}.unit-art.defense{color:#ffd5a1;text-shadow:0 0 25px #eead5560}
.enemy-orb{width:110px;height:110px;box-shadow:inset -12px -4px 20px #0008,0 0 0 1px #84bcdd40,0 0 30px #4089bb20;position:relative}.enemy-orb:after{content:"";position:absolute;inset:-13px -24px;border:1px solid #6397b538;border-radius:50%;transform:rotate(-30deg)}
@media(min-width:1500px){.command-bridge .hero-copy{padding:32px 42px;max-width:430px}}
@media(max-width:1100px){.hero.command-bridge{height:430px}.command-bridge .hero-copy{padding:24px;bottom:68px}.bridge-routes{left:18px;right:18px;gap:7px}.bridge-routes button{min-width:0;flex:1;font-size:11px;padding:9px 12px}.bridge-coordinate{display:none}}
@media(max-width:760px){.hero.command-bridge{height:490px}.bridge-image{object-position:57% center}.bridge-topline{left:18px;right:18px}.bridge-topline>span{font-size:8px;letter-spacing:.6px;max-width:165px}.bridge-topline button{font-size:10px}.command-bridge:before{background:linear-gradient(0deg,#030b16f5,transparent 85%),linear-gradient(180deg,#040c16b0,transparent 25%)}.command-bridge .hero-copy{bottom:85px;padding:24px;max-width:100%}.bridge-routes{bottom:17px;gap:6px}.bridge-routes button{padding:9px 8px;font-size:10px}.bridge-routes span{font-size:7px;letter-spacing:.3px}.command-bridge.expanded{height:75vh;min-height:500px}.command-bridge.expanded .hero-copy{bottom:85px}.resources article:before{left:15px}}
@media(prefers-reduced-motion:reduce){.bridge-atmosphere,.bridge-atmosphere i{animation:none}.bridge-atmosphere i{opacity:.3}}