@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Oxanium:wght@400;500;600;700;800&display=swap');
:root{--bg:#050b12;--panel:#0d1925;--line:#233748;--txt:#d8e9f2;--muted:#668094;--cyan:#52dfff;--gold:#ffc36b;--green:#6fe1ad;--red:#fc696c}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--txt);overflow:hidden;font-family:'Rajdhani',Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}#app{height:100%;display:flex;flex-direction:column;background:#050b11}.header{height:69px;min-height:69px;border-bottom:1px solid #294052;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:linear-gradient(180deg,#101d2b,#090f19);box-shadow:0 2px 18px #0008;z-index:5;gap:15px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{font-size:31px;color:#59d9ec;border:1px solid #33667b;background:radial-gradient(circle,#16465c,#0b2030);width:42px;height:42px;text-align:center;line-height:38px;transform:rotate(0deg);box-shadow:0 0 20px #14608099}.brand strong{font-family:Oxanium,monospace;font-size:20px;letter-spacing:1.6px;color:#f4f8ff}.brand strong span{color:var(--cyan)}.brand small{display:block;font:600 9px Oxanium,monospace;letter-spacing:1.8px;color:#718da1;margin-top:2px}.header-center{font-family:Oxanium,monospace;letter-spacing:1px;font-size:11px;color:#aec8d9;display:flex;align-items:center;gap:11px}.live-pulse{width:7px;height:7px;border-radius:50%;background:#80eac0;box-shadow:0 0 10px #80eac0}.separator{color:#406075}.header-actions{display:flex;align-items:center;gap:8px}.offline-indicator{border:1px solid #35533f;background:#12291f;border-radius:4px;padding:8px 10px;font:700 9px Oxanium,monospace;letter-spacing:.5px;color:#86dfab}.icon-btn{width:32px;height:32px;background:#142533;color:#b9d3e6;border:1px solid #304757;border-radius:4px;font:700 16px Oxanium}.icon-btn:hover,.rail:hover{border-color:#59dff4;color:#fff}.layout{display:flex;flex:1;min-height:0}.leftbar{width:78px;min-width:78px;border-right:1px solid #213647;background:linear-gradient(90deg,#0b1621,#0b1824);display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 8px 16px}.rail{width:61px;height:63px;border:1px solid transparent;background:transparent;border-radius:6px;color:#7392a8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.rail span{font-size:26px;line-height:1}.rail small{font-size:10px;letter-spacing:.8px;font-weight:700}.rail.active{background:linear-gradient(145deg,#133e50,#10303e);border:1px solid #2b7080;color:#7feeff;box-shadow:inset 3px 0 #4ccee5}.rail-bottom{margin-top:auto}.rail-line{width:40px;height:1px;background:#273f52;margin:0 auto 15px}.play-area{position:relative;min-width:0;flex:1;background:#01040a;overflow:hidden}#viewport{position:relative;width:100%;height:100%;touch-action:none}#gameCanvas{display:block;width:100%;height:100%;cursor:crosshair}.hud-top{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;gap:12px}.card-glass{background:linear-gradient(100deg,#0b1c2cdc,#0a1827c2);border:1px solid #2b4c62;border-radius:6px;box-shadow:0 5px 25px #0008;backdrop-filter:blur(4px)}.pilot{display:flex;align-items:center;gap:12px;padding:10px 14px;min-width:251px}.avatar{height:43px;width:43px;border:1px solid #438ca0;background:radial-gradient(circle,#153e53,#0b1c32);border-radius:4px;color:#71d7ff;font-size:30px;text-align:center;line-height:40px}.pilot-main{flex:1}.pilot-name{display:flex;gap:9px;align-items:center;margin-bottom:7px}.pilot-name strong{font:700 13px Oxanium,monospace;letter-spacing:1px}.level-tag{font:700 9px Oxanium;background:#263c4b;border:1px solid #36586b;border-radius:3px;color:#95d9ee;padding:3px 5px}.bar{height:12px;position:relative;border-radius:2px;border:1px solid #264056;background:#08111c;overflow:hidden;margin:3px 0}.bar i{display:block;width:100%;height:100%;transition:width .16s}.bar-hull i{background:linear-gradient(90deg,#a71b2c,#f26970);box-shadow:0 0 7px #ff5a5b}.bar-shield i{background:linear-gradient(90deg,#1b5baf,#44c4ee);box-shadow:0 0 7px #2cbcff}.bar span{position:absolute;inset:0;text-align:center;font:700 8px/11px Oxanium;letter-spacing:.4px;color:#fff;text-shadow:0 1px 3px #000}.wallet{display:flex;flex-direction:column;gap:9px;min-width:164px;padding:12px 17px}.wallet span{font:600 14px Oxanium;color:#ffc677}.wallet span.cyan{color:#65e5ff}.wallet small{font:600 9px Oxanium;color:#94aab8;letter-spacing:1px;margin-left:5px}.zone-banner{position:absolute;top:113px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .5s}.zone-banner.show{opacity:1}.zone-banner strong{display:block;color:#a9ecff;font:700 22px Oxanium;text-shadow:0 0 14px #25abdf}.zone-banner span{font:600 11px Oxanium;color:#82b6cc;letter-spacing:1.6px}#notice{position:absolute;top:175px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:7px;pointer-events:none;align-items:center;z-index:3}.toast{font:700 12px Oxanium;color:#fff;text-align:center;padding:9px 15px;border:1px solid #3d8291;background:#091f30e8;box-shadow:0 0 14px #004164a3;border-radius:3px;animation:toastUp .25s ease}.toast.gold{color:#ffdc8a;border-color:#876b36}.toast.red{color:#ffb1b1;border-color:#954a55}@keyframes toastUp{from{transform:translateY(9px);opacity:0}to{transform:translateY(0);opacity:1}}.bottom-hud{position:absolute;bottom:15px;left:0;right:0;display:flex;align-items:center;flex-direction:column;pointer-events:none}.combat-hint{border:1px solid #35566a;background:#081623b3;border-radius:4px 4px 0 0;padding:6px 16px;color:#97b7c6;font:600 11px Rajdhani;display:flex;gap:8px;align-items:center}.hint-dot{background:#63ecaf;width:6px;height:6px;border-radius:50%;box-shadow:0 0 8px #52da9d}.actionbar{display:flex;background:linear-gradient(180deg,#132739ed,#0a1623ed);padding:7px;gap:7px;border:1px solid #3a5c6a;border-radius:5px;box-shadow:0 8px 25px #0009;pointer-events:auto}.slot{height:64px;width:61px;border:1px solid #30475a;background:#091825e3;color:#8ea4b7;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:1px}.slot:hover,.slot.selected{border-color:#5bd3f0;background:#143046}.slot.selected:after{position:absolute;content:'';bottom:-8px;left:15%;width:70%;height:2px;background:#63dffb;box-shadow:0 0 11px #5bd3f0}.slot-icon{font:800 28px Oxanium;line-height:30px;color:#b8d1e3}.slot-icon.red{color:#ff6f70}.slot-icon.amber{color:#ffc36b}.slot-icon.mint{color:#83e8b0}.slot-icon.blue{color:#6fc6ff}.slot-icon.violet{color:#be92ff}.slot-key{position:absolute;right:4px;top:3px;font:600 9px Oxanium;color:#9db3c4}.slot small{font:700 9px Oxanium;letter-spacing:.4px}.slot.cooldown{filter:grayscale(.85);opacity:.62}.slot-divider{width:1px;margin:7px 4px;background:#3a5665}.small-label{margin-top:8px;letter-spacing:1px;font:600 10px Oxanium;color:#6e94a7}.small-label b{color:#8edbeb}.small-label span{margin:0 5px}.sidebar{width:264px;min-width:264px;border-left:1px solid #234057;background:linear-gradient(90deg,#0a1723,#0c1a26);overflow:auto;scrollbar-width:thin;scrollbar-color:#29485e #091724}.sidebar-section{border-bottom:1px solid #1f3545;padding:17px 16px 19px}.section-heading{display:flex;justify-content:space-between;gap:7px;align-items:center;margin-bottom:15px}.section-heading b{font:700 11px Oxanium;letter-spacing:.8px;color:#cce1eb}.section-heading span{font:600 9px Oxanium;color:#738ca1}.section-heading .green-text{color:#73d9ae}.radar-frame{height:146px;width:100%;border:1px solid #2d566c;background:#071725;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #060f1d}#radarCanvas{width:100%;height:100%}.radar-gridlabel{position:absolute;right:5px;bottom:5px;font:600 8px Oxanium;letter-spacing:1px;color:#3f708b}.radar-legend{display:flex;justify-content:space-between;margin-top:11px;font:600 10px Oxanium;color:#9eb6c4}.radar-legend span{display:flex;gap:5px;align-items:center}.radar-legend i{height:6px;width:6px;border-radius:50%;display:inline-block}.d-self{background:#5be9e7}.d-enemy{background:#fc7773}.d-port{background:#ba8ff7}.metric{display:flex;justify-content:space-between;color:#9bb4c2;font-size:13px;margin:8px 0 5px}.metric b{color:#d6e7ed;font:600 11px Oxanium}.tiny-track{height:6px;border:1px solid #243b4c;border-radius:1px;background:#07101a;overflow:hidden}.tiny-track i{display:block;height:100%;width:100%;transition:width .2s}.tiny-track .hull{background:linear-gradient(90deg,#a81c35,#fb6272)}.tiny-track .shield{background:linear-gradient(90deg,#174daf,#43c4f8)}.tiny-track .exp{background:linear-gradient(90deg,#4c54b5,#9c7deb)}.tiny-track .gold{background:linear-gradient(90deg,#a75e1d,#ffca67)}.quest-name{font:700 14px Oxanium;color:#f2d5a0}.quest-desc{color:#8fa5b3;font-size:13px;margin:7px 0}.quest-progress{display:flex;justify-content:space-between;margin:10px 0 7px;font:600 10px Oxanium}.quest-progress b{color:#e7bc65;font-size:9px}.target-empty{font-size:12px;color:#668398;font-style:italic}.target-card .target-head{display:flex;gap:9px;align-items:center;margin-bottom:12px}.target-sigil{font-size:27px;color:#ff7e7e}.target-head strong{display:block;color:#f0c6c7;font:700 12px Oxanium}.target-head small{color:#69889e;font:600 10px Oxanium}.target-card p{font:600 10px Oxanium;color:#89a6b6;margin:6px 0 0;text-align:right}.hidden{display:none!important}.chat-log{height:94px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;font-size:11px;color:#9bb4c5;scrollbar-width:thin}.chat-log span{color:#66d8ea}.chat-log div{line-height:1.25}.overlay{position:fixed;inset:69px 0 0;display:flex;align-items:center;justify-content:center;z-index:10;background:rgba(2,8,15,.77);backdrop-filter:blur(7px);padding:16px}.overlay.closed{display:none}.start-panel,.modal{width:min(100%,520px);background:linear-gradient(160deg,#152a3c 0%,#071321 80%);border:1px solid #31576a;box-shadow:0 20px 95px #000b,0 0 60px #16426444;position:relative;text-align:center;padding:28px 35px 23px}.start-panel:before,.modal:before{content:'';position:absolute;inset:6px;pointer-events:none;border:1px solid #203d4c}.eyebrow,.modal-eyebrow{font:700 10px Oxanium;letter-spacing:3px;color:#87c8e0}.start-emblem{font-size:62px;line-height:65px;color:#5bd5ed;text-shadow:0 0 35px #33b4e1}.start-panel h1{margin:4px 0;font:800 43px/1 Oxanium;letter-spacing:3px;color:#fff;text-shadow:0 2px 20px #307997}.start-panel h1 span{color:#5ad3e9}.subtitle{font:700 11px Oxanium;letter-spacing:5px;color:#efca82;margin-top:12px}.start-panel p{font-size:15px;color:#91abbc;max-width:395px;line-height:1.4;margin:21px auto}.choose-title{color:#9ab9c8;font:700 10px Oxanium;letter-spacing:2px;margin-bottom:12px}.factions{display:flex;gap:10px}.faction{display:flex;flex:1;flex-direction:column;align-items:center;gap:5px;background:#0b1c2b;border:1px solid #2b4352;color:#cbd8e2;border-radius:4px;padding:13px 4px 11px}.faction:hover,.faction.active{border-color:#66d4e8;background:#123449;box-shadow:inset 0 0 20px #0d466c}.faction-emblem{font-size:30px;line-height:30px}.faction-emblem.sun{color:#ffb969}.faction-emblem.moon{color:#a890f7}.faction-emblem.star{color:#7ae0f9}.faction b{font:700 12px Oxanium}.faction small{font-size:11px;color:#7796a9}.primary-btn{width:100%;border:1px solid #82eaff;background:linear-gradient(180deg,#2a94b7,#185979);padding:14px 16px;color:#fff;font:800 13px Oxanium;letter-spacing:2px;margin-top:19px;box-shadow:0 0 28px #148ec348}.primary-btn:hover{filter:brightness(1.2)}.primary-btn span{margin-left:11px}.start-note{display:block;color:#658597;font-size:10px;margin-top:13px}.modal{text-align:left;width:min(100%,590px);max-height:92%;overflow-y:auto;border-radius:4px;padding:30px 33px}.modal h2{font:800 25px Oxanium;letter-spacing:1px;color:#e9f9ff;margin:7px 0 11px}.modal-desc{color:#94b1c0;line-height:1.5;font-size:15px}.close{position:absolute;z-index:2;right:17px;top:15px;border:1px solid #385369;color:#c1d7e0;background:#122a3a;border-radius:3px;width:30px;height:30px;font:700 15px Oxanium}.upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.upgrade-item{padding:13px;border:1px solid #2f4b5e;background:#0b1c29;display:flex;flex-direction:column;gap:5px}.upgrade-top{display:flex;align-items:center;gap:8px}.upgrade-symbol{font-size:23px;color:var(--cyan);width:30px}.upgrade-item b{font:700 12px Oxanium}.upgrade-item small{font-size:11px;color:#779db3}.upgrade-item p{margin:2px 0;color:#9bb5c6;font-size:12px}.upgrade-item button{align-self:stretch;margin-top:5px;border:1px solid #3b7e9c;border-radius:3px;background:#1a435e;color:#d4f3ff;font:700 10px Oxanium;padding:9px}.upgrade-item button:disabled{opacity:.4;cursor:not-allowed}.modal-foot{text-align:right;margin-top:19px;font:700 12px Oxanium;color:#a6bbc9}.modal-foot b{color:#ffc57a}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.help-grid>div{border:1px solid #294459;background:#0a1b2b;padding:12px;display:flex;flex-direction:column;gap:8px}.help-grid kbd{font:700 11px Oxanium;color:#7ce5fa}.help-grid span{font-size:12px;color:#a5bccc}.sector-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:20px 0}.sector{border:1px solid #38697d;padding:22px 14px;background:radial-gradient(circle at 50% 35%,#193c50,#0b1b2a);display:flex;flex-direction:column;gap:7px;min-height:120px}.sector strong{font:700 12px Oxanium;color:#8df2ff}.sector small{color:#a5c3d6}.sector span{font:600 10px Oxanium;color:#e2ba79}.sector.locked{opacity:.35}.danger{color:#f57779}.secondary-btn{border:1px solid #ac5253;background:#361c27;color:#f7a2a2;padding:12px;font:700 12px Oxanium}#mobileHint{display:none}@media(max-width:1130px){.sidebar{width:222px;min-width:222px}.header-center{display:none}.leftbar{width:65px;min-width:65px}.rail{width:54px}.hud-top{left:10px;top:10px;right:10px}}@media(max-width:850px){.sidebar{display:none}.header{height:55px;min-height:55px;padding:0 12px}.brand-mark{width:32px;height:32px;font-size:23px;line-height:30px}.brand strong{font-size:15px}.brand small{font-size:7px}.offline-indicator{display:none}.leftbar{width:50px;min-width:50px;padding:11px 3px;gap:4px}.rail{width:44px;height:53px}.rail span{font-size:20px}.rail small{font-size:8px}.overlay{top:55px}.pilot{min-width:195px;padding:6px 8px;gap:7px}.avatar{width:33px;height:33px;font-size:22px;line-height:31px}.pilot-name strong{font-size:10px}.level-tag{font-size:8px}.wallet{min-width:108px;padding:8px;gap:7px}.wallet span{font-size:11px}.wallet small{font-size:8px}.slot{width:49px;height:55px}.slot-icon{font-size:22px}.slot small{font-size:8px}.actionbar{gap:4px;padding:5px}.zone-banner{top:90px}#mobileHint{display:block;position:absolute;bottom:4px;right:6px;font-size:9px;color:#5a7385;pointer-events:none}.bottom-hud{bottom:22px}}@media(max-width:520px){.header-actions{gap:4px}.header .icon-btn{width:27px;height:27px}.brand strong{font-size:13px}.brand small{letter-spacing:.1px}.hud-top{top:7px;left:6px;right:6px}.pilot{min-width:175px}.avatar{display:none}.wallet{min-width:96px}.wallet span{font-size:10px}.wallet small{display:none}.pilot-main{min-width:150px}.actionbar{gap:3px}.slot{width:43px;height:50px}.slot small{font-size:7px}.slot-key{font-size:7px}.slot-divider{margin:5px 1px}.combat-hint{font-size:10px;max-width:90%;text-align:center}.small-label{font-size:8px}.start-panel{padding:20px 17px}.start-panel h1{font-size:34px}.start-emblem{font-size:48px;line-height:49px}.start-panel p{margin:12px auto;font-size:13px}.factions{gap:5px}.faction b{font-size:10px}.faction small{font-size:9px}.faction-emblem{font-size:24px}.modal{padding:22px 18px}.upgrade-grid,.help-grid{grid-template-columns:1fr}.sector-grid{grid-template-columns:1fr}}
/* Alpha 0.2 — Fleet hangar */
.hangar-modal{width:min(94vw,850px)}
.hangar-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #2e4658;margin:19px 0 12px;padding-bottom:8px}
.hangar-subhead b{color:#beeafa;font:700 12px Oxanium;letter-spacing:1px}
.hangar-subhead small{font:600 10px Oxanium;color:#6d91a2}
.ship-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px}
.ship-card{background:linear-gradient(155deg,#183143,#091725);border:1px solid #2b4b5e;min-height:170px;padding:11px 10px 9px;display:flex;flex-direction:column;gap:10px}
.ship-card.ship-active{border-color:#50d2e7;box-shadow:inset 0 0 25px #1d63803c}
.ship-card-upper{display:flex;align-items:center;gap:8px}
.ship-emblem{font-size:25px;text-shadow:0 0 14px currentColor}
.ship-card-upper div{min-width:0;flex:1}
.ship-card-upper strong{display:block;font:700 11px Oxanium;color:#ecf8fc;white-space:nowrap}
.ship-card-upper small{display:block;font-size:11px;color:#8caabb;white-space:normal}
.ship-tier{font:800 10px Oxanium;color:#deb773}
.ship-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;font:600 10px Oxanium;color:#a9c9dc}
.ship-card button{margin-top:auto;min-height:29px;padding:6px 4px;border:1px solid #43778c;background:#19435a;color:#c7edfc;font:700 9px Oxanium}
.ship-card button:disabled{opacity:.55;cursor:default}
.material-line{font:600 10px Oxanium;color:#cca4e6;margin:13px 0}
@media(max-width:700px){.ship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hangar-modal{width:min(96vw,650px)}}

/* Alpha 0.2 — Loot crafting */
.craft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.craft-card{border:1px solid #3e5a6d;background:#091d2d;padding:12px;display:flex;flex-direction:column;gap:9px}
.craft-header{display:flex;align-items:center;gap:8px}
.craft-header span{color:#ffcb80;font-size:22px}
.craft-header strong{font:700 11px Oxanium;color:#d5f4ff;flex:1}
.craft-header small{font:700 10px Oxanium;color:#739db0}
.craft-card p{margin:0;color:#acc4d0;font-size:12px}
.craft-cost{color:#e9cc90;font:600 10px Oxanium;min-height:28px;line-height:1.4}
.craft-card button{border:1px solid #518aad;background:#22526f;color:#d2f5ff;font:700 11px Oxanium;padding:8px}
.craft-card button:disabled{opacity:.45}
@media(max-width:600px){.craft-grid{grid-template-columns:1fr}}

/* Alfa 0.3: şirket seçimi, şirket kontratları ve rütbeler */
.start-panel{max-height:min(94vh,840px);overflow-y:auto;scrollbar-color:#274f65 #101c2a}
.company-why{margin:12px auto 12px;text-align:left;border:1px solid #305d71;background:#0d2735;padding:11px 13px;display:flex;flex-direction:column;gap:5px}
.company-why b{font:700 10px Oxanium;color:#8de9ff;letter-spacing:1px}
.company-why span{color:#abc5d2;font-size:12px;line-height:1.25}
.faction em{font:800 9px Oxanium;color:#f3c97b;font-style:normal;margin-top:3px;letter-spacing:.3px}
.faction:disabled{cursor:default;opacity:.84}
.faction:disabled.active{opacity:1}
.faction-detail{border:1px solid #3a6b79;background:linear-gradient(110deg,#133748,#142235);text-align:left;padding:10px 12px;display:flex;flex-direction:column;gap:5px;margin-top:10px}
.faction-detail strong{font:700 11px Oxanium;color:#a7f0ff}
.faction-detail span{font-size:12px;color:#a9c4d3;line-height:1.25}
.faction-lock-note{display:block;color:#7295a7;margin-top:7px;font-size:10px}
.company-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}
.company-heading strong{font:700 12px Oxanium;color:#b1e7fa}
.company-heading small{color:#f4d08c;font-size:10px}
.company-fill{background:linear-gradient(90deg,#3c9ec3,#9c73e2)!important}
@media(max-width:520px){.start-panel{max-height:92vh;padding:13px 17px}.start-panel p{margin:9px auto}.company-why{margin:8px auto;padding:9px}.faction{padding:9px 3px 7px}.faction-detail{padding:8px}.faction-lock-note{margin-top:4px}.start-emblem{font-size:36px;line-height:40px}.start-panel h1{font-size:30px}.start-panel .primary-btn{margin-top:10px;padding:11px}}

/* Alfa 0.4: Tripo AI'den 3D modele dayali gercek gemi gorseli */
.ship-thumb{width:42px;height:42px;flex:0 0 42px;object-fit:contain;filter:drop-shadow(0 0 7px #31bcff88)}