@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-color:#0b0f12;--panel-bg:#161c22d9;--text-color:#d1d7dd;--text-bright:#fff;--accent-color:#dca338;--accent-glow:#dca33840;--danger-color:#ff4d4d;--safe-color:#2ecc71;--water-dark:#10161b;--border-color:#2c3640;--font-title:"Cinzel", serif;--font-sans:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;transition:background-color .3s}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);background-image:radial-gradient(circle at 50% 30%,#14202a99 0%,#0b0f12 80%);flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:20px;display:flex;overflow-x:hidden}h1{font-family:var(--font-title);color:var(--accent-color);text-shadow:0 0 15px var(--accent-glow);letter-spacing:3px;text-align:center;margin:10px 0 2px;font-size:2.2em}.subtitle{font-family:var(--font-mono);color:#647585;text-transform:uppercase;letter-spacing:2px;text-align:center;margin-bottom:25px;font-size:.75em}#game-container{grid-template-columns:340px 580px;gap:20px;width:100%;max-width:940px;display:grid}.panel{background-color:var(--panel-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:border-color .3s,box-shadow .3s;box-shadow:0 15px 35px #0009}.panel:hover{border-color:#dca33840}.controls-panel{flex-direction:column;gap:15px;height:570px;display:flex}.status-group{border-bottom:1px solid #2c364080;padding-bottom:12px}.status-group:last-of-type{border-bottom:none}.status-group h3{color:var(--accent-color);font-size:.8em;font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 10px}.status-row{justify-content:space-between;margin-bottom:6px;font-size:.85em;display:flex}.status-row span:first-child{color:#8c9ba5}.value{font-family:var(--font-mono);color:var(--text-bright);font-weight:700}.value.danger{color:var(--danger-color);text-shadow:0 0 8px #ff4d4d66}.value.warn{color:var(--accent-color);text-shadow:0 0 8px var(--accent-glow)}.slider-container{flex-direction:column;gap:6px;display:flex}.slider-container label{color:#8c9ba5;justify-content:space-between;font-size:.8em;display:flex}input[type=range]{appearance:none;background:#151a1e;border:1px solid #232c35;border-radius:4px;outline:none;width:100%;height:8px;margin:6px 0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-color);cursor:pointer;border:2px solid #1a2228;border-radius:50%;width:16px;height:16px;transition:transform .1s,background-color .2s;box-shadow:0 0 8px #dca33899}input[type=range]::-webkit-slider-thumb:hover{background:#ffc252;transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:var(--accent-color);cursor:pointer;border:2px solid #1a2228;border-radius:50%;width:16px;height:16px;transition:transform .1s,background-color .2s;box-shadow:0 0 8px #dca33899}input[type=range]::-moz-range-thumb:hover{background:#ffc252;transform:scale(1.2)}.btn{color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;background:#1d252e;border-radius:4px;padding:12px;font-size:.85em;font-weight:700;transition:all .2s;box-shadow:0 4px 6px #0003}.btn:hover{background:var(--accent-color);color:#0b0f12;box-shadow:0 0 12px var(--accent-glow);border-color:#fff}.btn:active{transform:translateY(1px)}#journal{height:120px;font-family:var(--font-mono);color:#7b8e9c;background:#07090c;border:1px solid #1b2229;border-radius:4px;flex-direction:column;gap:6px;padding:10px;font-size:.72em;display:flex;overflow-y:auto}.journal-entry{border-left:2px solid var(--accent-color);padding-left:8px;line-height:1.3;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translate(-3px)}to{opacity:1;transform:translate(0)}}#journal::-webkit-scrollbar{width:6px}#journal::-webkit-scrollbar-track{background:#07090c}#journal::-webkit-scrollbar-thumb{background:#1b2229;border-radius:3px}#journal::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.viewport-panel{box-sizing:border-box;flex-direction:column;height:570px;padding:0;display:flex;position:relative;overflow:hidden}.tabs{border-bottom:1px solid var(--border-color);background:#0f1418;display:flex}.tab-btn{color:#5d6f7c;font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;flex:1;padding:14px;font-size:.8em;font-weight:700;transition:all .3s}.tab-btn:hover{color:var(--accent-color);background-color:#161c2266}.tab-btn.active{color:var(--accent-color);border-bottom:2px solid var(--accent-color);text-shadow:0 0 8px var(--accent-glow);background:#161c22d9;margin-bottom:-1px}.tab-content{background:var(--water-dark);flex-grow:1;display:none;position:relative}.tab-content.active{justify-content:center;align-items:center;display:flex}canvas{display:block}#helmCanvas{background-color:var(--water-dark);cursor:crosshair}#chartCanvas{cursor:crosshair;background-color:#c2b08a}#alert-overlay{color:#fff;font-family:var(--font-mono);z-index:10;text-align:center;letter-spacing:1px;background:#b41414f2;border:1px solid #ff4d4d;border-radius:4px;padding:10px 20px;font-size:.78em;font-weight:700;animation:1s infinite alternate pulse;display:none;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0009}#drone-overlay{color:#fff;font-family:var(--font-mono);z-index:10;text-align:center;letter-spacing:1px;background:#8e44adf2;border:1px solid #c39bd3;border-radius:4px;padding:10px 20px;font-size:.78em;font-weight:700;animation:1s infinite alternate pulse;display:none;position:absolute;top:120px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0009}@keyframes pulse{0%{transform:translate(-50%)scale(1);box-shadow:0 8px 20px #0009}to{transform:translate(-50%)scale(1.04);box-shadow:0 8px 25px #ff4d4d4d}}.toggle-container{align-items:center;gap:10px;margin-top:5px;font-size:.72em;display:flex}.toggle-container input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;width:14px;height:14px}.toggle-container label{color:#5d6f7c;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.toggle-container input[type=checkbox]:checked+label{color:var(--text-color)}.overlay-container{z-index:100;background:#040608f2;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.overlay-container.visible{display:flex}.slideshow-card{border:1px solid var(--accent-color);width:100%;max-width:820px;height:480px;box-shadow:0 20px 50px #000c, 0 0 30px var(--accent-glow);background:#141a20;border-radius:8px;animation:.35s cubic-bezier(.16,1,.3,1) cardScaleIn;display:flex;overflow:hidden}@keyframes cardScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.slide-graphic{border-right:1px solid var(--border-color);background:#06090b;flex:1.1;justify-content:center;align-items:center;display:flex}.slide-graphic svg{width:100%;max-width:100%;height:100%;max-height:100%}.slide-narrative{flex-direction:column;flex:1;justify-content:space-between;padding:30px;display:flex}.slide-narrative h2{font-family:var(--font-title);color:var(--accent-color);letter-spacing:1.5px;text-shadow:0 0 10px var(--accent-glow);text-align:left;margin:0 0 15px;font-size:1.4em}.slide-text{font-family:var(--font-sans);color:#a0b2c0;flex-grow:1;margin:0;padding-right:5px;font-size:.82em;line-height:1.6;overflow-y:auto}.slide-text::-webkit-scrollbar{width:4px}.slide-text::-webkit-scrollbar-track{background:#141a20}.slide-text::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.slide-choices{gap:15px;margin-top:20px;display:flex}.slide-choices .choice-btn{text-align:center;flex:1}#btn-land{animation:1.2s infinite alternate landFlash}@keyframes landFlash{0%{filter:brightness(.95);box-shadow:0 0 6px #2ecc7166}to{filter:brightness(1.25);box-shadow:0 0 18px #2ecc71f2,0 0 2px #fff}}#main-menu-overlay{background:#06080afa}.menu-card{border:1px solid var(--accent-color);width:100%;max-width:480px;height:530px;box-shadow:0 20px 50px #000000d9, 0 0 35px var(--accent-glow);box-sizing:border-box;background:#141a20;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;padding:35px;animation:.35s cubic-bezier(.16,1,.3,1) cardScaleIn;display:flex}.menu-title-container{text-align:center;width:100%}.menu-title{font-family:var(--font-title);color:var(--accent-color);text-shadow:0 0 15px var(--accent-glow);letter-spacing:4px;text-transform:uppercase;margin:0 0 5px;font-size:2.1em!important}.menu-subtitle{font-family:var(--font-mono);color:#647585;text-transform:uppercase;letter-spacing:2px;text-align:center;margin-top:5px;font-size:.68em}.menu-graphic{border:1px solid var(--border-color);background:#06090b;border-radius:4px;justify-content:center;align-items:center;width:100%;height:220px;margin:18px 0;display:flex;overflow:hidden}.menu-graphic svg{width:100%;max-width:100%;height:100%;max-height:100%}.menu-actions{flex-direction:column;gap:12px;width:100%;display:flex}.menu-btn{letter-spacing:2px;width:100%;font-size:.88em;font-family:var(--font-mono);text-transform:uppercase;margin:0;padding:12px;font-weight:700;transition:all .2s}.btn-secondary{color:#8c9ba5!important;background:#11151a!important;border-color:#2c3640!important}.btn-secondary:hover{box-shadow:0 0 10px #ffffff0d;color:#fff!important;background:#1a2228!important;border-color:#647585!important}#quit-overlay{background:#040608fc}.quit-card{justify-content:center;gap:24px;max-width:420px;height:auto;min-height:290px}.quit-title{font-family:var(--font-title);letter-spacing:3px;text-shadow:0 0 15px #ff4d4d59;text-align:center;margin:0;color:var(--danger-color)!important;font-size:1.7em!important}.quit-text{font-family:var(--font-sans);color:#a0b2c0;text-align:center;margin:0;font-size:.82em;line-height:1.6}