:root{--soil-900:#17110d;--soil-800:#241b14;--soil-700:#33261b;--soil-600:#463527;--sand-400:#b79366;--sand-200:#dcc7a4;--sand-100:#efe7d6;--bugs:#c4562e;--nectar:#e8a317;--ants:#a2937a;--danger:#c2352b;--ui:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--soil-900);height:100%;color:var(--sand-100);font-family:var(--ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;margin:0;padding:0;overflow:hidden}.game{position:fixed;inset:0}.canvasHost{cursor:crosshair;position:absolute;inset:0}.canvasHost canvas{display:block}.topbar{pointer-events:none;background:linear-gradient(#17110de6,#17110d00);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;top:0;left:0;right:0}.brandFish{object-fit:contain;filter:invert()hue-rotate(180deg)brightness(1.05)drop-shadow(0 2px 8px #0006);mix-blend-mode:screen;flex:none;width:34px;height:34px}.foodStat .rate{margin-left:4px;font-size:11px;font-style:normal;font-weight:700}.foodStat.losing{border-color:#b8402c}.foodStat.losing .rate{color:#ff9f8a}.foodStat.gaining .rate{color:#8cc45f}.swatch.water{background:#6fc4dd}.swatch.yard{background:#2c6c8c}.swatch.house{background:#b08d5a}.swatch.reds{background:#b33a24}.bar.reds{background:#3a2118;border-radius:4px;width:54px;height:7px;display:inline-block;overflow:hidden}.bar.reds i{background:#b33a24;height:100%;display:block}.redsStat.won b{color:#7fd4ff}.guideCard{color:#2a1d10;pointer-events:auto;z-index:18;background:#fdf6e6f5;border:3px solid #c9a227;border-radius:14px;align-items:flex-start;gap:12px;width:min(430px,82vw);padding:12px 34px 12px 12px;animation:.26s ease-out guideIn;display:flex;position:absolute;bottom:150px;left:16px;box-shadow:0 14px 40px #00000073}@keyframes guideIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.guideCard{animation:none}}.guidePic{cursor:pointer;background:#fffdf6;border:2px solid #e0d2b8;border-radius:12px;flex:none;padding:4px;line-height:0}.guideBody{min-width:0}.guideName{letter-spacing:1.5px;margin:2px 0 4px;font-size:17px;font-weight:700}.guideName span{letter-spacing:.5px;color:#6b5940;font-size:11.5px;font-style:italic;font-weight:400;display:block}.guideText{margin:0;font-size:13.5px;line-height:1.45}.guideClose{color:#6b5940;cursor:pointer;background:0 0;border:none;font-size:21px;line-height:1;position:absolute;top:6px;right:8px}.ending{text-align:center;pointer-events:auto;z-index:20;background:#241a0ef2;border:3px solid #c9a227;border-radius:16px;width:min(560px,88vw);padding:20px 24px;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #0000008c}.ending.won{border-color:#2c6c8c}.endTitle{letter-spacing:3px;color:#f0d79a;margin:0 0 8px;font-size:24px}.ending.won .endTitle{color:#9fe0ff}.endBody{color:#d9c6a4;margin:0 0 14px;font-size:15px;line-height:1.5}.launchBtn{letter-spacing:2px;color:#ffe6b0;cursor:pointer;background:#4a3308;border:3px solid #f0a830;border-radius:12px;padding:12px 26px;font-size:17px;font-weight:700}.launchBtn:hover{background:#63450c}.houseStat b{color:#e0bd85}.houseStat.won b,.yardStat b{color:#7fd4ff}.swatch.shells{background:#cbb894}.savedNote{color:#a08a68;margin:0 0 8px;font-size:12px}.voiceBtn{color:#a08a68;letter-spacing:1px;cursor:pointer;background:#2a1d12;border:2px solid #4a3320;border-radius:10px;width:100%;margin-bottom:8px;padding:10px;font-weight:700}.voiceBtn.on{color:#f0d79a;background:#3a2a12;border-color:#c9a227}.stat[role=button]{pointer-events:auto;cursor:pointer}.newColony{color:#e8c0b0;letter-spacing:1px;cursor:pointer;background:#33180f;border:2px solid #7a3a2a;border-radius:10px;width:100%;margin-bottom:14px;padding:10px;font-weight:700}.newColony:hover{border-color:#b8402c}.upgradeGrid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.ucard{color:#e8d7bb;cursor:pointer;background:#2a1d12;border:2px solid #4a3320;border-radius:10px;justify-items:center;gap:3px;padding:9px 6px 8px;display:grid}.ucard.can{border-color:#c9a227}.ucard.maxed{opacity:.75;border-color:#3d7a3a}.ucard:disabled{cursor:default}.ucard b{letter-spacing:1px;font-size:15px}.pips{gap:4px;display:flex}.pips i{background:#4a3320;border-radius:50%;width:9px;height:9px;display:block}.pips i.on{background:#f0a830}.ucard .what{color:#a08a68;font-size:11px}.ucard .ucost{color:#c9a227;font-size:11px}.ucard:disabled .ucost{color:#7d6748}.coming{color:#a08a68;margin:0 0 6px;font-size:12px}.coming span{letter-spacing:1.5px;color:#7d6748;margin-right:8px}.coming b{color:#f0a830}.comingHint{color:#8a7454;margin:0 0 12px;font-size:11.5px}.turnover{color:#a08a68;gap:4px;margin:0 0 6px;font-size:12px;display:grid}.turnover i{background:#f0a830;border-radius:3px;min-width:2px;height:5px;display:block}.hintline{color:#8a7454;margin:0 0 12px;font-size:11.5px}.zoomBtn{place-items:center;min-width:58px;display:grid}.zoomAnt{line-height:1;transition:font-size .12s}.stat{border:1px solid var(--soil-600);background:#241b14e0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:flex}.stat b{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--sand-100);font-size:20px;line-height:1}.stat small{letter-spacing:.1em;color:var(--sand-400);font-size:11px}.swatch{border-radius:4px;flex:none;width:16px;height:16px}.swatch.bugs{background:var(--bugs)}.swatch.nectar{background:var(--nectar)}.swatch.ants{background:var(--ants)}.brood{border:1px solid var(--soil-600);background:#241b14e0;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:8px 14px;display:flex}.brood small{letter-spacing:.1em;color:var(--sand-400);font-size:11px}.bar{background:var(--soil-700);border-radius:999px;width:110px;height:10px;display:block;overflow:hidden}.bar>i{background:var(--sand-200);height:100%;transition:width .2s linear;display:block}.warn{border:2px solid var(--danger);background:#3a1512f2;border-radius:10px;align-items:center;gap:12px;padding:12px 22px;animation:1.1s ease-in-out infinite pulse;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%)}.warn b{letter-spacing:.08em;color:#f2c9c2;font-size:17px}.bang{font-family:var(--mono);color:var(--danger);font-size:22px;font-weight:700;line-height:1}@keyframes pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.warn{animation:none}}.bottombar{background:linear-gradient(#17110d00,#17110de6);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:14px;display:flex;position:absolute;bottom:0;left:0;right:0}button{font-family:var(--ui);cursor:pointer}button:focus-visible{outline:3px solid var(--nectar);outline-offset:3px}.trail{background:var(--soil-700);border:2px solid var(--soil-600);min-height:64px;color:var(--sand-200);border-radius:12px;align-items:center;gap:12px;padding:12px 24px;display:flex}.trail .label{letter-spacing:.08em;font-size:18px;font-weight:700}.trail .dots{gap:5px;display:flex}.trail .dots i{background:var(--soil-600);border-radius:50%;width:8px;height:8px}.trail.on{background:var(--nectar);color:#2a1c05;border-color:#ffd06a}.trail.on .dots i{background:#2a1c05}.trail.on.idle{opacity:.72}.speeds{gap:8px;display:flex}.spd{min-width:56px;min-height:56px;font-family:var(--mono);background:var(--soil-700);border:2px solid var(--soil-600);color:var(--sand-200);border-radius:12px;font-size:16px}.spd.on{background:var(--sand-200);border-color:var(--sand-100);color:var(--soil-900);font-weight:700}.hint{text-align:center;max-width:min(92vw,620px);color:var(--sand-400);pointer-events:none;background:#17110dcc;border-radius:999px;margin:0;padding:8px 16px;font-size:13px;line-height:1.5;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}@media (max-width:640px){.stat{padding:6px 10px}.stat b{font-size:17px}.brood,.hint{display:none}}.swatch.fight{background:#5a3418}.swatch.brood{background:#efe7d6}.swatch.forage{background:#e8a317}.swatch.nurse{background:#dcc7a4}.swatch.dig{background:#4e8fa8}.swatch.soldier{background:#c4562e}.hero{border:1px solid var(--soil-600);background:#241b14e0;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:8px 14px;display:flex}.hero small{letter-spacing:.1em;color:var(--sand-400);font-size:10px}.bar.hp{background:#4a2320;width:84px;height:10px}.bar.hp>i{background:#7ba23f}.gear{z-index:30;border:1px solid var(--soil-600);width:46px;height:46px;color:var(--sand-200);pointer-events:auto;background:#241b14e0;border-radius:12px;font-size:20px;line-height:1;position:absolute;top:10px;right:14px}.warn{flex-direction:row;align-items:center}.warn span{flex-direction:column;display:flex}.warn em{color:#c99b94;margin-top:2px;font-size:12px;font-style:normal}.warn.cool{background:#12303ff2;border-color:#4e8fa8}.warn.cool b{color:#cbe6f2}.warn.cool em{color:#8fb6c8}.warn.cool .bang{color:#4e8fa8}.nestPanel,.settings{z-index:15;border:1px solid var(--soil-600);background:#1a130ef2;border-radius:14px;width:min(360px,92vw);max-height:calc(100vh - 190px);padding:14px;position:absolute;top:74px;right:14px;overflow-y:auto}.settings{width:min(440px,94vw);left:50%;right:auto;transform:translate(-50%)}.panelTitle{letter-spacing:.14em;color:var(--sand-400);margin:0 0 8px;font-size:12px;font-weight:700}.panelHint{color:var(--sand-400);margin:12px 0 0;font-size:12px}.broodPick{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.bcard{background:var(--soil-800);border:2px solid var(--soil-600);color:var(--sand-200);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;display:flex}.bcard.on{border-color:var(--nectar);background:var(--soil-700);color:var(--sand-100)}.bcard b{letter-spacing:.06em;font-size:14px}.bcard small{color:var(--sand-400);font-size:11px}.bcard .cost{font-family:var(--mono);color:var(--nectar)}.bcard .cost.bad{color:var(--danger)}.jobs{flex-direction:column;gap:8px;display:flex}.jobRow{grid-template-columns:16px 62px 40px 1fr 40px;align-items:center;gap:8px;display:grid}.jobName{letter-spacing:.06em;color:var(--sand-200);font-size:12px}.jobBar{background:var(--soil-700);border-radius:999px;height:14px;display:block;overflow:hidden}.jobBar>i{background:#d8c08a;height:100%;display:block}.jobBar.forage>i{background:#f0a830}.jobBar.nurse>i{background:#e8dcc4}.jobBar.dig>i{background:#6fc4dd}.jobBar.soldier>i{background:#c4562e}.nudge{background:var(--soil-700);border:1px solid var(--soil-600);width:40px;height:40px;color:var(--sand-100);border-radius:10px;font-size:20px;line-height:1}.modes{gap:8px;margin-bottom:16px;display:grid}.mcard{text-align:left;background:var(--soil-800);border:2px solid var(--soil-600);color:var(--sand-200);border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.mcard.on{border-color:var(--nectar);background:var(--soil-700)}.mcard b{letter-spacing:.06em;font-size:15px}.mcard small{color:var(--sand-400);font-size:12px}.flags{flex-direction:column;gap:4px;display:flex}.flagRow{text-align:left;border:1px solid var(--soil-700);color:var(--sand-100);background:0 0;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:grid}.flagRow em{letter-spacing:.06em;color:var(--warn,#d8912b);grid-column:1/-1;font-size:10px;font-style:normal}.flagRow b{font-family:var(--mono);color:var(--sand-400);font-size:12px}.flagRow.on{border-color:var(--sand-400)}.flagRow.on b{color:var(--good,#7ba23f)}.closeBtn{background:var(--sand-200);width:100%;min-height:48px;color:var(--soil-900);letter-spacing:.08em;border:0;border-radius:12px;margin-top:14px;font-weight:700}.leftControls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.viewToggle{border:2px solid var(--soil-600);border-radius:12px;display:flex;overflow:hidden}.vbtn{letter-spacing:.08em;background:var(--soil-700);min-width:76px;min-height:64px;color:var(--sand-200);border:0;font-size:14px;font-weight:700}.vbtn.on{background:var(--sand-200);color:var(--soil-900)}.call{background:var(--soil-700);border:2px solid var(--danger);color:#f2c9c2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:84px;min-height:64px;padding:8px 14px;display:flex}.call .label{letter-spacing:.08em;font-size:14px;font-weight:700}.call .ring{border:3px solid var(--danger);border-radius:50%;width:16px;height:16px;display:block}@media (max-width:720px){.topbar{gap:6px;padding:8px}.brandFish{width:26px;height:26px}.stat small{display:none}.hero{padding:6px 10px}.hero small:last-child{display:none}.nestPanel{top:66px}}.target{border:2px solid var(--danger);background:#3a1512f2;border-radius:12px;align-items:center;gap:14px;padding:10px 20px;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.target b{letter-spacing:.1em;color:#f2c9c2;font-size:16px}.target .need{font-family:var(--mono);color:#f2c9c2;font-variant-numeric:tabular-nums;font-size:20px}.target .need em{color:#fff;font-size:26px;font-style:normal;font-weight:700}.target .targetHint{letter-spacing:.08em;color:#c99b94;font-size:11px}.target.ready{border-color:var(--good,#7ba23f);background:#16300ef2}.target.ready b,.target.ready .need{color:#dbf0c0}.target.ready .targetHint{color:#9ecf6a}.gear.help{font-family:var(--ui);font-size:22px;font-weight:700;right:68px}.manualWrap.overlay{z-index:40;-webkit-overflow-scrolling:touch;background:#100c09f2;position:fixed;inset:0;overflow-y:auto}.manualWrap.page{background:var(--soil-900);min-height:100%;overflow-y:auto}.manual{max-width:760px;color:var(--sand-100);margin:0 auto;padding:28px 20px 80px}.manualHead{border-bottom:2px solid var(--soil-600);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;padding-bottom:16px;display:flex}.manual h1{letter-spacing:-.01em;text-transform:uppercase;color:var(--sand-100);margin:0;font-size:clamp(26px,6vw,40px)}.manualHead p{color:var(--sand-400);max-width:46ch;margin:6px 0 0;font-size:13px}.manualClose{background:var(--soil-700);border:1px solid var(--soil-600);width:46px;height:46px;color:var(--sand-200);border-radius:12px;flex:none;font-size:20px}.manualSec{margin-top:26px}.manual h2{letter-spacing:.14em;color:var(--nectar);text-transform:uppercase;margin:0 0 12px;font-size:14px}.manualStep{border-top:1px solid #c9a87c1f;grid-template-columns:56px 1fr;align-items:start;gap:14px;padding:10px 0;display:grid}.manualPic{background:var(--soil-800);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.manualStep .kid{color:var(--sand-100);margin:2px 0 4px;font-size:17px;line-height:1.35}.manualStep .why{color:var(--sand-400);max-width:62ch;margin:0;font-size:13px;line-height:1.55}.manualFoot{border-top:2px solid var(--soil-600);color:var(--sand-400);margin-top:30px;padding-top:16px;font-size:13px}.manualDone{background:var(--sand-200);width:100%;min-height:54px;color:var(--soil-900);letter-spacing:.1em;border:0;border-radius:12px;margin-top:18px;font-size:15px;font-weight:700}.manualBack{background:var(--soil-700);border:1px solid var(--soil-600);color:var(--sand-100);font-family:var(--ui);letter-spacing:.08em;border-radius:12px;padding:12px 20px;font-weight:700;text-decoration:none;position:fixed;bottom:14px;left:14px}@media (max-width:560px){.manualStep{grid-template-columns:44px 1fr;gap:10px}.manualPic{width:44px;height:44px}.manualPic svg{width:34px;height:34px}}