:root{--cyan:#22d3ee;--cyan-glow:#22d3ee66;--magenta:#ff3bd4;--magenta-glow:#ff3bd466;--green:#10b981;--green-glow:#10b98166;--orange:#f97316;--orange-glow:#f9731666;--glass-bg:#080e18d1;--glass-border:#22d3ee40;--font-title:"Orbitron", sans-serif;--font-body:"Outfit", sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body,html{color:#e2e8f0;width:100%;height:100%;font-family:var(--font-body);background-color:#020408;overflow:hidden}#app{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 8px 32px #0009,inset 0 0 12px #22d3ee0d}#hud{z-index:10;pointer-events:none;grid-template-rows:auto 1fr auto;grid-template-columns:280px 1fr;gap:20px;width:100%;height:100%;padding:20px;display:grid;position:absolute;top:0;left:0}.top-bar{pointer-events:auto;border-bottom:2px solid var(--cyan);grid-column:1/-1;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;box-shadow:0 4px 20px #22d3ee26}.logo{flex-direction:column;display:flex}.logo .glitch{font-family:var(--font-title);color:#fff;letter-spacing:2px;text-shadow:0 0 8px var(--cyan-glow);font-size:1.6rem;font-weight:900;position:relative}.logo .subtitle{color:var(--cyan);letter-spacing:3px;margin-top:-2px;font-size:.65rem;font-weight:700}.stats{gap:20px;display:flex}.stat-box{background:#ffffff05;border-left:3px solid #ffffff1a;border-radius:4px;flex-direction:column;align-items:flex-end;padding:4px 12px;display:flex}#stat-he3{border-left-color:var(--cyan)}#stat-power{border-left-color:var(--magenta)}#stat-drones{border-left-color:var(--green)}.stat-box .label{color:#94a3b8;letter-spacing:1px;font-size:.65rem}.stat-box .value{font-family:var(--font-title);align-items:baseline;gap:4px;font-size:1.3rem;font-weight:700;display:flex}.stat-box .unit{opacity:.8;font-size:.7rem}.stat-box .divider{opacity:.3;margin:0 4px}.cyan-text{color:var(--cyan);text-shadow:0 0 6px var(--cyan-glow)}.magenta-text{color:var(--magenta);text-shadow:0 0 6px var(--magenta-glow)}.green-text{color:var(--green);text-shadow:0 0 6px var(--green-glow)}.build-panel{pointer-events:auto;flex-direction:column;grid-area:2/1;align-self:start;gap:15px;padding:20px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex}.build-panel h2{font-family:var(--font-title);color:var(--cyan);letter-spacing:2px;text-align:center;border-bottom:1px solid #22d3ee33;padding-bottom:10px;font-size:.95rem}.build-grid{flex-direction:column;gap:12px;display:flex}.build-btn{color:#e2e8f0;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:14px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.build-btn:hover:not(:disabled){border-color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow);background:#22d3ee14;transform:translateY(-2px)}.build-btn:active:not(:disabled){transform:translateY(0)}.build-btn:disabled{opacity:.35;cursor:not-allowed}.build-btn.active{border-color:var(--magenta);box-shadow:0 0 10px var(--magenta-glow);background:#ff3bd414}.build-btn .btn-icon{justify-content:center;min-width:32px;font-size:1.6rem;display:flex}.build-btn .btn-info{flex-direction:column;display:flex}.build-btn .btn-title{font-family:var(--font-title);letter-spacing:.5px;font-size:.85rem;font-weight:700}.build-btn .btn-cost{color:var(--cyan);font-size:.7rem}.details-panel{pointer-events:auto;flex-direction:column;grid-area:3/2;align-self:end;align-items:stretch;gap:6px;height:auto;min-height:50px;padding:12px 24px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex}.details-panel .panel-header{font-family:var(--font-title);color:var(--cyan);letter-spacing:1px;margin-bottom:4px;font-size:1rem;font-weight:700}.details-panel .panel-desc{color:#94a3b8;max-width:600px;font-size:.8rem}.action-btn{background:linear-gradient(135deg, var(--magenta) 0%, #c026d3 100%);color:#fff;font-family:var(--font-title);cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #ff3bd44d}.action-btn:hover:not(:disabled){box-shadow:0 4px 20px #ff3bd480, 0 0 10px var(--magenta);transform:translateY(-2px)}.action-btn:disabled{box-shadow:none;opacity:.5;cursor:not-allowed;background:#334155}.controls-overlay{grid-area:3/1;align-self:end;padding:12px 18px;font-size:.75rem;transition:all .35s cubic-bezier(.4,0,.2,1)}.controls-overlay h3{font-family:var(--font-title);color:var(--cyan);letter-spacing:1px;border-bottom:1px solid #22d3ee33;margin-bottom:6px;padding-bottom:4px;font-size:.8rem}.controls-overlay ul{flex-direction:column;gap:4px;list-style:none;display:flex}.controls-overlay li{color:#94a3b8;justify-content:space-between;display:flex}.controls-overlay .key{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:3px;padding:1px 4px;font-family:monospace;font-weight:700}.placement-guide{color:#fff;z-index:100;font-family:var(--font-title);background:#ff3bd4e6;border:1px solid #ff00c8;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:10px 20px;font-size:.9rem;display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ff3bd480}.placement-guide .tip{font-family:var(--font-body);opacity:.85;font-size:.75rem}.log-panel{pointer-events:auto;background:#03071299;border:1px solid #22d3ee1a;border-radius:6px;flex-direction:column;grid-area:2/2;place-self:end;gap:6px;width:320px;max-height:160px;padding:10px;display:flex;overflow-y:auto}.log-entry{background:#ffffff03;border-radius:3px;padding:4px;font-family:monospace;font-size:.75rem;line-height:1.3}.log-entry.system{color:#94a3b8;border-left:2px solid #64748b}.log-entry.mining{color:var(--cyan);border-left:2px solid var(--cyan)}.log-entry.build{color:var(--magenta);border-left:2px solid var(--magenta)}.log-entry.warn{color:var(--orange);border-left:2px solid var(--orange)}.selection-box{border:1.5px dashed var(--cyan);z-index:9999;pointer-events:none;background:#22d3ee14;position:absolute}.hidden{display:none!important}.log-panel::-webkit-scrollbar{width:4px}.log-panel::-webkit-scrollbar-track{background:0 0}.log-panel::-webkit-scrollbar-thumb{background:#22d3ee33;border-radius:2px}.log-panel::-webkit-scrollbar-thumb:hover{background:#22d3ee66}.roster-panel{pointer-events:auto;z-index:10;flex-direction:column;gap:15px;width:280px;height:auto;max-height:380px;padding:20px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:110px;right:20px}.roster-panel h2{font-family:var(--font-title);color:var(--cyan);letter-spacing:2px;text-align:center;border-bottom:1px solid #22d3ee33;padding-bottom:10px;font-size:.95rem}.roster-list{flex-direction:column;flex-grow:1;gap:8px;display:flex;overflow-y:auto}.roster-list::-webkit-scrollbar{width:4px}.roster-list::-webkit-scrollbar-track{background:0 0}.roster-list::-webkit-scrollbar-thumb{background:#22d3ee33;border-radius:2px}.roster-list::-webkit-scrollbar-thumb:hover{background:#22d3ee66}.roster-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.roster-item:hover{border-color:var(--cyan);box-shadow:0 0 8px var(--cyan-glow);background:#22d3ee14;transform:translate(-4px)}.roster-item.active{border-color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow);background:#22d3ee26}.roster-item .drone-name{font-family:var(--font-title);color:#fff;font-size:.8rem;font-weight:700}.roster-item .drone-status{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.status-idle{color:#eab308;background:#eab30826;border:1px solid #eab3084d}.status-moving{color:var(--cyan);background:#22d3ee26;border:1px solid #22d3ee4d}.status-mining{color:var(--green);background:#10b98126;border:1px solid #10b9814d}.status-returning{color:var(--orange);background:#f9731626;border:1px solid #f973164d}.top-bar-btn{border:1px solid var(--cyan);color:var(--cyan);font-family:var(--font-title);cursor:pointer;letter-spacing:.5px;background:#ffffff0d;border-radius:4px;margin-left:10px;padding:8px 12px;font-size:.7rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px #22d3ee1a}.top-bar-btn:hover{box-shadow:0 0 12px var(--cyan-glow);background:#22d3ee1a;transform:translateY(-1px)}.top-bar-btn:active{transform:translateY(0)}.top-bar,.build-panel,.roster-panel,.details-panel,.controls-overlay,.log-panel{transition:all .38s cubic-bezier(.4,0,.2,1)}#hud.collapsed .top-bar{box-shadow:none;pointer-events:none;background:0 0;border-color:#0000}#hud.collapsed .top-bar .logo,#hud.collapsed .top-bar .stat-box{opacity:0;pointer-events:none;transform:translateY(-20px)}#hud.collapsed #btn-toggle-hud{width:44px;height:44px;color:var(--magenta);border-color:var(--magenta);box-shadow:0 0 15px var(--magenta-glow);background:var(--glass-bg);pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.2rem;display:flex;position:absolute;top:20px;right:20px}#hud.collapsed .build-panel{opacity:0;pointer-events:none;transform:translate(-130%)}#hud.collapsed .roster-panel{opacity:0;pointer-events:none;transform:translate(130%)}#hud.collapsed .details-panel{opacity:0;pointer-events:none;transform:translateY(130%)}#hud.collapsed .controls-overlay{opacity:0;pointer-events:none;transform:translate(-130%)}#hud.collapsed .log-panel{opacity:0;pointer-events:none;transform:translate(130%)}.audio-toggle{min-width:70px}.audio-toggle.active{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow);background:#22d3ee1f}.audio-toggle:not(.active){color:#64748b;box-shadow:none;background:#ffffff08;border-color:#ffffff26}.audio-toggle:not(.active):hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 8px var(--cyan-glow);background:#22d3ee0f}.panel-header-clickable{cursor:pointer;justify-content:space-between;align-items:center;width:100%;display:flex}.panel-header-clickable:hover{color:#fff}.panel-header-clickable .chevron{color:var(--cyan);font-size:.65rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.build-grid,.roster-list{opacity:1;max-height:450px;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s,margin .35s,padding .35s;overflow:hidden}.build-panel.rolled-up{height:auto;min-height:0}.build-panel.rolled-up .build-grid{opacity:0;pointer-events:none;max-height:0}.build-panel.rolled-up .chevron{transform:rotate(-90deg)}.roster-panel.rolled-up{height:auto;min-height:0;max-height:52px}.roster-panel.rolled-up .roster-list{opacity:0;pointer-events:none;max-height:0}.roster-panel.rolled-up .chevron{transform:rotate(-90deg)}.controls-overlay.rolled-up{height:auto;min-height:0}.controls-overlay.rolled-up ul{opacity:0;pointer-events:none;max-height:0}.controls-overlay.rolled-up .chevron{transform:rotate(-90deg)}.details-body{opacity:1;justify-content:space-between;align-items:center;width:100%;max-height:120px;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s;display:flex;overflow:hidden}.details-panel.rolled-up{height:auto;min-height:0}.details-panel.rolled-up .details-body{opacity:0;pointer-events:none;max-height:0}.details-panel.rolled-up .chevron{transform:rotate(-90deg)}[hidden]{display:none!important}.privacy-consent{z-index:2000;border:1px solid var(--cyan);color:#e2e8f0;pointer-events:auto;-webkit-user-select:text;user-select:text;background:#030910f7;border-radius:10px;width:min(620px,100vw - 28px);padding:18px 20px;font-size:14px;line-height:1.55;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 0 28px #22d3ee33,0 8px 32px #000c}.privacy-consent h2{color:var(--cyan);font-family:var(--font-title);margin:0 0 7px;font-size:1rem}.privacy-consent p{margin:0}.privacy-consent a{color:#a5f3fc;text-decoration:underline}.privacy-consent-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.privacy-consent-actions button,.privacy-settings{color:#e2e8f0;min-height:40px;font:600 14px var(--font-body);cursor:pointer;pointer-events:auto;background:#0b1721;border:1px solid #22d3eeb3;border-radius:6px;padding:8px 14px}.privacy-consent-actions button:hover,.privacy-settings:hover{background:#12313b}.privacy-consent-actions button:focus-visible,.privacy-settings:focus-visible{outline-offset:2px;outline:3px solid #fff}#privacy-consent-accept{background:#075e66}.privacy-settings{z-index:1900;min-height:34px;padding:5px 10px;font-size:12px;position:fixed;bottom:12px;right:12px}@media (width<=480px){.privacy-consent{padding:15px;bottom:12px}.privacy-consent-actions{grid-template-columns:1fr 1fr;display:grid}.privacy-consent-actions button{padding:8px}}