/* The service window shares the game's jade/gold palette with quieter spacing. */
#farm-desk-panel {
  --center-gold:#dbc185;--center-ink:#e8eee3;--center-muted:#a1b7ac;--center-line:#355348;
  position:fixed;top:50%!important;width:min(1220px,calc(100vw - 48px))!important;
  height:min(850px,calc(100dvh - 54px));max-height:calc(100dvh - 54px)!important;
  padding:0!important;overflow:hidden;border:1px solid #af9b66;border-radius:18px!important;
  background:linear-gradient(135deg,#19392e,#10271f 65%,#0c1e18);
  box-shadow:0 28px 100px #000a,inset 0 0 0 4px #06150d40;
  color:var(--center-ink);display:flex;flex-direction:column;
  font-family:"Noto Sans Thai","Segoe UI",Tahoma,sans-serif;
}


#game-screen>#farm-desk-panel{top:50vh!important;left:50vw!important;zoom:1!important;z-index:120;background:linear-gradient(135deg,#19392e,#10271f 65%,#0c1e18)!important;border:1px solid #af9b66!important;box-shadow:0 28px 100px #000a,inset 0 0 0 4px #06150d40!important}
#farm-center-shade{position:fixed;inset:0;z-index:119;background:#03140db8;backdrop-filter:blur(2px)}#farm-center-shade[hidden]{display:none!important}
#farm-desk-panel [hidden],#farm-desk-panel .hidden{display:none!important}
#farm-desk-panel button{border-radius:9px!important;border-width:1px!important;border-color:#466550!important;box-shadow:none!important;text-shadow:none;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
#farm-desk-panel button:disabled{opacity:1!important;background:#263c2c!important}
#farm-desk-panel button.is-active,#farm-desk-panel button.selected,#farm-desk-panel .center-service-featured{border-color:#ab945c!important}
#farm-desk-panel button:hover:not(:disabled){border-color:#bba164!important}
#farm-desk-panel .center-recipe-bottom button{border-color:#83ad7c!important}
#farm-desk-panel .center-recipe-bottom button:disabled{border-color:#48614a!important}
#farm-desk-panel .center-search,#farm-desk-panel .farm-center-crest,#farm-desk-panel .farm-center-wallet,#farm-desk-panel .center-material-row,#farm-desk-panel .center-stock-strip>div,#farm-desk-panel .center-service-art,#farm-desk-panel .forge-item-preview,#farm-desk-panel .forge-stage-card,#farm-desk-panel .forge-materials-panel,#farm-desk-panel .forge-sidebar,#farm-desk-panel .field-recipe-card,#farm-desk-panel .workshop-recipe,#farm-desk-panel .center-catalogue-note{border-radius:9px!important}
#farm-desk-panel button:active{transform:translateY(1px)}
#farm-desk-panel button:focus-visible,#farm-desk-panel input:focus-visible{outline:2px solid #efd48f;outline-offset:3px}
#farm-desk-panel button:disabled{cursor:not-allowed}
#farm-desk-panel>.service-close{top:25px;right:22px;width:36px;height:36px;min-height:36px;background:#213e32;border:1px solid #5d7361;color:#d9e4d5;font-size:24px;z-index:3}
.farm-center-head{display:flex;align-items:center;gap:16px;padding:21px 78px 20px 26px;border-bottom:1px solid var(--center-line);background:linear-gradient(100deg,#214534aa,#10271f88);flex:none}
.farm-center-crest{width:55px;height:55px;flex:none;display:grid;place-items:center;background:#122e25;border:1px solid #67805b;border-radius:13px}
.farm-center-crest img{width:55px;height:55px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 4px #0008)}
.farm-center-head>div:first-of-type{flex:1;min-width:0}
.farm-center-head small,.center-eyebrow{color:#d0bb7e;font-size:10px;font-weight:700;letter-spacing:.15em}
#farm-desk-panel .farm-center-head h2{margin:5px 0 4px!important;font-size:25px!important;line-height:1.3!important;color:#f5edd5!important;text-shadow:none!important}
.farm-center-head p{margin:0;font-size:12px;color:var(--center-muted)}
.farm-center-wallet{padding:9px 16px;background:#0c2119;border:1px solid #426150;border-radius:9px;text-align:right;min-width:142px}
.farm-center-wallet small{display:block;letter-spacing:0;color:#a7bfb0;font-size:10px}
.farm-center-wallet b{display:block;margin-top:4px;color:#f1dc9f;font:700 19px/1.2 "Segoe UI",sans-serif;font-variant-numeric:tabular-nums}
.farm-center-wallet em{font:600 11px sans-serif;color:#ccb881;font-style:normal}
#farm-desk-panel>.farm-view{flex:1;min-height:0;overflow:auto;padding:24px 28px 28px;scrollbar-color:#647a60 #0c211a;scrollbar-width:thin;animation:center-view-enter .2s ease-out both}
#farm-desk-panel h2{font-size:25px!important;line-height:1.4!important;letter-spacing:0!important;text-shadow:none!important;color:#f3ecd5!important}
#farm-desk-panel h3{font-size:16px!important;color:#e0e9d8!important;text-shadow:none}
.center-welcome{display:flex;align-items:center;justify-content:space-between;gap:26px;margin:6px 0 27px}
.center-welcome h2{margin:9px 0 7px!important}
.center-welcome p,.center-catalogue-head p{color:var(--center-muted);font-size:13px;line-height:1.65;margin:0}
.center-daily{width:250px;flex:none}
#farm-desk-panel .center-daily .daily-seed-btn{width:100%;min-height:67px;border:1px solid #766b41;background:linear-gradient(110deg,#39492a,#223b28);border-radius:10px!important;box-shadow:none}
.center-daily .daily-seed-status:empty{display:none}.center-daily .daily-seed-status{font-size:10px;line-height:1.5;padding-top:5px}
.center-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#farm-desk-panel .center-service-card{display:flex;align-items:center;gap:18px;text-align:left;min-width:0;padding:22px;border:1px solid #426351;background:linear-gradient(130deg,#21443299,#132e24);color:#e4ebde;min-height:176px;border-radius:13px!important}
#farm-desk-panel .center-service-card:hover{border-color:#b9a76b;background:linear-gradient(130deg,#2a533b,#17362a);transform:translateY(-2px)}
.center-service-art{display:grid;place-items:center;flex:none;width:102px;height:102px;border-radius:16px;background:radial-gradient(ellipse,#5c784733,transparent 70%)}
.center-service-art img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 4px #0007)}
.center-service-card>span:last-of-type{min-width:0;flex:1}.center-service-card small{font:700 9px "Segoe UI",sans-serif;letter-spacing:.16em;color:#c3b379}
.center-service-card b{display:block;font-size:20px;margin:8px 0 7px;font-weight:750;color:#f1e7c4}
.center-service-card p{font-size:12px;line-height:1.65;margin:0;color:#a7c0ad}
.center-service-card em{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;font-style:normal;color:#dec68b;margin-top:16px}
.center-service-card em i,.center-service-compact>i{font-style:normal;font-size:19px}
#farm-desk-panel .center-service-featured{grid-column:1/-1;min-height:154px;padding:22px 28px;border-color:#88784c;background:radial-gradient(ellipse at 14% 80%,#a7973320,transparent 42%),linear-gradient(110deg,#2f4f32,#153529)}
.center-service-featured .center-service-art{width:115px;height:115px}.center-service-featured b{font-size:25px}.center-service-featured em{justify-content:flex-start;gap:22px}
#farm-desk-panel .center-service-compact{min-height:99px;padding:18px 22px}
.center-service-compact b{font-size:17px;margin:5px 0}.center-service-symbol{width:44px;height:44px;border:1px solid #6d7754;border-radius:9px;display:grid;place-items:center;color:#e3cb86;font-size:28px}
.center-catalogue-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:20px 0 24px}.center-catalogue-head h2{margin:9px 0 6px!important}
.center-step-note{color:#a8bba4;font-size:10px;white-space:nowrap}.center-step-note i{color:#bfa66b;font-style:normal;padding:0 8px}
.center-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#farm-desk-panel .center-category-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:269px;padding:21px;border:1px solid #405f4f;background:linear-gradient(150deg,#1e4031,#132d23);border-radius:13px!important;text-align:left;animation:center-view-enter .25s ease-out both;animation-delay:calc(var(--card-order)*35ms)}
#farm-desk-panel .center-category-card:hover{border-color:#c0a468;transform:translateY(-3px);background:linear-gradient(150deg,#284a35,#16372a)}
.center-category-tag{position:absolute;right:15px;top:17px;font-size:9px;color:#a5b998;border:1px solid #3c5d4b;padding:4px 7px;border-radius:5px}
.center-category-art{display:block;width:86px;height:86px;margin:-1px 0 14px;background:radial-gradient(ellipse,#aac96e17,transparent 72%)}
.center-category-art img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 4px #0006)}
.center-category-card>b{font-size:18px;color:#ede8d4}.center-category-card>p{font-size:12px;line-height:1.65;margin:7px 0 18px;color:#9fbaa8}
.center-category-meta{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #385545;font-size:10px;color:#a8bca0}.center-category-meta em{color:#dec389;font-style:normal;font-weight:700}
.center-catalogue-note{display:flex;align-items:center;gap:11px;margin-top:20px;padding:12px 16px;border:1px solid #3f5b47;background:#142d22;border-radius:9px;color:#a3b8a0}.center-catalogue-note>span{color:#91c69b;font-size:20px}.center-catalogue-note p{margin:0;font-size:11px;line-height:1.6}
.farm-center-categories{display:flex;gap:7px;padding:13px 23px;border-bottom:1px solid #365545;background:#10291f;flex:none;overflow-x:auto}
#farm-desk-panel .farm-center-categories button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;white-space:nowrap;padding:9px 11px;min-height:56px;border:1px solid transparent;background:transparent;color:#aabfb0;font-size:12px}
.farm-center-categories button>span{width:35px;height:35px;flex:none}.farm-center-categories img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
#farm-desk-panel .farm-center-categories button.is-active{color:#f1e0aa;background:#344932;border-color:#86784d;box-shadow:inset 0 -2px #d9bc7c}
#farm-desk-panel .farm-center-categories button:hover{background:#244332;color:#ede6cd}
.farm-center-toolbar{display:flex;align-items:center;gap:12px;padding:12px 26px;border-bottom:1px solid #315141;background:#112b21;flex:none}
#farm-desk-panel .center-catalogue-back{min-height:38px;padding:6px 11px;background:#1d3729;border:1px solid #42614e;color:#bdcbb4;font-size:11px}
.center-search{display:flex;align-items:center;gap:10px;flex:1;max-width:470px;height:39px;padding:0 11px;background:#0e231b;border:1px solid #42614f;border-radius:8px;color:#9cb4a2}
.center-search>span{font-size:24px}.center-search input{min-width:0;flex:1;background:transparent;border:0;color:#e1e8d8;font:12px "Segoe UI",Tahoma,sans-serif;padding:6px 0;outline:none}.center-search input::placeholder{color:#819d8b}.center-search input::-webkit-search-cancel-button{display:none}
#farm-desk-panel .center-search button{width:25px;height:25px;min-height:25px;padding:0;border:0;background:transparent;color:#9fbaa4;font-size:18px}
.center-ready-filter{display:flex;align-items:center;gap:7px;color:#bbceb8;font-size:11px;white-space:nowrap;cursor:pointer}.center-ready-filter input{accent-color:#c9b06d;width:15px;height:15px}.center-ready-filter:has(input:disabled){opacity:.4;cursor:default}
.farm-center-toolbar>small{margin-left:auto;color:#8ca994;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.center-page-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}.center-page-art{width:72px;height:72px;flex:none;background:radial-gradient(ellipse,#acc86920,transparent 73%)}.center-page-art img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 3px #0006)}
.center-page-head small{color:#bba56f;font-size:10px}.center-page-head h2{margin:5px 0 5px!important}.center-page-head p{margin:0;color:#a6bba7;font-size:12px;line-height:1.6}
#farm-desk-panel .farm-back-btn{padding:7px 11px;background:#20392b;border:1px solid #49634e;font-size:11px;color:#c5d2b9;min-height:34px}
#farm-desk-panel .farm-craft-section,#farm-desk-panel .forge-field-tools{padding:0;border:0;margin:0 0 23px;background:transparent;box-shadow:none}
#farm-desk-panel .farm-craft-heading{margin-bottom:14px;border-bottom:1px solid #365647;padding:0 0 11px;gap:9px}.farm-craft-heading>span{display:none!important}
#farm-desk-panel .farm-craft-heading h3{margin:0 0 5px!important}.farm-craft-heading p,.center-section-label p{font-size:11px;line-height:1.6;color:#9cb5a3;margin:0}
#farm-desk-panel .field-recipe-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
#farm-desk-panel .field-recipe-card{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;min-width:0;overflow:hidden;border:1px solid #456451;border-radius:11px;background:linear-gradient(135deg,#204030aa,#132d22);box-shadow:none}
.center-recipe-top{display:flex;align-items:center;gap:14px;padding:19px 19px 13px;min-height:86px}.center-recipe-top .field-pixel-icon{width:58px;height:58px;flex:none;image-rendering:pixelated;filter:drop-shadow(0 4px 2px #0006)}
.center-recipe-top>div{min-width:0;flex:1}.center-recipe-top>b{color:#e9d391;font:700 15px "Segoe UI",sans-serif;white-space:nowrap;align-self:flex-start;padding:5px 8px;background:#162b20;border:1px solid #506443;border-radius:5px}
.center-recipe-unlock{display:inline-flex;margin-top:7px;padding:3px 7px;border:1px solid #8d7944;border-radius:999px;background:#3a3420;color:#ecd18b;font-size:10px;line-height:1.35}.field-recipe-card.is-locked{border-color:#786b42;background:linear-gradient(135deg,#292d20aa,#13271f)}.field-recipe-card.is-locked .field-pixel-icon{filter:grayscale(.45) brightness(.72)}
#farm-desk-panel .center-recipe-top b.center-recipe-name{font-size:16px;line-height:1.45;color:#f0e7c8;display:block}
.center-recipe-owned{font-size:11px;color:#a4bca7;margin-top:5px;display:block}.center-recipe-effect{padding:0 19px;color:#a9c3ae;font-size:11px;line-height:1.65;margin:0;min-height:38px}
.center-recipe-costs{padding:15px 19px 17px;display:grid;gap:8px}.center-recipe-costs>small{color:#94ad98;font-size:10px}.center-material-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#0d261aaa;border:1px solid #355644;border-radius:6px;font-size:11px}.center-material-row .item-icon{width:27px;height:27px}.center-material-row>span{flex:1;min-width:0;color:#c1d2bc}.center-material-row>b{font:700 12px "Segoe UI",sans-serif;white-space:nowrap;color:#9ad3a6}.center-material-row.is-missing{border-color:#755846;background:#37261d50}.center-material-row.is-missing>b{color:#e8a181}
.center-recipe-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;background:#0c231b80;border-top:1px solid #365343}.center-recipe-bottom>div{min-width:0}.center-recipe-price{font:700 16px "Segoe UI",sans-serif;color:#e4ca8e;display:block}.center-recipe-price small{font-size:10px;color:#bda97a}.center-recipe-reason{display:block;font-size:10px;margin-top:4px;color:#98b49c;line-height:1.45}.field-recipe-card.is-unavailable .center-recipe-reason{color:#d6a27f}
#farm-desk-panel .center-recipe-bottom .center-recipe-price{font:700 16px "Segoe UI",sans-serif;color:#e4ca8e}#farm-desk-panel .center-recipe-price small{display:inline;margin:0;font-size:10px;color:#bda97a}
#farm-desk-panel .center-recipe-bottom button{padding:9px 18px;border:1px solid #92b786;background:linear-gradient(180deg,#729557,#3c644a);color:#f1f4d7;font-size:12px;font-weight:750;min-width:111px;flex:none}
#farm-desk-panel .center-recipe-bottom button:disabled{opacity:1;background:#263c2c;border-color:#485745;color:#829482}.center-local-tabs{display:flex;gap:6px;padding:0 0 18px}.center-local-tabs button{padding:8px 17px;border:1px solid #3f5b4a;background:#142e22;color:#a3bca9;font-size:12px}.center-local-tabs button.is-active{border-color:#a18b57;background:#384c30;color:#ead99f}
.center-stock-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:23px}.center-stock-strip>div{padding:12px 17px;border:1px solid #41614d;background:#142e21;border-radius:8px}.center-stock-strip span{display:block;font-size:11px;color:#a2bca7}.center-stock-strip b{display:block;color:#e7d498;font:700 23px "Segoe UI",sans-serif;margin-top:6px}.center-stock-strip b small{font-size:10px;color:#93ad99;font-weight:400}
.center-section-label{margin:22px 0 14px;padding-bottom:11px;border-bottom:1px solid #3b5949}.center-section-label h3{margin:0 0 5px!important}
#farm-desk-panel .forge-extras-grid{gap:15px;margin:0 0 20px}#farm-desk-panel .workshop-recipe{border:1px solid #43644e;border-radius:10px;padding:17px;background:#173425;box-shadow:none}.workshop-recipe .recipe-heading{display:flex;justify-content:space-between;gap:14px;font-size:14px!important}.workshop-recipe .workshop-intro{font-size:11px;line-height:1.7;min-height:0!important;color:#adc2ad;margin:12px 0}.workshop-recipe .material-grid{gap:9px}
.center-stock-panel{padding:17px 19px;border:1px solid #3f5e49;border-radius:9px;background:#112a1c;margin-top:20px}.center-stock-panel h3{margin:0 0 12px!important}
#farm-desk-panel .field-craft-status{padding:12px 15px;border:1px solid #496145;border-radius:8px;background:#192e21;color:#c7c9a4;font-size:11px;line-height:1.6;margin-top:18px}
.center-search-empty{padding:28px;text-align:center;border:1px dashed #4e6953;border-radius:9px;color:#a8bda5;font-size:12px;background:#152d21}
#farm-desk-panel .forge-layout{grid-template-columns:242px minmax(0,1fr);gap:22px;margin:0}
#farm-desk-panel .forge-sidebar{position:static;padding:12px;border:1px solid #41634e;border-radius:10px;background:#10291f;box-shadow:none}
#farm-desk-panel .forge-sidebar .farm-back-btn{display:none}.forge-sidebar-title{padding:0 4px 8px!important;font-size:11px!important}.forge-sidebar-caption{font-size:10px!important;padding:11px 4px 7px!important}
#farm-desk-panel .forge-field-tool-nav{max-height:none;overflow:visible;gap:7px}
#farm-desk-panel .forge-nav-card{padding:9px 10px;min-height:63px;grid-template-columns:38px minmax(0,1fr) 9px;gap:2px 9px;border:1px solid #375541;border-radius:8px!important;background:#163125;box-shadow:none}
#farm-desk-panel .forge-nav-card>span{width:36px;height:36px;border:0;background:#0e211a;border-radius:6px}.forge-nav-card .field-pixel-icon{width:31px!important;height:31px!important}
#farm-desk-panel .forge-nav-card>b{font-size:13px;line-height:1.4;color:#e9e1bd}#farm-desk-panel .forge-nav-card>small{font:10px "Segoe UI",Tahoma,sans-serif;color:#97b59f}
#farm-desk-panel .forge-nav-card.selected{border-color:#b19b60;background:#394a2d;box-shadow:inset 3px 0 #d6ba77}
#farm-desk-panel .forge-titlebar{padding:16px 19px;border:1px solid #47614b;border-radius:10px;background:linear-gradient(100deg,#294732,#142c21);margin-bottom:16px}
#farm-desk-panel .forge-titlebar h2{font-size:21px!important;line-height:1.45!important;margin:5px 0 0!important}.forge-titlebar small{font-size:9px;letter-spacing:.09em}.forge-level-badge{font-size:9px;max-width:140px;border-radius:5px;white-space:nowrap}
#farm-desk-panel .forge-stage-card{padding:17px;border:1px solid #637051;border-radius:10px;gap:10px 17px;background:radial-gradient(ellipse at 30% 40%,#a3883d17,transparent 46%),#122a20;box-shadow:none}.forge-stage-card:before{display:none}
#farm-desk-panel .forge-item-preview{min-height:205px;border-radius:8px;border-color:#3e5944;background:#10251b}.forge-item-icon{width:105px;height:105px}.forge-item-icon img{width:90px;height:90px}.forge-item-preview>b{font-size:16px}.forge-item-preview>small{font-size:11px}.forge-chance-row small{font-size:11px}.forge-chance-row b{font-size:24px}.forge-chance-row>div{padding:12px;border-radius:7px}
.forge-stage-top{font-size:11px}.forge-tier{font-size:10px}.forge-protection{border-radius:7px}.forge-protection b,.forge-risk-note b{font-size:11px}.forge-protection small,.forge-risk-note small{font-size:10px}.forge-risk-note{border-radius:7px}.forge-progress{margin-top:4px}.forge-materials-panel{margin-top:16px;padding:15px;border:1px solid #41614a;border-radius:9px;background:#10271c}.forge-section-heading{font-size:12px}.forge-section-heading small{font-size:10px}.forge-materials-grid{margin-top:10px;gap:10px}.forge-material-card{border-radius:7px!important}
#farm-desk-panel .forge-submit{margin-top:15px;min-height:46px;border:1px solid #90bb8f;font-size:14px;background:linear-gradient(180deg,#83af69,#467852);color:#f3f4d7;border-radius:9px!important;box-shadow:none}
#farm-desk-panel .field-upgrade-submit{margin-top:8px;border-color:#b99c55;background:linear-gradient(180deg,#7f7040,#574a2b);color:#ffedb5}
.forge-repeat-craft{margin-top:8px!important;border-color:#c2a766!important;background:linear-gradient(180deg,#907b43,#62532d)!important;color:#fff0c0!important}
.field-tool-owned{display:grid;gap:6px;margin:0 0 10px;padding:9px;border:1px solid #45614a;border-radius:8px;background:#10251b}.field-tool-owned>b,.field-tool-recipe>b{display:block;color:#e8d498;font-size:11px;margin-bottom:6px}.field-tool-instance{display:flex;align-items:center;gap:8px;min-height:42px;padding:5px 8px;border:1px solid #405746;border-radius:6px;background:#182f23;color:#e8e7c9;text-align:left;cursor:pointer}.field-tool-instance.selected{border-color:#e2c16d;background:#3b452d;box-shadow:inset 3px 0 #e9ca77}.field-tool-instance img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}.field-tool-instance span{display:grid;flex:1;font-size:11px}.field-tool-instance small,.field-tool-empty{color:#a9b99f;font-size:10px}.field-tool-empty{margin:4px 0 10px;padding:10px;background:#13281e;border-radius:6px}.field-tool-recipe{padding:8px 0;border-top:1px solid #354d3d}.field-tool-recipe>small{display:block;color:#aabd9f;font-size:10px}.field-tool-recipe .forge-material-card{min-height:42px}
#farm-desk-panel .farm-view[data-farm-view="fusion"] iframe{height:100%;min-height:560px;border-radius:10px!important}
@keyframes center-view-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.farm-center-categories{padding:9px 15px}.farm-center-categories button>span{width:28px;height:28px}#farm-desk-panel .farm-center-categories button{gap:5px;font-size:11px;padding:8px}.center-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.center-step-note{display:none}#farm-desk-panel .forge-layout{grid-template-columns:195px minmax(0,1fr);gap:15px}.center-recipe-top{padding:15px 13px 10px;gap:10px}.center-recipe-top .field-pixel-icon{width:45px;height:45px}.center-recipe-effect{padding:0 13px}.center-recipe-costs{padding:13px}.center-recipe-top>b{font-size:12px}.center-recipe-bottom{padding:12px}.center-recipe-top b.center-recipe-name{font-size:14px!important}}
@media(max-width:760px){#farm-desk-panel{width:calc(100vw - 18px)!important;height:calc(100dvh - 30px);max-height:calc(100dvh - 30px)!important;border-radius:12px!important}.farm-center-head{gap:11px;padding:17px 57px 17px 17px}.farm-center-crest{width:40px;height:40px}.farm-center-crest img{width:42px;height:42px}#farm-desk-panel .farm-center-head h2{font-size:19px!important}.farm-center-head small{font-size:8px}.farm-center-head p{font-size:10px}.farm-center-wallet{display:none}#farm-desk-panel>.service-close{top:23px;right:14px;width:30px;height:30px;min-height:30px}.farm-center-categories{padding:8px 11px;gap:5px}#farm-desk-panel .farm-center-categories button{flex:none;min-height:48px;padding:7px 9px}.farm-center-toolbar{padding:10px 14px;gap:8px;flex-wrap:wrap}.center-search{max-width:none;min-width:150px}.center-ready-filter{font-size:10px}.farm-center-toolbar>small{display:none}#farm-desk-panel>.farm-view{padding:18px 16px 22px}.center-welcome{flex-direction:column;align-items:stretch;margin:0 0 20px;gap:17px}.center-welcome h2{font-size:22px!important}.center-welcome p{font-size:11px}.center-daily{width:100%}#farm-desk-panel .center-daily .daily-seed-btn{min-height:50px}.center-service-grid{gap:11px}#farm-desk-panel .center-service-card{padding:17px;gap:13px;min-height:161px}.center-service-art{width:66px;height:66px}.center-service-card b{font-size:17px}.center-service-featured .center-service-art{width:82px;height:82px}.center-service-featured b{font-size:21px}.center-service-card p{font-size:11px}.center-service-card small{font-size:8px}.center-category-grid{gap:11px}.center-category-card{min-height:250px!important;padding:17px!important}.center-category-card>b{font-size:16px}.center-category-tag{font-size:8px;right:10px;top:12px}.center-category-meta{flex-direction:column;align-items:flex-start;gap:8px}.center-page-head{gap:11px}.center-page-head h2{font-size:21px!important}.center-page-art{width:54px;height:54px}.center-page-head p{font-size:11px}.center-stock-strip{gap:7px}.center-stock-strip>div{padding:10px}.center-stock-strip span{font-size:10px}.center-stock-strip b{font-size:20px}#farm-desk-panel .field-recipe-list{grid-template-columns:1fr}#farm-desk-panel .forge-layout{grid-template-columns:1fr}#farm-desk-panel .forge-sidebar{display:block;padding:11px}.forge-sidebar-title{display:none}.forge-sidebar-caption{padding-top:9px!important}#farm-desk-panel .forge-field-tool-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#farm-desk-panel .forge-sidebar>.forge-nav-card{display:inline-grid;width:calc(50% - 4px)}#farm-desk-panel .forge-titlebar h2{font-size:18px!important}.forge-stage-card{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)!important}#farm-desk-panel .forge-item-preview{min-height:173px}.forge-chance-row b{font-size:20px}.center-recipe-top .field-pixel-icon{width:54px;height:54px}.center-recipe-top b.center-recipe-name{font-size:16px!important}}
@media(max-width:480px){.center-service-grid{grid-template-columns:1fr}#farm-desk-panel .center-service-featured{grid-column:auto;min-height:148px}.center-service-card{min-height:143px!important}.center-service-compact{min-height:87px!important}.center-category-grid{grid-template-columns:1fr}.center-category-card{min-height:220px!important}.center-category-art{width:78px;height:78px;margin-bottom:8px}.center-category-meta{flex-direction:row;align-items:center}.center-catalogue-head{margin-top:16px}.center-catalogue-head h2{font-size:22px!important}.center-catalogue-head p{font-size:11px}.center-local-tabs button{padding:7px 10px;font-size:11px}.center-catalogue-back{font-size:10px!important;padding:5px 8px!important}.center-search{height:36px}.center-ready-filter{margin-left:auto}#farm-desk-panel .forge-extras-grid{grid-template-columns:1fr}.center-recipe-bottom button{min-width:98px!important}.forge-titlebar{gap:8px!important}.forge-level-badge{padding:5px;font-size:8px}.forge-chance-row>div{flex-direction:column;gap:7px;padding:8px}.forge-chance-row small{font-size:10px}.forge-protection small{font-size:9px}.center-page-head small{font-size:9px}.center-stock-strip small{display:none}}
@media(prefers-reduced-motion:reduce){#farm-desk-panel .farm-view,#farm-desk-panel .center-category-card{animation:none}#farm-desk-panel button{transition:none}}
/* Keep the primary action visible on desktop without scrolling past its preview. */
@media(min-width:1001px){
  .farm-center-head{padding-top:15px;padding-bottom:15px}.farm-center-crest{width:49px;height:49px}.farm-center-crest img{width:49px;height:49px}
  .farm-center-categories{padding-top:9px;padding-bottom:9px}#farm-desk-panel .farm-center-categories button{min-height:49px;padding-top:6px;padding-bottom:6px}
  .farm-center-toolbar{padding-top:9px;padding-bottom:9px}
  #farm-desk-panel>.farm-view{padding-top:20px}.center-page-head{margin-bottom:15px}
  .center-stock-strip{margin-bottom:18px}.center-stock-strip>div{padding:10px 15px}.center-stock-strip b{font-size:21px;margin-top:4px}
  #farm-desk-panel [data-farm-view="craft-hub"]>.farm-back-btn{width:auto;display:inline-flex;align-items:center}
  .center-catalogue-head{margin:15px 0 18px}.center-category-card{min-height:220px!important;padding:18px!important}
  .center-category-art{width:66px;height:66px;margin:0 0 9px}.center-category-card>p{margin:6px 0 12px;font-size:11px}.center-category-meta{padding-top:10px}.center-catalogue-note{margin-top:16px;padding:10px 15px}
  #farm-desk-panel .forge-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:15px;align-items:start}
  #farm-desk-panel .forge-titlebar{grid-column:1/-1;margin:0;padding:14px 17px}
  #farm-desk-panel .forge-stage-card{grid-column:1;grid-row:2/span 3;padding:14px}
  #farm-desk-panel .forge-materials-panel{grid-column:2;grid-row:2;margin:0;padding:14px}
  #farm-desk-panel .forge-submit{grid-column:2;grid-row:3;margin:0;min-height:51px;padding:10px;line-height:1.5}
  #farm-desk-panel .forge-repeat-craft{grid-column:2;grid-row:4}
  #farm-desk-panel #upgrade-field-tool-btn{grid-column:2;grid-row:4}
  #farm-desk-panel .forge-main>.seed-shop-status{grid-column:2;grid-row:5;margin-top:0!important}
  #farm-desk-panel .forge-main>.field-craft-status{grid-column:2;grid-row:5;margin-top:0!important}
  #farm-desk-panel .forge-materials-grid{grid-template-columns:1fr}.forge-item-preview>b{font-size:15px}.forge-chance-row b{font-size:21px}.forge-chance-row small{font-size:10px}
}

/* Farm Center: keep the service frame fixed to the available viewport and let
   dense collections scroll inside their own pane instead of moving the window. */
#farm-desk-panel{height:min(850px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)!important}
#farm-desk-panel>.farm-view{box-sizing:border-box;overflow:hidden;padding:14px 20px 16px;scrollbar-width:none}
#farm-desk-panel>.farm-view::-webkit-scrollbar{display:none}
#farm-desk-panel .farm-center-head{padding-top:11px;padding-bottom:11px}
#farm-desk-panel .farm-center-categories{padding-top:6px;padding-bottom:6px}
#farm-desk-panel .farm-center-toolbar{padding-top:6px;padding-bottom:6px}

/* Home and category pages use compact cards so the service chooser stays in view. */
#farm-desk-panel [data-farm-view="home"] .center-service-grid,
#farm-desk-panel [data-farm-view="home"] .farm-hub-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#farm-desk-panel [data-farm-view="home"] .center-welcome{margin:0 0 12px;gap:16px}
#farm-desk-panel [data-farm-view="home"] .center-service-card{min-height:105px;padding:12px;gap:12px}
#farm-desk-panel [data-farm-view="home"] .center-service-featured{grid-column:auto;min-height:105px;padding:12px}
#farm-desk-panel [data-farm-view="home"] .center-service-art,
#farm-desk-panel [data-farm-view="home"] .center-service-featured .center-service-art{width:58px;height:58px}
#farm-desk-panel [data-farm-view="home"] .center-service-card b{font-size:15px;margin:4px 0}
#farm-desk-panel [data-farm-view="home"] .center-service-card p{font-size:10px;line-height:1.4}
#farm-desk-panel [data-farm-view="home"] .center-service-card em{margin-top:5px}
#farm-desk-panel .center-category-grid{gap:10px}
#farm-desk-panel .center-category-card{min-height:185px!important;padding:13px!important}

/* Forge tool choice becomes a short, wrap-ready selector row above the work area. */
#farm-desk-panel .farm-view[data-farm-view="axe-workshop"],
#farm-desk-panel .farm-view[data-farm-view="pickaxe-workshop"],
#farm-desk-panel .farm-view[data-farm-view="field-tools-workshop"]{display:flex;flex-direction:column;min-height:0}
#farm-desk-panel .forge-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);flex:1;min-height:0;gap:9px}
#farm-desk-panel .forge-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:6px;align-items:stretch;padding:7px;min-width:0}
#farm-desk-panel .forge-sidebar-title,
#farm-desk-panel .forge-sidebar-caption{display:none!important}
#farm-desk-panel .forge-field-tool-nav{display:contents;max-height:none;overflow:visible}
#farm-desk-panel .forge-sidebar>.forge-nav-card,
#farm-desk-panel .forge-field-tool-nav>.forge-nav-card{width:auto;min-height:48px;padding:5px 7px;grid-template-columns:30px minmax(0,1fr) 8px;gap:1px 6px}
#farm-desk-panel .forge-nav-card>span{width:28px;height:28px}
#farm-desk-panel .forge-nav-card .field-pixel-icon{width:26px!important;height:26px!important}
#farm-desk-panel .forge-nav-card>b{font-size:11px}
#farm-desk-panel .forge-nav-card>small{font-size:8px}
#farm-desk-panel .forge-sidebar-stock{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0;padding:3px 7px;border:0;font-size:9px}
#farm-desk-panel .forge-sidebar-stock>small{font-size:8px}
#farm-desk-panel .forge-sidebar-stock>b{font-size:10px}
#farm-desk-panel .forge-main{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(285px,.9fr);grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:8px 12px;align-content:stretch;align-items:stretch;min-height:0;height:100%}
#farm-desk-panel .forge-titlebar{grid-column:1/-1;grid-row:1;margin:0;padding:9px 13px}
#farm-desk-panel .forge-titlebar h2{font-size:18px!important;line-height:1.3!important}
#farm-desk-panel .forge-stage-card{grid-column:1;grid-row:2/span 3;align-content:start;grid-template-rows:auto minmax(112px,1fr) auto auto auto auto;padding:9px;gap:5px 9px;min-height:0}
#farm-desk-panel .forge-item-preview{min-height:118px}
#farm-desk-panel .forge-item-icon{width:74px;height:68px}
#farm-desk-panel .forge-item-icon img{width:64px;height:64px}
#farm-desk-panel .forge-chance-row>div{padding:7px}
#farm-desk-panel .forge-chance-row b{font-size:19px}
#farm-desk-panel .forge-protection,#farm-desk-panel .forge-risk-note{padding:6px 8px;min-height:0}
#farm-desk-panel .forge-progress{margin-top:0}
#farm-desk-panel .forge-materials-panel{grid-column:2;grid-row:2;margin:0;padding:9px;min-height:0}
#farm-desk-panel .forge-materials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:5px}
#farm-desk-panel .forge-materials-grid .material-chip{min-height:38px;padding:3px 5px}
#farm-desk-panel .forge-materials-grid .material-chip img{width:25px;height:25px}
#farm-desk-panel .forge-submit{grid-column:2;grid-row:3;margin:0;min-height:40px;padding:7px 10px;font-size:12px}
#farm-desk-panel .forge-repeat-craft{grid-column:2;grid-row:4;margin:0!important}
#farm-desk-panel #upgrade-field-tool-btn{grid-column:2;grid-row:4;margin:0}
#farm-desk-panel .forge-main>.seed-shop-status,
#farm-desk-panel .forge-main>.field-craft-status{grid-column:2;grid-row:5;align-self:start;margin:0!important;padding:6px 9px!important;min-height:0;font-size:10px}
#farm-desk-panel .forge-field-tools-layout .forge-stage-card{grid-column:1;grid-row:2;grid-row-end:3}
#farm-desk-panel .forge-field-tools-layout .forge-materials-panel{grid-column:2;grid-row:2}
#farm-desk-panel .forge-field-tools-layout .forge-submit:not(#upgrade-field-tool-btn){grid-column:2;grid-row:3}
#farm-desk-panel .forge-field-tools-layout #upgrade-field-tool-btn{grid-column:2;grid-row:4}
#farm-desk-panel .forge-field-tools-layout .field-craft-status{grid-column:2;grid-row:5}
#farm-desk-panel .forge-field-tools-layout .field-ammo-workshop{grid-column:1;grid-row:3;margin:0;padding:8px;border:1px solid #3d5a48;border-radius:8px;background:#11271d}
#farm-desk-panel .forge-field-tools-layout .field-ammo-workshop p{display:none}
#farm-desk-panel .forge-field-tools-layout .field-ammo-workshop .forge-section-heading{margin:0 0 5px}
#farm-desk-panel .forge-field-tools-layout .field-ammo-workshop .field-recipe-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:90px;overflow:auto}

/* Other services share the same fixed viewport; only long item lists scroll locally. */
#farm-desk-panel .farm-view[data-farm-view="fusion"]{display:flex;flex-direction:column;min-height:0;padding:8px!important}
#farm-desk-panel .farm-view[data-farm-view="fusion"] iframe{flex:1;width:100%;height:100%;min-height:0!important}
#farm-desk-panel .farm-view[data-farm-view="recycle"]{display:flex;flex-direction:column;justify-content:center;gap:10px}
#farm-desk-panel .farm-view[data-farm-view="recycle"] .farm-subhead{margin:0}
#farm-desk-panel .farm-view[data-farm-view="recycle"] .workshop-intro{margin:0}
#farm-desk-panel .farm-view[data-farm-view="recycle"] .recycle-station{margin:5px auto;max-width:720px;width:100%}
#farm-desk-panel .farm-view[data-farm-view="recycle"] .recycle-controls{max-width:720px;width:100%;margin:0 auto}
#farm-desk-panel .farm-view[data-farm-view="recycle"] #recycle-seed-status{max-width:720px;width:100%;margin:0 auto}
#farm-desk-panel .farm-view[data-farm-view="expansion"]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;gap:9px 12px;align-content:center;min-height:0}
#farm-desk-panel .farm-view[data-farm-view="expansion"]>.farm-subhead{grid-column:1/-1;margin:0}
#farm-desk-panel .farm-view[data-farm-view="expansion"]>#expansion-quest{grid-column:1;grid-row:2/span 2;align-self:stretch}
#farm-desk-panel .farm-view[data-farm-view="expansion"]>#upgrade-requirements{grid-column:2;grid-row:2/span 2;align-self:stretch}
#farm-desk-panel .farm-view[data-farm-view="expansion"]>#upgrade-plot-btn{grid-column:1/-1;grid-row:4;justify-self:center;min-width:min(420px,100%)}
#farm-desk-panel .farm-view[data-farm-view="expansion"]>#upgrade-status{grid-column:1/-1;grid-row:5;margin:0!important}
#farm-desk-panel .farm-view[data-farm-view="expansion"]>.expansion-ladder{grid-column:1/-1;grid-row:6;margin:0;max-height:100px;overflow:auto}
#farm-desk-panel .farm-view[data-farm-view="quests"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:10px 14px;min-height:0}
#farm-desk-panel .farm-view[data-farm-view="quests"]>.farm-subhead{grid-column:1/-1;margin:0}
#farm-desk-panel .farm-view[data-farm-view="quests"]>.quest-list{min-height:0;max-height:100%!important;overflow:auto;align-content:start;margin:0!important}
#farm-desk-panel .farm-view[data-farm-view="quests"]>.daily-mystery-board{min-height:0;max-height:100%;overflow:auto;margin:0}

@media(max-height:760px) and (min-width:761px){
  #farm-desk-panel{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)!important}
  .farm-center-head{padding-top:7px!important;padding-bottom:7px!important}
  .farm-center-categories{padding-top:3px!important;padding-bottom:3px!important}
  .farm-center-toolbar{padding-top:3px!important;padding-bottom:3px!important}
  #farm-desk-panel>.farm-view{padding-top:8px;padding-bottom:8px}
  #farm-desk-panel .forge-sidebar>.forge-nav-card,#farm-desk-panel .forge-field-tool-nav>.forge-nav-card{min-height:41px}
  #farm-desk-panel .forge-titlebar{padding:6px 10px}
  #farm-desk-panel .forge-stage-card{grid-template-rows:auto minmax(88px,1fr) auto auto auto auto}
  #farm-desk-panel .forge-item-preview{min-height:94px}
  #farm-desk-panel .forge-protection small,#farm-desk-panel .forge-risk-note small{display:none}
}
@media(max-width:760px){
  #farm-desk-panel{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)!important}
  #farm-desk-panel>.farm-view{padding:9px 10px 10px}
  #farm-desk-panel [data-farm-view="home"] .center-service-grid,#farm-desk-panel [data-farm-view="home"] .farm-hub-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
  #farm-desk-panel .forge-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  #farm-desk-panel .forge-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px}
  #farm-desk-panel .forge-sidebar-stock{display:none}
  #farm-desk-panel .forge-main{grid-template-columns:minmax(0,1fr) minmax(120px,.85fr);gap:5px;height:100%}
  #farm-desk-panel .forge-stage-card{padding:6px;grid-template-rows:auto minmax(80px,1fr) auto auto auto auto}
  #farm-desk-panel .forge-item-preview{min-height:80px}
  #farm-desk-panel .forge-materials-grid{grid-template-columns:1fr}
  #farm-desk-panel .forge-field-tools-layout .field-ammo-workshop .field-recipe-list{max-height:58px}
  #farm-desk-panel .farm-view[data-farm-view="expansion"]{gap:5px}
}
@media(max-width:480px){
  #farm-desk-panel [data-farm-view="home"] .center-service-grid,#farm-desk-panel [data-farm-view="home"] .farm-hub-menu{grid-template-columns:1fr 1fr}
  #farm-desk-panel [data-farm-view="home"] .center-service-card{min-height:78px;padding:7px;gap:6px}
  #farm-desk-panel [data-farm-view="home"] .center-service-art,#farm-desk-panel [data-farm-view="home"] .center-service-featured .center-service-art{width:38px;height:38px}
  #farm-desk-panel [data-farm-view="home"] .center-service-card p,#farm-desk-panel [data-farm-view="home"] .center-service-card small{display:none}
  #farm-desk-panel .forge-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
  #farm-desk-panel .forge-main{grid-template-columns:minmax(0,1fr) minmax(105px,.75fr)}
  #farm-desk-panel .forge-nav-card>small{display:none}
}

/* Shared commerce windows: store, NPC buyback, and the player market keep the
   same footprint so switching services does not make the world UI jump. */
.commerce-panel.service-panel{box-sizing:border-box;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(1100px,calc(100vw - 44px))!important;height:min(760px,calc(100dvh - 84px))!important;max-height:calc(100dvh - 84px)!important;min-height:min(520px,calc(100dvh - 40px));display:flex!important;flex-direction:column;gap:0;overflow:hidden!important;padding:22px 24px!important;border:1px solid #78956d!important;border-radius:16px!important;background:radial-gradient(ellipse at 8% 0%,#34543c88,transparent 48%),linear-gradient(145deg,#1c3328f7,#0c1b15f7 76%)!important;box-shadow:inset 0 1px #ffffff22,0 18px 65px #000a,0 0 0 4px #09140fbb!important}
.commerce-panel.hidden{display:none!important}
.commerce-window-head{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:15px;flex:none;min-height:94px;margin:0 0 14px;padding:0 58px 14px 0;border-bottom:1px solid #8dc49340}
.commerce-window-head>div{min-width:0}.commerce-window-head .service-kicker{margin-bottom:5px;color:#a5e2af!important;font:850 10px/1.35 "Segoe UI",Tahoma,sans-serif!important;letter-spacing:.12em!important}.commerce-window-head h2{margin:0 0 4px!important;color:#ffe4a0!important;font:900 25px/1.25 "Segoe UI",Tahoma,sans-serif!important;letter-spacing:0!important;text-shadow:0 2px 9px #e8c76624!important}.commerce-window-head p{margin:0!important;color:#c4d4c4!important;font:500 12px/1.55 "Segoe UI",Tahoma,sans-serif!important}.commerce-window-head .market-intro{max-width:none}
.commerce-icon{width:64px;height:64px;display:block;border:1px solid #d4c58166;border-radius:14px;background-color:#15291f;background-repeat:no-repeat;box-shadow:inset 0 1px #ffffff20,0 0 24px #9dd58b18}
.commerce-sprite{display:inline-block;flex:none;background-image:url("/assets/commerce-icons-atlas-v2.png");background-repeat:no-repeat;background-size:400% 200%;image-rendering:pixelated}
.commerce-sprite-0{background-position:0% 0%}.commerce-sprite-1{background-position:33.333333% 0%}.commerce-sprite-2{background-position:66.666667% 0%}.commerce-sprite-3{background-position:100% 0%}.commerce-sprite-4{background-position:0% 100%}.commerce-sprite-5{background-position:33.333333% 100%}.commerce-sprite-6{background-position:66.666667% 100%}.commerce-sprite-7{background-position:100% 100%}
.commerce-head-badge{align-self:center;min-width:96px;padding:8px 10px;border:1px solid #d7bd6c55;border-radius:9px;background:linear-gradient(145deg,#273c2b,#14251c);color:#c6d6c3;text-align:center;font:700 10px/1.4 "Segoe UI",Tahoma,sans-serif}.commerce-head-badge b{color:#ffe6a1;font-size:9px;letter-spacing:.1em}
.commerce-panel .service-close{z-index:3;top:18px!important;right:18px!important;width:42px!important;height:42px!important;border-radius:10px!important}
#seed-shop-panel .seed-shop-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:9px 12px;flex:1;min-height:0;max-height:none!important;margin:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#seed-shop-panel .shop-item-quantity{grid-template-columns:minmax(0,1fr) auto auto;gap:9px;min-width:0;min-height:68px;padding:9px!important;border:1px solid #66826d!important;border-radius:10px!important;background:linear-gradient(130deg,#1c3529,#102119)!important;box-shadow:inset 0 1px #ffffff14!important}
#seed-shop-panel .shop-seed-name{min-width:0;line-height:1.4}.shop-seed-name{font-size:12px!important}.shop-seed-name small{display:block;margin-top:2px;line-height:1.45}
#seed-shop-panel .town-shop-category{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:9px;row-gap:2px;min-height:52px;margin:6px 0 0;padding:5px 8px;border:1px solid #d7bd6c33;border-left:3px solid #d9bd69;border-radius:9px;background:linear-gradient(100deg,#d9bd6918,#1a3025 70%);color:#f1dea0}
.town-shop-category .commerce-sprite{grid-row:1/span 2;width:36px;height:36px}.town-shop-category-label{align-self:end;font:850 13px/1.3 "Segoe UI",Tahoma,sans-serif}.town-shop-category>small{align-self:start;color:#aec6ad;font:500 10px/1.25 "Segoe UI",Tahoma,sans-serif}
.commerce-panel .seed-shop-status{flex:none;min-height:20px;margin:10px 0 0!important;padding:7px 10px!important;border-radius:0 8px 8px 0!important}
#npc-sell-panel .buyback-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1;min-height:0}
#npc-sell-panel .buyback-card{display:flex;flex-direction:column;min-width:0;min-height:0;padding:13px;border:1px solid #83aa8066;border-radius:12px;background:linear-gradient(155deg,#172e24,#0e1e17)}
#npc-sell-panel .buyback-card h3,#market-panel .market-columns h3{display:flex;align-items:center;gap:9px;flex:none;margin:0 0 4px!important;color:#ffe3a0!important;font:850 15px/1.35 "Segoe UI",Tahoma,sans-serif!important;letter-spacing:0!important}
#npc-sell-panel .buyback-card h3 .commerce-sprite,#market-panel .market-columns h3 .commerce-sprite{width:34px;height:34px;border:1px solid #d6c17844;border-radius:7px;background-color:#172a20}
#npc-sell-panel .buyback-card>p{display:flex;align-items:center;gap:6px;flex:none;margin:0 0 8px;color:#adc5b0;font:500 11px/1.45 "Segoe UI",Tahoma,sans-serif}#npc-sell-panel .buyback-card>p .commerce-sprite{width:20px;height:20px;flex:0 0 20px}
#npc-sell-panel .buyback-card .harvest-list{flex:1;min-height:0;max-height:none!important;margin-top:0!important;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#npc-sell-panel .buyback-card .harvest-item{min-height:60px;padding:7px 9px!important;border-radius:8px!important}
#npc-sell-panel .npc-fish-buyback{margin:0;padding:13px;border:1px solid #83aa8066}
/* Sell controls were rendered below the item summary but clipped by the old 58px row. */
#npc-sell-panel .harvest-item.bulk-sell-row{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:5px 9px!important;
  min-height:98px!important;
  height:auto!important;
  padding:8px 9px!important;
  overflow:visible!important;
  contain:none!important;
}
#npc-sell-panel .harvest-item.bulk-sell-row>i{
  grid-column:1!important;grid-row:1/span 2!important;
  display:grid!important;place-items:center!important;
  width:42px;height:42px;flex:none!important;
  border:1px solid #d6c17844;border-radius:8px;background:#10241a;
}
#npc-sell-panel .harvest-item.bulk-sell-row .bulk-sell-info{grid-column:2!important;grid-row:1!important;min-width:0!important}
#npc-sell-panel .harvest-item.bulk-sell-row .bulk-sell-controls{
  grid-column:2!important;grid-row:2!important;
  display:grid!important;grid-template-columns:30px 54px 30px minmax(88px,auto)!important;
  justify-content:start!important;align-items:center!important;gap:4px!important;
  width:100%!important;min-width:0!important;flex:none!important;
}
#npc-sell-panel .bulk-sell-controls .sell-step,
#npc-sell-panel .bulk-sell-controls .sell-quantity,
#npc-sell-panel .bulk-sell-controls .sell-submit{height:31px;min-height:31px!important}
#npc-sell-panel .bulk-sell-controls .sell-quantity{width:54px!important}
#npc-sell-panel .bulk-sell-controls .sell-submit{padding:3px 8px!important}
#npc-sell-panel .bulk-sell-controls.is-confirming> :not(.sell-confirmation){display:none!important}
#npc-sell-panel .sell-confirmation{
  grid-column:1/-1!important;display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  min-width:0;padding:7px;border:1px solid #d6bd6680;border-radius:7px;
  background:linear-gradient(110deg,#273522,#182b20);box-shadow:inset 0 1px #ffffff16;
}
#npc-sell-panel .sell-confirmation.hidden{display:none!important}
#npc-sell-panel .sell-confirmation-copy{flex:1 1 170px;color:#f5e8bb;font:750 10px/1.4 "Noto Sans Thai","Segoe UI",sans-serif}
#npc-sell-panel .sell-confirmation button{min-height:30px;padding:4px 9px;border:1px solid #75865b;border-radius:6px;background:#17251c;color:#d7e4ca;font:800 10px/1.2 "Noto Sans Thai","Segoe UI",sans-serif;cursor:pointer}
#npc-sell-panel .sell-confirmation .sell-confirm-accept{border-color:#e1c56f;background:linear-gradient(145deg,#f2d88e,#b9954e);color:#22301f}
#npc-sell-panel .sell-confirmation button:disabled{opacity:.55;cursor:wait}
#npc-sell-panel .fish-sell-controls{grid-template-columns:minmax(90px,auto)!important;justify-content:start!important}
@media(max-width:560px){
  #npc-sell-panel .harvest-item.bulk-sell-row{grid-template-columns:36px minmax(0,1fr)!important;min-height:94px!important;gap:5px 7px!important;padding:7px!important}
  #npc-sell-panel .harvest-item.bulk-sell-row>i{width:36px;height:36px}
  #npc-sell-panel .harvest-item.bulk-sell-row>i img{width:28px!important;height:28px!important}
  #npc-sell-panel .harvest-item.bulk-sell-row .bulk-sell-controls{grid-template-columns:28px 48px 28px minmax(82px,auto)!important;gap:3px!important}
  #npc-sell-panel .bulk-sell-controls .sell-quantity{width:48px!important}
}
#market-panel .central-market-tabs{flex:none;margin:0 0 12px;padding:5px}
#market-panel .central-market-tab{display:flex;align-items:center;justify-content:center;gap:9px}.central-market-tab .commerce-sprite{width:30px;height:30px;border-radius:6px;background-color:#172a20}
#market-panel .central-market-view:not([hidden]){display:flex;flex:1;flex-direction:column;min-height:0}
#market-panel .market-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1;min-height:0}
#market-panel .market-columns>div{display:flex;flex-direction:column;min-width:0;min-height:0;max-height:none!important;padding:12px;border:1px solid #78976f78;border-radius:12px;background:linear-gradient(155deg,#172f24,#0d1b15)}
#market-panel .market-columns>div>h3{margin:0 0 3px!important}.market-column-hint{flex:none;margin:0 0 8px;color:#9eb8a3;font:500 10px/1.4 "Segoe UI",Tahoma,sans-serif}
#market-panel .market-columns .service-scroll{flex:1;min-height:0;max-height:none!important;margin-top:0!important;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
@media(max-width:760px){.commerce-panel.service-panel{top:50%!important;width:calc(100vw - 24px)!important;height:calc(100dvh - 72px)!important;max-height:calc(100dvh - 72px)!important;min-height:0;padding:16px 14px!important}.commerce-window-head{grid-template-columns:52px minmax(0,1fr);min-height:76px;gap:10px;margin-bottom:10px;padding:0 45px 10px 0}.commerce-icon{width:50px;height:50px;border-radius:10px}.commerce-head-badge{display:none}.commerce-window-head h2{font-size:19px!important}.commerce-window-head p{font-size:11px!important}.commerce-panel .service-close{top:12px!important;right:12px!important;width:36px!important;height:36px!important}#seed-shop-panel .seed-shop-list{grid-template-columns:1fr}.buyback-columns{grid-template-columns:1fr!important;grid-template-rows:1fr 1fr;gap:8px!important}.buyback-card{padding:9px!important}.buyback-card h3{font-size:13px!important}.buyback-card>p{margin-bottom:5px!important}.market-columns{grid-template-columns:1fr!important;grid-template-rows:1fr 1fr;gap:8px!important}.market-columns>div{padding:9px!important}.central-market-tab{font-size:11px!important}.central-market-tab small{display:none}}
@media(max-height:650px){.commerce-panel.service-panel{height:calc(100dvh - 36px)!important;max-height:calc(100dvh - 36px)!important;min-height:0!important}.commerce-window-head{min-height:64px;margin-bottom:8px;padding-bottom:8px}.commerce-window-head p{display:none}.commerce-icon{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.commerce-panel *{scroll-behavior:auto!important;transition:none!important}}

/* /* Wide MMO cosmetics boutique; the seed and town-goods shop stays in its own town service. */
#game-screen>#shop-dock-open{position:fixed!important;z-index:54;top:44%;right:max(10px,env(safe-area-inset-right,0px));left:auto!important;display:grid;justify-items:center;align-content:center;gap:2px;width:72px;height:82px;min-height:82px!important;padding:7px 4px!important;border:1px solid #e3cb7b!important;border-right:0!important;border-radius:12px 0 0 12px!important;background:linear-gradient(155deg,#674d87,#352a4e 72%,#191b2c)!important;box-shadow:inset 0 1px #fff6,0 4px 0 #07110b,0 7px 20px #0008!important;color:#fff0b6!important;font:800 11px/1.2 "Segoe UI",Tahoma,sans-serif!important;cursor:pointer;zoom:var(--gam-ui-scale,1);transition:transform .16s ease,filter .16s ease,border-color .16s ease}
#shop-dock-open>span{font-size:25px;line-height:1.05;filter:drop-shadow(0 2px 2px #0009)}#shop-dock-open>b{font-size:11px}#shop-dock-open>small{color:#e2c4ff;font:800 7px/1 monospace;letter-spacing:.08em}#shop-dock-open:hover{filter:brightness(1.18);transform:translateX(-3px);border-color:#fff0a5!important}#shop-dock-open:focus-visible{outline:2px solid #fff2ac;outline-offset:3px}
#game-screen>#fashion-shop-panel{position:fixed!important;z-index:130!important;top:50dvh!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;display:flex;flex-direction:column;width:min(1060px,calc(100vw - 48px));height:min(820px,calc(100dvh - 48px));max-height:none;overflow:hidden;padding:24px 26px 18px;border:1px solid #c2a95f;border-radius:18px;background:radial-gradient(ellipse at 88% 0%,#70518940,transparent 38%),radial-gradient(ellipse at 0% 100%,#9a794022,transparent 36%),linear-gradient(145deg,#1a3027,#0c1915 68%);box-shadow:0 0 0 4px #070c0b,0 24px 90px #000d;color:#e8eddf;animation=fashion-drawer-in .2s ease-out both}
#fashion-shop-panel.hidden{display:none!important}#fashion-shop-panel .service-close{position:absolute;z-index:2;top:15px;right:15px;width:38px;height:38px;border:1px solid #c2a95f;border-radius:9px;background:#13241c;color:#f7e8b5;font-size:24px;cursor:pointer;box-shadow:inset 0 1px #ffffff1c}#fashion-shop-panel .service-close:hover{background:#423652;color:#fff3c0}.fashion-shop-header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none;min-height:91px;padding:0 54px 18px 0;border-bottom:1px solid #b8a35d55}.fashion-shop-brand{display:flex;align-items:center;gap:16px}.fashion-shop-emblem{display:grid;place-items:center;width:58px;height:58px;border:1px solid #c6ac65;border-radius:14px;background:radial-gradient(circle,#80658c,#322a43 74%);color:#ffe39b;font-size:29px;box-shadow:inset 0 1px #fff4,0 5px 14px #0006}.fashion-shop-header .service-kicker{margin-bottom:5px;color:#d2bb78;font-size:10px;letter-spacing:.2em}.fashion-shop-header h2{margin:0;color:#f4dc98;font:800 27px/1.2 "Noto Sans Thai","Segoe UI",Tahoma,sans-serif;text-shadow:0 2px #060d09}.fashion-shop-intro{margin:5px 0 0;color:#a9bead;font-size:12px}.fashion-shop-wallet{display:grid;gap:5px;min-width:176px;padding:11px 15px;border:1px solid #aa925757;border-radius:10px;background:linear-gradient(110deg,#332d46,#13241c);text-align:right}.fashion-shop-wallet>small{color:#aebea9;font-size:10px}.fashion-shop-wallet>b{color:#ffe39b;font-size:20px;line-height:1.2}.fashion-shop-wallet>b>span:first-child{color:#e5c76f}.fashion-shop-wallet>b>small{color:#b8c5ad;font-size:11px}.fashion-shop-content{display:grid;grid-template-columns:218px minmax(0,1fr);gap:20px;flex:1;min-height:0;padding:18px 0}.fashion-shop-sidebar{display:flex;flex-direction:column;min-height:0;padding:13px 11px;border:1px solid #6a806352;border-radius:12px;background:linear-gradient(165deg,#1a3026,#101d17)}.fashion-shop-side-title{display:grid;gap:3px;padding:3px 8px 12px;color:#eedc9d;font-size:13px;font-weight:800}.fashion-shop-side-title small{color:#829985;font:700 8px monospace;letter-spacing:.1em}.fashion-shop-categories{display:grid;gap:5px;align-content:start;overflow:auto}.fashion-shop-categories button{display:flex;align-items:center;gap:11px;width:100%;min-height:43px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#b8c8b6;text-align:left;font:700 11px "Noto Sans Thai","Segoe UI",Tahoma,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.fashion-shop-categories button:hover{background:#ffffff0a;color:#f2e6bf}.fashion-shop-categories button.active{border-color:#c0a66077;background:linear-gradient(100deg,#5b477033,#d1bc7122);color:#ffe59e;box-shadow:inset 3px 0 #d9bd70}.fashion-shop-categories button::first-letter{font-size:18px}.fashion-shop-side-note{display:flex;align-items:flex-start;gap:9px;margin-top:auto;padding:12px 7px 2px;border-top:1px solid #7e925038;color:#9caf9b}.fashion-shop-side-note>span{color:#d3bd78;font-size:17px}.fashion-shop-side-note small{font-size:9px;line-height:1.5}.fashion-shop-listing{display:flex;flex-direction:column;min-width:0;min-height:0}.fashion-shop-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:2px 2px 13px}.fashion-shop-section-head>div{display:grid;gap:3px}.fashion-shop-section-head b{color:#f1e5bc;font-size:16px}.fashion-shop-section-head small{color:#94aa96;font-size:10px}.fashion-shop-section-head>span{padding:6px 8px;border:1px solid #c2a95f55;border-radius:5px;color:#cbb878;font:800 8px monospace;letter-spacing:.12em}.fashion-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:11px;flex:1;min-height:0;overflow-y:auto;padding:2px 4px 8px 1px;scrollbar-color:#8872a0 #122219}.fashion-shop-item{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:minmax(82px,auto) auto;align-items:center;gap:8px 11px;min-width:0;min-height:138px;padding:11px;border:1px solid #526b58;border-radius:11px;background:radial-gradient(ellipse at 12% 10%,#a7bc5c20,transparent 58%),linear-gradient(150deg,#20382b,#102019);box-shadow:inset 0 1px #ffffff0c;transition:transform .16s,border-color .16s,filter .16s}.fashion-shop-item:hover{transform:translateY(-2px);filter:brightness(1.12);border-color:#bda85d}.fashion-shop-item.rarity-uncommon{border-color:#7d8b67}.fashion-shop-item.rarity-rare{border-color:#9a7bb3;background:radial-gradient(ellipse at 15% 10%,#b96be733,transparent 58%),linear-gradient(150deg,#30243a,#102019)}.fashion-shop-preview{display:block;grid-row:1/3;justify-self:center;width:70px;height:88px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 3px #0007)}.fashion-shop-item>span{display:grid;gap:5px;min-width:0}.fashion-shop-item b{overflow:hidden;color:#f1e7c3;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.fashion-shop-item small{color:#a2b69e;font-size:10px}.fashion-shop-buy{grid-column:2;justify-self:stretch;min-height:31px;padding:5px 8px;border:1px solid #d6bf7e;border-radius:7px;background:linear-gradient(145deg,#ecd99e,#b99a5b);color:#263324;font:800 11px "Noto Sans Thai","Segoe UI",Tahoma,sans-serif;cursor:pointer;box-shadow:inset 0 1px #fff5,0 2px #59482a}.fashion-shop-buy:hover:not(:disabled){filter:brightness(1.08)}.fashion-shop-buy:disabled{border-color:#526456;background:#26372d;color:#97a893;cursor:default;box-shadow:none}.fashion-shop-item.owned{opacity:.7}.fashion-shop-status{flex:none;min-height:21px;padding:4px 1px;color:#cfdbbf;font-size:10px}.fashion-shop-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none;padding:13px 0 0;border-top:1px solid #b8a35d55}.fashion-shop-footer>span{color:#a9b79f;font-size:10px}.fashion-shop-footer>span i{color:#dfc875;font-style:normal}.fashion-shop-wardrobe{min-width:185px;min-height:39px;padding:6px 13px;border:1px solid #728963;border-radius:8px;background:linear-gradient(145deg,#293f2e,#17261d);color:#e9dfa9;font:750 11px "Noto Sans Thai","Segoe UI",Tahoma,sans-serif;cursor:pointer}.fashion-shop-wardrobe:hover{border-color:#d2b766;color:#fff1b9}.fashion-shop-wardrobe b{margin-left:8px;color:#e2c779;font-size:18px;vertical-align:-1px}
@keyframes fashion-drawer-in{from{opacity:.55;transform:translate(calc(-50% + 0px),calc(-50% + 10px))}to{opacity:1;transform:translate(-50%,-50%)}}
@media(max-width:900px){#game-screen>#fashion-shop-panel{width:calc(100vw - 32px);height:min(820px,calc(100dvh - 32px));padding:20px}.fashion-shop-content{grid-template-columns:184px minmax(0,1fr);gap:14px}.fashion-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#game-screen>#shop-dock-open{top:43%;right:0;width:58px;height:70px;min-height:70px!important;border-radius:10px 0 0 10px!important}#shop-dock-open>span{font-size:21px}#shop-dock-open>b{font-size:10px}#game-screen>#fashion-shop-panel{top:50dvh!important;left:50%!important;right:auto!important;width:calc(100vw - 20px);height:calc(100dvh - 20px);padding:15px 12px 12px;border-radius:14px!important}.fashion-shop-header{min-height:74px;padding-bottom:12px;gap:10px}.fashion-shop-emblem{width:43px;height:43px;font-size:22px}.fashion-shop-header h2{font-size:20px}.fashion-shop-header .service-kicker{font-size:8px}.fashion-shop-intro{max-width:220px;font-size:9px}.fashion-shop-wallet{min-width:100px;padding:7px 9px}.fashion-shop-wallet>b{font-size:14px}.fashion-shop-content{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:9px;padding:11px 0}.fashion-shop-sidebar{padding:7px;border-radius:9px}.fashion-shop-side-title,.fashion-shop-side-note{display:none}.fashion-shop-categories{display:flex;gap:5px;overflow-x:auto}.fashion-shop-categories button{width:auto;min-height:33px;white-space:nowrap}.fashion-shop-section-head{padding-bottom:8px}.fashion-shop-section-head b{font-size:13px}.fashion-shop-section-head small{font-size:8px}.fashion-shop-section-head>span{display:none}.fashion-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.fashion-shop-item{grid-template-columns:52px minmax(0,1fr);grid-template-rows:minmax(60px,auto) auto;gap:5px 7px;min-height:106px;padding:7px}.fashion-shop-preview{width:50px;height:66px}.fashion-shop-preview{width:50px;height:66px}.fashion-shop-item b{font-size:10px}.fashion-shop-item small{font-size:8px}.fashion-shop-buy{min-height:27px;font-size:9px}.fashion-shop-footer{padding-top:9px}.fashion-shop-footer>span{font-size:8px}.fashion-shop-wardrobe{min-width:140px;min-height:34px;font-size:9px}}
@media(max-width:380px){#game-screen>#fashion-shop-panel{padding:12px 9px 9px}.fashion-shop-grid{grid-template-columns:1fr}.fashion-shop-header{padding-right:34px}.fashion-shop-header .service-kicker{letter-spacing:.1em}.fashion-shop-intro{display:none}.fashion-shop-footer>span{max-width:125px}}
@media(prefers-reduced-motion:reduce){#shop-dock-open{transition:none!important}#fashion-shop-panel{animation:none!important}.fashion-shop-item,.fashion-shop-categories button{transition:none!important}}

/* Fashion shop cards display the catalogued garment itself, cropped from the
   production pixel-art rig, rather than a full character preview. */
.fashion-shop-item{grid-template-columns:80px minmax(0,1fr);grid-template-rows:minmax(80px,auto) auto;min-height:134px;align-items:center}
.fashion-shop-preview-frame{grid-row:1/3;justify-self:center;align-self:center;width:76px;height:76px;box-sizing:border-box;display:grid;place-items:center;padding:4px;border:1px solid #82936b66;border-radius:10px;background:radial-gradient(ellipse at 50% 25%,#55725055,#13241b 75%);box-shadow:inset 0 1px #ffffff12}
.fashion-shop-preview{display:block;width:64px;height:64px;max-width:100%;max-height:100%;padding:0;border:0;background:transparent;object-fit:contain;object-position:center;image-rendering:pixelated;filter:drop-shadow(0 2px 3px #0009)}
.fashion-shop-empty{grid-column:1/-1;display:grid;place-items:center;min-height:180px;padding:24px;border:1px dashed #82936b66;border-radius:11px;color:#a9bead;text-align:center;font-size:12px;line-height:1.7;background:radial-gradient(ellipse at 50% 35%,#55725022,transparent 68%)}
@media(max-width:640px){.fashion-shop-item{grid-template-columns:58px minmax(0,1fr);grid-template-rows:minmax(58px,auto) auto;min-height:102px}.fashion-shop-preview-frame{width:56px;height:56px;padding:2px}.fashion-shop-preview{width:48px;height:48px}}
Seed and town-goods shop: category-led MMO catalogue with item-specific art. */
#seed-shop-panel .commerce-window-head{margin-bottom:10px}
#seed-shop-panel .town-shop-overview{display:grid;grid-template-columns:210px minmax(0,1fr);gap:10px;flex:none;margin-bottom:10px}
#seed-shop-panel .town-shop-wallet,#seed-shop-panel .town-shop-restock{display:flex;align-items:center;gap:10px;min-width:0;min-height:53px;padding:7px 11px;border:1px solid #63806366;border-radius:10px;background:linear-gradient(110deg,#213b2b,#10231b)}
#seed-shop-panel .town-shop-wallet>.commerce-sprite,#seed-shop-panel .town-shop-restock>.commerce-sprite{width:34px;height:34px;border:1px solid #d3c17b44;border-radius:7px;background-color:#162a20}
#seed-shop-panel .town-shop-wallet{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px}
#seed-shop-panel .town-shop-wallet>.commerce-sprite{grid-column:1;grid-row:1/3}
#seed-shop-panel .town-shop-wallet>small{align-self:end;color:#a9c2ad;font-size:9px}
#seed-shop-panel .town-shop-wallet>strong{align-self:start;color:#ffe19a;font-size:15px;line-height:1.2}
#seed-shop-panel .town-shop-wallet>strong small{font-size:9px;color:#bdcfb9}
#seed-shop-panel .town-shop-restock>span:nth-child(2){display:grid;gap:3px;min-width:0}
#seed-shop-panel .town-shop-restock b{color:#e9e3be;font-size:11px}
#seed-shop-panel .town-shop-restock small{color:#92aa96;font-size:9px}
#seed-shop-panel .town-shop-restock>strong{margin-left:auto;padding:5px 8px;border:1px solid #77885d55;border-radius:7px;background:#26382a;color:#dfd091;font-size:10px;white-space:nowrap}
#seed-shop-panel .town-shop-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,290px);gap:9px;align-items:center;flex:none;margin-bottom:9px}
#seed-shop-panel .town-shop-categories{display:flex;gap:5px;min-width:0;overflow-x:auto;padding:2px 2px 5px;scrollbar-width:thin;scrollbar-color:#607d5a transparent}
#seed-shop-panel .town-shop-categories button{display:flex;align-items:center;gap:6px;flex:none;min-height:37px!important;padding:5px 8px!important;border:1px solid #59765d!important;border-radius:8px!important;background:linear-gradient(145deg,#1a3327,#10231b)!important;color:#b7c9b3!important;font:700 10px/1.25 "Noto Sans Thai","Segoe UI",Tahoma,sans-serif!important;white-space:nowrap}
#seed-shop-panel .town-shop-categories button:hover{background:#294734!important;color:#f1e5b8!important}
#seed-shop-panel .town-shop-categories button.is-active{border-color:#d2b968!important;background:linear-gradient(135deg,#4b5938,#233b2b)!important;color:#ffe5a1!important;box-shadow:inset 0 0 0 1px #d4bc6b33!important}
#seed-shop-panel .town-shop-categories .commerce-sprite{width:24px;height:24px;border:1px solid #d5c27b38;border-radius:5px;background-color:#13271d}
#seed-shop-panel .town-shop-categories b{min-width:17px;padding:2px 4px;border-radius:5px;background:#314b37;color:#dbe7ce;text-align:center;font-size:9px}
#seed-shop-panel .town-shop-search{display:flex;align-items:center;gap:7px;min-width:0;height:37px;padding:0 9px;border:1px solid #63806780;border-radius:8px;background:#081a13;color:#ddce89}
#seed-shop-panel .town-shop-search>span{font-size:21px;line-height:1}
#seed-shop-panel #seed-shop-search{width:100%;min-width:0;height:32px;padding:4px 0;border:0!important;outline:0;background:transparent!important;color:#e8efdf!important;font:500 10px "Noto Sans Thai","Segoe UI",Tahoma,sans-serif!important;box-shadow:none!important}
#seed-shop-panel .town-shop-search kbd{padding:2px 5px;border:1px solid #435d49;border-radius:5px;color:#9db39d;font:9px "Noto Sans Thai",sans-serif;white-space:nowrap}
#seed-shop-panel .seed-shop-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-content:start;align-items:stretch;gap:9px;flex:1;min-height:0;overflow:auto;padding:2px 4px 5px 1px;scrollbar-gutter:stable;scrollbar-color:#667e58 #0a1d15}
#seed-shop-panel .shop-stock-card{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto;grid-template-rows:minmax(46px,1fr) auto;align-items:center;gap:5px 8px;min-width:0;min-height:112px!important;padding:8px!important;border:1px solid #55735e!important;border-radius:10px!important;background:radial-gradient(ellipse at 12% 20%,#99bd6830,transparent 40%),linear-gradient(150deg,#203a2b,#0e2119)!important;box-shadow:inset 0 1px #ffffff12!important;transition:border-color .16s,transform .16s,background .16s!important}
#seed-shop-panel .shop-stock-card:hover{transform:translateY(-2px);border-color:#d1b66a!important;background:linear-gradient(145deg,#294633,#12291f)!important}
#seed-shop-panel .shop-stock-art{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border:1px solid #a9b77b62;border-radius:9px;background:radial-gradient(ellipse,#abbc6020,transparent 68%),#11251b}
#seed-shop-panel .shop-stock-art img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;object-fit:contain;image-rendering:pixelated}
#seed-shop-panel .shop-stock-info{display:grid;gap:2px;min-width:0;align-self:end}
#seed-shop-panel .shop-stock-category{color:#a7c38f;font-size:8px!important;line-height:1.2}
#seed-shop-panel .shop-stock-info .shop-seed-name{display:block;overflow:hidden;color:#f1e8c4!important;font:850 12px/1.35 "Noto Sans Thai","Segoe UI",Tahoma,sans-serif!important;text-overflow:ellipsis}
#seed-shop-panel .shop-stock-meta{display:block;overflow:hidden;color:#94ac98;font-size:8px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
#seed-shop-panel .shop-stock-price{display:grid;justify-items:end;gap:1px;min-width:68px;align-self:end;text-align:right}
#seed-shop-panel .shop-stock-price>b{color:#f2d68d;font-size:14px;line-height:1.15}
#seed-shop-panel .shop-stock-price>small{color:#a9bda8;font-size:8px!important;line-height:1.2;text-align:right}
#seed-shop-panel .shop-stock-price>span{color:#9ec28a;font-size:8px;white-space:nowrap}
#seed-shop-panel .shop-stock-price>span.out-stock{color:#d2957d}
#seed-shop-panel .shop-stock-qty{grid-column:2;grid-row:2;grid-template-columns:auto 25px 38px 25px;gap:3px;min-width:0;font-size:9px}
#seed-shop-panel .shop-stock-qty button{min-height:29px!important;height:29px;padding:0!important;border-radius:6px!important;font-size:13px!important}
#seed-shop-panel .shop-stock-qty input{width:38px;height:29px;padding:0;border:1px solid #98814b!important;border-radius:6px;background:#091b14;color:#f5e4a9;text-align:center;font:800 12px "Segoe UI",sans-serif;box-shadow:none!important}
#seed-shop-panel .shop-stock-buy{grid-column:3;grid-row:2;display:grid;justify-items:center;gap:0;min-width:95px;min-height:31px!important;padding:4px 7px!important;border:1px solid #d7bd70!important;border-radius:7px!important;background:linear-gradient(150deg,#e8d28e,#b6934e)!important;color:#1f2d20!important;font:850 9px/1.25 "Noto Sans Thai","Segoe UI",sans-serif!important;white-space:nowrap}
#seed-shop-panel .shop-stock-buy b{color:#425232!important;font-size:8px!important;line-height:1.1}
#seed-shop-panel .shop-stock-buy:disabled{border-color:#60715c!important;background:#354638!important;color:#91a18b!important;cursor:not-allowed}
#seed-shop-panel .shop-stock-buy:disabled b{color:#a8b79f!important}
#seed-shop-panel .shop-empty-state{grid-column:1/-1;display:grid;place-items:center;align-content:center;gap:7px;min-height:220px;padding:18px;border:1px dashed #59745a;border-radius:12px;background:radial-gradient(ellipse,#28483355,transparent 72%);text-align:center}
#seed-shop-panel .shop-empty-state .commerce-sprite{width:56px;height:56px;opacity:.85}
#seed-shop-panel .shop-empty-state>b{color:#ebdfa8;font-size:13px}
#seed-shop-panel .shop-empty-state>small{color:#9bb09b;font-size:10px}
#seed-shop-panel .seed-shop-status{margin-top:8px!important}
@media(max-width:1040px){#seed-shop-panel .seed-shop-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){#seed-shop-panel .town-shop-overview{grid-template-columns:160px minmax(0,1fr)}#seed-shop-panel .town-shop-toolbar{grid-template-columns:1fr;gap:5px}#seed-shop-panel .town-shop-categories{order:2}#seed-shop-panel .town-shop-search{order:1}#seed-shop-panel .seed-shop-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}#seed-shop-panel .shop-stock-card{grid-template-columns:42px minmax(0,1fr) auto;gap:5px 6px;min-height:105px!important;padding:7px!important}#seed-shop-panel .shop-stock-art{width:42px;height:42px}#seed-shop-panel .shop-stock-art img{width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important}#seed-shop-panel .shop-stock-qty{grid-template-columns:auto 23px 34px 23px}#seed-shop-panel .shop-stock-qty input{width:34px}#seed-shop-panel .shop-stock-buy{min-width:84px}}
@media(max-width:500px){#seed-shop-panel .town-shop-overview{grid-template-columns:1fr 1fr;gap:6px}#seed-shop-panel .town-shop-wallet,#seed-shop-panel .town-shop-restock{min-height:45px;padding:5px 7px;gap:6px}#seed-shop-panel .town-shop-wallet>.commerce-sprite,#seed-shop-panel .town-shop-restock>.commerce-sprite{width:28px;height:28px}#seed-shop-panel .town-shop-restock>strong{display:none}#seed-shop-panel .seed-shop-list{grid-template-columns:1fr!important}#seed-shop-panel .shop-stock-card{min-height:98px!important}}