@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Share+Tech+Mono&display=swap";:root{--color-bg:#05070a;--color-panel:#0c1017a6;--color-border:#38bdf833;--color-border-glow:#38bdf866;--accent-cyan:#0ea5e9;--accent-green:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-purple:#8b5cf6;--text-primary:#f8fafc;--text-muted:#64748b;--text-glow:0 0 8px #0ea5e98c;--font-ui:"Rajdhani", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Share Tech Mono", monospace;--in-oklch:in oklch;--in-oklab:in oklab}@supports not linear-gradient(in oklab, white, black){:root{--in-oklch: ;--in-oklab: }}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--text-primary);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;background-image:linear-gradient(#05070aeb,#05070af5),radial-gradient(#38bdf80e 1px,#0000 0),url(/assets/bunker_background-BEpSpIUr.png);background-position:50%,0 0,50%;background-repeat:no-repeat;background-size:cover,20px 20px,cover;background-attachment:fixed;height:100vh;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#0006}::-webkit-scrollbar-thumb{background:#38bdf826;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.panel{background:var(--color-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:4px;padding:1.25rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #00000073}.panel:hover{border-color:#38bdf859;box-shadow:0 8px 32px #0ea5e90f,inset 0 0 10px #0ea5e905}.panel-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.panel-title{text-transform:uppercase;letter-spacing:2px;color:var(--accent-cyan);text-shadow:var(--text-glow);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.scanlines{z-index:9999;pointer-events:none;opacity:.35;background:linear-gradient(#12101000 50%,#00000014 50%) 0 0/100% 4px;width:100%;height:100%;position:fixed;top:0;left:0}.btn{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1px;border:1px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;background:#0ea5e91a;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover:not(:disabled){background:var(--accent-cyan);color:var(--color-bg);box-shadow:0 0 12px #0ea5e980}.btn:disabled{border-color:var(--color-border);color:var(--text-muted);cursor:not-allowed;background:#ffffff05}.btn-green{border-color:var(--accent-green);color:var(--accent-green);background:#10b9811a}.btn-green:hover:not(:disabled){background:var(--accent-green);color:var(--color-bg);box-shadow:0 0 12px #10b98180}.btn-amber{border-color:var(--accent-amber);color:var(--accent-amber);background:#f59e0b1a}.btn-amber:hover:not(:disabled){background:var(--accent-amber);color:var(--color-bg);box-shadow:0 0 12px #f59e0b80}.btn-rose{border-color:var(--accent-rose);color:var(--accent-rose);background:#f43f5e1a}.btn-rose:hover:not(:disabled){background:var(--accent-rose);color:var(--color-bg);box-shadow:0 0 12px #f43f5e80}.resource-badge{font-family:var(--font-mono);border-left:3px solid var(--accent-cyan);background:#0006;border-radius:0 4px 4px 0;flex-direction:column;min-width:90px;padding:.25rem .75rem;display:flex}.resource-badge .value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.resource-badge .label{text-transform:uppercase;color:var(--text-muted);font-size:.7rem}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #38bdf833,inset 0 0 2px #38bdf81a}50%{box-shadow:0 0 15px #38bdf899,inset 0 0 5px #38bdf84d}}.glow-pulse{animation:2s ease-in-out infinite pulse-glow}@keyframes progress-glow{0%{background-position:0 0}to{background-position:30px 0}}.progress-bar-container{border:1px solid var(--color-border);background:#00000080;border-radius:4px;height:8px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(to right, var(--accent-cyan), #38bdf8);height:100%;transition:width .1s linear}.progress-bar-animated{background-image:linear-gradient(-45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:30px 30px;animation:1s linear infinite progress-glow}.game-container{grid-template:"topbar topbar"60px"sidebar main"minmax(0,1fr)"log log"180px/minmax(0,33%) 1fr;gap:10px;width:100vw;height:100vh;padding:10px;display:grid}.topbar-area{grid-area:topbar;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.sidebar-area{flex-direction:column;grid-area:sidebar;gap:.5rem;min-height:0;display:flex;overflow:hidden auto}.main-area{flex-direction:column;grid-area:main;gap:10px;min-height:0;display:flex;overflow:hidden}.roster-area{flex-direction:column;grid-area:roster;gap:10px;min-height:0;display:flex;overflow-y:auto}.log-area{flex-direction:column;grid-area:log;display:flex;overflow:hidden}.log-terminal{font-family:var(--font-mono);background:#05070af2;border:1px solid #38bdf826;border-radius:4px;flex-direction:column;flex-grow:1;gap:.25rem;padding:.75rem;font-size:.85rem;display:flex;overflow-y:auto}.log-item{border-bottom:1px solid #ffffff05;gap:.75rem;padding-bottom:.15rem;line-height:1.4;display:flex}.log-time{color:var(--text-muted);flex-shrink:0}.log-msg{color:var(--text-primary)}.log-scavenge{color:var(--accent-amber)}.log-breed{color:var(--accent-purple)}.log-upgrade{color:var(--accent-green)}.log-system{color:var(--accent-cyan)}.creature-card{border:1px solid var(--color-border);background:#0000004d;border-radius:6px;flex-direction:column;gap:.5rem;padding:.75rem;transition:all .2s;display:flex}.creature-card.active-card{border-color:var(--accent-cyan);box-shadow:0 0 10px #0ea5e926}.creature-card:hover{background:#ffffff05}.creature-header{justify-content:space-between;align-items:center;display:flex}.creature-name{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.creature-gen{font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted);background:#ffffff1a;border-radius:3px;padding:.05rem .3rem}.creature-status-badge{font-family:var(--font-mono);text-transform:uppercase;border-radius:3px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.status-idle{color:var(--text-muted);background:#94a3b826}.status-transit{color:var(--accent-cyan);background:#38bdf826}.status-working{color:var(--accent-green);background:#10b98126}.status-scavenging{color:var(--accent-amber);background:#f59e0b26}.stat-grid{font-family:var(--font-mono);grid-template-columns:repeat(4,1fr);gap:.25rem;font-size:.75rem;display:grid}.stat-item{background:#0006;border-top:2px solid #0000;border-radius:3px;flex-direction:column;align-items:center;padding:.2rem;display:flex}.stat-item.str{border-top-color:var(--accent-rose)}.stat-item.spd{border-top-color:var(--accent-cyan)}.stat-item.int{border-top-color:var(--accent-amber)}.stat-item.mut{border-top-color:var(--accent-purple)}.stat-label{color:var(--text-muted);font-size:.65rem}.stat-val{font-weight:700}.sidebar-room-card{border:1px solid var(--color-border);cursor:pointer;background:#00000040;border-radius:6px;flex-direction:column;flex-shrink:0;gap:.25rem;padding:.65rem .85rem;transition:all .2s;display:flex;overflow:hidden}.sidebar-room-card:hover{background:#ffffff05;border-color:#38bdf84d}.sidebar-room-card.active-room{border-color:var(--accent-cyan);background:#0ea5e914}.sidebar-room-header{justify-content:space-between;align-items:center;display:flex}.sidebar-room-name{text-transform:uppercase;letter-spacing:.5px;font-size:1rem;font-weight:700}.sidebar-room-badge{font-size:.7rem;font-family:var(--font-mono);background:#0006;border-radius:10px;padding:.05rem .35rem}.room-locked-text{color:var(--accent-rose);align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.center-tabs-header{white-space:nowrap;scrollbar-width:thin;background:#090b0ecc;border:1px solid #38bdf81a;border-radius:6px;flex-shrink:0;gap:.5rem;margin-bottom:.5rem;padding:.35rem;display:flex;overflow-x:auto}.center-tabs-header::-webkit-scrollbar{height:4px}.center-tabs-header::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:2px}.center-tab-btn{color:var(--text-muted);font-family:var(--font-ui);letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:4px;flex-shrink:0;padding:.4rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s ease-in-out}.center-tab-btn:hover{color:var(--text-primary);background:#ffffff08}.center-tab-btn.active{color:var(--accent-cyan);text-shadow:0 0 8px #0ea5e980;background:#0ea5e926;border-color:#0ea5e966;box-shadow:inset 0 0 6px #0ea5e90d}.roster-grid{flex-grow:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;padding-bottom:1rem;display:grid;overflow-y:auto}.raiding-grid{flex-direction:column;gap:.75rem;height:100%;display:flex}.raiding-split{flex-grow:1;grid-template-columns:1.5fr 1fr;gap:12px;min-height:0;display:grid}@media (width<=1024px){.raiding-split{grid-template-columns:1fr}}.raid-site-details-panel{flex-direction:column;gap:.5rem;padding-right:4px;display:flex;overflow-y:auto}.stats-cards-container{flex-grow:1;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.75rem;padding-bottom:1rem;display:grid;overflow-y:auto}.stats-resource-card{border:1px solid var(--color-border);background:#00000059;border-radius:6px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.stats-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.stats-breakdown-row{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.layout-resizer-v{cursor:col-resize;z-index:10;background:#ffffff08;border-left:1px solid #ffffff0d;border-right:1px solid #ffffff0d;grid-area:2/2;width:6px;height:100%;transition:all .2s}.layout-resizer-v:hover,.layout-resizer-v.resizing{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.layout-resizer-h{cursor:row-resize;z-index:10;background:#ffffff08;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;width:100%;height:6px;transition:all .2s}.layout-resizer-h:hover,.layout-resizer-h.resizing{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}@keyframes sonar-sweep-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sonar-sweep{animation:8s linear infinite sonar-sweep-anim}@keyframes pulse-red-anim{0%,to{opacity:.8;border-color:#ef444466;box-shadow:0 0 4px #ef444433}50%{opacity:1;border-color:#ef4444;box-shadow:0 0 15px #ef4444cc}}@keyframes pulse-yellow-anim{0%,to{opacity:.8;border-color:#eab30866;box-shadow:0 0 4px #eab30833}50%{opacity:1;border-color:#eab308;box-shadow:0 0 15px #eab308cc}}.pulse-red{animation:1.5s ease-in-out infinite pulse-red-anim}.pulse-yellow{animation:1.5s ease-in-out infinite pulse-yellow-anim}.glow-depletion-red{animation:1.5s ease-in-out infinite pulse-red-anim;border-left:3px solid #ef4444!important;box-shadow:0 0 10px #ef444466!important}.glow-depletion-yellow{animation:1.5s ease-in-out infinite pulse-yellow-anim;border-left:3px solid #eab308!important;box-shadow:0 0 10px #eab30866!important}.hud-panel{border:1px solid var(--color-border);background:var(--color-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:4px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.hud-panel:before{content:"";border-left:2px solid var(--accent-cyan);border-right:2px solid var(--accent-cyan);border-top:2px solid var(--accent-cyan);pointer-events:none;opacity:.7;height:5px;transition:all .3s;position:absolute;top:-1px;left:-1px;right:-1px}.hud-panel:after{content:"";border-left:2px solid var(--accent-cyan);border-right:2px solid var(--accent-cyan);border-bottom:2px solid var(--accent-cyan);pointer-events:none;opacity:.7;height:5px;transition:all .3s;position:absolute;bottom:-1px;left:-1px;right:-1px}.hud-panel:hover:before,.hud-panel:hover:after{opacity:1;box-shadow:0 0 6px var(--accent-cyan)}.hud-panel.hud-green:before,.hud-panel.hud-green:after{border-color:var(--accent-green)}.hud-panel.hud-green:hover:before,.hud-panel.hud-green:hover:after{box-shadow:0 0 6px var(--accent-green)}.hud-panel.hud-amber:before,.hud-panel.hud-amber:after{border-color:var(--accent-amber)}.hud-panel.hud-amber:hover:before,.hud-panel.hud-amber:hover:after{box-shadow:0 0 6px var(--accent-amber)}.hud-panel.hud-rose:before,.hud-panel.hud-rose:after{border-color:var(--accent-rose)}.hud-panel.hud-rose:hover:before,.hud-panel.hud-rose:hover:after{box-shadow:0 0 6px var(--accent-rose)}.hud-panel.hud-purple:before,.hud-panel.hud-purple:after{border-color:var(--accent-purple)}.hud-panel.hud-purple:hover:before,.hud-panel.hud-purple:hover:after{box-shadow:0 0 6px var(--accent-purple)}.stat-bar-container{align-items:center;gap:.4rem;width:100%;display:flex}.stat-bar-label{font-size:.62rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;width:26px;font-weight:700}.stat-bar-bg{background:#0006;border:1px solid #ffffff0d;border-radius:2px;flex-grow:1;height:6px;position:relative;overflow:hidden}.stat-bar-fill{border-radius:1px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.stat-bar-val{font-size:.65rem;font-family:var(--font-mono);text-align:right;min-width:14px;font-weight:700}.sci-fi-select{border:1px solid var(--color-border);color:var(--text-primary);font-family:var(--font-ui);cursor:pointer;background:#0a0e14d9;border-radius:4px;outline:none;padding:.3rem .6rem;font-weight:600;transition:all .2s}.sci-fi-select:focus{border-color:var(--accent-cyan);box-shadow:0 0 8px #0ea5e94d}.sci-fi-checkbox{appearance:none;border:1px solid var(--color-border);cursor:pointer;background:#0006;border-radius:2px;outline:none;justify-content:center;align-items:center;width:14px;height:14px;transition:all .2s;display:inline-flex;position:relative}.sci-fi-checkbox:checked{border-color:var(--accent-cyan);background:#0ea5e933}.sci-fi-checkbox:checked:after{content:"";background:var(--accent-cyan);border-radius:1px;width:6px;height:6px}@keyframes transmission-pulse{0%{border-color:#0ea5e966;box-shadow:0 0 4px #0ea5e933}50%{border-color:#0ea5e9;box-shadow:0 0 10px #0ea5e999,0 0 20px #0ea5e933}to{border-color:#0ea5e966;box-shadow:0 0 4px #0ea5e933}}.transmission-pulse{animation:1.4s ease-in-out infinite transmission-pulse}