:root,[data-theme=twilight]{--color-bg:#2c1810;--color-panel:#3a2218;--color-header:#5c2e0e;--color-accent:#f0a030;--color-text:#ede0d4;--color-text-light:#d4c4b0;--color-text-muted:#9c8878;--color-button:#6b8e23;--color-button-hover:#556b2f;--color-danger:#e05858;--color-success:#3da34d;--color-card:#4a3020;--color-border:#ffffff0f;--header-height:72px;--shop-width:520px}[data-theme=midnight]{--color-bg:#1a1a2e;--color-panel:#16213e;--color-header:#0f3460;--color-accent:#e8a317;--color-text:#e0d6c8;--color-text-light:#c8bfb0;--color-text-muted:#8a8078;--color-button:#4a7c3f;--color-button-hover:#3a6330;--color-danger:#e74c3c;--color-success:#2ecc71;--color-card:#1e2a47;--color-border:#ffffff14}[data-theme=nightroost]{--color-bg:#0d1117;--color-panel:#161b22;--color-header:#21262d;--color-accent:#f0c040;--color-text:#c9d1d9;--color-text-light:#8b949e;--color-text-muted:#6e7681;--color-button:#238636;--color-button-hover:#2ea043;--color-danger:#f85149;--color-success:#3fb950;--color-card:#1c2128;--color-border:#ffffff0d}[data-theme=ember]{--color-bg:#1a0c08;--color-panel:#2a1410;--color-header:#3d1c10;--color-accent:#f07030;--color-text:#f0ddd0;--color-text-light:#d0baa8;--color-text-muted:#907868;--color-button:#b85820;--color-button-hover:#d06828;--color-danger:#e04040;--color-success:#40a050;--color-card:#301810;--color-border:#ffffff0f}[data-theme=forest]{--color-bg:#0c1a0c;--color-panel:#142014;--color-header:#1a3018;--color-accent:#7ac050;--color-text:#d8e8d0;--color-text-light:#b0c8a0;--color-text-muted:#708860;--color-button:#4a8030;--color-button-hover:#5a9838;--color-danger:#d04838;--color-success:#50b050;--color-card:#182818;--color-border:#ffffff0f}[data-theme=copper]{--color-bg:#1a100a;--color-panel:#241810;--color-header:#3a2214;--color-accent:#d89040;--color-text:#ecdcc8;--color-text-light:#c8b498;--color-text-muted:#907860;--color-button:#a87030;--color-button-hover:#c08038;--color-danger:#d84040;--color-success:#48a048;--color-card:#2a1c12;--color-border:#ffffff0f}[data-theme=plum]{--color-bg:#140c1a;--color-panel:#1c1224;--color-header:#2a1838;--color-accent:#c878e0;--color-text:#e0d4e8;--color-text-light:#c0b0cc;--color-text-muted:#806890;--color-button:#8b58b8;--color-button-hover:#9c68c8;--color-danger:#e04858;--color-success:#48a860;--color-card:#201430;--color-border:#ffffff0f}[data-theme=stormy]{--color-bg:#10141a;--color-panel:#181e28;--color-header:#222c3a;--color-accent:#60a0d0;--color-text:#d0d8e0;--color-text-light:#a0b0c0;--color-text-muted:#6880a0;--color-button:#3878a8;--color-button-hover:#4890c0;--color-danger:#e04848;--color-success:#48a868;--color-card:#1c2430;--color-border:#ffffff0f}[data-theme=meadow]{--color-bg:#eef5e6;--color-panel:#f5faf0;--color-header:#2d5016;--color-header-text:#f0f5e8;--color-accent:#4a8522;--color-text:#1a2e0a;--color-text-light:#2d4418;--color-text-muted:#4a6632;--color-button:#3a7a1a;--color-button-hover:#2d6014;--color-danger:#b03030;--color-success:#2a7a20;--color-card:#f8fcf4;--color-border:#0000001f}[data-theme=sunny]{--color-bg:#fef9f0;--color-panel:#fff5e6;--color-header:#7a4e1a;--color-header-text:#fef5e0;--color-accent:#b87308;--color-text:#2c1a04;--color-text-light:#3d2a10;--color-text-muted:#6b5030;--color-button:#9a6800;--color-button-hover:#7a5200;--color-danger:#c03020;--color-success:#2a7a20;--color-card:#fffaf2;--color-border:#0000001a}[data-theme=lavender]{--color-bg:#f0edf5;--color-panel:#f6f3fa;--color-header:#3d2a5c;--color-header-text:#ede0f5;--color-accent:#7b52a8;--color-text:#1a102e;--color-text-light:#2e1e48;--color-text-muted:#5a4470;--color-button:#6a45a0;--color-button-hover:#553888;--color-danger:#b83050;--color-success:#2a7a40;--color-card:#f8f6fc;--color-border:#0000001a}[data-theme=sandy]{--color-bg:#f5efe6;--color-panel:#faf6ef;--color-header:#5c4020;--color-header-text:#f5efe0;--color-accent:#b07828;--color-text:#2a1c0a;--color-text-light:#3d2c14;--color-text-muted:#685038;--color-button:#8a6020;--color-button-hover:#6e4c18;--color-danger:#b04035;--color-success:#3a7830;--color-card:#faf8f2;--color-border:#0000001a}[data-theme=cherry]{--color-bg:#f8eef2;--color-panel:#fcf4f7;--color-header:#6b2040;--color-header-text:#fce8f0;--color-accent:#c04878;--color-text:#2a0a18;--color-text-light:#401020;--color-text-muted:#6a3850;--color-button:#a83860;--color-button-hover:#8a2c4c;--color-danger:#c02020;--color-success:#2a7840;--color-card:#fef7fa;--color-border:#0000001a}[data-theme=hc-light]{--color-bg:#fff;--color-panel:#f5f5f5;--color-header:#1a1a1a;--color-header-text:#fff;--color-accent:#0056b3;--color-text:#000;--color-text-light:#1a1a1a;--color-text-muted:#424242;--color-button:#1a6b00;--color-button-hover:#145200;--color-danger:#b71c1c;--color-success:#1b5e20;--color-card:#fff;--color-border:#595959}[data-theme=hc-dark]{--color-bg:#000;--color-panel:#1a1a1a;--color-header:#262626;--color-accent:gold;--color-text:#f0f0f0;--color-text-light:#e0e0e0;--color-text-muted:#b0b0b0;--color-button:#2e8b57;--color-button-hover:#3cb371;--color-danger:#ff5252;--color-success:#69f0ae;--color-card:#1a1a1a;--color-border:#555}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#app{height:100vh;flex-direction:column;height:100dvh;display:flex}.topbar{background:var(--color-header);color:var(--color-header-text,var(--color-text));border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 14px;display:flex}.brand{white-space:nowrap;font-size:1.1rem;font-weight:800}.brand .farm-name{opacity:.75;margin-left:6px;font-size:.9rem;font-weight:500}.stats{flex-wrap:wrap;flex:1;gap:8px;display:flex}.stat{background:#00000038;border-radius:8px;flex-direction:column;min-width:86px;padding:3px 10px;display:flex}.stat .label{text-transform:uppercase;letter-spacing:.04em;opacity:.7;font-size:.68rem}.stat .value{font-variant-numeric:tabular-nums;font-weight:700}.stat.money .value{color:var(--color-accent);font-size:1.15rem}.stat.warn .value{color:var(--color-danger)}.top-actions{gap:6px;display:flex}.icon-btn{border:1px solid var(--color-border);background:#0003;border-radius:8px;min-width:40px;height:36px;padding:0 10px}.icon-btn:hover{background:#ffffff14}.coach{background:color-mix(in srgb, var(--color-accent) 16%, var(--color-panel));border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:7px 14px;font-weight:600;display:flex}.coach .arrow{font-size:1.1rem}.coach .text{flex:1}.coach .bar{background:#00000040;border-radius:3px;width:120px;height:6px;overflow:hidden}.coach .bar>span{background:var(--color-accent);height:100%;transition:width .3s;display:block}.coach.pulse{animation:1.6s ease-in-out 2 coachPulse}@keyframes coachPulse{50%{background:color-mix(in srgb, var(--color-accent) 35%, var(--color-panel))}}.flock-tabs{background:var(--color-panel);gap:4px;padding:6px 10px 0;display:flex;overflow-x:auto}.flock-tab{border:1px solid var(--color-border);white-space:nowrap;opacity:.8;background:#00000026;border-bottom:none;border-radius:8px 8px 0 0;padding:6px 12px}.flock-tab.active{background:var(--color-card);opacity:1;font-weight:700}.flock-tab .dot{background:var(--color-danger);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.layout{flex:1;min-height:0;display:flex;overflow:hidden}.farm{background:#000;flex:1;min-width:0;min-height:420px;position:relative}.farm canvas{touch-action:manipulation;cursor:pointer;display:block;position:absolute;inset:0}.effects{pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute;top:10px;left:10px}.effect-chip{color:#fff;border-left:3px solid var(--color-accent);background:#140c06cc;border-radius:6px;padding:3px 8px;font-size:.78rem;font-weight:600}.shop{background:var(--color-panel);border-left:1px solid var(--color-border);flex-direction:column;width:460px;max-width:46vw;min-height:0;display:flex}.shop-tabs{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:4px;padding:8px;display:flex}.shop-tab{border:1px solid var(--color-border);background:#00000026;border-radius:8px;padding:5px 10px;position:relative}.shop-tab.active{background:var(--color-accent);color:#1b1208;border-color:#0000;font-weight:700}.shop-tab .badge{background:var(--color-danger);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 3px;font-size:.65rem;line-height:16px;position:absolute;top:-5px;right:-5px}.shop-body{flex:1;padding:10px;overflow-y:auto}.section{margin-bottom:14px}.section>h3{color:var(--color-accent);justify-content:space-between;align-items:baseline;margin:6px 2px 8px;font-size:.95rem;display:flex}.section>h3 small{color:var(--color-text-muted);font-weight:500}.hint{color:var(--color-text-muted);margin:0 2px 8px;font-size:.82rem}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:7px;padding:9px 10px;display:flex}.card.locked{opacity:.55}.card.owned{opacity:.7}.card.highlight{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent) inset}.card .icon{text-align:center;flex-shrink:0;width:34px;font-size:1.4rem}.card canvas.portrait{width:44px;height:44px;image-rendering:pixelated;flex-shrink:0}.card .body{flex:1;min-width:0}.card .title{flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;display:flex}.card .desc{color:var(--color-text-light);font-size:.84rem}.card .meta{color:var(--color-text-muted);margin-top:2px;font-size:.78rem}.card .flavor{color:var(--color-text-muted);margin-top:3px;font-size:.78rem;font-style:italic}.card .side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.price{color:var(--color-accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.price.cant{color:var(--color-text-muted)}.btn{background:var(--color-button);color:#fff;white-space:nowrap;border:none;border-radius:8px;min-height:36px;padding:7px 12px;font-weight:700}.btn:hover:not(:disabled){background:var(--color-button-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{color:var(--color-text);border:1px solid var(--color-border);background:#ffffff1a}.btn.danger{background:var(--color-danger)}.btn.small{min-height:28px;padding:3px 9px;font-size:.85rem}.tag{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.03em;background:#ffffff1a;border-radius:999px;padding:1px 6px;font-size:.68rem;font-weight:700;display:inline-block}.tag.new{background:var(--color-danger);color:#fff}.tag.star{background:color-mix(in srgb, var(--color-accent) 30%, transparent);color:var(--color-accent)}.tag.flock{background:color-mix(in srgb, var(--color-accent) 25%, transparent);color:var(--color-accent)}.tag.tier-STARTER{color:#fff;background:#5d7a3a}.tag.tier-EARLY{color:#fff;background:#3a6b7a}.tag.tier-MID{color:#fff;background:#6a4a8a}.tag.tier-LATE{color:#fff;background:#8a5a2a}.tag.tier-RARE{color:#fff;background:#9a2a4a}.progress{background:#0000004d;border-radius:3px;height:6px;margin-top:5px;overflow:hidden}.progress>span{background:var(--color-accent);height:100%;display:block}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:6px 14px;display:grid}.kv{border-bottom:1px dashed var(--color-border);justify-content:space-between;gap:8px;padding:3px 0;font-size:.86rem;display:flex}.kv span:last-child{font-variant-numeric:tabular-nums;font-weight:600}select,input[type=text],textarea{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:6px 8px}input[type=range]{accent-color:var(--color-accent)}.ticker{background:var(--color-header);color:var(--color-header-text,var(--color-text));border-top:1px solid var(--color-border);align-items:center;gap:10px;padding:6px 14px;font-size:.85rem;display:flex}.ticker .label{color:var(--color-accent);white-space:nowrap;font-weight:800}#toasts{z-index:50;pointer-events:none;flex-direction:column;gap:8px;max-width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:50px;right:16px}.toast{pointer-events:none;opacity:.96;background:var(--color-card);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:10px;padding:9px 12px;font-size:.9rem;animation:.25s ease-out toastIn;box-shadow:0 6px 18px #00000059}.toast.good{border-left-color:var(--color-success)}.toast.warn{border-left-color:var(--color-danger)}.toast.achievement{border-left-color:#ffd24a}.toast .t-title{font-weight:800}.toast .t-count{opacity:.7;font-weight:600}.toast.out{opacity:0;transition:all .3s;transform:translate(20px)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--color-panel);border:1px solid var(--color-border);border-radius:14px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:20px 22px;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal h2{color:var(--color-accent);margin:0 0 8px}.modal p{margin:6px 0}.modal .actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal ul{margin:8px 0;padding-left:20px}.modal details{margin-top:10px}.modal summary{cursor:pointer;font-weight:700}#tooltip{z-index:60;pointer-events:none;color:#fff;background:#0f0a06f0;border:1px solid #ffffff26;border-radius:8px;max-width:280px;padding:7px 10px;font-size:.82rem;display:none;position:fixed;box-shadow:0 8px 20px #0006}#tooltip b{color:#ffd24a}.popover{z-index:70;background:var(--color-panel);border:1px solid var(--color-border);border-radius:10px;width:240px;padding:10px;position:fixed;box-shadow:0 10px 30px #00000080}.dev-panel{z-index:90;color:#eee;background:#0a0a0aed;border:1px solid #555;border-radius:10px;width:280px;padding:10px;font-size:.8rem;position:fixed;bottom:50px;left:12px}.dev-panel h4{color:#ffd24a;margin:4px 0}.dev-panel .row{margin-bottom:4px}@media (max-width:900px){#app{height:auto;min-height:100dvh}.stats{flex-basis:100%;order:3;grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.stat{min-width:0}.stat .value{font-size:.9rem}.stat.money .value{font-size:1rem}.brand{flex:1}#toasts{max-width:none;inset:8px 8px auto}.toast{padding:7px 10px;font-size:.82rem}.layout{flex-direction:column;overflow:visible}.farm{height:58vh;min-height:0;flex:none;height:58dvh}.shop{border-left:none;border-top:1px solid var(--color-border);width:100%;max-width:none}.shop-body{overflow:visible}.stat{min-width:70px;padding:2px 8px}.coach .bar{display:none}}@media (max-width:520px){.topbar{gap:6px;padding:6px 8px}.brand .farm-name{display:none}.stat .label{font-size:.6rem}.shop-tab{padding:5px 8px;font-size:.85rem}.btn{min-height:40px}.grid2{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}