:root{--ink:#263b2e;--cream:#fff8e8;--paper:#fffdf4;--leaf:#4e7947;--deep-leaf:#345a39;--gold:#e6a72f;--line:rgba(50,82,48,.17);--pixel-shadow:3px 3px 0 rgba(57,72,38,.18);font-family:ui-rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);background:#f5e7c3}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 0%,#fff8df,#efd9a5 58%,#ddbd7d)}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.44;filter:saturate(.45)}.game-shell{width:min(1500px,100%);margin:auto;padding:18px}.game-stage{min-height:calc(100vh - 62px);height:max(670px,calc(100vh - 62px));position:relative;isolation:isolate;overflow:hidden;border:9px solid #fff7dd;border-radius:30px;box-shadow:0 22px 55px #593d1540,inset 0 0 0 1px #5f441517;background:#9fcd77}#game{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}canvas{display:block}.topbar{position:absolute;z-index:2;left:25px;right:25px;top:20px;display:flex;align-items:center;gap:14px;pointer-events:none}.brand,.time-chip,.coin-chip,.management,.action-dock,.inspect-panel,.order-drawer{backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}.topbar button{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;color:#fffaf0;text-shadow:2px 2px 0 rgba(37,76,32,.24)}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;color:#664d1b;background:#f7d472;box-shadow:inset 0 0 0 2px #ffffff70,var(--pixel-shadow)}.brand strong{display:block;font-size:17px;letter-spacing:.05em}.brand small{display:block;margin-top:1px;opacity:.82;font-family:Georgia,serif;font-size:10px;letter-spacing:.11em}.time-chip,.coin-chip{display:flex;align-items:center;gap:8px;color:#42623d;background:#fffcece8;border:1px solid rgba(255,255,255,.76);box-shadow:var(--pixel-shadow);border-radius:9px;padding:9px 13px;font-size:13px}.time-chip{margin-left:auto}.time-chip b{color:#bf7627}.dot{width:4px;height:4px;background:#83a06b;border-radius:50%}.coin-chip{color:#9a661d;padding:9px 15px}.coin-chip b{font-size:16px}.coin-chip small{font-size:11px;color:#9b875e}.sound-toggle{display:grid;place-items:center;width:37px;height:37px;padding:0;border:1px solid rgba(255,255,255,.76);border-radius:9px;color:#527147;background:#fffcece8;box-shadow:var(--pixel-shadow);font-size:17px;transition:transform .15s,color .15s}.sound-toggle:hover{transform:translateY(-1px)}.sound-toggle.muted{color:#9a9a84}.task-chip{position:absolute;z-index:3;top:83px;left:25px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:2px solid rgba(255,252,227,.82);border-radius:9px;color:#fffbea;background:#4d7541;box-shadow:var(--pixel-shadow);font-size:11px;font-weight:800;transition:transform .15s,background .15s}.task-chip:hover{transform:translateY(-1px);background:#5e894c}.task-chip span{color:#dce8b7}.task-chip b{min-width:34px;color:#ffdb7b}.task-chip i{font-size:17px;font-style:normal;line-height:.55}.event-hint{position:absolute;z-index:2;top:84px;left:142px;max-width:270px;overflow:hidden;padding:8px 10px;border:1px solid rgba(255,255,255,.5);border-radius:8px;color:#edf7d4;background:#335b2f94;font-size:11px;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.guide-chip{position:absolute;z-index:3;top:122px;left:25px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;min-width:215px;padding:8px 10px;border:2px solid rgba(255,245,188,.85);border-radius:9px;color:#fffbed;background:#496737eb;box-shadow:var(--pixel-shadow);text-align:left;transition:transform .15s,background .15s}.guide-chip:hover{transform:translateY(-1px);background:#597c3ff5}.guide-chip span{color:#e6eebf;font-size:10px;font-weight:800}.guide-chip span b{margin-left:5px;color:#ffda79}.guide-chip strong{grid-column:1;color:#fffdf3;font:700 13px Georgia,Songti SC,serif}.guide-chip i{grid-column:2;grid-row:1 / span 2;align-self:center;color:#ffe28a;font-size:20px;font-style:normal}.inspect-panel{position:absolute;top:126px;left:25px;z-index:4;width:235px;padding:13px 14px;border:2px solid rgba(255,255,255,.72);border-radius:12px;background:#fffdeff0;box-shadow:var(--pixel-shadow)}.eyebrow{display:block;color:#a47c35;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.inspect-panel strong{display:block;margin:5px 0 4px;font-family:Georgia,Songti SC,serif;font-size:17px}.inspect-panel p{margin:0;color:#65755f;font-size:12px;line-height:1.55}.animal-heading,.order-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.animal-heading button{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:7px;color:#5e7355;background:#edf1db;font-size:17px;line-height:1}.animal-trait{display:flex;align-items:center;gap:5px;margin-top:10px;padding:7px 8px;border-radius:8px;color:#62735b;background:#eef2e2;font-size:11px}.animal-trait.gold{color:#89641d;background:#fff0c9}.animal-trait.rainbow{color:#7a4b84;background:#f7ddfb}.order-drawer{position:absolute;top:128px;left:25px;z-index:6;width:285px;padding:17px;border:2px solid rgba(255,255,255,.78);border-radius:13px;color:#4d643f;background:#fffbe8f5;box-shadow:0 16px 36px #31482338,var(--pixel-shadow);transform:translate(calc(-100% - 42px));transition:transform .26s cubic-bezier(.2,.8,.2,1)}.order-drawer.open{transform:translate(0)}.order-stamp{display:inline-block;margin:2px 0 13px;padding:4px 7px;border:1px dashed #bd8f50;border-radius:5px;color:#a46c31;font-size:10px;font-weight:800;transform:rotate(-2deg)}.order-client{color:#7d886b;font-size:11px}.order-reward{padding:4px 7px;border-radius:6px;color:#9b651e;background:#fff0bf;font-size:11px;font-weight:800}.order-drawer strong{display:block;margin:6px 0 3px;font:700 19px Georgia,Songti SC,serif}.order-drawer p{margin:0;color:#6f7b65;font-size:12px;line-height:1.5}.order-progress-track{height:7px;margin-top:15px;overflow:hidden;border-radius:0;background:#e1e5c8}.order-progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#9ac767,#e6be55);transition:width .25s ease}.order-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px dashed #d8cda8;color:#66804c;font-size:12px;font-weight:800}.order-footer button{border:0;border-radius:7px;padding:7px 10px;color:#435c38;background:#dcecae;box-shadow:0 2px #a7be78;font-size:11px;font-weight:800}.order-footer button:disabled{opacity:.55}.order-footer em{color:#a66d20;font-style:normal}.order-footnote{margin-top:13px!important;padding-top:10px;border-top:1px dashed #d8cda8;font-size:10px!important}.manage-toggle{position:absolute;top:83px;right:25px;z-index:3;border:2px solid rgba(255,255,255,.72);border-radius:9px;color:#fffdf3;background:#39663ae6;box-shadow:var(--pixel-shadow);padding:9px 12px;font-size:12px;font-weight:700}.manage-toggle span{margin-left:6px}.management{position:absolute;right:25px;top:148px;bottom:128px;z-index:4;width:330px;overflow:auto;padding:17px;border:1px solid rgba(255,255,255,.82);border-radius:20px;background:#fffcf1f0;box-shadow:0 18px 36px #364c1f30;transform:translate(calc(100% + 45px));transition:transform .28s ease}.management.open{transform:translate(0)}.management::-webkit-scrollbar{width:7px}.management::-webkit-scrollbar-thumb{background:#c9b779;border-radius:999px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{margin:3px 0 12px;font:700 20px Georgia,Songti SC,serif}.close-panel{border:0;border-radius:8px;width:27px;height:27px;color:#5e7355;background:#edf1db;font-size:20px;line-height:1}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stat-card{padding:10px 8px 8px;border:1px solid var(--line);border-radius:12px;background:#fffdf7}.stat-card span{display:block;color:#74806d;font-size:10px}.stat-card b{display:block;margin:3px 0 8px;font-size:13px}.stat-card button,.upgrades button{width:100%;padding:5px 3px;border:0;border-radius:7px;color:#586951;background:#eef3df;font-size:10px;font-weight:700}.stat-card.food button{background:#fff0d0}.stat-card.water button{background:#dff3f5}.stat-card em,.purchase-card em,.equipment-card em,.upgrades em{color:#a66d20;font-style:normal}.panel-section{margin-top:16px;padding-top:14px;border-top:1px dashed #d8cda8}.section-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:#54654d;font-size:12px;font-weight:800}.section-title span:last-child{color:#9a967b;font-size:10px;font-weight:600}.logistics{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:10px;border-radius:11px;background:#f2f4e8}.logistics div{min-width:34px;text-align:center;transition:transform .18s,color .18s}.logistics span{display:block;color:#768170;font-size:10px}.logistics b{color:#426b45;font-size:16px}.logistics i{color:#b8b885;font-style:normal}.pipeline-track{padding:9px 6px}.pipeline-track div.working{color:#a07020;transform:translateY(-2px)}.pipeline-track div.working b{color:#ad7622}.pipeline-track div.locked{opacity:.45}.pipeline-note{margin:8px 2px 0;color:#7e8876;font-size:10px;line-height:1.45}.market-panel{padding-top:12px}.egg-price-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.egg-price-list div{padding:8px 7px;border:1px solid #e7dec2;border-radius:9px;background:#fffdf5}.egg-price-list span{display:block;color:#6d7b69;font-size:10px}.egg-price-list b{display:inline-block;margin-top:3px;color:#a66d20;font-size:16px}.egg-price-list small{display:block;margin-top:2px;color:#8a927e;font-size:9px}.purchase-grid,.equipment-list{display:grid;gap:7px}.purchase-card,.equipment-card{display:grid;align-items:center;text-align:left;grid-template-columns:35px 1fr auto;gap:9px;width:100%;border:1px solid #e8e0c9;border-radius:11px;padding:8px;color:#40563f;background:#fffef9;transition:transform .15s,border-color .15s}.purchase-card:hover:not(:disabled),.equipment-card:hover:not(:disabled){transform:translateY(-1px);border-color:#b5c47a}.animal-icon,.equipment-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eff3dc;font-size:20px}.equipment-icon{color:#557341;font-size:18px}.purchase-card b,.equipment-card b{display:block;font-size:12px}.purchase-card small,.equipment-card small{display:block;margin-top:2px;color:#7f8976;font-size:10px;line-height:1.35}.purchase-card em,.equipment-card em{font-size:11px;font-weight:800}.upgrade-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.upgrades button{padding:8px 4px;font-size:10px;background:#f4edd7}.action-dock{position:absolute;z-index:3;left:50%;bottom:22px;display:flex;gap:8px;width:min(570px,calc(100% - 38px));padding:7px;border:2px solid rgba(255,255,255,.84);border-radius:12px;background:#fffbece8;box-shadow:var(--pixel-shadow),0 12px 25px #3052222e;transform:translate(-50%)}.action-dock button{display:grid;grid-template-columns:28px 1fr;align-items:center;text-align:left;flex:1;min-width:0;border:1px solid transparent;border-radius:8px;padding:9px 11px;color:#42603f;background:transparent}.action-dock button:hover{background:#edf3d9;border-color:#dbe5b6}.action-dock button>span{grid-row:span 2;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#617a45;background:#dceab9;font-size:18px}.action-dock b{font-size:12px}.action-dock small{color:#7f8a76;font-size:10px}.action-dock .sell{color:#926023;background:#fff0cc}.action-dock .sell>span{color:#a96d1e;background:#f9d881}.progress-toast{position:absolute;z-index:12;left:50%;bottom:106px;padding:8px 12px;border:1px solid rgba(255,255,255,.82);border-radius:8px;color:#f9f6d9;background:#355f30eb;box-shadow:var(--pixel-shadow);font-size:12px;font-weight:800;opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:opacity .18s,transform .18s}.progress-toast.visible{opacity:1;transform:translate(-50%)}.guide-target{animation:guide-target .72s ease-in-out 2;outline:3px solid #ffe27a!important;outline-offset:3px}@keyframes guide-target{50%{transform:translateY(-2px);filter:brightness(1.12)}}.footer-note{margin:10px 8px 0;color:#796d52;text-align:center;font-size:11px}@media(max-width:720px){.game-shell{padding:0}.game-stage{height:100dvh;min-height:600px;border:0;border-radius:0}.topbar{top:14px;left:14px;right:14px;gap:7px}.brand small{display:none}.brand strong{font-size:14px}.brand-mark{width:31px;height:31px}.time-chip{margin-left:auto;padding:7px 9px;font-size:11px}.coin-chip{padding:7px 9px;gap:5px}.coin-chip small{display:none}.sound-toggle{width:31px;height:31px;font-size:15px}.task-chip{top:61px;left:14px;padding:7px 8px}.event-hint{top:62px;left:127px;max-width:150px;padding:7px 8px}.guide-chip{top:100px;left:14px;min-width:202px;padding:7px 8px}.inspect-panel{top:154px;left:14px;width:215px;padding:11px}.order-drawer{top:58px;left:9px;width:calc(100% - 18px);transform:translateY(calc(-100% - 80px))}.order-drawer.open{transform:translateY(0)}.manage-toggle{top:62px;right:14px;padding:8px 9px;font-size:11px}.management{top:58px;right:9px;bottom:9px;width:calc(100% - 18px);border-radius:17px;transform:translateY(calc(100% + 70px))}.management.open{transform:translateY(0)}.action-dock{bottom:12px;width:calc(100% - 22px);padding:5px;border-radius:10px}.action-dock button{grid-template-columns:23px 1fr;padding:8px 7px}.action-dock b{font-size:10px}.action-dock small{font-size:9px}.action-dock button>span{width:21px;height:21px;font-size:14px}.progress-toast{bottom:91px}.footer-note{display:none}}@media(max-width:440px){.event-hint{display:none}}