:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#050e1a;color:#e0f0ff}.app{position:relative;min-height:100vh;overflow-x:hidden}.ocean-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#050e1a,#0a1e3a 40%,#0d2b50,#102040)}.wave{position:absolute;bottom:0;left:-50%;width:200%;height:120px;border-radius:50% 50% 0 0;opacity:.06}.wave1{background:#00d4ff;animation:waveAnim 8s ease-in-out infinite;bottom:0}.wave2{background:#0090d0;animation:waveAnim 10s ease-in-out infinite reverse;bottom:15px;opacity:.04}.wave3{background:#0060a0;animation:waveAnim 12s ease-in-out infinite;bottom:30px;opacity:.03}@keyframes waveAnim{0%,to{transform:translate(0) scaleY(1)}50%{transform:translate(5%) scaleY(1.3)}}.bubbles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bubble{position:absolute;bottom:-20px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,rgba(0,200,255,.35),transparent);animation:bubbleRise linear infinite}@keyframes bubbleRise{0%{transform:translateY(0) scale(1);opacity:.7}to{transform:translateY(-100vh) scale(.3);opacity:0}}.header,.resources-bar,.tabs,.content{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}.header{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,180,255,.1)}.title{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#0070c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.subtitle{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#00b4ff73}.score{text-align:right}.score-label{display:block;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#00c8ff66}.score-value{font-size:1.5rem;font-weight:700;color:#00d4ff}.resources-bar{display:flex;gap:.75rem;padding-top:1rem;padding-bottom:1rem;flex-wrap:wrap}.resource{flex:1;min-width:120px;display:flex;align-items:center;gap:.5rem;background:#003c7833;border:1px solid rgba(0,150,255,.1);border-radius:.5rem;padding:.6rem .75rem}.res-icon{font-size:1.25rem}.res-val{font-size:1rem;font-weight:600;color:#e0f0ff}.res-label{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#00c8ff66;margin-left:auto}.tabs{display:flex;gap:.5rem;padding-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,150,255,.1)}.tab{background:#003c7826;border:1px solid rgba(0,150,255,.08);border-radius:.5rem .5rem 0 0;padding:.6rem 1.25rem;color:#00c8ff80;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.tab:hover{background:#0064c833;color:#00c8ffbf}.tab.active{background:#0064c840;border-color:#00b4ff40;color:#00d4ff}.content{padding-top:1.5rem;padding-bottom:3rem}.panel{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-title{font-size:1.25rem;font-weight:600;color:#b0dfff;margin-bottom:.25rem}.panel-desc{font-size:.85rem;color:#00c8ff66;margin-bottom:1.25rem}.section-title{font-size:1rem;font-weight:600;color:#80c8ff;margin-top:2rem;margin-bottom:.75rem}.building-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.building-card{background:#0028504d;border:1px solid rgba(0,150,255,.1);border-radius:.75rem;padding:1.25rem;transition:border-color .2s,box-shadow .2s}.building-card:hover{border-color:#00b4ff40;box-shadow:0 0 20px #0096ff0f}.building-card.locked{opacity:.7}.bld-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.bld-icon{font-size:1.75rem}.bld-name{font-size:1rem;font-weight:600;color:#c0e8ff}.bld-level{font-size:.7rem;color:#00c8ff80}.bld-desc{font-size:.8rem;color:#c8e6ff66;margin-bottom:.75rem}.bld-production{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.prod-tag{font-size:.7rem;padding:.2rem .5rem;border-radius:.25rem;font-weight:500}.prod-tag.gold{background:#ffc80026;color:#ffd060}.prod-tag.energy{background:#00c8ff26;color:#60d0ff}.prod-tag.food{background:#00dc6426;color:#60e890}.prod-tag.materials{background:#b48c6426;color:#d0b888}.bld-level-bar{height:4px;background:#0064c826;border-radius:2px;margin-bottom:.75rem;overflow:hidden}.bld-level-fill{height:100%;background:linear-gradient(90deg,#0060a0,#00b4ff);border-radius:2px;transition:width .3s}.btn{display:block;width:100%;padding:.55rem 1rem;border:1px solid rgba(0,180,255,.2);border-radius:.4rem;background:#0064c826;color:#80d0ff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.btn:hover:not(.disabled){background:#0078dc4d;border-color:#00c8ff66;color:#b0e8ff}.btn.disabled{opacity:.35;cursor:not-allowed}.fleet-summary{display:flex;gap:1rem;margin-bottom:1.25rem}.fleet-stat{background:#003c7833;border:1px solid rgba(0,150,255,.1);border-radius:.5rem;padding:.75rem 1.25rem;display:flex;flex-direction:column}.fs-label{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#00c8ff66}.fs-val{font-size:1.5rem;font-weight:700;color:#00d4ff}.ship-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.ship-card{background:#0028504d;border:1px solid rgba(0,150,255,.1);border-radius:.75rem;padding:1.25rem;text-align:center;transition:border-color .2s}.ship-card:hover{border-color:#00b4ff40}.ship-icon{font-size:2rem;display:block;margin-bottom:.5rem}.ship-name{font-size:1rem;font-weight:600;color:#c0e8ff;margin-bottom:.3rem}.ship-stats{display:flex;justify-content:center;gap:1rem;font-size:.8rem;color:#c8e6ff80;margin-bottom:.3rem}.ship-owned{font-size:.8rem;color:#00c8ff80;margin-bottom:.75rem}.ship-btn{border-color:#00c86433;color:#60e890}.ship-btn:hover:not(.disabled){background:#00b45033;border-color:#00dc6466}.enemy-grid{display:flex;flex-direction:column;gap:.5rem}.enemy-card{display:flex;justify-content:space-between;align-items:center;background:#280a0a4d;border:1px solid rgba(255,60,60,.1);border-radius:.5rem;padding:.75rem 1rem;transition:border-color .2s}.enemy-card:hover{border-color:#ff505040}.enemy-info{display:flex;align-items:center;gap:1rem}.enemy-name{font-size:.9rem;font-weight:600;color:#ffb0b0;min-width:140px}.enemy-power,.enemy-reward{font-size:.75rem;color:#ffb4b473}.battle-btn{width:auto;padding:.4rem 1.25rem;background:#c8282826;border-color:#ff3c3c33;color:#f88}.battle-btn:hover:not(.disabled){background:#dc32324d;border-color:#ff505066}.battle-log{margin-top:1rem}.log-entry{font-size:.8rem;padding:.35rem .5rem;border-left:3px solid;margin-bottom:.25rem;border-radius:0 .25rem .25rem 0}.log-entry.victory{border-color:#0c6;color:#80e8b0;background:#00c8640f}.log-entry.defeat{border-color:#c33;color:#e88888;background:#c832320f}.log-entry.info{border-color:#08c;color:#80c8ff;background:#0064c80f}.mission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.mission-card{background:#0028504d;border:1px solid rgba(0,150,255,.1);border-radius:.75rem;padding:1.25rem;transition:border-color .2s}.mission-card.active{border-color:#00c8ff4d;box-shadow:0 0 15px #0096ff14}.mission-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.mission-icon{font-size:1.75rem}.mission-name{font-size:1rem;font-weight:600;color:#c0e8ff}.mission-risk{font-size:.7rem;color:#ff966499}.mission-desc{font-size:.8rem;color:#c8e6ff66;margin-bottom:.75rem}.mission-rewards{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.reward-tag{font-size:.7rem;padding:.2rem .5rem;border-radius:.25rem;font-weight:500}.reward-tag.gold{background:#ffc80026;color:#ffd060}.reward-tag.energy{background:#00c8ff26;color:#60d0ff}.reward-tag.food{background:#00dc6426;color:#60e890}.reward-tag.materials{background:#b48c6426;color:#d0b888}.mission-btn{border-color:#00c8c833;color:#60d8d8}.mission-btn:hover:not(.disabled){background:#00b4b433;border-color:#00dcdc66}.progress-wrap{display:flex;align-items:center;gap:.75rem}.progress-bar{flex:1;height:8px;background:#0064c826;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#0060a0,#00d4ff);border-radius:4px;transition:width 1s linear}.progress-text{font-size:.8rem;font-weight:600;color:#00d4ff;min-width:36px;text-align:right}.toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:100;background:#003c78d9;border:1px solid rgba(0,200,255,.3);border-radius:.5rem;padding:.6rem 1.25rem;font-size:.85rem;color:#b0e8ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toastIn .3s ease,toastOut .3s ease 3s forwards;white-space:nowrap}.toast-icon{margin-right:.4rem}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}