:root{--bg:#070b0b;--bg-deep:#030505;--panel:rgba(24,29,26,0.9);--panel-solid:#171d1a;--panel-soft:rgba(18,23,21,0.78);--line:rgba(152,166,145,0.18);--line-strong:rgba(176,198,153,0.34);--text:#f1e8d2;--muted:#a6a89e;--soft:#d0c7b5;--green:#9bcb78;--green-strong:#5be28a;--gold:#d5a658;--amber:#e3b966;--cyan:#82c7d5;--violet:#8b78d6;--danger:#d75b45;--shadow:0 20px 60px rgba(0,0,0,0.42);--glass:blur(18px) saturate(120%)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:linear-gradient(180deg,rgba(4,9,8,.88),rgba(3,5,5,.98)),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.45;letter-spacing:0}button,input{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.52}label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:.84rem}input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:6px;background:rgba(3,5,5,.72);color:var(--text);padding:0 12px;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(91,226,138,.1)}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);grid-gap:32px;gap:32px;align-items:center;padding:44px;background:linear-gradient(90deg,rgba(3,5,5,.9),rgba(3,5,5,.38)),url(/assets/veyris-colony.webp) 50% /cover no-repeat}.auth-copy{max-width:720px}.auth-copy img,.brand-mark img,.loading-screen img,.profile-panel img{width:58px;height:58px;object-fit:cover}.auth-copy img,.loading-screen img{border-radius:8px;box-shadow:0 0 34px rgba(91,226,138,.22)}.auth-copy h1{margin:22px 0 12px;font-size:3.7rem;line-height:1;letter-spacing:.18em;font-weight:700}.auth-copy p{margin:0;color:var(--soft);font-size:1.02rem}.auth-form{width:100%;grid-gap:16px;gap:16px;padding:22px;background:rgba(16,21,19,.9);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}.auth-form,.segmented-control{display:grid;border:1px solid var(--line);border-radius:8px}.segmented-control{grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:4px;background:rgba(3,5,5,.58)}.segmented-control button{min-height:42px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.segmented-control button.active{background:rgba(130,160,95,.28);color:var(--text)}.form-error,.notice.error{color:#ffc6bb}.loading-screen{min-height:100vh;display:grid;place-items:center;align-content:center;grid-gap:16px;gap:16px;padding:24px;text-align:center;background:linear-gradient(180deg,rgba(3,5,5,.82),rgba(3,5,5,.96)),url(/assets/veyris-colony.webp) 50% /cover no-repeat}.loading-screen h1{margin:0;font-size:1.7rem}.loading-screen p{max-width:520px;margin:0;color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:linear-gradient(180deg,rgba(129,157,107,.06),transparent 360px),var(--bg-deep)}.side-nav{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;grid-gap:20px;gap:20px;padding:18px 14px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(17,23,20,.96),rgba(8,13,12,.98)),#090e0d}.brand-mark{display:flex;align-items:center;gap:12px;padding:0 4px 12px}.brand-mark img{border-radius:8px}.brand-mark span,.side-profile div{min-width:0;display:grid;grid-gap:2px;gap:2px}.brand-mark strong{font-size:1.08rem;letter-spacing:.2em;font-weight:700}.brand-mark small,.side-profile small,.side-profile span{color:var(--muted);font-size:.72rem;letter-spacing:.12em}.side-nav nav{display:grid;grid-gap:6px;gap:6px;align-content:flex-start}.avatar-button,.bottom-nav-item,.danger-button,.icon-button,.icon-text-button,.nav-item,.primary-button,.secondary-button{min-height:42px;border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;white-space:nowrap}.nav-item{width:100%;justify-content:flex-start;padding:0 13px;background:transparent;color:var(--muted);font-size:.96rem;font-weight:520}.nav-item:hover{color:var(--text);background:rgba(255,255,255,.035)}.bottom-nav-item.active,.nav-item.active{color:var(--text);background:rgba(128,158,94,.24);border-color:rgba(155,203,120,.2)}.side-profile{display:grid;grid-gap:12px;gap:12px;padding:14px 12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025)}.side-profile img{width:58px;height:58px;border-radius:50%;border:1px solid rgba(213,166,88,.35)}.side-profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-line,.xp-line{height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.progress-line b,.xp-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--green-strong))}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.quick-actions button{min-height:36px;border:1px solid var(--line);border-radius:7px;background:rgba(3,5,5,.4);color:var(--muted);cursor:pointer}.game-shell{min-width:0;display:grid;grid-gap:14px;gap:14px;align-content:flex-start;padding:20px}.top-command{min-height:52px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:center}.button-row,.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.resource-strip{display:grid;grid-template-columns:repeat(5,minmax(132px,1fr));grid-gap:12px;gap:12px}.resource-pill{min-height:60px;display:flex;align-items:center;gap:13px;padding:9px 14px;border-right:1px solid var(--line)}.resource-pill div:last-child{min-width:0;display:grid;grid-gap:1px;gap:1px}.resource-pill span{color:var(--muted);font-size:.88rem;font-weight:500}.resource-pill strong{font-size:1.22rem;line-height:1.1;font-weight:720}.resource-pill small{color:var(--green);font-size:.84rem;font-weight:560}.mini-icon,.resource-icon,.tile-icon{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:rgba(255,255,255,.035)}.resource-icon{width:42px;height:42px;min-width:42px;border-radius:7px;overflow:hidden}.mini-icon img,.resource-icon img{width:100%;height:100%;object-fit:cover}.resource-icon svg{width:22px;height:22px}.resource-pill.alloy .resource-icon{color:#d6c6ae}.resource-pill.plasma .resource-icon{color:var(--green-strong)}.resource-pill.memory .resource-icon{color:var(--violet)}.resource-pill.energy .resource-icon{color:var(--cyan);background:rgba(130,199,213,.12)}.resource-pill.energy small{color:var(--cyan)}.resource-pill.energy.deficit .resource-icon{color:#ff9b8c;background:rgba(215,91,69,.13)}.resource-pill.energy.deficit small{color:#ff9b8c}.resource-pill.influence .resource-icon{color:var(--gold);background:rgba(217,181,103,.12)}.resource-pill.influence small{color:var(--gold);white-space:nowrap}.premium-pill{min-height:42px;display:inline-flex;align-items:center;gap:10px;padding:0 6px 0 14px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.04);color:var(--text)}.premium-pill svg{color:var(--cyan)}.icon-button,.premium-pill button{position:relative;width:42px;height:42px;min-height:42px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.04);color:var(--muted);cursor:pointer}.notification-button span{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border:1px solid rgba(3,5,5,.78);border-radius:999px;background:var(--danger);color:#fff7ef;font-size:.68rem;font-weight:760}.premium-pill button{width:34px;height:34px;min-height:34px;border-color:transparent;background:rgba(255,255,255,.05)}.icon-button:hover,.premium-pill button:hover,.quick-actions button:hover{color:var(--text);border-color:var(--line-strong)}.notice{border:1px solid var(--line);border-radius:8px;padding:11px 13px;background:rgba(20,27,24,.86);color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-gap:16px;gap:16px;align-items:flex-start}.dashboard-grid.single{grid-template-columns:minmax(0,1fr)}.view-frame,.view-stack{min-width:0;display:grid;grid-gap:14px;gap:14px}.module-frame{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}.colony-stage{position:relative;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:#0b1110;box-shadow:var(--shadow)}.colony-stage-header{position:absolute;z-index:3;top:18px;left:18px;display:flex;align-items:flex-start;gap:10px;color:var(--text)}.colony-stage-header h1{margin:0 0 10px;font-size:1.05rem;letter-spacing:.12em;font-weight:720}.colony-stage-header span{color:var(--soft);font-size:.83rem}.stage-select{width:32px;height:32px;border:1px solid var(--line);border-radius:6px;background:rgba(3,5,5,.54);cursor:pointer}.colony-image-wrap{position:relative;aspect-ratio:1672/941;min-height:430px}.colony-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.colony-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,5,.14),transparent 42%,rgba(3,5,5,.4)),linear-gradient(90deg,rgba(3,5,5,.3),transparent 22%,transparent 76%,rgba(3,5,5,.22));pointer-events:none}.building-tag{position:absolute;z-index:2;min-height:32px;gap:8px;transform:translate(-50%,-50%);border:1px solid rgba(240,232,210,.16);border-radius:6px;padding:0 9px 0 0;background:rgba(16,20,18,.68);box-shadow:0 8px 22px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.building-tag,.building-tag span{display:inline-flex;align-items:center;color:var(--text)}.building-tag span{width:32px;height:32px;justify-content:center;border-right:1px solid rgba(240,232,210,.14);font-weight:700}.building-tag strong{font-size:.79rem;font-weight:600;white-space:nowrap}.building-tag.ready{border-color:rgba(155,203,120,.58);background:rgba(35,55,35,.66)}.building-tag.ready span{color:var(--green)}.building-tag.running{border-color:rgba(213,166,88,.6);background:rgba(58,45,24,.72)}.building-tag.running span{color:var(--gold)}.building-tag.locked{border-color:rgba(215,91,69,.54);background:rgba(62,24,20,.72)}.building-tag.locked span{color:#ff9b8c}.building-tag.unbuilt{border-color:rgba(179,183,173,.24);background:rgba(42,44,42,.68);color:rgba(241,232,210,.76)}.building-tag.unbuilt span{color:#b7bbb2}.building-tag:hover{border-color:rgba(155,203,120,.72);box-shadow:0 0 0 2px rgba(91,226,138,.12),0 12px 32px rgba(0,0,0,.34)}.dashboard-rail{display:grid;grid-gap:14px;gap:14px}.construction-panel,.game-card,.leader-row,.panel-card,.profile-panel,.report-item,.reports-panel,.reward-panel,.section-block,.target-item,.timeline-item{border:1px solid var(--line);border-radius:8px;background:var(--panel);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}.panel-card{display:grid;grid-gap:14px;gap:14px;padding:18px}.compact-header,.panel-card>header,.section-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.compact-header h2,.panel-card h2,.section-header h2{margin:0;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;font-weight:720}.panel-card h2 small{margin-left:5px;color:var(--muted);font-size:.72rem;font-weight:500;letter-spacing:.08em}.panel-card>header>span{min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(255,255,255,.06);color:var(--soft);font-size:.78rem}.rail-list{display:grid;grid-gap:6px;gap:6px}.event-row,.rail-row{min-height:46px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;border-bottom:1px solid rgba(255,255,255,.06)}.event-row:last-child,.rail-row:last-child{border-bottom:0}.event-row strong,.mission-row strong,.rail-row strong{font-size:.86rem;font-weight:540}.event-row em,.mission-row em,.rail-row em{color:var(--green);font-style:normal;font-size:.78rem;white-space:nowrap}.event-row span:nth-child(2){min-width:0;display:grid;grid-gap:2px;gap:2px}.event-row small,.mission-row small{color:var(--muted)}.mini-icon{width:30px;height:30px;min-width:30px;border-radius:7px;color:var(--green)}.mini-icon.alloy{color:#d6c6ae}.mini-icon.plasma{color:var(--danger)}.mini-icon.memory{color:var(--violet)}.mini-icon.energy{color:var(--cyan)}.rail-row.energy.deficit .mini-icon.energy,.rail-row.energy.deficit em{color:#ff9b8c}.compact-header button,.panel-link{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:var(--green);font-size:.78rem;text-transform:uppercase;cursor:pointer}.mission-row{display:grid;grid-template-columns:30px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;margin-bottom:12px}.mission-row>div{display:grid;grid-gap:7px;gap:7px}.mission-row>div>span{display:flex;justify-content:space-between;gap:10px;align-items:center}.construction-panel,.reports-panel,.reward-panel{display:grid;grid-gap:14px;gap:14px;padding:16px 18px}.construction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.construction-card{min-height:132px;display:grid;grid-template-columns:54px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035)}.construction-thumb{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;color:var(--gold);background:linear-gradient(135deg,rgba(213,166,88,.16),rgba(91,226,138,.08)),rgba(3,5,5,.5);overflow:hidden}.construction-thumb.has-image{background:rgba(3,5,5,.45)}.construction-thumb img{width:100%;height:100%;object-fit:cover}.construction-copy{min-width:0;display:grid;grid-gap:5px;gap:5px}.construction-copy strong,.recent-report strong,.reward-content strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:580}.construction-copy small,.profile-panel span,.recent-report small,.reward-content small,.section-header span{color:var(--muted)}.construction-copy em{color:var(--soft);font-style:normal;font-size:.8rem}.construction-card button,.reward-content button{grid-column:1/-1;min-height:34px;border:1px solid rgba(213,166,88,.18);border-radius:7px;background:rgba(213,166,88,.14);color:var(--soft);text-transform:uppercase;cursor:pointer}.construction-card button:hover,.reward-content button:hover{border-color:rgba(155,203,120,.4);color:var(--text)}.add-construction{min-height:132px;display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;border:1px dashed var(--line-strong);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.lower-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.58fr);grid-gap:14px;gap:14px}.recent-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.recent-report{min-height:74px;display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.028)}.recent-report div{min-width:0;display:grid;grid-gap:2px;gap:2px}.recent-report small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.recent-report time{color:rgba(241,232,210,.48);font-size:.72rem}.report-emblem{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:rgba(255,255,255,.045);color:var(--cyan)}.report-emblem.success{color:var(--green);background:rgba(91,226,138,.1)}.report-emblem.danger{color:var(--danger);background:rgba(215,91,69,.1)}.reward-content{display:grid;grid-template-columns:70px minmax(0,1fr) 120px;grid-gap:14px;gap:14px;align-items:center}.reward-crate{width:70px;height:58px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;color:var(--gold);background:linear-gradient(135deg,rgba(213,166,88,.18),rgba(91,226,138,.08)),rgba(3,5,5,.48)}.reward-content div{min-width:0;display:grid;grid-gap:7px;gap:7px}.reward-content button{grid-column:auto;background:rgba(155,203,120,.17)}.section-block{display:grid;grid-gap:13px;gap:13px;padding:16px}.top-bar{display:flex;justify-content:space-between;gap:16px;align-items:center}.profile-panel h2,.top-bar h1{margin:0;font-size:1.35rem}.eyebrow{margin:0 0 5px;color:var(--gold);font-size:.77rem;text-transform:uppercase}.avatar-button,.icon-text-button,.secondary-button{padding:0 13px;background:var(--panel-solid);border-color:var(--line);color:var(--text)}.primary-button{width:100%;padding:0 14px;background:rgba(155,203,120,.22);color:var(--text);border-color:rgba(155,203,120,.36);font-weight:720}.secondary-button{min-width:128px}.danger-button{width:100%;padding:0 14px;background:rgba(215,91,69,.14);border-color:rgba(215,91,69,.34);color:#ffd7d0;font-weight:720}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.metric-card{min-height:88px;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.metric-card strong{display:block;margin-top:4px;font-size:1.18rem}.leaderboard,.notification-list,.report-list,.target-list,.timeline-list{display:grid;grid-gap:10px;gap:10px}.notification-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.notification-item{display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:12px;gap:12px;padding:13px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.026)}.notification-item.unread{border-color:rgba(155,203,120,.4);background:rgba(155,203,120,.075)}.notification-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;color:var(--gold);background:rgba(255,255,255,.045)}.notification-item div{min-width:0;display:grid;grid-gap:7px;gap:7px}.notification-item footer,.notification-item header{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item footer span,.notification-item p,.notification-item time{color:var(--muted)}.notification-item p{margin:0}.notification-item footer{justify-content:flex-start}.notification-item footer button{min-height:32px;border:1px solid var(--line);border-radius:7px;padding:0 10px;background:rgba(255,255,255,.04);color:var(--soft);cursor:pointer}.notification-item footer button:hover{border-color:var(--line-strong);color:var(--text)}.timeline-item{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px}.timeline-item span{color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));grid-gap:12px;gap:12px}.research-section{overflow:hidden}.research-tree{grid-template-columns:repeat(4,minmax(210px,1fr));align-items:start}.research-branch,.research-tree{display:grid;grid-gap:12px;gap:12px}.research-branch{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(3,5,5,.22)}.research-branch>header{display:grid;grid-template-columns:36px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center}.research-branch h3,.research-node h4{margin:0;font-size:.96rem;font-weight:700}.research-branch small,.research-node p{margin:0;color:var(--muted)}.research-node-list{display:grid;grid-gap:10px;gap:10px}.research-node{min-height:276px;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid rgba(152,166,145,.18);border-radius:8px;background:rgba(255,255,255,.035)}.research-node.ready{border-color:rgba(155,203,120,.36)}.research-node.running{border-color:rgba(213,166,88,.5);background:rgba(58,45,24,.16)}.research-node.locked{border-color:rgba(215,91,69,.36);background:rgba(62,24,20,.18)}.research-node-main{display:grid;grid-template-columns:34px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start}.research-level{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;color:var(--green);background:rgba(91,226,138,.08);font-weight:760}.research-node p{min-height:58px;font-size:.84rem}.research-unlock{min-height:38px;display:block;color:var(--cyan);font-size:.78rem}.game-card{min-height:340px;display:flex;flex-direction:column;gap:12px;padding:14px}.building-card-art{width:100%;aspect-ratio:16/9;display:block;border:1px solid rgba(152,166,145,.18);border-radius:7px;object-fit:cover;background:rgba(3,5,5,.45)}.game-card:hover,.leader-row:hover,.report-item:hover,.target-item:hover{border-color:var(--line-strong)}.game-card p{min-height:42px;margin:0;color:var(--muted);line-height:1.35}.card-actions{display:grid;grid-template-columns:minmax(92px,.65fr) minmax(0,1fr);grid-gap:8px;gap:8px;margin-top:auto}.card-title{display:flex;gap:11px;align-items:center}.card-title h3{margin:0 0 2px;font-size:1.04rem;line-height:1.22;font-weight:720}.tile-icon{width:34px;height:34px;min-width:34px;border-radius:7px;color:var(--gold)}.cost-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.cost-bar span,.stat-row span{min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:.78rem;text-align:center}.stat-row{display:flex;flex-wrap:wrap;gap:7px}.lock-text{display:block;min-height:18px;color:#ffb4a8!important}.number-control{display:grid;grid-template-columns:42px 1fr 42px;grid-gap:7px;gap:7px}.number-control button{min-height:42px;border:1px solid var(--line);border-radius:6px;background:rgba(3,5,5,.58)}.mission-builder{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr)) minmax(150px,220px);grid-gap:10px;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035)}.mission-builder.compact{grid-template-columns:repeat(2,minmax(120px,1fr));margin-top:12px}.radar-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);grid-gap:14px;gap:14px}.target-item{width:100%;min-height:66px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:var(--panel)}.target-item.active{border-color:var(--green);background:rgba(155,203,120,.12)}.target-item span{min-width:0;display:grid;grid-gap:3px;gap:3px}.target-item small,.target-item strong{overflow:hidden;text-overflow:ellipsis}.target-item em{color:var(--green);font-style:normal;white-space:nowrap}.scan-result{margin-top:12px;display:grid;grid-gap:6px;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(3,5,5,.48)}.scan-result span{color:var(--muted)}.report-item{display:grid;grid-gap:8px;gap:8px;padding:13px}.report-item header{display:flex;justify-content:space-between;gap:10px}.report-item header span{color:var(--gold);font-size:.78rem}.report-item p{margin:0;color:var(--muted)}.report-item time{color:rgba(241,232,210,.48);font-size:.78rem}.leader-row{min-height:54px;display:grid;grid-template-columns:48px minmax(120px,1fr) minmax(120px,1fr) 110px;align-items:center;grid-gap:10px;gap:10px;padding:0 12px}.leader-row.active{border-color:var(--green)}.leader-row em{color:var(--muted);font-style:normal;overflow:hidden;text-overflow:ellipsis}.leader-row b{text-align:right;color:var(--green)}.profile-panel{display:flex;align-items:center;gap:14px;min-height:120px;padding:18px}.profile-panel img{border-radius:8px}.empty-state{min-height:74px;display:grid;place-items:center;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:rgba(1,4,4,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.building-modal{position:relative;width:min(1450px,100%);max-height:min(92vh,900px);display:grid;grid-template-columns:minmax(360px,.58fr) minmax(520px,1fr);grid-gap:0;gap:0;border:1px solid var(--line-strong);border-radius:8px;padding:0;background:rgba(20,27,24,.94);box-shadow:0 28px 90px rgba(0,0,0,.58);overflow:hidden}.building-modal.ready{border-color:rgba(155,203,120,.5)}.building-modal.locked{border-color:rgba(215,91,69,.48)}.building-modal.unbuilt{border-color:rgba(179,183,173,.32)}.building-modal.running{border-color:rgba(213,166,88,.48)}.modal-close{position:absolute;top:12px;right:12px;z-index:2;width:38px;height:38px;border:1px solid var(--line);border-radius:7px;background:rgba(3,5,5,.62);color:var(--muted);cursor:pointer}.modal-close:hover{color:var(--text);border-color:var(--line-strong)}.modal-building-art{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;object-fit:cover;background:rgba(3,5,5,.5);opacity:.88}.building-detail-left,.building-detail-right{min-width:0;display:grid;align-content:flex-start;grid-gap:14px;gap:14px;padding:24px 28px;overflow:auto}.building-detail-left{position:relative;min-height:min(82vh,760px);align-content:space-between;padding:42px 34px 30px;overflow:hidden;background:rgba(3,5,5,.7)}.building-detail-right{min-height:min(82vh,760px);padding:26px 30px 22px;border-left:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(3,5,5,.26)),rgba(6,12,11,.46)}.building-left-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,9,9,.92),rgba(5,9,9,.42) 46%,rgba(5,9,9,.1)),linear-gradient(180deg,rgba(5,9,9,.2),rgba(5,9,9,.08) 38%,rgba(5,9,9,.88));pointer-events:none}.building-detail-heading{position:relative;z-index:2;width:min(360px,88%);display:grid;grid-gap:9px;gap:9px}.building-detail-heading h2{margin:0;font-size:2rem;line-height:1.12}.building-detail-heading p,.detail-panel p{margin:0;color:var(--soft);font-size:.95rem;line-height:1.55}.detail-left-footer{position:relative;z-index:2;display:grid;grid-gap:10px;gap:10px}.building-art-stage{position:relative;height:clamp(230px,36vh,330px);min-height:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:radial-gradient(circle at 58% 45%,rgba(155,203,120,.16),transparent 36%),rgba(3,5,5,.55)}.building-art-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(155,203,120,.1) 1px,transparent 0),linear-gradient(90deg,rgba(155,203,120,.08) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 55%,black 0,transparent 72%);mask-image:radial-gradient(circle at 50% 55%,black 0,transparent 72%);opacity:.38}.detail-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.detail-cost-card,.detail-panel,.detail-queue-card,.detail-stat-card{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.032)}.detail-stat-card{min-height:72px;display:grid;align-content:center;grid-gap:4px;gap:4px;padding:12px}.detail-left-footer .detail-stat-card{width:150px;background:rgba(8,14,13,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-panel h3,.detail-queue-card h4,.detail-stat-card span,.upgrade-section h4{margin:0;color:var(--muted);font-size:.76rem;font-weight:600;text-transform:uppercase}.detail-stat-card strong{color:var(--green);font-size:1.55rem;line-height:1}.detail-stat-card strong small{margin-left:5px;color:var(--muted);font-size:.88rem;font-weight:500}.detail-lower-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:10px;gap:10px}.detail-panel{position:relative;min-height:188px;padding:16px;overflow:hidden;background:rgba(8,14,13,.76);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-panel h3{margin-bottom:12px}.detail-effect-list{display:grid;grid-gap:9px;gap:9px}.detail-effect-row{min-height:30px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.9rem}.detail-effect-row strong{color:var(--green);font-size:.92rem;white-space:nowrap}.effects-link{width:100%;min-height:42px;margin-top:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.045);color:var(--green);cursor:pointer}.detail-watermark{position:absolute;right:14px;bottom:10px;color:rgba(155,203,120,.13)}.upgrade-heading{min-height:38px;display:flex;align-items:center;gap:9px;padding-bottom:14px;border-bottom:1px solid var(--line)}.upgrade-heading h3{margin:0;font-size:1rem;letter-spacing:.04em;text-transform:uppercase}.upgrade-caret{color:var(--green);font-size:1.2rem}.upgrade-section{display:grid;grid-gap:10px;gap:10px}.detail-cost-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.detail-cost-card{min-width:0;min-height:74px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;padding:10px}.detail-cost-card .mini-icon{width:42px;height:42px;min-width:42px;border-radius:7px}.detail-cost-card small,.detail-queue-empty small,.detail-queue-row small{color:var(--muted);font-size:.72rem}.detail-cost-card strong{display:block;overflow:hidden;color:var(--text);font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.detail-cost-card.influence .mini-icon{color:var(--gold);background:rgba(213,166,88,.12)}.detail-cost-card.blocked{border-color:rgba(215,91,69,.34);background:rgba(215,91,69,.08)}.upgrade-metrics{display:grid;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.025)}.detail-metric{min-height:48px;display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;grid-gap:10px;gap:10px;align-items:center;padding:0 14px;border-bottom:1px solid var(--line)}.detail-metric:last-child{border-bottom:0}.detail-metric span{color:var(--muted)}.detail-metric strong{min-width:0;color:var(--muted);font-size:.86rem;font-weight:560}.detail-metric em{color:var(--text);font-style:normal;white-space:nowrap}.detail-metric small{color:var(--green);white-space:nowrap}.detail-metric.danger em,.detail-metric.danger small{color:#ff9b8c}.detail-queue-card{display:grid;grid-gap:8px;gap:8px;padding:13px 16px}.detail-queue-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-queue-card header span{color:var(--green);font-size:.82rem}.detail-queue-row{display:grid;grid-template-columns:82px minmax(0,1fr) 104px;grid-gap:13px;gap:13px;align-items:center}.detail-queue-row img{width:82px;height:68px;border:1px solid var(--line);border-radius:8px;object-fit:cover}.detail-queue-row div{min-width:0;display:grid;grid-gap:5px;gap:5px}.detail-queue-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-queue-row em{color:var(--green);font-size:.8rem;font-style:normal}.detail-queue-row button{min-height:42px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.04)}.detail-queue-empty{min-height:62px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-gap:8px 12px;gap:8px 12px;align-items:center}.detail-queue-empty .tile-icon{grid-row:span 2}.detail-queue-empty strong{align-self:end}.detail-queue-empty small{align-self:start}.detail-instant-button{justify-content:space-between;padding:0 24px}.detail-instant-button b{display:inline-flex;align-items:center;gap:6px;color:var(--green)}.building-detail-right .modal-actions{position:-webkit-sticky;position:sticky;bottom:-24px;padding:10px 0 2px;background:linear-gradient(180deg,rgba(10,18,16,0),rgba(10,18,16,.94) 26%)}.building-detail-right .modal-actions .primary-button,.building-detail-right .modal-actions .secondary-button{min-height:64px;font-size:1rem;text-transform:uppercase}.detail-open-list{justify-self:flex-start}.modal-status{width:max-content;max-width:100%;min-height:30px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:0 11px;color:var(--green);background:rgba(155,203,120,.12);font-size:.84rem;font-weight:620}.building-modal.locked .modal-status{color:#ff9b8c;background:rgba(215,91,69,.12)}.building-modal.unbuilt .modal-status{color:#c0c5bb;background:rgba(180,186,176,.1)}.building-modal.running .modal-status{color:var(--gold);background:rgba(213,166,88,.12)}.modal-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);grid-gap:10px;gap:10px}.bottom-nav{display:none}@media (max-width:1320px){.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(290px,330px)}.research-tree{grid-template-columns:repeat(2,minmax(240px,1fr))}.construction-grid,.recent-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-content{grid-template-columns:58px minmax(0,1fr)}.reward-content button{grid-column:1/-1}}@media (max-width:1120px){.app-shell{grid-template-columns:92px minmax(0,1fr)}.brand-mark{justify-content:center}.brand-mark span,.nav-item span,.side-profile div,.xp-line{display:none}.nav-item{justify-content:center;padding:0}.side-profile{padding:10px}.quick-actions{grid-template-columns:1fr}.resource-strip{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (max-width:1080px){.dashboard-grid,.lower-dashboard{grid-template-columns:1fr}.dashboard-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.colony-image-wrap{min-height:360px}.card-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}.research-tree{grid-template-columns:repeat(2,minmax(220px,1fr))}.mission-builder{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (max-width:860px){.auth-screen{grid-template-columns:1fr;align-content:end;padding:22px}.auth-copy h1{font-size:2.7rem;overflow-wrap:anywhere}.app-shell{display:block;padding-bottom:78px}.side-nav{display:none}.game-shell{padding:12px}.top-command{grid-template-columns:1fr}.top-actions{justify-content:space-between}.resource-strip{display:flex;overflow-x:auto;gap:8px;padding-bottom:2px}.resource-pill{min-width:188px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035)}.colony-stage-header{top:12px;left:12px}.colony-stage-header h1{font-size:.86rem}.colony-image-wrap{min-height:300px}.building-tag{min-height:28px;padding:0}.building-tag span{width:30px;height:28px;border-right:0}.building-tag strong{display:none}.card-grid,.construction-grid,.dashboard-rail,.metric-grid,.radar-layout,.recent-report-grid,.research-tree,.resource-strip{grid-template-columns:1fr}.modal-backdrop{align-items:flex-start;overflow:auto;padding:14px}.building-modal{grid-template-columns:1fr;gap:14px;max-height:none;overflow:visible}.building-detail-left,.building-detail-right{padding:16px;overflow:visible}.building-detail-right{border-left:0;border-top:1px solid var(--line)}.modal-building-art{min-height:220px;max-height:320px}.building-art-stage{min-height:220px}.building-detail-heading h2{font-size:1.38rem}.card-actions,.detail-cost-grid,.detail-lower-grid,.detail-stat-grid{grid-template-columns:1fr}.detail-metric{grid-template-columns:24px minmax(0,1fr);padding:11px 14px}.detail-metric em,.detail-metric small{grid-column:2}.detail-queue-row{grid-template-columns:64px minmax(0,1fr)}.detail-queue-row img{width:64px;height:58px}.detail-queue-row button{grid-column:1/-1}.modal-actions{grid-template-columns:1fr}.reward-content{grid-template-columns:58px minmax(0,1fr)}.reward-content button{grid-column:1/-1}.mission-builder,.mission-builder.compact{grid-template-columns:1fr}.leader-row{grid-template-columns:34px minmax(90px,1fr) 84px}.leader-row em{display:none}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;gap:6px;overflow-x:auto;padding:8px 10px 10px;background:rgba(8,13,12,.96);border-top:1px solid var(--line);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}.bottom-nav-item{min-width:82px;min-height:54px;flex-direction:column;gap:4px;padding:6px 8px;background:transparent;color:var(--muted);font-size:.72rem;white-space:normal}.bottom-nav-item span{line-height:1.05;overflow-wrap:anywhere}}@media (max-width:520px){.button-row,.top-actions{width:100%}.premium-pill{flex:1 1;justify-content:space-between}.avatar-button,.icon-text-button,.secondary-button{flex:1 1}.cost-bar{grid-template-columns:1fr}.auth-form,.module-frame,.section-block{padding:14px}.colony-image-wrap{min-height:250px}.construction-card{grid-template-columns:48px minmax(0,1fr)}}