.herb-game{color:#283728;background-color:#f3ecdb;background-image:radial-gradient(circle at 15% 10%,#b5c99844,#0000 26%),radial-gradient(circle at 88% 28%,#d59d7440,#0000 24%),linear-gradient(145deg,#fbf7ed,#e8ddc5);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100vh;font-family:Arial,Noto Sans TC,sans-serif}.herb-header{color:#61705d;justify-content:space-between;max-width:1160px;margin:auto;padding:20px 26px;font-size:14px;display:flex}.herb-header a{color:#36583d;font-weight:800;text-decoration:none}.herb-header small{color:#8a806d;margin-left:8px}.herb-main{max-width:1160px;margin:auto;padding:12px 26px 50px}.herb-heading{justify-content:space-between;align-items:end;gap:32px;margin:8px 0 22px;display:flex}.herb-heading p{color:#65705e;max-width:500px;margin:0;line-height:1.75}.herb-heading>div>p{letter-spacing:3px;color:#a34d39;font-size:13px}.herb-heading h1{letter-spacing:6px;color:#304f35;margin:8px 0 0;font-family:Georgia,Noto Serif TC,serif;font-size:43px}.herb-layout{grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr);align-items:start;gap:24px;display:grid}.herb-stage{background:#fbf8ef;border:1px solid #cabb9e;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 18px 50px #4b3d2624}.herb-hud{text-align:center;background:#eee4cf;border-bottom:1px solid #d7c8ab;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 13px;display:grid}.herb-hud small{color:#767766;font-size:12px;display:block}.herb-hud strong{color:#36593b;font-variant-numeric:tabular-nums;font-size:24px;line-height:1.35;display:block}.herb-hud em{color:#7b7768;font-size:13px;font-style:normal;font-weight:500}.herb-hud .urgent{color:#b54c3e}.herb-board-wrap{padding:22px 18px 10px}.herb-board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#bca27b;border:8px solid #725138;border-radius:15px;gap:4px;max-width:540px;margin:auto;padding:9px;display:grid;box-shadow:inset 0 0 0 2px #d3b886,0 9px #553922,0 15px 28px #50381f36}.herb-cell{background:#e5d7b9;border:1px solid #c8b38c;border-radius:6px;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.herb-cell:nth-child(3n){background:#eadeca}.herb-cell.wall{background:repeating-linear-gradient(135deg,#6f6653 0 7px,#807763 7px 11px);border-color:#595142;box-shadow:inset 0 0 0 1px #aaa18a}.stone-grain{opacity:.38;background:radial-gradient(circle at 26% 30%,#a58f6e 0 2px,#0000 3px),radial-gradient(circle at 72% 65%,#fff6 0 2px,#0000 3px);position:absolute;inset:0}.herb-cell.cabinet{background:#f0dfb9;border-width:2px;box-shadow:inset 0 -7px #6f4c32,inset 0 0 0 4px #9a7048}.cabinet-sign{z-index:1;aspect-ratio:1;color:#60462f;background:#fff4d8;border-radius:6px;place-items:center;width:52%;font-family:Georgia,Noto Serif TC,serif;font-weight:900;display:grid;position:relative;box-shadow:0 2px 4px #4b321d44}.cabinet small{z-index:2;color:#fff;background:#3c5139;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid;position:absolute;bottom:2px;right:3px}.cabinet.mint{box-shadow:inset 0 -7px #4d7952,inset 0 0 0 4px #7e9f76}.cabinet.safflower{box-shadow:inset 0 -7px #a64b3f,inset 0 0 0 4px #cf7868}.cabinet.chrysanthemum{box-shadow:inset 0 -7px #b98a35,inset 0 0 0 4px #d6ac59}.herb-bundle{z-index:2;aspect-ratio:1;color:#fff;filter:drop-shadow(0 3px 2px #50371d55);border-radius:50% 50% 44% 44%;place-items:center;width:58%;display:grid;position:relative}.herb-bundle svg{stroke-width:2px;width:64%;height:64%}.herb-bundle.mint,.cargo-box.mint,.swatch.mint{background:#4f8c5b}.herb-bundle.safflower,.cargo-box.safflower,.swatch.safflower{background:#bd5044}.herb-bundle.chrysanthemum,.cargo-box.chrysanthemum,.swatch.chrysanthemum{color:#fff9d8;background:#d2a342}.medicine-cart{z-index:5;color:#fff7dc;background:linear-gradient(#d8a957,#a76830);border:2px solid #75451f;border-radius:8px 8px 4px 4px;place-items:center;width:78%;height:62%;font-family:Georgia,serif;font-weight:900;display:grid;position:absolute;top:13%;box-shadow:0 3px 6px #4b2f1d55}.medicine-cart i{aspect-ratio:1;background:#3d352c;border:2px solid #dac39a;border-radius:50%;width:22%;position:absolute;bottom:-13%}.medicine-cart i:first-of-type{left:8%}.medicine-cart i:last-of-type{right:8%}.cargo-box{z-index:4;color:#fff;border:2px solid #f8e9c7;border-radius:7px;place-items:center;width:66%;height:66%;font-weight:900;display:grid;position:absolute;box-shadow:0 3px 6px #4e371e55}.herb-controls{grid-template-rows:repeat(2,50px);grid-template-columns:repeat(3,58px);justify-content:center;gap:7px;padding:10px 0;display:grid}.herb-controls .up{grid-column:2}.herb-controls .left{grid-area:2/1}.herb-controls .down{grid-area:2/2}.herb-controls .right{grid-area:2/3}.herb-game button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:44px}.herb-controls button{color:#36573b;background:#e8d7b8;border:1px solid #947b58;border-radius:10px;place-items:center;display:grid}.herb-controls button:active:not(:disabled){background:#c2d3ac}.herb-game button:disabled{opacity:.38;cursor:default}.herb-game button:focus-visible{outline-offset:3px;outline:3px solid #bd6a47}.herb-game a:focus-visible{outline-offset:3px;outline:3px solid #bd6a47}.herb-board:focus-visible{outline-offset:3px;outline:3px solid #bd6a47}.herb-message{text-align:center;color:#66705e;min-height:28px;margin:6px 20px 16px;font-size:14px;line-height:1.6}.herb-overlay{z-index:10;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f6f0e3ef;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:flex;position:absolute;inset:0}.herb-overlay>span{letter-spacing:3px;color:#a2503c;font-size:11px}.herb-overlay h2{letter-spacing:3px;color:#31513a;margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:30px}.herb-overlay p{color:#68705f;max-width:420px;margin:0;line-height:1.8}.herb-overlay>button{color:#fff;background:#406a48;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-width:180px;padding:12px 22px;font-weight:800;display:flex}.herb-overlay .secondary{color:#35513a;background:#e3d4b7}.herb-overlay>small{color:#737565;line-height:1.7}.upgrade-grid{grid-template-columns:repeat(3,1fr);gap:9px;width:100%;max-width:600px;display:grid}.upgrade-grid button{color:#38583d;background:#fff8e9;border:1px solid #a89677;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;display:flex}.upgrade-grid button svg{width:21px}.upgrade-grid button b{font-size:14px}.upgrade-grid button small{color:#747365;font-size:11px;line-height:1.4}.herb-panel{background:#fbf7ed;border:1px solid #c9b99b;border-radius:22px;padding:24px;box-shadow:0 18px 40px #4b3d261c}.herb-title span{letter-spacing:3px;color:#a54e3a;font-size:11px}.herb-title h2{color:#31523a;margin:7px 0 20px;font-family:Georgia,Noto Serif TC,serif;font-size:27px}.herb-meters{grid-template-columns:1.1fr 1.2fr .7fr;gap:8px;display:grid}.herb-meters div{background:#eee4d0;border-radius:10px;padding:11px 9px}.herb-meters span{color:#777768;font-size:11px;display:block}.herb-meters b{color:#3f6746;white-space:nowrap;align-items:center;gap:2px;min-height:22px;margin-top:5px;font-size:17px;display:flex}.herb-meters svg{color:#b84f43;width:15px}.cabinet-list{gap:7px;margin:17px 0;display:grid}.cabinet-list div{background:#f5eddd;border:1px solid #d8c9ad;border-radius:9px;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:9px 10px;display:grid}.cabinet-list .swatch{border-radius:50%;width:15px;height:15px}.cabinet-list b{color:#4d5947;font-size:13px}.cabinet-list em{color:#47634a;font-style:normal;font-weight:800}.herb-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.herb-actions button{color:#38543c;background:#eee3cf;border:1px solid #baa987;border-radius:9px;justify-content:center;align-items:center;gap:7px;display:flex}.herb-actions svg{width:17px}.herb-progress{gap:9px;margin:20px 0;display:flex}.herb-progress span{color:#8a806d;border:1px solid #bdb095;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.herb-progress .current{color:#fff;background:#4f7653;border-color:#4f7653}.herb-progress .done{color:#fff;background:#b06c45;border-color:#b06c45}.herb-panel details{border-top:1px solid #d9cab0;padding-top:17px}.herb-panel summary{color:#35543b;cursor:pointer;font-weight:800}.herb-panel details p,.herb-footnote{color:#6b7162;font-size:13px;line-height:1.8}.herb-footnote{border-top:1px dashed #cdbd9e;padding-top:13px}.herb-batch{position:absolute;left:-10000px}.herb-game.game-focus .herb-heading,.herb-game.game-focus .herb-panel{display:none}.herb-game.game-focus .herb-layout{max-width:680px;margin:auto;display:block}@media (max-width:820px){.herb-layout{grid-template-columns:1fr}.herb-panel,.herb-stage{width:100%;max-width:650px;margin:auto}.herb-heading{align-items:start}.herb-heading>p{max-width:320px}}@media (max-width:520px){.herb-header{padding:14px 16px}.herb-main{padding:4px 10px 28px}.herb-heading{margin-bottom:14px;display:block}.herb-heading h1{font-size:34px}.herb-heading>p{margin-top:8px;font-size:14px}.herb-board-wrap{padding:14px 7px 6px}.herb-board{border-width:6px;gap:3px;padding:5px}.herb-hud{gap:2px;padding:12px 4px}.herb-hud strong{font-size:19px}.herb-controls{grid-template-rows:repeat(2,54px);grid-template-columns:repeat(3,62px)}.herb-panel{padding:19px}.herb-overlay{padding:18px}.herb-overlay h2{font-size:25px}.upgrade-grid{grid-template-columns:1fr}.upgrade-grid button{text-align:left;grid-template-columns:28px 1fr;display:grid}.upgrade-grid button small{grid-column:2}.herb-meters{gap:5px}.herb-meters div{padding:9px 6px}.herb-meters b{font-size:15px}}@media (max-width:360px){.herb-heading h1{font-size:30px}.herb-header>span{font-size:11px}.herb-board{border-width:4px}.herb-hud small{font-size:10px}.herb-hud strong{font-size:17px}.herb-panel{padding:15px}.herb-cell{border-radius:4px}.cabinet-sign{font-size:12px}}@media (prefers-reduced-motion:reduce){.herb-cell,.medicine-cart,.cargo-box{transition:none}}.herb-board{background:linear-gradient(135deg,#d4bc91,#a68458);box-shadow:inset 0 0 0 2px #ead3a7,0 9px #553922,0 15px 28px #50381f36}.herb-cell:not(.wall):not(.cabinet){background-image:linear-gradient(145deg,#ffffff38,#0000 60%);box-shadow:inset 0 1px 1px #fff9,inset 0 -2px #9c81532b}.herb-cell.wall{background:repeating-linear-gradient(0deg,#625e4d 0 3px,#827b66 3px 19px,#a49a80 20px 21px);box-shadow:inset 3px 0 #ffffff1c,inset 0 -4px #403b3055}.herb-cell.cabinet:before{content:"";background:#5c3e2c;border-radius:3px;height:13%;position:absolute;top:8%;left:10%;right:10%;box-shadow:0 2px #f0d69d}.herb-bundle{box-shadow:inset 0 3px #ffffff70,inset 0 -4px #0002}.medicine-cart{background:linear-gradient(135deg,#f1ca7e,#b37535 68%,#8d542c);animation:.14s ease-out herb-arrive;box-shadow:inset 0 2px #ffedb2,0 4px 5px #4b2f1d66}.cargo-box{background-image:linear-gradient(145deg,#fff3,#0000 55%);animation:.14s ease-out herb-arrive}.herb-controls button{transition:transform .1s,box-shadow .1s;box-shadow:0 3px #9a825d}.herb-controls button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #9a825d}@keyframes herb-arrive{0%{opacity:.65;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.medicine-cart,.cargo-box{animation:none}.herb-controls button{transition:none}}