:root{--bg:#03040a;--panel:#080c15cc;--panel-hi:#101828eb;--line:#7aa8dc29;--line-hi:#8cc8ff61;--txt:#c6d3e4;--txt-hi:#eef5ff;--dim:#66789a;--acc:#49e0ff;--warn:#ffb547;--bad:#ff4f6a;--good:#5cff9d;--ui:"Chakra Petch", system-ui, sans-serif;--px:"Silkscreen", monospace;--cut:10px}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0;overflow:hidden}body{font-family:var(--ui);color:var(--txt);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-size:13px}button{font:inherit;color:inherit}.app,.game-host{position:fixed;inset:0}.game-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.hud{pointer-events:none;position:fixed;inset:0}.hud .panel,.hud button{pointer-events:auto}.panel{background:linear-gradient(180deg, var(--panel-hi), var(--panel) 40%);border:1px solid var(--line);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));-webkit-backdrop-filter:blur(8px)saturate(1.2);backdrop-filter:blur(8px)saturate(1.2);position:absolute;box-shadow:inset 0 1px #ffffff0d,inset 0 0 40px #49e0ff06}.panel:before,.panel:after{content:"";pointer-events:none;border-color:var(--line-hi);border-style:solid;width:14px;height:14px;position:absolute}.panel:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.panel:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.ph{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:7px 12px 6px;display:flex}.ph-title{letter-spacing:.22em;text-transform:uppercase;color:var(--txt-hi);align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.ph-title:before{content:"";background:var(--acc);width:3px;height:10px;box-shadow:0 0 8px var(--acc)}.ph-meta{letter-spacing:.18em;color:var(--dim);font-size:9px}.num{font-family:var(--px);letter-spacing:.02em}.dim{color:var(--dim)}.label{letter-spacing:.2em;color:var(--dim);font-size:9px}.px-icon{image-rendering:pixelated;filter:drop-shadow(0 0 3px #ffffff26);flex:none}.topbar{align-items:center;gap:18px;height:52px;padding:0 16px;display:flex;top:10px;left:10px;right:10px}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:var(--acc);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:22px;height:24px;box-shadow:0 0 12px var(--acc);flex:none;position:relative}.brand-mark:after{content:"";background:var(--bg);clip-path:inherit;position:absolute;inset:5px}.brand-name{letter-spacing:.24em;color:var(--txt-hi);white-space:nowrap;font-size:13px;font-weight:700}.brand-sub{letter-spacing:.22em;color:var(--dim);white-space:nowrap;font-size:9px}.res-row{gap:6px;margin:0 auto;display:flex}.res-chip{border:1px solid var(--line);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:#00000047;align-items:center;gap:8px;min-width:116px;padding:6px 12px 6px 10px;display:flex;position:relative}.res-val{flex-direction:column;line-height:1.05;display:flex}.res-val .num{color:var(--txt-hi);font-size:13px}.rate{font-family:var(--px);color:var(--dim);font-size:8px}.rate.up{color:var(--good)}.rate.down{color:var(--bad)}.res-label{letter-spacing:.18em;color:var(--dim);text-transform:uppercase;font-size:8px;position:absolute;top:4px;right:8px}.top-right{align-items:center;gap:16px;display:flex}.faction-chip{border:1px solid color-mix(in srgb, var(--fc) 40%, transparent);background:color-mix(in srgb, var(--fc) 8%, transparent);align-items:center;gap:8px;padding:4px 10px;display:flex}.faction-chip .tag{font-family:var(--px);color:var(--fc);text-shadow:0 0 8px var(--fc);font-size:11px}.faction-chip .fname{color:var(--txt-hi);white-space:nowrap;font-size:12px;font-weight:600}.faction-chip .sectors{letter-spacing:.16em;color:var(--dim);white-space:nowrap;font-size:9px}.cycle,.online{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.cycle .num{color:var(--txt-hi)}.live-dot{background:var(--good);width:6px;height:6px;box-shadow:0 0 8px var(--good);animation:2s infinite blink;display:inline-block}.feed{width:330px;top:72px;right:10px}.feed-list{max-height:236px;margin:0;padding:4px 0 6px;list-style:none;overflow:hidden}.feed-item{cursor:pointer;border-left:2px solid #0000;gap:10px;padding:4px 12px;font-size:12px;line-height:1.35;animation:.35s ease-out feedIn;display:flex}.feed-item:hover{border-left-color:var(--fc);background:#ffffff08}.feed-item.mine{background:linear-gradient(90deg, color-mix(in srgb, var(--fc) 10%, transparent), transparent)}.feed-time{font-family:var(--px);color:var(--dim);padding-top:2px;font-size:9px}.feed-tag{font-family:var(--px);color:var(--fc);text-shadow:0 0 6px color-mix(in srgb, var(--fc) 60%, transparent);font-size:10px;font-weight:400}.feed-loc{color:var(--dim);font-size:11px}.feed-item.info .feed-text{color:var(--acc)}.minimap{width:256px;bottom:10px;left:10px}.mm-frame{background:radial-gradient(#14284659,#0000 70%);padding:8px}.mm-canvas{width:100%;image-rendering:pixelated;cursor:pointer;display:block}.mm-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:6px 10px 8px;display:flex}.mm-legend{gap:4px;display:flex}.mm-legend i{width:8px;height:8px;display:block;box-shadow:0 0 6px}.zoom-ctl{align-items:center;gap:4px;display:flex}.zoom-ctl .num{color:var(--dim);text-align:center;min-width:34px;font-size:9px}.zoom-ctl button{border:1px solid var(--line);cursor:pointer;background:#ffffff08;width:22px;height:22px;padding:0;line-height:1}.zoom-ctl button:hover{border-color:var(--acc);color:var(--acc)}.selection{gap:14px;width:min(560px,100vw - 716px);min-width:380px;padding:12px 14px;display:flex;bottom:10px;left:50%;transform:translate(-50%)}.selection.empty{justify-content:center;padding:10px 16px}.selection .hint{letter-spacing:.1em;color:var(--dim);text-transform:uppercase;font-size:11px}.sel-portrait{background:radial-gradient(ellipse at 50% 70%, color-mix(in srgb, var(--fc) 22%, transparent), transparent 70%), #00000059;border:1px solid var(--line);flex:none;place-items:center;width:84px;height:108px;display:grid}.sel-portrait img{width:80px;image-rendering:pixelated;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--fc) 50%, transparent))}.sel-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.sel-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sel-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-size:9px}.sel-title{color:var(--txt-hi);letter-spacing:.04em;margin:2px 0 0;font-size:18px;font-weight:600}.owner-chip{white-space:nowrap;color:var(--txt);align-items:center;gap:6px;font-size:11px;display:flex}.owner-chip i{width:8px;height:8px;display:block}.sel-desc{color:var(--txt);opacity:.8;margin:0;font-size:12px}.sel-stats{flex-wrap:wrap;gap:6px;display:flex}.stat{font-family:var(--px);border:1px solid var(--line);background:#0000004d;align-items:center;gap:5px;padding:3px 7px;font-size:10px;display:inline-flex}.stat.up{color:var(--good)}.stat.down{color:var(--bad)}.stat.deposit{color:var(--warn)}.sel-tip{color:var(--acc);opacity:.85;font-size:11px}.sel-actions{gap:6px;margin-top:2px;display:flex}.btn{letter-spacing:.16em;text-transform:uppercase;cursor:pointer;color:var(--acc);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:#49e0ff14;border:1px solid #49e0ff66;padding:5px 14px;font-size:11px;font-weight:600}.btn:hover:not(:disabled){background:#49e0ff2e}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.danger{color:var(--bad);background:#ff4f6a14;border-color:#ff4f6a66}.btn.danger:hover{background:#ff4f6a2e}.progress{border:1px solid var(--line);background:#0006;height:18px;position:relative;overflow:hidden}.progress-bar{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--fc) 45%, transparent) 0 6px, color-mix(in srgb, var(--fc) 25%, transparent) 6px 12px);box-shadow:0 0 12px var(--fc);transition:width .2s linear;position:absolute;inset:0 auto 0 0}.progress span{font-family:var(--px);color:var(--txt-hi);padding-left:8px;font-size:9px;line-height:16px;position:relative}.build{width:400px;bottom:10px;right:10px}.build-grid{grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;display:grid}.build-card{cursor:pointer;border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);background:#0000004d;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;transition:border-color .12s,background .12s,transform .12s;display:flex;position:relative}.build-card:hover{border-color:var(--line-hi);background:#49e0ff0f;transform:translateY(-2px)}.build-card.active{border-color:var(--acc);background:#49e0ff1f;box-shadow:inset 0 0 18px #49e0ff33}.build-card.poor img{filter:grayscale(.8)brightness(.6)}.build-card img{width:40px;height:70px;image-rendering:pixelated;pointer-events:none;margin-top:-6px}.hotkey{font-family:var(--px);color:var(--dim);font-size:9px;position:absolute;top:3px;left:4px}.build-card.active .hotkey{color:var(--acc)}.bc-name{letter-spacing:.04em;color:var(--txt-hi);text-align:center;white-space:nowrap;font-size:10px;font-weight:600;line-height:1.1}.bc-cost{font-family:var(--px);color:var(--txt);flex-wrap:wrap;justify-content:center;gap:2px 6px;font-size:8px;display:flex}.bc-cost>span{align-items:center;gap:2px;display:inline-flex}.bc-cost .short{color:var(--bad)}.tooltip{pointer-events:none;z-index:10;opacity:0;border:1px solid var(--line-hi);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);background:#05080feb;min-width:150px;padding:6px 10px;transition:opacity .1s;position:fixed;top:0;left:0}.tooltip.show{opacity:1}.tt-title{color:var(--txt-hi);font-size:12px;font-weight:600}.tt-row{font-family:var(--px);justify-content:space-between;gap:12px;margin-top:2px;font-size:9px;display:flex}.tt-build{margin-top:4px;font-size:11px;font-weight:600}.tt-build.ok{color:var(--good)}.tt-build.bad{color:var(--bad)}.build-banner{letter-spacing:.14em;text-transform:uppercase;color:var(--txt-hi);background:#0a1e16d9;border:1px solid #5cff9d66;align-items:center;gap:8px;padding:7px 16px;font-size:11px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #5cff9d26}.build-banner b{color:var(--good)}.bb-pulse{background:var(--good);width:8px;height:8px;box-shadow:0 0 10px var(--good);animation:1s infinite blink}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:110px;left:50%;transform:translate(-50%)}.toast{letter-spacing:.06em;border:1px solid var(--line-hi);background:#05080fe6;padding:6px 14px;font-size:12px;font-weight:600;animation:.25s ease-out toastIn}.toast.bad{color:var(--bad);border-color:#ff4f6a80}.toast.good{color:var(--good);border-color:#5cff9d66}.keyhints{color:var(--dim);letter-spacing:.08em;flex-direction:column;gap:3px;font-size:10px;display:flex;position:absolute;bottom:14px;left:278px}kbd{font-family:var(--px);border:1px solid var(--line-hi);color:var(--txt);background:#0006;margin-right:4px;padding:1px 4px;font-size:8px}.fatal{color:var(--bad);padding:20px 28px;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes blink{50%{opacity:.3}}@keyframes feedIn{0%{opacity:0;transform:translate(12px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}}@media (width<=1400px){.keyhints{display:none}.selection{left:calc(50% - 60px)}}@media (width<=1180px){.res-label,.faction-chip .fname,.online{display:none}.res-chip{min-width:0}.build{width:320px}.build-grid{grid-template-columns:repeat(4,1fr)}.bc-name{white-space:normal;font-size:9px}.selection{width:auto;min-width:0;inset:72px 350px auto 10px;transform:none}.feed{width:300px}}@media (width<=760px){.brand-sub,.top-right,.feed,.keyhints{display:none}.topbar{gap:8px;padding:0 10px}.res-row{gap:4px}.res-chip{gap:4px;padding:4px 6px}.rate{display:none}.minimap{width:160px;bottom:150px}.mm-foot{display:none}.build{width:auto;left:10px;right:10px}.build-grid{grid-template-columns:repeat(7,minmax(64px,1fr));overflow-x:auto}.bc-cost{display:none}.selection{right:10px}}