@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Share+Tech+Mono&display=swap";:root{--color-bg:#090b0e;--color-panel:#12161cb3;--color-border:#38bdf833;--color-border-glow:#38bdf880;--accent-cyan:#0ea5e9;--accent-green:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-purple:#8b5cf6;--text-primary:#f1f5f9;--text-muted:#94a3b8;--text-glow:0 0 8px #38bdf899;--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(#090b0ee0,#090b0ef0),url(/assets/bunker_background-BEpSpIUr.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.panel{background:var(--color-panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:8px;padding:1.25rem;transition:border-color .3s,box-shadow .3s;box-shadow:0 8px 32px #0000005e}.panel:hover{border-color:#38bdf859;box-shadow:0 8px 32px #38bdf80d}.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:1.5px;color:var(--accent-cyan);text-shadow:var(--text-glow);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;display:flex}.scanlines{z-index:9999;pointer-events:none;opacity:.4;background:linear-gradient(#12101000 50%,#0000001f 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{background:#090b0ecc;border:1px solid #38bdf81a;border-radius:6px;flex-shrink:0;gap:.5rem;margin-bottom:.5rem;padding:.35rem;display:flex}.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;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}