body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%}*{box-sizing:border-box}body{background:#080c10;margin:0;overflow:hidden}.game-container{color:#cdd6e0;background-color:#080c10;background-image:radial-gradient(#4db8ff0a 1px,#0000 1px);background-size:32px 32px;flex-direction:column;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.game-container:after{content:"";pointer-events:none;z-index:999;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000000f 3px 4px);position:fixed;inset:0}.main-area{flex:1;grid-template-columns:45fr 35fr 30fr;min-height:0;display:grid;overflow:hidden}.section-header{text-transform:uppercase;letter-spacing:2px;color:#2a5a78;background:#00000040;border-bottom:1px solid #0f1e2a;flex-shrink:0;padding:5px 14px 4px;font-size:.62em}.dashboard{border-right:1px solid #0f1e2a;flex-direction:column;display:flex;overflow-y:auto}.ship-banner{background:linear-gradient(135deg,#050e18 0%,#080c14 100%);border-bottom:1px solid #0f2030;flex-shrink:0;align-items:stretch;min-height:130px;display:flex}.ship-image-wrap{background:#0000004d;border-right:1px solid #0f1e2a;justify-content:center;align-items:center;width:42%;padding:10px 12px;display:flex;overflow:hidden}.ship-image{object-fit:contain;filter:drop-shadow(0 0 14px #4db8ff40)brightness(.92);max-width:100%;max-height:110px}.ship-info{flex-direction:column;flex:1;justify-content:space-between;padding:12px 16px;display:flex}.ship-name{color:#4db8ff;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 12px #4db8ff66;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:1.05em;overflow:hidden}.ship-stats{flex-wrap:wrap;gap:10px 18px;display:flex}.stat-item{flex-direction:column;gap:1px;display:flex}.stat-label{color:#2a5a72;text-transform:uppercase;letter-spacing:1.5px;font-size:.55em}.stat-value{color:#cdd6e0;font-variant-numeric:tabular-nums;font-size:1.1em;font-weight:700}.stat-fuel{color:#4db8ff}.stat-bscore{color:#fc0}.modules-section{border-bottom:1px solid #0f1e2a;flex-shrink:0}.module-row{border-bottom:1px solid #0a1520;grid-template-columns:84px 52px 1fr;align-items:center;gap:8px;padding:6px 14px;display:grid}.module-row:last-child{border-bottom:none}.module-name{color:#7a9aaa;white-space:nowrap;font-size:.78em}.module-bar-col{flex-direction:column;gap:2px;display:flex}.module-bar-track{background:#0d1e2a;border:1px solid #112030;border-radius:2px;height:8px;overflow:hidden}.module-bar-fill{border-radius:2px;height:100%;transition:width .4s;box-shadow:0 0 6px}.module-value{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:.75em;font-weight:700}.module-star{color:#fc0;font-size:.85em}.module-kills{color:#3a6a7a;white-space:nowrap;letter-spacing:.5px;font-size:.6em}.roster-section{border-bottom:1px solid #0f1e2a;flex-shrink:0}.roster-list{flex-direction:column;display:flex}.roster-row{border-bottom:1px solid #0a1520;grid-template-columns:16px 1fr 28px 36px auto;align-items:center;gap:6px;padding:4px 14px;font-size:.8em;transition:background .15s;display:grid}.roster-row:last-child{border-bottom:none}.roster-row:hover{background:#4db8ff06}.roster-kia{opacity:.3}.roster-recruit{opacity:.6}.roster-rank{color:#3a6a8a;text-align:center;font-size:.85em}.roster-name{color:#aabbc8}.roster-kills{color:#3a6a7a;text-align:right;font-size:.78em}.roster-progress{color:#2a5a6a;text-align:center;font-variant-numeric:tabular-nums;font-size:.68em}.roster-status{text-align:right;font-size:.78em}.status-ok{color:#4dff4d}.status-bad{color:#f66}.status-training{color:#fc0}.scouts-section{border-bottom:1px solid #0f1e2a;flex-shrink:0}.scouts-list{flex-direction:column;display:flex}.scout-row{border-bottom:1px solid #0a1520;grid-template-columns:62px 1fr 72px 1fr;align-items:center;gap:8px;padding:5px 14px;font-size:.8em;transition:background .15s;display:grid}.scout-row:last-child{border-bottom:none}.scout-row:hover{background:#4db8ff06}.scout-destroyed{opacity:.35}.scout-recruit-row{opacity:.6}.scout-name{color:#8aabbb;white-space:nowrap;font-size:.9em}.scout-bar-track{background:#0d1e2a;border:1px solid #112030;border-radius:2px;height:6px;overflow:hidden}.scout-bar-fill{border-radius:2px;height:100%;transition:width .4s}.scout-status-txt{color:#5a7a8a;text-align:center;white-space:nowrap;font-size:.8em}.scout-pilot-txt{color:#7a9aaa;white-space:nowrap;text-overflow:ellipsis;font-size:.82em;overflow:hidden}.recruit-txt{color:#fc0}.repair-panel-section{border-bottom:1px solid #0f1e2a}.alert-banner{border-radius:3px;margin:6px 14px;padding:4px 10px;font-size:.75em;font-weight:700}.alert-green{color:#4dff4d;background:#0a1e00;border:1px solid #363}.repair-section{border-bottom:1px solid #0a1520;padding:4px 14px}.repair-section:last-child{border-bottom:none}.repair-section h4{color:#2a6a8a;text-transform:uppercase;letter-spacing:1px;margin:4px 0 3px;font-size:.66em}.repair-row{color:#8aabbb;justify-content:space-between;align-items:center;gap:8px;padding:2px 0;font-size:.8em;display:flex}.repair-row-btns{gap:4px;display:flex}.action-pane{background:linear-gradient(#060d16 0%,#050a0f 100%);border-left:1px solid #0f1e2a;border-right:1px solid #0f1e2a;flex-direction:column;display:flex;overflow-y:auto}.pane-header{background:#0003;border-bottom:1px solid #0f1e2a;align-items:center;gap:10px;padding:8px 14px;display:flex}.pane-phase-pip{background:#4db8ff;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pip-pulse;box-shadow:0 0 6px #4db8ffe6,0 0 14px #4db8ff66}@keyframes pip-pulse{0%,to{opacity:.7}50%{opacity:1;box-shadow:0 0 8px #4db8ff,0 0 20px #4db8ff80}}.pane-phase-name{color:#7aafc8;text-transform:uppercase;letter-spacing:1.5px;flex:1;font-size:.82em;font-weight:700}.reset-btn{color:#3a5a72;cursor:pointer;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;background:0 0;border:1px solid #1e3040;border-radius:3px;flex-shrink:0;padding:3px 9px;font-size:.68em;transition:all .15s}.reset-btn:hover{color:#f88;background:#ff4d4d22;border-color:#822}.pane-enemies{background:#500a0a40;border-bottom:1px solid #1a0a0a}.pane-sub-label{text-transform:uppercase;letter-spacing:2px;color:#833;border-bottom:1px solid #1a0a0a;padding:4px 14px 3px;font-size:.6em}.enemies-container{flex-wrap:wrap;gap:6px;padding:8px 14px;display:flex}.enemy-card{background:#1a0808;border:1px solid #4a1a1a;border-radius:3px;flex-direction:column;gap:3px;min-width:90px;padding:5px 10px;display:flex}.enemy-type{color:#c44;text-transform:uppercase;letter-spacing:1px;font-size:.78em;font-weight:700}.enemy-detail{color:#6a3333;font-size:.68em}.hp-bar{background:#2a0f0f;border-radius:2px;height:3px;overflow:hidden}.hp-fill{background:#c44;height:100%;transition:width .3s}.pane-badges{border-bottom:1px solid #0f1e2a;flex-wrap:wrap;gap:6px;padding:8px 14px;display:flex}.console-badge{text-transform:uppercase;letter-spacing:1px;border-radius:2px;padding:2px 8px;font-size:.66em;font-weight:700}.badge-warn{color:#ffa030;background:#2a1800;border:1px solid #7a5000}.badge-good{color:#4ddd4d;background:#0a1e00;border:1px solid #363}.pane-rolls{color:#4a8aaa;letter-spacing:1px;border-bottom:1px solid #0f1e2a;padding:8px 14px;font-size:.9em}.roll-total{color:#4dff4d;font-size:1.25em;font-weight:700}.pane-action{justify-content:center;padding:12px 14px;display:flex}.action-btn{color:#4db8ff;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#1a4a6a,#0d2a3e);border:1px solid #2a6a9a;border-radius:4px;width:100%;padding:10px 28px;font-size:.88em;font-weight:700;transition:all .15s;animation:2.5s ease-in-out infinite action-glow}@keyframes action-glow{0%,to{box-shadow:0 0 8px #4db8ff33,inset 0 1px #4db8ff1a}50%{box-shadow:0 0 18px #4db8ff73,inset 0 1px #4db8ff33}}.action-btn:hover{color:#7dd4ff;background:linear-gradient(135deg,#1e5a80,#112f47);border-color:#4db8ff;animation:none;transform:translateY(-1px);box-shadow:0 0 24px #4db8ff80}.action-btn:active{transform:translateY(0)}button.btn-sm{color:#4a9ab8;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:#0f1e2a;border:1px solid #1a3a52;border-radius:3px;padding:3px 9px;font-size:.72em;font-weight:700;transition:all .15s}button.btn-sm:hover{color:#7dd4ff;background:#1a3a52;border-color:#4db8ff}button.btn-sm:disabled{opacity:.28;cursor:not-allowed}button.btn-free{color:#4dff4d!important;background:#0a1e00!important;border-color:#363!important}button.btn-free:hover{background:#363!important}button.btn-danger{color:#c66!important;background:#1e0a0a!important;border-color:#4a1a1a!important}button.btn-danger:hover{color:#fff!important;background:#c22!important;border-color:#c22!important}.log{background:#060a0e;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.log-header{z-index:10;background:#060a0e;position:sticky;top:0}.log ul{flex-direction:column;gap:3px;margin:0;padding:6px 8px;list-style:none;display:flex}.log li{color:#8a9faf;background:#ffffff04;border-left:2px solid #1e2e3e;border-radius:0 2px 2px 0;padding:4px 8px;font-size:.77em;line-height:1.35}.log li small{color:#2a4a5a;margin-right:4px}.log li.info{border-left-color:#1a4a6a}.log li.combat{border-left-color:#6a1a1a}.log li.reward{color:#7ab87a;border-left-color:#1a4a1a}.log li.danger{color:#c8883a;border-left-color:#7a4a00}.setup-screen{flex:1;justify-content:center;align-items:center;display:flex}.setup-box{text-align:center;background:#080e18f2;border:1px solid #1a3a52;border-radius:8px;flex-direction:column;align-items:center;gap:8px;width:380px;padding:48px 40px;display:flex;box-shadow:0 0 60px #4db8ff14,0 0 120px #000c}.setup-title{letter-spacing:8px;text-transform:uppercase;color:#4db8ff;text-shadow:0 0 24px #4db8ff80;font-size:2em;font-weight:700}.setup-subtitle{color:#2a6a8a;letter-spacing:3px;text-transform:uppercase;margin:0 0 24px;font-size:.82em}.setup-form{flex-direction:column;gap:12px;width:100%;display:flex}.setup-label{text-transform:uppercase;letter-spacing:2px;color:#3a6a8a;text-align:left;font-size:.68em}.setup-input{color:#cdd6e0;text-align:center;letter-spacing:2px;background:#0a1520;border:1px solid #1a3a52;border-radius:4px;outline:none;width:100%;padding:9px 12px;font-size:1.05em;transition:border-color .15s,box-shadow .15s}.setup-input:focus{border-color:#2a6a9a;box-shadow:0 0 12px #4db8ff26}.setup-input::placeholder{color:#2a4a5a}.end-screen-wrap{flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}.end-screen{text-align:center;border:1px solid;border-radius:10px;width:100%;max-width:540px;margin:20px;padding:36px 32px}.end-win{background:#0d1f0df2;border-color:#2a6a2a;box-shadow:0 0 60px #4dff4d1a}.end-loss{background:#1f0d0df2;border-color:#6a2a2a;box-shadow:0 0 60px #ff4d4d1a}.end-title{letter-spacing:4px;text-transform:uppercase;margin-bottom:10px;font-size:1.8em;font-weight:700}.end-win .end-title{color:#4dff4d;text-shadow:0 0 20px #4dff4d80}.end-loss .end-title{color:#f66;text-shadow:0 0 20px #ff4d4d80}.end-message{color:#7a9aaa;margin-bottom:24px;font-size:.95em;line-height:1.6}.end-stats{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;display:flex}.end-stat{background:#ffffff0a;border:1px solid #1e2e3e;border-radius:4px;flex-direction:column;align-items:center;gap:3px;min-width:72px;padding:10px 14px;display:flex}.end-stat span{color:#4a6a7a;text-transform:uppercase;letter-spacing:1px;font-size:.62em}.end-stat strong{color:#cdd6e0;font-size:1.4em}.btn-play-again{color:#4db8ff;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#1a4a6a,#0d2a3e);border:1px solid #2a6a9a;border-radius:4px;padding:10px 32px;font-size:.9em;font-weight:700;transition:all .15s}.btn-play-again:hover{color:#7dd4ff;background:linear-gradient(135deg,#1e5a80,#112f47);box-shadow:0 0 20px #4db8ff66}.mobile-tabs{display:none}@media (width<=768px){body{overflow:hidden}.game-container{padding-bottom:56px}.main-area{grid-template-rows:1fr;grid-template-columns:1fr}.dashboard,.action-pane,.log{grid-area:1/1}.mobile-hidden{display:none!important}.ship-image-wrap{width:28%;padding:8px}.ship-image{max-height:70px}.ship-name{letter-spacing:2px;font-size:.92em}.ship-stats{gap:8px 14px}.module-row{grid-template-columns:72px 44px 1fr;gap:6px;padding:5px 10px}.module-name{font-size:.74em}.scout-row{grid-template-columns:54px 1fr 60px 1fr;gap:6px;padding:4px 10px}.roster-row{gap:5px;padding:4px 10px}.pane-action{padding:16px 12px}.repair-row{font-size:.78em}.mobile-tabs{z-index:200;background:#050a0f;border-top:1px solid #1a3a52;height:56px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #00000080}.mobile-tab{color:#2a5a72;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:0;font-size:.6em;font-weight:700;transition:color .15s;display:flex}.mobile-tab.active{color:#4db8ff}.mobile-tab-icon{font-size:1.5em;line-height:1}.setup-box{width:calc(100% - 32px);padding:36px 24px}.end-screen{margin:16px;padding:28px 20px}}