@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body,html{color:#39ff14;touch-action:none;background-color:#030303;width:100vw;height:100dvh;font-family:Share Tech Mono,monospace;overflow:hidden}#root{width:100%;height:100%}.app-container{width:100vw;height:100dvh;position:relative}.ui-overlay{width:100%;padding:.8rem 1.2rem;padding-bottom:max(.8rem, env(safe-area-inset-bottom,.8rem));pointer-events:none;z-index:10;background:linear-gradient(#03030300 0%,#030303d9 100%);border-top:1px solid #39ff1426;flex-wrap:wrap;align-items:center;gap:.6rem 1.5rem;display:flex;position:absolute;bottom:0;left:0}.campaign-hud{z-index:20;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000500e6;border:1px solid #39ff1480;justify-content:center;align-items:center;gap:2rem;padding:.8rem 2.5rem;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #39ff1426}.hud-title{letter-spacing:4px;color:#39ff14;text-shadow:0 0 6px #39ff1466;opacity:.9;font-size:.85rem}.hud-status{letter-spacing:2px;color:#39ff14;opacity:.4;font-size:.7rem;animation:3s ease-in-out infinite blink-status}@keyframes blink-status{0%,to{opacity:.4}50%{opacity:.15}}.hud-back-btn{pointer-events:all;letter-spacing:2px;text-transform:uppercase;color:#39ff14;cursor:pointer;background:#39ff1414;border:1px solid #39ff144d;padding:.3rem .8rem;font-family:Share Tech Mono,monospace;font-size:.7rem;transition:all .2s}.hud-back-btn:hover{text-shadow:0 0 6px #39ff1480;background:#39ff1426;border-color:#39ff1499}.hud-actions{pointer-events:all;flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}.hud-deploy-btn{pointer-events:all;letter-spacing:2px;text-transform:uppercase;color:#39ff14;cursor:pointer;background:#39ff1414;border:1px solid #39ff144d;padding:.3rem .8rem;font-family:Share Tech Mono,monospace;font-size:.7rem;transition:all .2s}.hud-deploy-btn:hover:not(:disabled){text-shadow:0 0 8px #39ff1499;background:#39ff1433;border-color:#39ff14b3;box-shadow:0 0 12px #39ff1426}.hud-deploy-btn:disabled{color:#39ff144d;cursor:default;background:#39ff1408;border-color:#39ff141a}.hud-move-btn{pointer-events:all;letter-spacing:2px;text-transform:uppercase;color:#39ff14;cursor:pointer;background:#39ff1414;border:1px solid #39ff144d;padding:.3rem .8rem;font-family:Share Tech Mono,monospace;font-size:.7rem;transition:all .2s}.hud-move-btn:hover{text-shadow:0 0 8px #39ff1499;background:#39ff1433;border-color:#39ff14b3;box-shadow:0 0 12px #39ff1426}.hud-confirm-btn{pointer-events:all;letter-spacing:2px;text-transform:uppercase;color:#39ff14;cursor:pointer;text-shadow:0 0 4px #39ff1466;background:#39ff1426;border:1px solid #39ff1480;padding:.3rem .8rem;font-family:Share Tech Mono,monospace;font-size:.7rem;transition:all .2s}.hud-confirm-btn:hover{text-shadow:0 0 10px #39ff14b3;background:#39ff144d;border-color:#39ff14cc;box-shadow:0 0 16px #39ff1433}.hud-cancel-btn{pointer-events:all;letter-spacing:2px;text-transform:uppercase;color:#f64;cursor:pointer;background:#ff664414;border:1px solid #ff66444d;padding:.3rem .8rem;font-family:Share Tech Mono,monospace;font-size:.7rem;transition:all .2s}.hud-cancel-btn:hover{text-shadow:0 0 6px #ff664480;background:#ff664426;border-color:#f649;box-shadow:0 0 12px #ff66441f}.hud-move-status{letter-spacing:2px;color:#39ff14;opacity:.7;font-size:.7rem;animation:2s ease-in-out infinite blink-status}.galaxy-label{white-space:nowrap;flex-direction:column;align-items:center;display:flex}.galaxy-label-text{letter-spacing:3px;color:#39ff14;text-shadow:0 0 4px #39ff1480;opacity:.75;font-family:Share Tech Mono,monospace;font-size:10px}.galaxy-label-line{background:linear-gradient(#39ff1466 0%,#39ff1400 100%);width:1px;height:14px;margin-top:2px}.system-label-3d{white-space:nowrap;flex-direction:column;align-items:center;display:flex}.system-label-3d-text{letter-spacing:5px;color:#39ff14;text-shadow:0 0 6px #39ff1480;opacity:.9;font-family:Share Tech Mono,monospace;font-size:13px}.system-label-3d-underline{background:linear-gradient(90deg,#39ff1400 0%,#39ff1480 50%,#39ff1400 100%);width:100%;height:1px;margin-top:3px}.planet-callout-container{transform-origin:50%}@media (width<=1200px){.planet-callout-container{display:none!important}}@media (width<=768px){.ui-overlay{padding:.6rem .8rem;padding-bottom:max(.6rem, env(safe-area-inset-bottom,.6rem));flex-direction:column;align-items:stretch;gap:.5rem .8rem}.hud-actions{justify-content:center;margin-left:0}.hud-title{letter-spacing:3px;text-align:center;font-size:.85rem}.hud-status{letter-spacing:1px;text-align:center;font-size:.75rem}.hud-back-btn,.hud-confirm-btn,.hud-move-btn,.hud-cancel-btn,.hud-deploy-btn{letter-spacing:2px;padding:.5rem 1rem;font-size:.8rem}.hud-move-status{text-align:center;font-size:.75rem}.galaxy-label-text{letter-spacing:2px;font-size:10px}}@media (width<=480px){.hud-title{letter-spacing:2px;font-size:.8rem}.hud-status{font-size:.7rem}.planet-callout-container{transform:scale(.65)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.lobby-overlay{z-index:1000;color:#00ff41;background:#000000f2;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-family:Share Tech Mono,monospace;display:flex;position:fixed;inset:0;overflow-y:auto}.lobby-title{letter-spacing:6px;text-transform:uppercase;text-shadow:0 0 20px #00ff4199;text-align:center;margin-bottom:8px;font-size:2rem}.lobby-subtitle{color:#00aa2e;letter-spacing:3px;text-align:center;margin-bottom:32px;font-size:.85rem}.lobby-panel{background:#001400cc;border:1px solid #00ff414d;width:min(90vw,400px);margin-bottom:16px;padding:24px;animation:14s infinite ambientContainerGlitch}@keyframes ambientContainerGlitch{0%,35%,39%,60%,63%,82%,84%,to{box-shadow:none;background:#001400cc;border-color:#00ff414d}36%{border-color:#00ff411a;box-shadow:0 0 6px #00ff414d}37%{box-shadow:none;border-color:#00ff4166}38%{background:#001900d9;border-color:#0000;box-shadow:0 0 10px #00ff4180}61%{border-color:#0000;box-shadow:0 0 8px #00ff4166}62%{box-shadow:none;border-color:#00ff4180}83%{border-color:#0000;box-shadow:0 0 12px #00ff4180}}.lobby-panel h2{letter-spacing:3px;color:#00ff41;text-transform:uppercase;border-bottom:1px solid #00ff4133;margin:0 0 16px;padding-bottom:8px;font-size:.9rem}.lobby-actions{flex-direction:column;gap:12px;display:flex}.lobby-btn{letter-spacing:2px;text-transform:uppercase;color:#00ff41;cursor:pointer;background:#00ff410d;border:1px solid #00ff41;width:100%;padding:14px 20px;font-family:Share Tech Mono,monospace;font-size:.85rem;transition:all .15s}.lobby-btn:hover{background:#00ff4126;box-shadow:0 0 20px #00ff4133}.lobby-btn:active{background:#00ff4140}.lobby-btn.primary{background:#00ff411a;border-width:2px}.lobby-btn:disabled{opacity:.4;cursor:not-allowed}.lobby-input{letter-spacing:8px;text-align:center;text-transform:uppercase;color:#00ff41;background:#0009;border:1px solid #00ff414d;outline:none;width:100%;padding:14px 20px;font-family:Share Tech Mono,monospace;font-size:1.2rem}.lobby-input:focus{border-color:#00ff41;box-shadow:0 0 10px #00ff4133}.lobby-input::placeholder{color:#00ff414d;letter-spacing:4px}.room-code-display{letter-spacing:12px;text-align:center;color:#00ff41;text-shadow:0 0 30px #00ff4199;margin:16px 0;font-size:2.5rem;animation:2s ease-in-out infinite code-pulse}@keyframes code-pulse{0%,to{text-shadow:0 0 20px #00ff4166}50%{text-shadow:0 0 40px #00ff41cc}}.faction-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.faction-card{text-align:center;cursor:pointer;background:#0006;border:1px solid #ffffff1a;padding:16px;transition:all .2s}.faction-card:hover{border-color:#ffffff4d}.faction-card.selected{background:#00ff4114;border-color:#00ff41;box-shadow:0 0 15px #00ff4126}.faction-card .faction-icon{margin-bottom:8px;font-size:2rem}.faction-card .faction-name{letter-spacing:2px;text-transform:uppercase;font-size:.75rem}.color-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.color-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;width:100%;transition:all .15s;position:relative}.color-swatch:hover{border-color:#ffffff80;transform:scale(1.1)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 15px #fff6}.color-swatch.taken{opacity:.25;cursor:not-allowed}.color-swatch.taken:after{content:"✕";color:#fff9;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;inset:0}.waiting-state{text-align:center;padding:20px}.waiting-dots{animation:1.5s steps(4,end) infinite dots;display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.waiting-spinner{border:2px solid #00ff4133;border-top-color:#00ff41;border-radius:50%;width:20px;height:20px;margin-right:8px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.lobby-error{color:#f44;text-align:center;margin-top:8px;font-size:.8rem}.lobby-status{color:#00aa2e;text-align:center;margin-top:12px;font-size:.8rem}.pin-panel{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;display:flex!important}.pin-info{text-align:left;flex:1}.pin-info h2{border-bottom:none!important;margin:0 0 6px!important;padding-bottom:0!important}.pin-info-hint{color:#888;letter-spacing:.5px;margin:0;font-size:.7rem;line-height:1.2}.pin-input-compact{letter-spacing:6px!important;width:100px!important;margin:0!important;padding:8px!important;font-size:1.5rem!important}.lobby-overlay:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4104 2px 4px);position:fixed;inset:0}@media (width<=768px){.lobby-overlay{padding:16px 12px;padding-top:max(16px, env(safe-area-inset-top,16px));padding-bottom:max(16px, env(safe-area-inset-bottom,16px));justify-content:center}.lobby-title{letter-spacing:4px;margin-bottom:4px;font-size:1.3rem}.lobby-subtitle{margin-bottom:16px;font-size:.7rem}.lobby-panel{width:min(95vw,400px);margin-bottom:10px;padding:14px 16px}.lobby-panel h2{margin:0 0 10px;padding-bottom:6px;font-size:.75rem}.lobby-btn{padding:10px 14px;font-size:.75rem}.lobby-input{padding:10px 14px;font-size:1rem}.room-code-display{letter-spacing:8px;margin:8px 0;font-size:1.8rem}.faction-card{padding:10px}.faction-card .faction-icon{margin-bottom:4px;font-size:1.5rem}.faction-card .faction-name{font-size:.65rem}.color-grid{grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:10px}}@font-face{font-family:AlienGlitch;src:url(/alien.ttf)format("truetype");font-weight:400;font-style:normal}.lobby-overlay.glitching *,.draft-overlay.glitching *{text-shadow:2px 0 red,-2px 0 #0ff!important;font-family:AlienGlitch,Marlett,Wingdings,monospace!important}.lobby-overlay.glitching,.draft-overlay.glitching{pointer-events:none;animation:.25s infinite alternate lobbyGlitch}@keyframes lobbyGlitch{0%{opacity:1;filter:brightness();clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0)skew(0)}10%{opacity:.9;filter:brightness(1.1)hue-rotate(15deg);clip-path:polygon(0 15%,100% 15%,100% 30%,0 30%);transform:translate(-10px)skew(-15deg)}20%{opacity:1;filter:brightness(.9)hue-rotate(-20deg);clip-path:polygon(0 60%,100% 60%,100% 85%,0 85%);transform:translate(15px)skew(5deg)}30%{opacity:.8;filter:brightness(1.2);clip-path:polygon(0 40%,100% 40%,100% 50%,0 50%);transform:translate(-5px)skew(20deg)}45%{opacity:.9;filter:brightness(.8);clip-path:polygon(0 0,100% 0,100% 10%,0 10%);transform:translate(10px)skew(-5deg)}55%{opacity:1;filter:brightness(.7)hue-rotate(50deg);clip-path:polygon(0 75%,100% 75%,100% 90%,0 90%);transform:translate(-20px)skew(10deg)}70%{opacity:.8;filter:brightness(1.1);clip-path:polygon(0 20%,100% 20%,100% 60%,0 60%);transform:translate(5px)skew(-2deg)}85%{opacity:.9;filter:brightness(.9)hue-rotate(-10deg);clip-path:polygon(0 80%,100% 80%,100% 100%,0 100%);transform:translate(-10px)skew(8deg)}to{opacity:1;filter:brightness();clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0)skew(0)}}.lobby-overlay.glitching:after,.draft-overlay.glitching:after{content:"";opacity:.15;mix-blend-mode:difference;z-index:1001;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' fill='%23ffffff' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.draft-overlay{z-index:500;pointer-events:none;font-family:Share Tech Mono,monospace;position:fixed;bottom:0;left:0;right:0}.draft-sheet{pointer-events:all;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000800eb;border-top:1px solid #00ff4166;padding:16px 20px;animation:19s infinite ambientDraftGlitch}@keyframes ambientDraftGlitch{0%,25%,29%,48%,51%,88%,90%,to{box-shadow:none;border-top-color:#00ff4166}26%{border-top-color:#00ff411a;box-shadow:0 -3px 8px #00ff4133}27%{box-shadow:none;border-top-color:#00ff4180}28%{border-top-color:#0000;box-shadow:0 -5px 12px #00ff4166}49%{border-top-color:#0000;box-shadow:0 -4px 10px #00ff414d}50%{box-shadow:none;border-top-color:#00ff4199}89%{border-top-color:#0000;box-shadow:0 -6px 15px #00ff4166}}.draft-sheet:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4105 2px 4px);position:absolute;inset:0}.draft-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.draft-phase-label{letter-spacing:3px;text-transform:uppercase;color:#00aa2e;font-size:.7rem}.draft-turn-indicator{letter-spacing:2px;border:1px solid;padding:4px 12px;font-size:.85rem;font-weight:700}.draft-turn-indicator.my-turn{color:#00ff41;text-shadow:0 0 10px #00ff4180;border-color:#00ff41;animation:1.5s ease-in-out infinite turn-pulse}.draft-turn-indicator.waiting{color:#666;border-color:#333}@keyframes turn-pulse{0%,to{box-shadow:0 0 5px #00ff4133}50%{box-shadow:0 0 20px #00ff4166}}.draft-body{align-items:center;gap:16px;display:flex}.draft-counters{flex:1;gap:20px;display:flex}.draft-counter{flex-direction:column;align-items:center;gap:4px;display:flex}.draft-counter-label{letter-spacing:2px;text-transform:uppercase;opacity:.7;font-size:.65rem}.draft-counter-value{letter-spacing:2px;font-size:1.5rem;font-weight:700}.draft-counter-value.sm{color:#8cf}.draft-counter-value.nec{color:#0c8}.draft-counter-max{color:#555;font-size:.65rem}.draft-instructions{color:#00aa2e;text-align:center;letter-spacing:1px;margin-top:8px;font-size:.75rem}.draft-instructions.my-turn{color:#00ff41}.draft-actions{gap:8px;margin-top:10px;display:flex}.draft-action-btn{letter-spacing:1px;text-transform:uppercase;color:#00ff41;cursor:pointer;background:#00ff410d;border:1px solid #00ff414d;flex:1;padding:8px 14px;font-family:Share Tech Mono,monospace;font-size:.7rem;transition:all .15s}.draft-action-btn:hover{background:#00ff411f;border-color:#00ff41}.draft-action-btn:disabled{opacity:.3;cursor:not-allowed}.draft-action-btn.fortify{color:#8cf;background:#88ccff0d;border-color:#88ccff4d}.draft-action-btn.fortify:hover{background:#88ccff1f;border-color:#8cf}.draft-action-btn.secret-base{color:#0c8;background:#00cc880d;border-color:#00cc884d}.draft-action-btn.secret-base:hover{background:#00cc881f;border-color:#0c8}.draft-action-btn.finish{color:#fc0;background:#ffcc000d;border-color:#ffcc004d}.draft-action-btn.finish:hover{background:#ffcc001f;border-color:#fc0}.draft-initiative{text-align:center;padding:12px}.draft-initiative-label{color:#00aa2e;letter-spacing:2px;margin-bottom:12px;font-size:.75rem}.draft-initiative-btns{justify-content:center;gap:12px;display:flex}@media (width<=430px){.draft-sheet{padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom))}.draft-body{flex-direction:column;gap:8px}.draft-counters{justify-content:space-around;width:100%}.draft-actions{width:100%}}.draft-leave-screen-btn{z-index:600;color:#f66;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:all;background:#000800cc;border:1px solid #f666;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.1rem;transition:all .2s;display:flex;position:fixed;top:16px;right:16px}.draft-leave-screen-btn:hover{background:#f663;border-color:#f66;transform:scale(1.1)}.phase-bar{z-index:400;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000800e0;border-bottom:1px solid #00ff4140;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-family:Share Tech Mono,monospace;display:flex;position:fixed;top:0;left:0;right:0}.phase-bar:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4104 2px 4px);position:absolute;inset:0}.phase-bar-section{z-index:1;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.phase-bar-section.bordered{border-left:1px solid #00ff4133;border-right:1px solid #00ff4133;padding:0 16px}.phase-bar-label{letter-spacing:2px;text-transform:uppercase;color:#00aa2e;opacity:.8;font-size:.6rem}.phase-bar-value{letter-spacing:1px;font-size:.85rem;font-weight:700}.phase-bar-value.phase{color:#fc0}.phase-bar-cp{gap:12px;display:flex}.phase-bar-cp-item{font-size:.8rem;font-weight:700}.phase-bar-cp-item.active{text-shadow:0 0 8px}.phase-bar-cp-item.sm{color:#8cf}.phase-bar-cp-item.nec{color:#0c8}.phase-bar-cp-item.dim{color:#444}.phase-bar-turn{color:#00aa2e;letter-spacing:1px;font-size:.65rem}.phase-advance-btn{letter-spacing:1px;text-transform:uppercase;color:#00ff41;cursor:pointer;z-index:1;white-space:nowrap;background:#00ff4114;border:1px solid #00ff41;padding:6px 14px;font-family:Share Tech Mono,monospace;font-size:.7rem;transition:all .15s;position:relative}.phase-advance-btn:hover{background:#00ff412e;box-shadow:0 0 15px #00ff4133}.phase-advance-btn:active{background:#00ff4140}.connection-dot{border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.connection-dot.connected{background:#00ff41;box-shadow:0 0 6px #00ff4199}.connection-dot.disconnected{background:#f44;animation:1s ease-in-out infinite blink;box-shadow:0 0 6px #f449}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.mobile-text{display:none}.desktop-text{display:inline}@media (width<=430px){.phase-bar{padding:10px 12px;padding-top:max(10px, env(safe-area-inset-top));gap:8px}.phase-bar-section.bordered{padding:0 10px}.phase-bar-label{letter-spacing:1px;font-size:.6rem}.phase-bar-value{font-size:.9rem}.phase-bar-cp-item{font-size:.85rem}.phase-bar-turn{font-size:.7rem}.phase-advance-btn{padding:10px 14px;font-size:.85rem}.leave-btn{aspect-ratio:1;justify-content:center;align-items:center;padding:10px;font-size:1.1rem;font-weight:700;display:flex}.mobile-text{display:inline}.desktop-text{display:none}}.battle-modal-overlay{z-index:1500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;padding:16px;font-family:Share Tech Mono,monospace;display:flex;position:fixed;inset:0}.battle-modal{background:#000800f2;border:1px solid #00ff4166;width:min(90vw,400px);padding:24px;position:relative}.battle-modal:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4105 2px 4px);position:absolute;inset:0}.battle-header{text-align:center;border-bottom:1px solid #00ff414d;margin-bottom:20px;padding-bottom:12px}.battle-title{letter-spacing:4px;text-transform:uppercase;color:#00ff41;text-shadow:0 0 10px #00ff4180;font-size:1.2rem}.battle-type-switch{gap:8px;margin-top:12px;display:flex}.battle-type-btn{letter-spacing:1px;text-transform:uppercase;color:#00ff41;cursor:pointer;opacity:.6;background:#00000080;border:1px solid #00ff414d;flex:1;padding:8px;font-family:Share Tech Mono,monospace;font-size:.75rem}.battle-type-btn.active{opacity:1;background:#00ff4126;border-color:#00ff41;font-weight:700}.battle-section{margin-bottom:20px}.battle-section-label{color:#00aa2e;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:.7rem;display:block}.battle-faction-picker{gap:12px;display:flex}.battle-faction-btn{color:#aaa;cursor:pointer;background:#0006;border:1px solid #fff3;flex:1;padding:12px;font-family:Share Tech Mono,monospace;font-size:.9rem;transition:all .2s;position:relative}.battle-faction-btn.winner{color:#00ff41;background:#00ff411a;border-color:#00ff41;box-shadow:0 0 15px #00ff4133}.battle-faction-btn.winner:after{content:"★ VICTORY";color:#000;letter-spacing:1px;background:#00ff41;padding:2px 6px;font-size:.55rem;font-weight:700;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.battle-faction-btn.loser{color:#f44;background:#ff44440d;border-color:#f44}.battle-faction-btn.loser:after{content:"DEFEAT";color:#000;letter-spacing:1px;background:#f44;padding:2px 6px;font-size:.55rem;font-weight:700;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.battle-checkbox{cursor:pointer;color:#00aa2e;align-items:center;gap:8px;margin-top:12px;font-size:.8rem;display:flex}.battle-checkbox input{accent-color:#00ff41;width:16px;height:16px}.battle-stats{grid-template-columns:1fr 1fr;gap:16px;display:grid}.battle-stat-input{flex-direction:column;gap:4px;display:flex}.battle-stat-input input{color:#fc0;text-align:center;box-sizing:border-box;background:#0009;border:1px solid #00ff414d;width:100%;padding:8px;font-family:Share Tech Mono,monospace;font-size:1.1rem}.battle-stat-input input:focus{border-color:#fc0;outline:none}.battle-actions{gap:12px;margin-top:24px;display:flex}.battle-btn-cancel{color:#aaa;cursor:pointer;background:0 0;border:1px solid #fff3;flex:1;padding:12px;font-family:Share Tech Mono,monospace;font-size:.8rem}.battle-btn-confirm{color:#00ff41;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#00ff4126;border:1px solid #00ff41;flex:2;padding:12px;font-family:Share Tech Mono,monospace;font-size:.8rem;font-weight:700}.battle-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.battle-btn-confirm:not(:disabled):hover{background:#00ff4140;box-shadow:0 0 15px #00ff414d}.activity-feed{z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:all;background:#000800fa;border-left:1px solid #00ff4133;flex-direction:column;width:min(320px,85vw);font-family:Share Tech Mono,monospace;transition:transform .3s;display:flex;position:fixed;top:52px;bottom:0;right:0;transform:translate(100%)}.activity-feed.open{transform:translate(0)}.activity-feed-toggle{z-index:550;letter-spacing:1px;color:#00ff41;cursor:pointer;background:#000800e6;border:1px solid #00ff414d;padding:8px 12px;font-family:Share Tech Mono,monospace;font-size:.7rem;transition:all .15s;position:fixed;bottom:80px;left:12px}.activity-feed-toggle:hover{background:#00ff411f;border-color:#00ff41}.activity-feed-header{border-bottom:1px solid #00ff4133;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.activity-feed-title{letter-spacing:3px;text-transform:uppercase;color:#00aa2e;font-size:.7rem}.activity-feed-close{color:#00ff41;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:Share Tech Mono,monospace;font-size:.8rem}.activity-feed-list{flex:1;padding:8px;overflow-y:auto}.activity-feed-entry{border-bottom:1px solid #00ff410f;padding:8px 12px;animation:.3s feed-fade-in}@keyframes feed-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.activity-feed-entry-meta{justify-content:space-between;margin-bottom:4px;display:flex}.activity-feed-entry-phase{letter-spacing:1px;text-transform:uppercase;color:#555;font-size:.55rem}.activity-feed-entry-turn{color:#444;font-size:.55rem}.activity-feed-entry-msg{color:#0c6;font-size:.7rem;line-height:1.4}.activity-feed-entry.battle_result .activity-feed-entry-msg{color:#f64}.activity-feed-entry.warp_event .activity-feed-entry-msg{color:#a4f}.activity-feed-entry.purchase .activity-feed-entry-msg{color:#fc0}.activity-feed-entry.phase_change .activity-feed-entry-msg{color:#888}@media (width<=430px){.activity-feed{width:100vw;top:90px}.activity-feed-toggle{padding:6px 10px;font-size:.75rem;top:100px;bottom:auto;left:10px}}.warp-modal-overlay{z-index:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0014e6;justify-content:center;align-items:center;padding:16px;font-family:Share Tech Mono,monospace;animation:.5s cubic-bezier(.175,.885,.32,1.275) warp-in;display:flex;position:fixed;inset:0}@keyframes warp-in{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.warp-modal{background:#140528f2;border:1px solid #a4f9;width:min(90vw,450px);position:relative;overflow:hidden;box-shadow:0 0 40px #a4f3}.warp-modal:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#aa44ff0d 2px 4px);position:absolute;inset:0}.warp-lightning{opacity:0;pointer-events:none;background:radial-gradient(circle,#aa44ff1a 0%,#0000 60%);animation:4s infinite lightning-flash;position:absolute;inset:0}@keyframes lightning-flash{0%,95%,98%{opacity:0}96%,99%{opacity:.8}to{opacity:0}}.warp-content{z-index:1;text-align:center;padding:32px 24px;position:relative}.warp-title{letter-spacing:6px;text-transform:uppercase;color:#d8f;text-shadow:0 0 15px #a4fc;margin-bottom:8px;font-size:1.5rem}.warp-subtitle{color:#a8c;letter-spacing:2px;margin-bottom:24px;font-size:.8rem}.warp-dice-container{justify-content:center;align-items:center;gap:20px;margin:24px 0;display:flex}.warp-die{color:#ecf;text-shadow:0 0 10px #a4f;background:#0009;border:2px solid #a4f;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;font-weight:700;display:flex;box-shadow:inset 0 0 15px #aa44ff4d}.warp-die.rolling{color:#0000;text-shadow:none;animation:.1s linear infinite die-roll}@keyframes die-roll{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(.9)}to{transform:rotate(360deg)scale(1)}}.warp-total{color:#fff;text-shadow:0 0 20px #a4f,0 0 40px #a4f;margin:0 20px;font-size:3rem;font-weight:700}.warp-result-box{text-align:left;background:#00000080;border-left:4px solid #a4f;margin:24px 0;padding:16px;animation:.3s ease-out slide-right}@keyframes slide-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.warp-result-title{color:#ecf;letter-spacing:2px;align-items:center;gap:8px;margin-bottom:8px;font-size:1.1rem;font-weight:700;display:flex}.warp-result-desc{color:#cae;font-size:.85rem;line-height:1.5}.warp-actions{justify-content:center;margin-top:32px;display:flex}.warp-btn{letter-spacing:3px;text-transform:uppercase;color:#ecf;cursor:pointer;background:#aa44ff26;border:1px solid #a4f;padding:12px 32px;font-family:Share Tech Mono,monospace;font-size:1rem;transition:all .2s;box-shadow:0 0 15px #a4f3}.warp-btn:hover{background:#aa44ff4d;transform:translateY(-2px);box-shadow:0 0 25px #aa44ff80}.warp-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.planet-info-panel{color:#00ff41;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-origin:50%;background:#000800f2;border:1px solid #00ff4166;flex-direction:column;gap:16px;width:min(90vw,380px);max-height:calc(100dvh - 100px);padding:16px;font-family:Share Tech Mono,monospace;animation:.15s ease-out forwards panel-open;display:flex;position:absolute;top:60px;right:16px;overflow:hidden;box-shadow:0 0 20px #00ff411a}.planet-info-panel.closing{animation:.15s ease-in forwards panel-close!important}.planet-info-panel.minimized{height:auto;min-height:0;max-height:80px;padding-bottom:12px}.planet-info-panel.minimized>:not(.planet-info-header){display:none!important}.planet-minimize-btn{color:#00ff41;cursor:pointer;background:#00ff410d;border:1px solid #00ff414d;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:.7rem;transition:all .2s}.planet-minimize-btn:hover{background:#00ff4133;box-shadow:0 0 10px #00ff4133}@keyframes panel-open{0%{opacity:0;transform:scaleY(0);box-shadow:0 0 50px #00ff41}50%{opacity:1}to{opacity:1;transform:scaleY(1);box-shadow:0 0 20px #00ff411a}}@keyframes panel-close{0%{opacity:1;transform:scaleY(1);box-shadow:0 0 20px #00ff411a}50%{opacity:1}to{opacity:0;transform:scaleY(0);box-shadow:0 0 50px #00ff41}}.planet-info-panel:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4105 2px 4px);position:absolute;inset:0}.planet-info-header{border-bottom:1px solid #00ff414d;justify-content:space-between;align-items:flex-end;padding-bottom:8px;display:flex}.planet-info-title{letter-spacing:4px;text-transform:uppercase;color:#00ff41;text-shadow:0 0 10px #00ff4180;margin:0;font-size:1.4rem}.planet-info-type{letter-spacing:2px;color:#00aa2e;text-transform:uppercase;font-size:.65rem}.planet-info-image-container{aspect-ratio:16/9;background:#0009;border:1px solid #00ff414d;flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.planet-info-image{object-fit:cover;opacity:.8;mix-blend-mode:screen;width:100%;height:100%;transition:opacity .3s}.planet-info-image:hover{opacity:1}.planet-info-placeholder{color:#555;letter-spacing:2px;font-size:.8rem;animation:2s infinite pulse-text}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1}}.planet-info-desc{color:#0c6;border-left:2px solid #00aa2e;flex:1;min-height:120px;padding-left:12px;padding-right:8px;font-size:.85rem;line-height:1.5;overflow-y:auto}.planet-info-desc::-webkit-scrollbar{width:4px}.planet-info-desc::-webkit-scrollbar-track{background:#00ff411a}.planet-info-desc::-webkit-scrollbar-thumb{background:#00ff4180}.planet-info-desc::-webkit-scrollbar-thumb:hover{background:#00ff41cc}.planet-info-desc.empty{color:#444;justify-content:center;align-items:center;font-style:italic;display:flex}.typewriter-cursor{vertical-align:text-bottom;background-color:#00ff41;width:8px;height:14px;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}.planet-info-status{border-top:1px solid #00ff4133;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;padding-top:12px;display:grid}.planet-status-item{flex-direction:column;gap:4px;display:flex}.planet-status-label{color:#00aa2e;letter-spacing:2px;text-transform:uppercase;font-size:.6rem}.planet-status-value{font-size:.9rem;font-weight:700}.planet-status-value.sm{color:#8cf}.planet-status-value.nec{color:#0c8}.planet-status-value.unclaimed{color:#888}.planet-status-value.alert{color:#fc0;text-shadow:0 0 8px #fc06}.planet-gen-btn{letter-spacing:2px;text-transform:uppercase;color:#d8f;cursor:pointer;background:#aa44ff1a;border:1px solid #a4f;margin-top:8px;padding:10px;font-family:Share Tech Mono,monospace;font-size:.7rem;transition:all .2s}.planet-gen-btn:hover{background:#a4f3;box-shadow:0 0 15px #aa44ff4d}.planet-gen-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}@media (width<=768px){.planet-info-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000800bf;width:auto;max-height:60vh;inset:15vh 16px auto;overflow-y:auto}.planet-info-image-container{height:120px}}.planet-info-spinner{color:#a4f;letter-spacing:2px;flex-direction:column;justify-content:center;align-items:center;height:100%;font-size:.8rem;display:flex}.p-spinner{border:4px solid #a4f3;border-top-color:#a4f;border-radius:50%;width:32px;height:32px;animation:1s linear infinite p-spin-anim}@keyframes p-spin-anim{to{transform:rotate(360deg)}}