:root{--lcars-orange:#ff9c00;--lcars-peach:#fc9;--lcars-salmon:#c66;--lcars-lilac:#c9c;--lcars-blue:#99f;--lcars-sky:#9cf;--lcars-red:#c44;--lcars-gold:#fc6;--lcars-green:#3c6;--bg:#000;--panel-bg:#0a0a14;--text:#fc9;--text-dim:#975;--log-text:#fe8;--border-r:12px;--statusbar-h:36px;--buttonbar-h:48px;--sidepanel-w:300px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Helvetica Neue,Arial,sans-serif;overflow:hidden}#app{grid-template-rows:var(--statusbar-h) 1fr var(--buttonbar-h);grid-template-columns:var(--sidepanel-w) minmax(0, 1fr) var(--sidepanel-w);grid-template-areas:"status status status""left map side""buttons buttons buttons";gap:6px;height:100vh;padding:6px;display:grid}#status-bar{background:var(--panel-bg);border:2px solid var(--lcars-orange);border-radius:var(--border-r);letter-spacing:1px;white-space:nowrap;grid-area:status;align-items:center;gap:18px;padding:0 14px;font-size:14px;display:flex;overflow:hidden}#status-stardate{color:var(--lcars-sky);margin-left:auto}.settings-menu{position:relative}.settings-toggle{padding:3px 14px;font-size:11px}.settings-dropdown{background:var(--panel-bg);border:2px solid var(--lcars-orange);border-radius:var(--border-r);z-index:100;min-width:220px;padding:10px 14px;position:fixed;box-shadow:0 6px 18px #00000080}.settings-option{color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.lcars-pill{background:var(--lcars-orange);color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;padding:2px 12px;font-size:12px;font-weight:700}.lcars-pill.condition-green{background:var(--lcars-green)}.lcars-pill.condition-yellow{background:#fc0}.lcars-pill.condition-red{background:var(--lcars-red);color:#fff}#map-pane{grid-area:map;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}#game-frame{box-sizing:border-box;border:3px solid var(--lcars-green);border-radius:calc(var(--border-r) + 4px);max-width:100%;height:100%;padding:4px;transition:border-color .2s;display:inline-flex}#game-frame.condition-green{border-color:var(--lcars-green)}#game-frame.condition-yellow{border-color:#fc0;animation:1.4s ease-in-out infinite condition-yellow-pulse}@keyframes condition-yellow-pulse{0%,to{box-shadow:0 0 6px 1px #fc06}50%{box-shadow:0 0 16px 4px #ffcc00d9}}#game-frame.condition-red{border-color:#f22;animation:.5s steps(2,end) infinite condition-red-strobe,.5s ease-in-out infinite condition-red-glow}@keyframes condition-red-strobe{0%,to{border-color:#f22}50%{border-color:#611}}@keyframes condition-red-glow{0%,to{box-shadow:0 0 8px 2px #ff222280}50%{box-shadow:0 0 24px 8px #ff2222f2}}#game{aspect-ratio:1;background:var(--panel-bg);border:2px solid var(--lcars-blue);border-radius:var(--border-r);max-width:100%;height:100%;overflow:hidden}#damage-overlay{pointer-events:none;z-index:1000;position:fixed;inset:0}#damage-overlay svg{opacity:0;width:100%;height:100%;transition:opacity .4s ease-out;position:absolute;inset:0}#damage-vignette{opacity:0;background:radial-gradient(#c000 55%,#cc00008c 100%);transition:opacity .5s ease-out;position:absolute;inset:0}#damage-vignette.pulse{animation:.9s ease-in-out infinite damage-pulse}@keyframes damage-pulse{0%,to{opacity:var(--vignette-base,.4)}50%{opacity:calc(var(--vignette-base,.4) * 1.6)}}.damage-smoke{opacity:0;filter:blur(6px);background:radial-gradient(circle,#3c3c3c8c 0%,#3c3c3c00 70%);width:45%;height:45%;transition:opacity 1s ease-out;animation:9s ease-in-out infinite smoke-drift;position:absolute}#smoke-1{animation-delay:0s;top:-10%;left:-10%}#smoke-2{animation-delay:3s;bottom:-12%;right:-8%}#smoke-3{animation-delay:6s;top:-8%;right:-12%}@keyframes smoke-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(3%,4%)scale(1.15)}}#damage-flash{opacity:0;pointer-events:none;background:#ff3c2859;position:absolute;inset:0}#damage-flash.hit{animation:.35s ease-out hit-flash}@keyframes hit-flash{0%{opacity:.7}to{opacity:0}}.spark-sprite{pointer-events:none;image-rendering:-webkit-optimize-contrast;background-repeat:no-repeat;position:fixed}#game canvas{display:block}#left-panel,#side-panel{flex-direction:column;gap:6px;min-height:0;display:flex}#left-panel{grid-area:left}#side-panel{grid-area:side}.panel-box{background:var(--panel-bg);border:2px solid var(--lcars-orange);border-radius:var(--border-r);min-height:0;padding:10px;font-size:13px;transition:border-color .3s;overflow-y:auto}.panel-box.flash{border-color:var(--lcars-red)}.scans-box{border-color:var(--lcars-salmon);flex:3}.comms-box{border-color:var(--lcars-lilac);flex:2}.ship-box{flex:1;padding:8px 10px;font-size:12px}.ship-box .lcars-label{margin:0 0 2px}.ship-box .stat-row{margin:1px 0}.ship-box .bar{height:8px}.weapon-modes-row{flex-wrap:wrap;gap:4px}.ship-box .weapon-modes-row>span:first-child{flex:none}#event-log{border-color:var(--lcars-gold);flex-direction:column;flex:0 0 190px;padding:6px 10px;display:flex}#event-log-list{color:var(--log-text);flex:1;margin:0;padding:0;font-size:12px;line-height:1.5;list-style:none;overflow-y:auto}.lcars-label{color:var(--lcars-orange);letter-spacing:2px;margin:0 0 4px;font-size:11px}.stat-row{letter-spacing:1px;align-items:center;gap:8px;margin:4px 0;font-size:12px;display:flex}.stat-row>span:first-child{color:var(--lcars-peach);flex:0 0 90px}.stat-plain{color:var(--lcars-sky)}.bar{background:#1a1a2a;border-radius:5px;flex:1;height:10px;overflow:hidden}.bar-fill{background:var(--lcars-orange);border-radius:5px;height:100%;transition:width .2s}.bar-critical{background:var(--lcars-red)}.sys-damaged{color:var(--lcars-gold)}.sys-offline{color:var(--lcars-red)}input[type=range]{accent-color:var(--lcars-orange);flex:1}.lcars-btn.active-toggle{background:var(--lcars-gold)}.scan-entry{border:1px solid var(--text-dim);border-radius:8px;margin:6px 0;padding:8px}.scan-entry.scan-klingon{border-color:var(--lcars-red)}.scan-entry.scan-romulan{border-color:var(--lcars-lilac)}.scan-title{color:var(--lcars-orange);letter-spacing:1px;margin-bottom:4px;font-size:12px;font-weight:700}.scan-desc{color:var(--text);font-size:12px;line-height:1.4}.scan-image{object-fit:cover;border-radius:6px;width:100%;max-height:120px;margin-bottom:6px}.contact-list{margin-bottom:8px}.contact-row{border:1px solid var(--text-dim);cursor:pointer;letter-spacing:1px;border-radius:6px;align-items:center;gap:8px;margin:3px 0;padding:5px 8px;font-size:12px;transition:background .15s,border-color .15s;display:flex}.contact-row:hover{border-color:var(--lcars-orange);background:#ffffff0f}.contact-kind{color:var(--lcars-peach);flex:0 0 56px;font-size:10px}.contact-label{color:var(--lcars-sky);flex:1}.contact-row.contact-unconfirmed{opacity:.8;border-style:dashed}.contact-row.contact-unconfirmed .contact-label{color:var(--lcars-gold);font-style:italic}#game-over{z-index:100;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-over-box{text-align:center;border:3px solid var(--lcars-orange);border-radius:var(--border-r);background:var(--panel-bg);padding:40px 60px}.game-over-box h1{color:var(--lcars-orange);letter-spacing:6px;margin:0 0 12px}#game-over.defeat .game-over-box{border-color:var(--lcars-red)}#game-over.defeat h1{color:var(--lcars-red)}.game-over-box p{color:var(--text);margin-bottom:24px}.game-over-box .lcars-btn{padding:10px 30px}#button-bar{grid-area:buttons;align-items:stretch;gap:8px;display:flex}#button-bar .spacer{flex:1}.lcars-btn{background:var(--lcars-orange);color:#000;letter-spacing:1px;cursor:pointer;border:none;border-radius:18px;padding:0 22px;font-size:13px;font-weight:700}.lcars-btn:hover{background:var(--lcars-peach)}.lcars-btn:active{background:var(--lcars-gold)}.lcars-btn-toggle{background:var(--lcars-lilac)}.lcars-btn-danger{background:var(--lcars-salmon)}@media (width>=1400px){:root{--sidepanel-w:340px}#status-bar{font-size:15px}.panel-box{font-size:14px}}#too-small{display:none}@media (width<=1099px){#app>:not(#too-small){display:none}#too-small{text-align:center;color:var(--lcars-orange);grid-area:1/1/-1/-1;justify-content:center;align-items:center;font-size:18px;display:flex}}