:root{font-family:system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#23432c;background:#edf6e6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible{outline:3px solid #277dc4;outline-offset:3px}.app-shell{max-width:1500px;margin:auto;padding:0 22px}.topbar{height:85px;display:flex;align-items:center;gap:17px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#43aa5b;box-shadow:0 4px 0 #2c8547;color:white;font-size:29px}.brand strong{font-size:20px}.brand small{display:block;font-size:12px;letter-spacing:.16em;color:#849885}.stats{display:flex;gap:9px}.stat{background:#fff;border:1px solid #dfeddb;border-radius:14px;padding:8px 14px;display:flex;align-items:center;gap:9px;min-width:100px;box-shadow:0 3px 14px #345d2d10}.stat>span{font-size:22px;color:#dfac31}.stat small{display:block;color:#759079;font-size:12px}.stat strong{font-size:17px}.level{min-width:155px}.xp-bar{height:6px;background:#e4ecdf;border-radius:6px;overflow:hidden;margin:4px 0;width:105px}.xp-bar span{display:block;background:#62bb6b;height:100%}.icon-button{border:1px solid #e0ebdb;border-radius:12px;background:white;color:#4d7b52;width:40px;height:40px;font-size:22px}.map-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:1px 3px 13px}.map-heading h1{font-size:29px;margin:7px 0 0;line-height:1.1}.map-heading p{margin:0 0 3px;color:#66866a;font-size:14px}.date-badge{display:inline-block;background:#fff5d3;color:#986915;border-radius:20px;padding:5px 11px;font-size:12px;font-weight:800}.date-badge.test-badge{background:#244f36;color:white}.mobile-tip{display:none}.map-viewport{width:100%;position:relative;overflow-x:auto;overflow-y:hidden;border:6px solid white;border-radius:23px;background:#a7db65;box-shadow:0 15px 40px #25452b24;scrollbar-color:#88bc7c #e6f5df;scrollbar-width:thin;touch-action:pan-x}.map-frame{position:relative;min-height:1px}.map-world{position:absolute;left:0;top:0;width:1200px;height:720px;transform-origin:top left;overflow:hidden}.map-ground{position:absolute;inset:0;background:url('../assets/scenery/farm-ground.png') center/100% 100% no-repeat}.map-region-layer,.map-plot-layer,.map-building-layer{position:absolute;inset:0;pointer-events:none}.map-region-layer{z-index:2}.map-plot-layer{z-index:3}.map-building-layer{z-index:4}.map-region-layer button,.map-plot-layer button,.map-building-layer button{pointer-events:auto}.map-building{position:absolute;border:0;background:transparent;padding:0;transition:transform .17s,filter .17s;filter:drop-shadow(0 7px 5px #1c472c55)}.map-building:hover,.map-building:focus-visible{transform:translateY(-5px);filter:drop-shadow(0 10px 7px #143b235f) brightness(1.07)}.building-sprite{position:absolute;inset:0 0 20px;background-image:url('../assets/buildings/farm-buildings.png');background-size:300% 100%;background-position:var(--sprite-x) center;background-repeat:no-repeat}.building-label{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);background:#fff8dbef;border:2px solid #d6a65f;border-radius:20px;padding:5px 13px;color:#5e522f;font-size:17px;font-weight:850;white-space:nowrap;box-shadow:0 3px 0 #9674484d}.map-building:hover .building-label{background:#fff}.region-lock{position:absolute;border:3px dashed #fff8d4e8;border-radius:25px;background:linear-gradient(135deg,#65905c99,#4e7950b5);box-shadow:inset 0 0 0 5px #46693945,0 9px 22px #28533180;color:white;display:grid;place-items:center;text-shadow:0 2px 3px #21482b;transition:background .2s,transform .2s}.region-lock:hover,.region-lock:focus-visible{background:#497d51c9;transform:translateY(-4px)}.region-label{background:#245236bd;border-radius:17px;padding:12px 16px;display:grid;gap:4px;box-shadow:0 3px 12px #183c2780}.region-label strong{font-size:21px}.region-label small{font-size:14px;font-weight:750}.map-plot{position:absolute;width:128px;height:86px;border:0;padding:0;color:#f9f5dc;background:transparent;filter:drop-shadow(0 6px 4px #1c3b2670);transition:transform .13s,filter .13s}.map-plot:hover,.map-plot:focus-visible{transform:translateY(-5px);filter:drop-shadow(0 9px 5px #24482b90) brightness(1.1)}.soil-art{position:absolute;inset:0;background:url('../assets/scenery/soil-bed.png') center 70%/115% 150% no-repeat}.plot-info{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;white-space:nowrap;line-height:1.1;text-shadow:0 2px 3px #1e2517a8}.plot-info strong{font-size:15px}.plot-info small{font-size:12px;margin-top:2px;background:#23492eaa;padding:2px 5px;border-radius:5px}.plot-action{font-size:17px;font-weight:800;color:#fff1c3}.field-plant{position:absolute;z-index:1;left:50%;top:-13px;transform:translateX(-50%);font-size:35px;line-height:1}.map-plot.ripe .soil-art{filter:drop-shadow(0 0 8px #ffed75)}.map-plot.needs-care .soil-art{filter:drop-shadow(0 0 7px #f08f53)}.issue-badges{position:absolute;z-index:2;top:-9px;right:9px;display:flex;gap:1px}.issue-badges span{background:#fff9d9;border:1px solid #bd9865;border-radius:6px;padding:2px;font-size:17px}.crop-art{display:inline-block;width:40px;height:40px;flex:none;background-image:url('../assets/crops/crop-atlas.png');background-size:400% 200%;background-position:var(--icon-x) var(--icon-y);background-repeat:no-repeat;filter:drop-shadow(0 2px 2px #182d1b50)}.field-plant .crop-art{width:49px;height:49px}.field-plant .crop-art.crop-growing{width:34px;height:34px;opacity:.86}.toast{position:absolute;z-index:10;top:15px;right:15px;max-width:min(350px,70%);background:#214c34f0;color:white;border-radius:13px;padding:12px 17px;font-size:14px;font-weight:750;box-shadow:0 7px 20px #193b2763;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}.quick-nav{display:flex;justify-content:center;gap:10px;margin:14px 0 10px}.quick-nav button{border:1px solid #d8e8d2;background:white;color:#3a6b43;border-radius:12px;padding:9px 17px;font-size:14px;font-weight:750;box-shadow:0 3px 12px #345d2d12}.quick-nav button:hover{background:#edf9e8}.toolbelt{margin:0 0 14px;padding:9px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid #e2ebdc;border-radius:17px;box-shadow:0 5px 18px #315d3020}.tool-group{display:flex;flex-wrap:wrap;gap:6px}.tool{border:2px solid transparent;background:#f1f6ec;color:#4b684f;border-radius:10px;padding:7px 10px;font-size:13px;font-weight:750}.tool span{font-size:18px;vertical-align:middle;margin-right:3px}.tool.active{background:#e5f7dd;border-color:#5fb55f;color:#245d30}.selected-label{font-size:13px;color:#729076;white-space:nowrap}footer{text-align:center;color:#829a83;font-size:13px;padding:5px 0 25px}.game-dialog{width:min(92vw,640px);max-height:min(85vh,760px);overflow:auto;border:0;border-radius:22px;padding:23px;color:#284630;box-shadow:0 20px 70px #17352470}.game-dialog::backdrop{background:#173a269c}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dialog-head small{font-size:11px;letter-spacing:.14em;color:#80af7e;font-weight:800}.dialog-head h2{font-size:23px;margin:2px 0 0}.game-dialog p{line-height:1.6;color:#617b66}.dialog-intro{font-size:14px;margin:0 0 14px}.seed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.seed-card{min-width:0;border:2px solid #e7eee3;border-radius:14px;background:#f9fbf6;padding:9px}.seed-card.selected{border-color:#63b65b;background:#f0fae9}.seed-card.locked{background:#f5f6f3}.seed-select{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:9px;text-align:left;color:#29442e;padding:0 0 7px}.seed-info{min-width:0}.seed-info strong{display:block;font-size:15px}.seed-info small{display:block;color:#7b8e7c;font-size:12px;line-height:1.3;margin-top:3px}.seed-bottom{border-top:1px solid #e7eee1;padding-top:7px;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px;color:#617e65}.seed-bottom button,.warehouse-item button,.task button,.rescue-box button,.solid-button{border:0;border-radius:9px;background:#51aa58;color:white;font-size:13px;font-weight:800;padding:8px 11px;white-space:nowrap}.seed-bottom button:hover,.warehouse-item button:hover,.task button:hover,.solid-button:hover{background:#398c45}.warehouse-list{display:grid;gap:7px;margin-top:14px}.warehouse-item{display:flex;align-items:center;gap:9px;border-bottom:1px solid #e9efe5;padding:6px 0 10px}.warehouse-item span:not(.crop-art){flex:1}.warehouse-item strong{display:block;font-size:14px}.warehouse-item small{color:#849286;font-size:12px}.empty-copy{font-size:14px;color:#829183;margin:8px 0;line-height:1.5}.task-list{display:grid;gap:9px}.task{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #edf2ea;padding:7px 0 13px}.task>div{flex:1}.task strong{font-size:14px}.task small{display:block;font-size:12px;color:#819283;margin:4px 0}.task-progress{display:block;width:100%;height:5px;background:#e9f0e5;border-radius:6px;overflow:hidden}.task-progress span{display:block;background:#67bc67;height:100%}.rescue-box{margin-top:15px;padding:12px;background:#fff8e3;border:1px solid #f4e0a3;border-radius:12px;font-size:13px}.rescue-box[hidden]{display:none}.rescue-box p{margin:0 0 10px}.danger-button,.secondary-button{border:0;border-radius:9px;padding:10px 14px;font-weight:750}.danger-button{background:#bd4943;color:white}.secondary-button{background:#e9eee7;color:#355a3a}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.mode-control{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f2f8ee;padding:14px;border-radius:12px}.mode-control strong,.mode-control small{display:block}.mode-control small{color:#7a8c7d;font-size:12px;margin-top:3px}.mode-control input{width:22px;height:22px;accent-color:#4da75b}.detail-art .crop-art{width:72px;height:72px}.detail-art{text-align:center;margin:10px}.detail-tip{font-size:13px;background:#f0f6ed;padding:9px;border-radius:8px}@media(max-width:740px){.app-shell{padding:0 9px}.topbar{height:70px;gap:6px}.brand{gap:5px}.brand-mark{width:36px;height:36px;font-size:25px}.brand strong{font-size:15px}.brand small{display:none}.stats{gap:4px}.stat{padding:5px 7px;gap:3px;min-width:0}.stat>span{font-size:15px}.stat strong{font-size:13px}.stat small{font-size:10px}.level{min-width:87px}.xp-bar{width:65px}.icon-button{width:36px;height:36px;font-size:20px}.map-heading{display:block}.map-heading h1{font-size:23px;margin:5px 0 0}.map-heading p{font-size:12px;margin:5px 0 0}.mobile-tip{display:inline;font-weight:700}.map-viewport{border-width:4px;border-radius:18px}.quick-nav{gap:5px;margin:9px 0}.quick-nav button{font-size:12px;padding:8px 6px;flex:1}.toolbelt{align-items:flex-start;flex-direction:column}.tool-group{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.tool{padding:5px 3px;font-size:11px}.tool span{display:block;margin:0;font-size:17px}.selected-label{font-size:12px}.game-dialog{padding:17px}.seed-select>.crop-art{width:32px;height:32px}.seed-info strong{font-size:13px}.seed-info small{font-size:11px}.seed-bottom{font-size:11px}}@media(max-width:380px){.app-shell{padding:0 5px}.stat>span{display:none}.brand strong{font-size:13px}.seed-card{padding:6px}.seed-bottom button{padding:6px}}