:root{--bg:#16181d;--surface:#1f232b;--surface-raised:#2a2f39;--ink:#e8e6e1;--ink-dim:#9aa0ab;--line:#333944;--accent:#8cbf4a;--accent-soft:#26301b;--good:#5cb85c;--warn:#ffa94d;--danger:#e5484d;--food:#d9a441;--dig:#9aa6b2;--egg:#e8dcc0;--danger-heading:#ec6a6e;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--r-control:6px;--r-card:12px;--r-pill:999px}:root[data-theme=light]{--bg:#faf7f2;--surface:#fff;--surface-raised:#f1ede6;--ink:#232730;--ink-dim:#616874;--line:#ddd7cc;--accent:#54761f;--accent-soft:#eaf2dc;--good:#3d8b3d;--warn:#c77a2b;--danger:#c73a3f;--danger-heading:#c73a3f;--food:#8a6420;--dig:#5b6672;--egg:#7a6f55}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#faf7f2;--surface:#fff;--surface-raised:#f1ede6;--ink:#232730;--ink-dim:#616874;--line:#ddd7cc;--accent:#54761f;--accent-soft:#eaf2dc;--good:#3d8b3d;--warn:#c77a2b;--danger:#c73a3f;--danger-heading:#c73a3f;--food:#8a6420;--dig:#5b6672;--egg:#7a6f55}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1rem;line-height:1.45}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}b,.rate,.chip,.cost-label,.caste-count{font-variant-numeric:tabular-nums}.colony{max-width:560px;padding:0 var(--sp-3) var(--sp-6);padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom));margin:0 auto}.sticky-top{z-index:3;background:var(--bg);position:sticky;top:0}.app-header{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;padding-top:calc(var(--sp-3) + env(safe-area-inset-top));background:var(--bg);display:flex}.wordmark{letter-spacing:.12em;color:var(--ink-dim);font-size:.8rem}.boost-slot{align-items:center;min-width:1px;min-height:24px;margin-left:auto;display:flex}.boost-chip{background:var(--accent-soft);color:var(--accent);border-radius:var(--r-pill);padding:2px var(--sp-3);font-size:.8rem}.resources{gap:var(--sp-2);padding:var(--sp-3) 0;margin-bottom:var(--sp-3);background:var(--bg);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.res{flex-direction:column;min-width:0;display:flex}.res-name{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.res b{font-size:1.15rem}.res-food b{color:var(--food)}.res-dig b{color:var(--dig)}.rate{color:var(--ink-dim);min-height:1.1em;font-size:.75rem}.diorama{border-radius:var(--r-card);width:100%;height:170px;margin-bottom:var(--sp-3);display:block}.dio-sky-top{stop-color:var(--surface-raised)}.dio-sky-bottom{stop-color:var(--surface)}.dio-soil-top{stop-color:#6b5636}.dio-soil-bottom{stop-color:#33281a}.dio-pebble{fill:#fff;opacity:.05}.dio-turf{fill:var(--accent);opacity:.9}.dio-grass{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;opacity:.85}.dio-mound{fill:#7d6541}.dio-void{fill:#e6dcc6}.dio-royal-void{fill:#efe7d5}.dio-shaft{fill:none;stroke:#e6dcc6;stroke-width:9px;stroke-linecap:round}.dio-branch{fill:none;stroke:#e6dcc6;stroke-width:7px;stroke-linecap:round}.dio-gallery-stub{fill:none;stroke:#e6dcc6;stroke-width:5px;stroke-linecap:round}.dio-egg{fill:#fffdf6;stroke:#8a7c5c;stroke-width:.9px}.dio-seed{fill:#b07d1e;stroke:#0003;stroke-width:.5px}.dio-fungus{fill:#5f8a46;stroke:#0003;stroke-width:.5px}.dio-ant-body,.dio-ant-head{fill:#2f2418}.dio-ant-leg{fill:none;stroke:#2f2418;stroke-width:.9px;stroke-linecap:round}.dio-queen-body,.dio-queen-head{fill:#3d2a16}.dio-queen-leg{fill:none;stroke:#3d2a16;stroke-width:1.4px;stroke-linecap:round}.dio-royal[data-dug="1"] .dio-queen-body{fill:#4d3319}.dio-gallery,.dio-branch,.dio-room ellipse,.dio-egg,.dio-seed,.dio-fungus{transition:none}.diorama[data-biome="1"] .dio-soil-layer{filter:hue-rotate(-14deg)saturate(1.25)}.diorama[data-biome="2"] .dio-soil-layer{filter:hue-rotate(24deg)saturate(.75)brightness(1.25)}.diorama[data-biome="1"] .dio-grass,.diorama[data-biome="1"] .dio-turf{filter:hue-rotate(-14deg)}.diorama[data-biome="2"] .dio-grass,.diorama[data-biome="2"] .dio-turf{filter:hue-rotate(24deg)saturate(.7)}@media (prefers-reduced-motion:no-preference){.dio-ant{transform-box:fill-box;transform-origin:50%;animation:7s ease-in-out infinite dio-walk;animation-delay:calc(var(--i) * -.85s)}}@keyframes dio-walk{0%{transform:translateY(0)rotate(0)}45%{transform:translateY(var(--travel,12px)) rotate(0deg)}50%{transform:translateY(var(--travel,12px)) rotate(180deg)}95%{transform:translateY(0)rotate(180deg)}to{transform:translateY(0)rotate(0)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp-3);margin-bottom:var(--sp-3)}.card h2{margin:0 0 var(--sp-2);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-size:.8rem}.card-blurb{margin:0 0 var(--sp-2);color:var(--ink-dim);font-size:.78rem}.row,.caste-row{align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;border-top:1px solid var(--line);display:flex}.card>.row:first-of-type,.card>.caste-row:first-of-type{border-top:0}.row-id,.caste-id{flex-direction:column;flex:1;min-width:0;display:flex}.row-name,.caste-name{font-size:.95rem}.row-effect,.caste-effect{color:var(--ink-dim);font-size:.75rem}.row[data-locked]{opacity:.55}.chip{background:var(--surface-raised);color:var(--ink-dim);border-radius:var(--r-pill);padding:1px var(--sp-2);white-space:nowrap;font-size:.75rem}button{font:inherit;color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-control);min-width:44px;min-height:44px;padding:0 var(--sp-3);cursor:pointer}button:disabled{cursor:default;color:var(--ink-dim)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.primary:disabled{background:var(--surface-raised);color:var(--ink-dim);border-color:var(--line)}.cost{white-space:nowrap;background:linear-gradient(to right, var(--accent-soft) calc(var(--fill,0) * 100%), var(--surface-raised) calc(var(--fill,0) * 100%));position:relative;overflow:hidden}.cost:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.cost-label{position:relative}.steps{gap:var(--sp-2);display:flex}.step{padding:0 var(--sp-2)}.max{font-size:.8rem}.caste-count{text-align:right;min-width:3ch;font-size:1.05rem}.queen-row{align-items:center;gap:var(--sp-3);margin:var(--sp-2) 0;display:flex}.forage{flex:1}.toggle{text-align:left;width:100%;font-size:.8rem}.toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.egg-slot{align-items:center;min-height:22px;display:flex}.bar{background:var(--surface-raised);border-radius:var(--r-pill);flex:1;height:8px;overflow:hidden}.bar-fill{height:100%;width:calc(var(--p,0) * 100%);background:var(--egg);display:block}.hatch-rate{color:var(--ink-dim);font-size:.85rem}[hidden]{display:none!important}.queen[data-at-cap] .bar-fill{background:var(--warn)}.bought-summary{margin:0 0 var(--sp-2);color:var(--ink-dim);font-size:.78rem}.app-footer{justify-content:center;align-items:center;min-height:32px;display:flex}.promo-slot{min-height:20px}.icon-group{gap:var(--sp-2);display:flex}.icon-btn{background:0 0;border-color:#0000;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;font-size:1rem;display:flex}.icon-btn:hover,.icon-btn:focus-visible{background:var(--surface-raised);border-color:var(--line)}.hint-strip{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--r-card);min-height:40px;padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3);align-items:center;display:flex}.hint-text{color:var(--accent);margin:0;font-size:.85rem}.toggle[on]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.secondary{border-color:var(--accent);color:var(--accent);background:0 0}button.danger{border-color:var(--danger);color:var(--danger);background:0 0}button.danger:disabled{border-color:var(--line);color:var(--ink-dim)}.boot-banner{max-width:560px;margin:var(--sp-3) auto 0;padding:var(--sp-2) var(--sp-3);background:var(--surface-raised);border:1px solid var(--warn);border-radius:var(--r-card);color:var(--ink);justify-content:space-between;align-items:center;gap:var(--sp-2);font-size:.85rem;display:flex}.banner-dismiss{min-width:44px;min-height:44px;color:var(--ink-dim);background:0 0;border-color:#0000;padding:0;font-size:1rem;line-height:1}.tab-guard{max-width:480px;padding:var(--sp-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);text-align:center;margin:18vh auto}.tab-guard h2{margin:0 0 var(--sp-2);font-size:1.1rem}.tab-guard p{color:var(--ink-dim);margin:0 0 var(--sp-4)}.modal-scrim{z-index:20;background:#00000080;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=560px){.modal-scrim{padding:var(--sp-4);align-items:center}}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card) var(--r-card) 0 0;width:100%;max-width:560px;max-height:88vh;padding:var(--sp-4);padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));overflow-y:auto}@media (width>=560px){.modal{border-radius:var(--r-card)}}.modal-title{margin:0 0 var(--sp-3);font-size:1.1rem}.modal-subtitle{margin:var(--sp-4) 0 var(--sp-2);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);font-size:.8rem}.modal-subtitle.danger{color:var(--danger-heading)}.modal-close{width:100%;margin-top:var(--sp-4)}.settings-group{gap:var(--sp-2);flex-direction:column;display:flex}.settings-option{align-items:center;gap:var(--sp-2);min-height:44px;font-size:.9rem;display:flex}.settings-option input{min-width:20px;min-height:20px}.settings-hint{margin:0 0 var(--sp-2);color:var(--ink-dim);font-size:.78rem}.ratio-line{margin:0 0 var(--sp-2);font-variant-numeric:tabular-nums;font-size:.85rem}.ratio-steppers{gap:var(--sp-1);flex-direction:column;display:flex}.ratio-caste{align-items:center;gap:var(--sp-2);display:flex}.ratio-caste span{flex:1;font-size:.85rem}.ratio-caste .step{padding:0 var(--sp-2)}.transfer-box{width:100%;font:inherit;color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-control);padding:var(--sp-2);resize:vertical;margin-bottom:var(--sp-2);font-size:.8rem}.transfer-status{min-height:1.2em;color:var(--accent);font-size:.8rem;display:block}.confirm-input{width:100%;margin-bottom:var(--sp-2);font:inherit;color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-control);padding:var(--sp-2);min-height:44px;display:block}.danger-zone{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--line)}.stats-summary{gap:var(--sp-1) var(--sp-3);grid-template-columns:1fr auto;margin:0;display:grid}.stats-summary dt{color:var(--ink-dim);font-size:.85rem}.stats-summary dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.milestone-grid{gap:var(--sp-2);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.milestone{align-items:center;gap:var(--sp-1);color:var(--ink-dim);font-size:.8rem;display:flex}.milestone[data-earned]{color:var(--ink)}.milestone-badge{color:var(--ink-dim)}.milestone[data-earned] .milestone-badge{color:var(--accent)}.keymap{border-collapse:collapse;width:100%;font-size:.85rem}.keymap td{padding:var(--sp-1) var(--sp-2);border-top:1px solid var(--line)}.keymap .key{font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.help-rules{font-size:.9rem;line-height:1.6}.offline-return{z-index:30;background:var(--bg);padding:var(--sp-4);padding-top:calc(var(--sp-4) + env(safe-area-inset-top));padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.offline-panel{text-align:center;width:100%;max-width:420px}.offline-panel h2{margin:0 0 var(--sp-4);font-size:1.3rem}.offline-duration{margin:0 0 var(--sp-3);color:var(--ink-dim)}.offline-row{margin:0 0 var(--sp-1);min-height:1.4em;font-size:1.05rem}.offline-row:empty{visibility:hidden}.offline-cap{color:var(--warn);margin-top:var(--sp-2);font-size:.85rem}.offline-actions{gap:var(--sp-2);margin-top:var(--sp-5);flex-direction:column;display:flex}.flight-gain{margin:0 0 var(--sp-3);font-size:1rem}.keeps-resets{margin-bottom:var(--sp-3)}.keeps-resets-label{margin:0 0 var(--sp-1);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);font-size:.78rem}.keeps-resets-list{gap:var(--sp-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.keeps-resets-list li{background:var(--surface-raised);border-radius:var(--r-pill);padding:2px var(--sp-3);font-size:.85rem}.biome-offer{color:var(--accent);margin:var(--sp-3) 0;font-size:.9rem}.flight-actions{gap:var(--sp-2);margin-top:var(--sp-4);flex-direction:column;display:flex}.flight-sequence{z-index:40;opacity:0;pointer-events:none;background:#1a3a5c;justify-content:center;align-items:center;transition:opacity .22s;display:flex;position:fixed;inset:0}.flight-sequence.in{opacity:1}.flight-sequence.out{opacity:0}.flight-queen{background:var(--accent);border-radius:50% 50% 45% 45%;width:28px;height:44px;transition:transform .38s ease-out;transform:translateY(40px)}.flight-sequence.in .flight-queen{transform:translateY(-40px)}.toast{left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-3);z-index:25;background:var(--surface);border:1px solid var(--accent);border-radius:var(--r-card);max-width:480px;padding:var(--sp-3) var(--sp-4);padding-bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));margin:0 auto;position:fixed;box-shadow:0 4px 24px #00000040}.toast-headline{padding-right:var(--sp-5);margin:0;font-weight:600}.toast-subline{color:var(--ink-dim);margin:2px 0 0;font-size:.8rem}.toast-promo{margin:var(--sp-2) 0 0;color:var(--accent);font-size:.8rem}.toast-actions{margin-top:var(--sp-3)}.toast-dismiss{top:var(--sp-1);right:var(--sp-1);min-width:44px;min-height:44px;color:var(--ink-dim);background:0 0;border-color:#0000;padding:0;font-size:1rem;position:absolute}.milestone-link{color:var(--ink-dim);min-height:44px;padding:0 var(--sp-2);background:0 0;border-color:#0000;font-size:.8rem}.milestone-link:hover,.milestone-link:focus-visible{color:var(--ink)}.promo-link{color:var(--accent);font-size:.8rem;text-decoration:none}.promo-link:hover{text-decoration:underline}.flash{animation:.12s ease-out flash}@keyframes flash{0%{background:var(--accent-soft)}to{background:0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.dio-ant{animation:none}.flight-queen{transform:none!important}}@media (width<=360px){.colony{padding-left:var(--sp-2);padding-right:var(--sp-2)}.res b{font-size:1rem}.res-name{font-size:.65rem}.step{padding:0}.max{font-size:.72rem}.row-name,.caste-name{font-size:.9rem}.caste-id,.row-id{min-width:0}}.page-content{max-width:640px;margin:var(--sp-6) auto 0;padding:0 var(--sp-4) 64px;color:var(--ink);font-size:1rem;line-height:1.6}.page-content h1{margin:0 0 var(--sp-1);font-size:1.6rem}.page-content .tagline{color:var(--ink-dim);margin:0 0 var(--sp-6);font-size:1.05rem}.page-content h2{margin:var(--sp-6) 0 var(--sp-3);padding-top:var(--sp-5);border-top:1px solid var(--line);font-size:1.15rem}.page-content section:first-of-type h2{border-top:none;padding-top:0}.page-content p{margin:0 0 var(--sp-3)}.page-content dt{margin-top:var(--sp-4);font-weight:700}.page-content dt:first-child{margin-top:0}.page-content dd{margin:var(--sp-1) 0 0;color:var(--ink-dim)}.page-content .more-nav ul{gap:var(--sp-1) var(--sp-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.page-content .more-nav a{min-height:44px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;align-items:center;display:inline-flex}