:root{--energy: #3fe0ff;--energy-dim: #1c8ba6;--amber: #ffb03a;--danger: #ff5c48;--good: #5fe0a0;--ink: #e9f4ff;--ink-dim: #93aac2;--glass: rgba(11, 20, 32, .82);--glass-soft: rgba(17, 29, 45, .7);--edge: rgba(63, 224, 255, .32);--edge-soft: rgba(120, 170, 205, .16);--clip: polygon(10px 0, 100% 0, 100% calc(100% - 10px) , calc(100% - 10px) 100%, 0 100%, 0 10px)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#060b12;color:var(--ink);font-family:Rajdhani,Eurostile,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}#game-canvas{position:fixed;inset:0;width:100%;height:100%;outline:none;touch-action:none;display:block}.hud{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;z-index:5}.hud>*{pointer-events:auto}.resource-bar{display:flex;align-items:stretch;gap:8px;padding:10px 14px;margin:12px 12px 0;background:linear-gradient(180deg,#0e1a2af0,#09111ce0);border:1px solid var(--edge);border-radius:4px;clip-path:var(--clip);box-shadow:0 6px 26px #0000008c,inset 0 1px #78dcff1f;backdrop-filter:blur(9px)}.energy-deficit-warning{display:flex;align-items:center;gap:8px;min-width:220px;padding:5px 10px;color:#ffe1dc;background:linear-gradient(135deg,#ff5c4847,#7e231d57);border:1px solid rgba(255,112,94,.8);border-radius:3px;box-shadow:inset 0 0 16px #ff5c481f,0 0 14px #ff5c4829}.energy-deficit-icon{display:grid;width:21px;height:21px;place-items:center;flex:none;color:#fff;background:var(--danger);border-radius:50%;font-weight:900}.energy-deficit-warning b{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.energy-deficit-warning small{display:block;margin-top:2px;font-size:10px;color:#ffc8be;white-space:nowrap}.res{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 6px;min-width:106px;border-right:1px solid var(--edge-soft)}.res:last-child{border-right:none}.res-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:3px;font-size:14px;font-weight:700;background:#3fe0ff1f;border:1px solid rgba(63,224,255,.35);color:var(--energy);flex:none}.res-body{display:flex;flex-direction:column;line-height:1.05;min-width:0}.res-amount{font-size:16px;font-weight:700;letter-spacing:.02em}.res-rate{font-size:11px;color:var(--ink-dim);letter-spacing:.04em}.res-rate.neg{color:var(--danger)}.res-rate.pos{color:var(--good)}.res-fill{height:3px;margin-top:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.res-fill>i{display:block;height:100%;background:linear-gradient(90deg,var(--energy-dim),var(--energy))}.res-fill.full>i{background:linear-gradient(90deg,#a8641c,var(--amber))}.top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.colony-tag{margin:12px 12px 0;padding:8px 16px;background:var(--glass);border:1px solid var(--edge);clip-path:var(--clip);backdrop-filter:blur(9px);min-width:190px}.colony-tag h1{margin:0;font-size:17px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.colony-tag p{margin:2px 0 0;font-size:11.5px;color:var(--ink-dim);letter-spacing:.05em}.colony-switch{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.colony-switch button{background:#3fe0ff14;border:1px solid var(--edge-soft);color:var(--ink-dim);font-size:11px;padding:3px 9px;border-radius:2px;letter-spacing:.04em}.colony-switch button.active{color:#04121a;background:var(--energy);border-color:var(--energy);font-weight:700}.spacer{flex:1;pointer-events:none}.toolbar{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px;z-index:6}.tool{width:58px;height:58px;display:grid;place-items:center;gap:1px;background:var(--glass);border:1px solid var(--edge);clip-path:var(--clip);backdrop-filter:blur(9px);transition:transform .12s ease,background .12s ease}.tool:hover{transform:translate(-3px);background:#183046e6}.tool.active{background:var(--energy);color:#04121a}.tool span{font-size:20px;line-height:1}.tool small{font-size:8.5px;letter-spacing:.09em;text-transform:uppercase;opacity:.8}.tool .badge{position:absolute;margin:-34px 0 0 34px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;border-radius:9px;padding:0 5px}.onboarding-layer{position:fixed;inset:0;z-index:20;pointer-events:none}.onboarding-callout{position:absolute;width:min(320px,calc(100vw - 32px));padding:14px 16px;color:var(--ink);background:#08131ff5;border:1px solid var(--energy);clip-path:var(--clip);box-shadow:0 10px 32px #00000094,0 0 20px #3fe0ff2e;pointer-events:auto}.onboarding-callout:after{content:"";position:absolute;width:13px;height:13px;background:inherit;border-right:1px solid var(--energy);border-bottom:1px solid var(--energy);transform:rotate(45deg)}.onboarding-eyebrow{margin:0 0 5px;color:var(--energy);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.onboarding-callout h2{margin:0;font-size:18px;letter-spacing:.03em}.onboarding-callout>p:not(.onboarding-eyebrow){margin:7px 0 13px;color:var(--ink-dim);font-size:13px;line-height:1.35}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.onboarding-actions button{border-radius:2px;padding:7px 11px;font-size:12px;font-weight:700;letter-spacing:.04em}.onboarding-skip{border:0;color:var(--ink-dim);background:transparent;text-decoration:underline}.onboarding-next{border:1px solid var(--energy);color:#04121a;background:var(--energy)}.onboarding-build-dock .onboarding-callout{left:50%;bottom:148px;transform:translate(-50%)}.onboarding-build-dock .onboarding-callout:after{left:calc(50% - 7px);bottom:-7px}.onboarding-resources .onboarding-callout{top:116px;right:18px}.onboarding-resources .onboarding-callout:after{top:-7px;right:42px;transform:rotate(225deg)}.onboarding-galaxy .onboarding-callout{top:50%;right:88px;transform:translateY(-50%)}.onboarding-galaxy .onboarding-callout:after{top:calc(50% - 7px);right:-7px;transform:rotate(-45deg)}.build-dock{margin:0 auto 14px;padding:10px 12px;display:flex;gap:8px;align-items:stretch;background:linear-gradient(180deg,#0e1a2ae6,#080f19f2);border:1px solid var(--edge);clip-path:var(--clip);backdrop-filter:blur(10px);box-shadow:0 -4px 30px #0009;max-width:min(1080px,calc(100vw - 24px));overflow-x:auto}.build-card{position:relative;width:108px;flex:none;padding:8px 8px 9px;text-align:left;background:#1e30448c;border:1px solid var(--edge-soft);border-radius:3px;transition:border-color .12s ease,transform .12s ease}.build-card:hover:not(:disabled){border-color:var(--energy);transform:translateY(-2px)}.build-card.selected{border-color:var(--energy);background:#3fe0ff2e}.build-card.locked{filter:saturate(.25)}.build-card .swatch{width:100%;height:34px;border-radius:2px;margin-bottom:6px;display:grid;place-items:center;font-size:19px}.build-card b{display:block;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase}.build-card .cost{margin-top:4px;font-size:10.5px;color:var(--ink-dim);display:flex;gap:7px;flex-wrap:wrap}.build-card .cost i{font-style:normal}.build-card .cost i.short{color:var(--danger)}.build-card .lock{margin-top:4px;font-size:10px;color:var(--amber)}.panel{position:absolute;background:var(--glass);border:1px solid var(--edge);clip-path:var(--clip);backdrop-filter:blur(11px);box-shadow:0 10px 40px #0009}.detail{left:14px;bottom:100px;width:306px;padding:14px 16px 16px}.detail header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.detail h2{margin:0;font-size:16px;letter-spacing:.07em;text-transform:uppercase}.detail .lvl{font-size:11px;padding:2px 8px;background:#3fe0ff29;border:1px solid var(--edge);color:var(--energy);letter-spacing:.06em}.detail p.desc{margin:8px 0 10px;font-size:12px;line-height:1.45;color:var(--ink-dim)}.detail-energy-deficit{display:grid;gap:3px;margin:0 0 10px;padding:8px 9px;color:#ffd6cf;background:#ff5c4824;border:1px solid rgba(255,92,72,.58);border-left:3px solid var(--danger);font-size:11px;line-height:1.35}.detail-energy-deficit b{color:#fff;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.stat-row{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;border-bottom:1px dashed var(--edge-soft)}.stat-row span{color:var(--ink-dim);letter-spacing:.04em}.stat-row b{font-weight:700}.progress{margin-top:10px;height:8px;background:#ffffff14;border:1px solid var(--edge-soft);overflow:hidden}.progress>i{display:block;height:100%;background:repeating-linear-gradient(115deg,var(--amber) 0 8px,#d18a22 8px 16px)}.progress-label{font-size:11px;color:var(--amber);margin-top:4px;letter-spacing:.05em}.btn{display:block;width:100%;margin-top:12px;padding:10px;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;background:linear-gradient(180deg,var(--energy),var(--energy-dim));color:#04121a;border:none;border-radius:2px;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--edge)}.btn.danger{background:linear-gradient(180deg,#ff7a68,#b8392a);color:#fff}.overlay-scrim{position:fixed;inset:0;background:#0409109e;backdrop-filter:blur(3px);display:grid;place-items:center;z-index:20}.modal{width:min(940px,calc(100vw - 40px));max-height:calc(100vh - 60px);overflow:auto;padding:20px 24px 24px;background:var(--glass);border:1px solid var(--edge);clip-path:var(--clip);box-shadow:0 20px 70px #000000b3}.modal>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--edge-soft);padding-bottom:10px;margin-bottom:14px}.modal h2{margin:0;font-size:19px;letter-spacing:.12em;text-transform:uppercase}.close-x{background:none;border:1px solid var(--edge-soft);width:30px;height:30px;font-size:15px;line-height:1}.notifications-scrim{z-index:35}.notifications-panel{width:min(620px,calc(100vw - 40px))}.notifications-panel header>div{min-width:0}.notifications-summary{margin:3px 0 0;color:var(--ink-dim);font-size:12px;letter-spacing:.05em}.notifications-list{display:flex;flex-direction:column;gap:8px;max-height:min(55vh,520px);overflow-y:auto;padding-right:3px}.notification-row{padding:11px 12px;border:1px solid var(--edge-soft);border-left:3px solid #5a7086;background:#14223280}.notification-row.unread{border-left-color:var(--energy);background:#1f475b7a;box-shadow:inset 0 0 18px #3fe0ff12}.notification-row-heading{display:flex;align-items:center;gap:8px;min-width:0}.notification-kind{color:var(--energy);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.notification-row.read .notification-kind{color:var(--ink-dim)}.notification-unread{padding:1px 6px;border-radius:8px;background:var(--energy);color:#04121a;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.notification-row time{margin-left:auto;color:var(--ink-dim);font-size:11px;white-space:nowrap}.notification-row p{margin:6px 0 0;font-size:13px;line-height:1.4}.notifications-empty{margin:24px 0;padding:20px;text-align:center;color:var(--ink-dim);border:1px dashed var(--edge-soft)}.notifications-panel footer{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--energy);margin:4px 0 8px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;margin-bottom:6px;background:#1e30446b;border-left:2px solid var(--edge);font-size:12.5px}.list-row .muted{color:var(--ink-dim);font-size:11.5px}.row-actions{display:flex;gap:6px}.mini{padding:4px 10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:#3fe0ff24;border:1px solid var(--edge);border-radius:2px}.mini.solid{background:var(--energy);color:#04121a;font-weight:700}.mini.warn{background:#ff5c4829;border-color:#ff5c4880;color:#ffb3a8}.market-resource-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px}.market-resource-chip{padding:7px 8px;text-align:left;color:var(--ink);background:var(--glass-soft);border:1px solid var(--edge-soft);border-left:2px solid var(--market-tint)}.market-resource-chip.active{background:#3fe0ff24;border-color:var(--market-tint);box-shadow:inset 0 0 12px #3fe0ff14}.market-resource-chip span,.market-resource-chip small{display:block}.market-resource-chip small{margin-top:2px;color:var(--ink-dim);font-size:10px}.market-ladder{border:1px solid var(--edge-soft);background:#070f1985}.market-ladder-head{display:flex;justify-content:space-between;padding:6px 9px;color:var(--ink-dim);font-size:10px;letter-spacing:.1em}.market-ladder>.muted{margin:5px 9px;font-size:11.5px}.market-ladder-row{position:relative;display:flex;width:100%;justify-content:space-between;overflow:hidden;padding:6px 9px;color:var(--ink);border:0;border-top:1px solid rgba(120,170,205,.1);background:transparent;text-align:right;font-size:12px}.market-ladder-row:before{position:absolute;content:"";inset:0 auto 0 0;width:var(--market-depth);opacity:.18;pointer-events:none}.market-ladder-row span,.market-ladder-row b{position:relative}.market-ladder-row.sell{color:#ffb3a8}.market-ladder-row.sell:before{background:var(--danger)}.market-ladder-row.buy{color:var(--good)}.market-ladder-row.buy:before{background:var(--good)}.market-spread{padding:7px 9px;color:var(--energy);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);text-align:center;font-size:11px;letter-spacing:.04em}.market-side-toggle{display:flex;margin:0 0 10px}.market-side-toggle button{flex:1;padding:7px;background:var(--glass-soft);border:1px solid var(--edge-soft);text-transform:uppercase;letter-spacing:.08em}.market-side-toggle button.active{background:#3fe0ff26;border-color:var(--energy);color:var(--energy)}.market-band,.market-submit-reason{margin:6px 0;font-size:11.5px}.market-submit-reason{color:var(--amber)}.market-summary{margin:10px 0;padding:7px 9px;background:#1e30446b;border-left:2px solid var(--edge);font-size:12px}.market-summary>div{display:flex;justify-content:space-between;gap:12px;padding:2px 0}.market-summary span{color:var(--ink-dim)}.empire-overview{display:grid;gap:10px;max-height:min(65vh,620px);overflow-y:auto;padding-right:3px}.empire-colony-card{padding:13px;background:#1423349e;border:1px solid var(--edge-soft);border-left:3px solid var(--edge)}.empire-colony-card.active{border-color:#3fe0ffa3;border-left-color:var(--energy);box-shadow:inset 0 0 20px #3fe0ff12}.empire-colony-card.energy-deficit{border-left-color:var(--danger)}.empire-colony-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.empire-colony-heading h3{margin:0;font-size:14px;letter-spacing:.07em;text-transform:uppercase}.empire-colony-heading p{margin:3px 0 0;color:var(--ink-dim);font-size:11.5px}.empire-active-badge{padding:3px 7px;background:var(--energy);color:#04121a;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.empire-energy-deficit{min-width:0;width:fit-content;margin-top:10px}.empire-resources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.empire-resource{display:flex;align-items:center;gap:5px;min-width:0;padding:6px;background:#050c156b}.empire-resource-icon{width:18px;flex:none;font-size:13px;text-align:center}.empire-resource>span:last-child{display:grid;min-width:0}.empire-resource b{font-size:12px;white-space:nowrap}.empire-resource b small{color:var(--ink-dim);font-size:9px;font-weight:400}.empire-resource em{color:var(--ink-dim);font-size:10px;font-style:normal;white-space:nowrap}.empire-resource em.pos{color:var(--good)}.empire-resource em.neg{color:var(--danger)}.empire-actions{justify-content:flex-end;margin-top:10px}@media (max-width: 760px){.empire-resources{grid-template-columns:repeat(2,minmax(0,1fr))}}input,select{background:#08101ae6;border:1px solid var(--edge-soft);color:var(--ink);padding:8px 10px;font-family:inherit;font-size:13px;width:100%;border-radius:2px}input:focus,select:focus{outline:none;border-color:var(--energy)}label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin:10px 0 4px}.galaxy-root{position:fixed;inset:0;z-index:25;background:#040711}#galaxy-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.galaxy-topbar{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 18px;background:var(--glass);border:1px solid var(--edge);clip-path:var(--clip);backdrop-filter:blur(9px)}.galaxy-topbar h2{margin:0;font-size:18px;letter-spacing:.16em;text-transform:uppercase}.galaxy-topbar p{margin:3px 0 0;font-size:11.5px;color:var(--ink-dim);letter-spacing:.06em}.galaxy-legend{position:absolute;left:14px;bottom:14px;display:flex;gap:14px;flex-wrap:wrap;padding:8px 14px;font-size:11px;letter-spacing:.06em;background:var(--glass);border:1px solid var(--edge-soft);color:var(--ink-dim)}.galaxy-legend span{display:flex;align-items:center;gap:6px}.galaxy-legend i{width:9px;height:9px;border-radius:50%;display:block}.galaxy-dossier{right:14px;top:88px;bottom:14px;width:330px;padding:14px 16px;overflow:auto}.galaxy-dossier header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.galaxy-dossier h2{margin:0;font-size:16px;letter-spacing:.07em;text-transform:uppercase}.muted{color:var(--ink-dim)}@media (max-width: 760px){.galaxy-dossier{inset:auto 8px 8px;width:auto;max-height:46vh}.galaxy-legend{display:none}.galaxy-topbar{padding:7px 12px;left:8px;right:8px;top:8px}.galaxy-topbar h2{font-size:14px}}.toasts{position:fixed;top:90px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;z-index:40;pointer-events:none}.toast{padding:9px 18px;font-size:12.5px;letter-spacing:.05em;background:var(--glass);border:1px solid var(--edge);border-left:3px solid var(--energy);box-shadow:0 6px 24px #0009;animation:toast-in .18s ease-out}.toast.error{border-left-color:var(--danger)}.toast.success{border-left-color:var(--good)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.placement-hint{position:fixed;bottom:118px;left:50%;transform:translate(-50%);padding:8px 20px;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;background:var(--glass);border:1px solid var(--energy);color:var(--energy);z-index:12;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.62}}.auth-screen{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(1100px 700px at 50% 10%,rgba(35,90,130,.5),transparent 65%),linear-gradient(180deg,#0a1626,#04080f);z-index:50}.auth-card{width:372px;padding:30px 32px 32px}.auth-card h1{margin:0 0 4px;font-size:27px;letter-spacing:.19em;text-transform:uppercase;background:linear-gradient(90deg,#fff,var(--energy));-webkit-background-clip:text;background-clip:text;color:transparent}.auth-card .tagline{margin:0 0 18px;font-size:11.5px;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase}.auth-toggle{margin-top:12px;text-align:center;font-size:12px;color:var(--ink-dim)}.auth-toggle button{background:none;border:none;color:var(--energy);text-decoration:underline;padding:0;font-size:12px}.devbar{position:fixed;left:14px;top:84px;z-index:30;display:flex;gap:6px;align-items:center;padding:6px 10px;font-size:11px;letter-spacing:.07em;background:#ffb03a1f;border:1px solid rgba(255,176,58,.4);color:var(--amber)}.devbar-toggle{position:fixed;left:14px;top:84px;z-index:30;padding:2px 7px;font-size:9px;letter-spacing:.14em;background:#ffb03a0f;border:1px solid rgba(255,176,58,.18);color:#ffb03a73;border-radius:2px}.devbar-toggle:hover{color:var(--amber);border-color:#ffb03a80}.devbar button{background:#ffb03a29;border:1px solid rgba(255,176,58,.4);color:var(--amber);font-size:11px;padding:2px 8px;border-radius:2px}.loading{position:fixed;inset:0;display:grid;place-items:center;background:#04080f;color:var(--energy);letter-spacing:.22em;text-transform:uppercase;font-size:13px;z-index:60}@media (max-width: 760px){.onboarding-build-dock .onboarding-callout{bottom:146px}.onboarding-resources .onboarding-callout{top:auto;right:8px;bottom:168px}.onboarding-resources .onboarding-callout:after{top:auto;right:28px;bottom:-7px;transform:rotate(45deg)}.onboarding-galaxy .onboarding-callout{top:auto;right:62px;bottom:208px;transform:none}.onboarding-galaxy .onboarding-callout:after{top:auto;right:-7px;bottom:36px;transform:rotate(-45deg)}.resource-bar{flex-wrap:wrap;gap:2px;padding:7px 9px;margin:8px 8px 0}.energy-deficit-warning{width:100%;min-width:0;padding:5px 7px}.energy-deficit-warning small{font-size:9px;white-space:normal}.res{min-width:84px;padding:3px 8px 3px 4px;border-right:none}.res-icon{width:21px;height:21px;font-size:11px}.res-amount{font-size:13px}.res-rate{font-size:9.5px}.colony-tag{min-width:0;margin:8px 8px 0;padding:6px 12px}.colony-tag h1{font-size:14px}.toolbar{top:auto;bottom:160px;transform:none;right:8px;gap:6px}.tool{width:46px;height:46px}.tool span{font-size:16px}.tool small{font-size:7px}.build-dock{margin:0 8px 10px;padding:8px;gap:6px}.build-card{width:88px;padding:6px}.build-card .swatch{height:26px;font-size:15px}.detail{left:8px;right:8px;width:auto;bottom:148px;padding:11px 13px 13px}.modal{padding:14px 15px 18px}.grid-2{grid-template-columns:1fr;gap:12px}.auth-card{width:min(372px,calc(100vw - 32px))}}