@charset "UTF-8";
/* Supplied backpack PNG pieces, with item data and actions kept in HTML. */
#panel-overlay:has(#game-window[data-panel="bag"]){z-index:40;justify-content:center;align-items:center;padding:12px 32px;background:#17332036;backdrop-filter:blur(2px)}
#game-window[data-panel="bag"]{--iu:min(.078125vw,.138889dvh,1.2px);position:relative;width:calc(1180 * var(--iu));height:calc(690 * var(--iu));max-width:94vw;max-height:96dvh;overflow:visible;border:0;border-radius:0;background:url("../assets/ui-user/bag-frame.png") center / 100% 100% no-repeat;box-shadow:none;color:#ad3929;font-weight:800}
#game-window[data-panel="bag"] .window-header{position:absolute;inset:0;margin:0;padding:0;min-height:0;height:0;border:0;pointer-events:none;z-index:5}
#game-window[data-panel="bag"] .window-header>div{position:absolute;left:calc(199 * var(--iu));top:calc(36 * var(--iu));width:calc(239 * var(--iu));height:calc(71 * var(--iu));justify-content:center}
#game-window[data-panel="bag"] #window-icon{display:none}
#game-window[data-panel="bag"] .window-header h1{color:#a83222;font-size:calc(60 * var(--iu));font-weight:900;letter-spacing:.12em;text-shadow:3px 0 #fff2bf,-3px 0 #fff2bf,0 3px #fff2bf,0 -3px #fff2bf;line-height:1}
#game-window[data-panel="bag"] #panel-close{position:absolute;right:calc(-15 * var(--iu));top:calc(161 * var(--iu));width:calc(122 * var(--iu));height:calc(86 * var(--iu));min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:url("../assets/ui-user/bag-close.png") right center / auto 100% no-repeat;font-size:0;pointer-events:auto}
#game-window[data-panel="bag"] #panel-content{overflow:auto;padding:calc(143 * var(--iu)) calc(117 * var(--iu)) calc(36 * var(--iu)) calc(123 * var(--iu));scrollbar-color:#f6a20e transparent;scrollbar-width:thin}
#game-window[data-panel="bag"] .window-footer{display:none}
.inventory-art-layout.inventory-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.93fr) minmax(0,1fr);gap:calc(23 * var(--iu));height:100%;min-height:0;padding:calc(32 * var(--iu)) calc(23 * var(--iu)) calc(15 * var(--iu)) calc(62 * var(--iu));border-radius:calc(48 * var(--iu));background:#fff3bd;box-shadow:0 3px 3px #63381930;isolation:isolate}
.inventory-art-layout::before{position:absolute;content:"";inset:calc(32 * var(--iu)) calc(23 * var(--iu)) calc(23 * var(--iu)) calc(62 * var(--iu));background:url("../assets/ui-user/bag-list-detail.png") center / 100% 100% no-repeat;z-index:-1;pointer-events:none}
.inventory-categories{position:absolute;left:calc(-64 * var(--iu));top:calc(79 * var(--iu));display:grid;gap:calc(13 * var(--iu));z-index:-1}
.inventory-categories .bag-tab{width:calc(136 * var(--iu));height:calc(73 * var(--iu));padding:0;border:0;border-radius:0;background: url("../assets/ui-user/bag-tab-all-inactive.png") left center / auto 100% no-repeat}
.inventory-categories .bag-tab.active{margin-left:calc(-30 * var(--iu));width:calc(166 * var(--iu))}
.inventory-categories .bag-tab[data-filter="all"]{background-image:url("../assets/ui-user/bag-tab-all-inactive.png")}
.inventory-categories .bag-tab[data-filter="fruit"]{background-image:url("../assets/ui-user/bag-tab-crops-inactive.png")}
.inventory-categories .bag-tab[data-filter="seed"]{background-image:url("../assets/ui-user/bag-tab-seeds-inactive.png")}
.inventory-categories .bag-tab[data-filter="tool"]{background-image:url("../assets/ui-user/bag-tab-tools-inactive.png")}
.inventory-categories .bag-tab[data-filter="all"].active{background-image:url("../assets/ui-user/bag-tab-all.png")}
.inventory-categories .bag-tab[data-filter="fruit"].active{background-image:url("../assets/ui-user/bag-tab-crops.png")}
.inventory-categories .bag-tab[data-filter="seed"].active{background-image:url("../assets/ui-user/bag-tab-seeds.png")}
.inventory-categories .bag-tab[data-filter="tool"].active{background-image:url("../assets/ui-user/bag-tab-tools.png")}
.inventory-art-layout .inventory-main{min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:calc(22 * var(--iu)) calc(16 * var(--iu)) calc(6 * var(--iu))}
.inventory-art-layout .inventory-grid{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:calc(170 * var(--iu));align-content:start;gap:calc(13 * var(--iu)) calc(14 * var(--iu));flex:1;overflow:auto;padding:calc(11 * var(--iu)) calc(7 * var(--iu)) 0;scrollbar-color:#f59b05 transparent;scrollbar-width:thin}
.inventory-art-layout .inventory-slot,.inventory-art-layout .inventory-slot.active{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:auto;gap:calc(3 * var(--iu));padding:calc(12 * var(--iu)) calc(2 * var(--iu)) calc(7 * var(--iu));border:0;border-radius:19px;background:none;box-shadow:none;color:#ad3929}
.inventory-art-layout .item-art{position:relative;width:calc(111 * var(--iu));height:calc(111 * var(--iu));max-width:100%;max-height:none;display:grid;place-items:center;flex-shrink:0;background:url("../assets/ui-user/bag-slot.png") center / contain no-repeat}
.inventory-art-layout .item-art>.crop-icon{width:96%;height:100%;object-fit:contain}
.inventory-art-layout .item-art,.inventory-art-layout .detail-art{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.inventory-art-layout .item-art>.crop-icon,.inventory-art-layout .detail-art>.crop-icon{min-width:0;min-height:0;max-width:100%;max-height:100%;justify-self:center;align-self:center}
.inventory-art-layout .inventory-slot.active .item-art{border-radius:50%;outline:calc(4 * var(--iu)) solid #f39d05;outline-offset:calc(2 * var(--iu))}
.inventory-item-name{display:block;width:100%;min-height:1.2em;font-size:calc(21 * var(--iu));line-height:1.2;font-weight:900;white-space:normal;text-align:center;text-shadow:1px 0 #ffefbb,-1px 0 #ffefbb,0 1px #ffefbb,0 -1px #ffefbb}
.inventory-art-layout .item-count{position:absolute;top:calc(11 * var(--iu));bottom:auto;right:0;padding:2px 4px;border-radius:12px;background:#fff0b9;color:#a74725;font-size:calc(14 * var(--iu));line-height:1.1;text-shadow:none;z-index:2}
.inventory-price{position:absolute;top:calc(15 * var(--iu));left:0;display:flex;align-items:center;justify-content:flex-end;width:calc(59 * var(--iu));height:calc(28 * var(--iu));padding:0 calc(5 * var(--iu)) 0 calc(24 * var(--iu));background:url("../assets/ui-user/bag-price.png") center / 100% 100% no-repeat;color:#426428;font-size:calc(14 * var(--iu));font-weight:900;line-height:1}
.inventory-art-layout .item-lock{position:absolute;left:calc(8 * var(--iu));top:auto;bottom:calc(36 * var(--iu));color:#b55824;font-size:calc(17 * var(--iu));background:#fff0b8;border-radius:50%;padding:3px}
.inventory-art-layout .inventory-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;min-height:calc(31 * var(--iu));margin:calc(5 * var(--iu)) 0 0;font-size:calc(12 * var(--iu));color:#9c552f}
.inventory-art-layout .inventory-footer button{width:auto;min-width:0;min-height:0;padding:calc(6 * var(--iu)) calc(12 * var(--iu));border:0;border-radius:18px;background:#fff1bb;color:#9c552f;font-size:calc(13 * var(--iu))}
.inventory-art-layout .inventory-detail{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;min-width:0;min-height:0;padding:0 calc(13 * var(--iu));border:0;background:none}
.inventory-selected-preview{position:relative;flex-shrink:0;width:100%;height:calc(153 * var(--iu));margin-top:calc(-20 * var(--iu))}
.inventory-art-layout .inventory-detail .detail-art{position:absolute;left:50%;top:0;transform:translateX(-50%);width:calc(190 * var(--iu));height:calc(190 * var(--iu));margin:0;background:url("../assets/ui-user/bag-preview.png") center / contain no-repeat}
.inventory-art-layout .inventory-detail .detail-art>.crop-icon{width:86%;height:86%;padding-bottom:calc(4 * var(--iu))}
.inventory-selected-count{position:absolute;top:calc(3 * var(--iu));left:calc(7 * var(--iu));z-index:2;display:grid;place-items:center;min-width:calc(45 * var(--iu));height:calc(45 * var(--iu));padding:0 calc(6 * var(--iu));border-radius:50%;background:#f99a00 url("../assets/ui-user/bag-count.png") center / 100% 100% no-repeat;color:#a86010;font-size:calc(29 * var(--iu));line-height:1;font-weight:900}
.inventory-step{position:absolute;top:calc(69 * var(--iu));width:calc(33 * var(--iu));height:calc(46 * var(--iu));min-height:32px;min-width:26px;padding:0;border:0;border-radius:0;background:url("../assets/ui-user/shop-arrow-left.png") center / contain no-repeat}
.inventory-step.previous{left:calc(-26 * var(--iu))}.inventory-step.next{right:calc(-26 * var(--iu));background-image:url("../assets/ui-user/shop-arrow-right.png")}
.inventory-art-layout .inventory-detail .detail-name{position:relative;z-index:2;min-width:calc(124 * var(--iu));max-width:100%;margin:0 0 calc(7 * var(--iu));padding:calc(10 * var(--iu)) calc(15 * var(--iu));border:0;border-radius:38px;background:url("../assets/ui-user/bag-title.png") center / 100% 100% no-repeat;color:#fff0b5;font-size:calc(29 * var(--iu));line-height:1.1;font-weight:900;text-align:center}
.inventory-art-layout .quality-tag{margin:0 0 calc(4 * var(--iu));padding:calc(3 * var(--iu)) calc(10 * var(--iu));border-radius:12px;background:#fff0bb;color:#a36739;font-size:calc(12 * var(--iu));line-height:1.2;max-width:100%;text-align:center}
.inventory-art-layout .detail-facts{width:100%;padding:0 calc(7 * var(--iu));margin:0;flex:1;display:flex;flex-direction:column;justify-content:space-around;font-size:calc(14 * var(--iu));color:#a75b30}
.inventory-art-layout .detail-facts>div{display:flex;justify-content:space-between;align-items:center;gap:5px;min-height:calc(30 * var(--iu));padding:calc(5 * var(--iu)) 0;border:0;border-bottom:calc(5 * var(--iu)) solid #fff1b7;border-radius:3px}
.inventory-art-layout .detail-facts span,.inventory-art-layout .detail-facts strong{color:#9e5c30;gap:3px}
.inventory-art-layout .detail-facts strong{font-size:inherit;white-space:normal;text-align:right}
.inventory-art-layout .detail-facts .crop-icon{width:calc(20 * var(--iu));height:calc(20 * var(--iu))}
.inventory-art-layout .detail-actions{display:flex;flex-direction:column;gap:calc(5 * var(--iu));width:100%;margin:calc(9 * var(--iu)) 0 0;flex-shrink:0}
.inventory-art-layout .detail-actions button{width:100%;min-height:calc(38 * var(--iu));padding:calc(8 * var(--iu)) calc(10 * var(--iu));border:0;border-radius:26px;background:#e35b46;color:#fff0b6;font-size:calc(18 * var(--iu));font-weight:900}
.inventory-art-layout .detail-actions .inventory-lock{min-height:calc(45 * var(--iu));padding-right:calc(40 * var(--iu));background:url("../assets/ui-user/bag-lock.png") center / 100% 100% no-repeat;letter-spacing:.08em}
.inventory-art-layout .detail-actions p{font-size:calc(10 * var(--iu));line-height:1.2;color:#9d683f}
.inventory-empty{grid-column:1/-1;align-self:center;padding:35px 15px;color:#9d683f;font-size:16px;text-align:center}
html[lang="en"] #game-window[data-panel="bag"] .window-header h1{font-size:calc(38 * var(--iu));letter-spacing:0}
html[lang="en"] .inventory-art-layout .inventory-item-name{font-size:calc(16 * var(--iu))}
html[lang="en"] .inventory-art-layout .inventory-detail .detail-name{font-size:calc(21 * var(--iu))}
html[lang="en"] .inventory-art-layout .detail-actions button{font-size:calc(14 * var(--iu))}
@media(max-width:600px){
  #panel-overlay:has(#game-window[data-panel="bag"]){padding:9px 8px;background:#193e2460}
  #game-window[data-panel="bag"]{--iu:1px;width:100%;max-width:100%;height:96dvh;max-height:96dvh;background-size:100% 100%}
  #game-window[data-panel="bag"] .window-header>div{left:62px;top:28px;width:110px;height:45px}
  #game-window[data-panel="bag"] .window-header h1{font-size:33px;letter-spacing:.05em}
  #game-window[data-panel="bag"] #panel-close{right:0;top:81px;width:66px;height:51px}
  #game-window[data-panel="bag"] #panel-content{position:absolute;top:111px;bottom:19px;left:0;right:0;padding:0 24px 0 44px}
  .inventory-art-layout.inventory-layout{height:auto;min-height:100%;display:flex;flex-direction:column;gap:14px;padding:18px 12px 17px 15px;border-radius:24px}
  .inventory-art-layout::before{display:none}
  .inventory-categories{left:-39px;top:31px;gap:10px}
  .inventory-categories .bag-tab{width:57px;height:53px;background-size:auto 100%}
  .inventory-categories .bag-tab.active{width:64px;margin-left:-7px}
  .inventory-art-layout .inventory-main{padding:9px 3px 9px;background:#ffda82;border-radius:27px;overflow:visible}
  .inventory-art-layout .inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:120px;flex:none;max-height:390px;gap:5px 3px;padding:7px 5px;overflow:auto}
  .inventory-art-layout .inventory-slot,.inventory-art-layout .inventory-slot.active{padding:12px 0 5px;gap:3px}
  .inventory-art-layout .item-art{width:66px;height:66px;max-width:100%}
  .inventory-item-name{font-size:12px;line-height:1.2}
  .inventory-art-layout .item-count{top:3px;right:0;font-size:11px;padding:2px 3px}
  .inventory-price{top:15px;left:0;width:45px;height:21px;font-size:11px;padding-left:17px;padding-right:5px}
  .inventory-art-layout .item-lock{left:2px;bottom:25px;font-size:11px;padding:2px}
  .inventory-art-layout .inventory-footer{margin:5px 5px 0;font-size:11px;min-height:25px}
  .inventory-art-layout .inventory-footer button{padding:6px 8px;font-size:12px}
  .inventory-art-layout .inventory-detail{padding:0 17px 14px;gap:0;min-height:410px;background:linear-gradient(transparent 110px,#ffda82 110px);border-radius:30px}
  .inventory-selected-preview{height:140px;margin:0}
  .inventory-art-layout .inventory-detail .detail-art{width:155px;height:155px}
  .inventory-selected-count{left:0;top:0;width:41px;min-width:41px;height:41px;font-size:25px}
  .inventory-step{top:54px;width:31px;height:40px}
  .inventory-step.previous{left:-15px}.inventory-step.next{right:-15px}
  .inventory-art-layout .inventory-detail .detail-name{font-size:23px;min-width:100px;padding:9px 16px;margin:0 0 7px}
  .inventory-art-layout .quality-tag{font-size:12px;padding:4px 10px;margin-bottom:4px}
  .inventory-art-layout .detail-facts{font-size:13px;gap:7px;padding:0 4px;flex:1}
  .inventory-art-layout .detail-facts>div{min-height:29px;border-bottom-width:4px;padding:4px 0}
  .inventory-art-layout .detail-facts .crop-icon{width:20px;height:20px}
  .inventory-art-layout .detail-actions{gap:6px;margin-top:11px}
  .inventory-art-layout .detail-actions button{font-size:16px;min-height:39px;padding:8px 10px}
  .inventory-art-layout .detail-actions .inventory-lock{min-height:44px;padding-right:36px}
  .inventory-art-layout .detail-actions p{font-size:11px;line-height:1.3}
  html[lang="en"] #game-window[data-panel="bag"] .window-header h1{font-size:19px}
  html[lang="en"] .inventory-art-layout .inventory-item-name{font-size:11px}
  html[lang="en"] .inventory-art-layout .inventory-detail .detail-name{font-size:18px}
}
@media(min-width:601px) and (max-height:550px){
  #panel-overlay:has(#game-window[data-panel="bag"]){padding:4px 18px}
  #game-window[data-panel="bag"]{--iu:.72px;width:min(800px,95vw);height:97dvh;max-height:97dvh}
  #game-window[data-panel="bag"] #panel-content{padding:95px 67px 23px 77px}
  #game-window[data-panel="bag"] .window-header>div{top:17px;left:137px;width:157px;height:51px}
  #game-window[data-panel="bag"] #panel-close{top:108px;right:-8px;width:75px;height:57px}
  .inventory-art-layout.inventory-layout{height:auto;min-height:100%;padding:20px 15px 14px 39px;gap:16px}
  .inventory-art-layout::before{inset:20px 15px 14px 39px}
  .inventory-art-layout .inventory-grid{grid-auto-rows:121px;max-height:260px;overflow:auto;gap:8px 6px}
  .inventory-art-layout .inventory-main{padding:10px 5px 4px}
  .inventory-art-layout .inventory-item-name{font-size:14px}
  .inventory-art-layout .inventory-detail{min-height:303px;padding:0 7px}
  .inventory-art-layout .detail-facts{font-size:11px;padding:0 4px;gap:6px}
  .inventory-art-layout .detail-actions button{font-size:13px;min-height:30px}
  .inventory-art-layout .detail-actions p{font-size:10px}
  .inventory-art-layout .inventory-detail .detail-name{font-size:19px}
  .inventory-art-layout .quality-tag{font-size:10px}
  .inventory-art-layout .inventory-footer{font-size:10px}
  .inventory-art-layout .inventory-footer button{font-size:11px}
  html[lang="en"] .inventory-art-layout .inventory-item-name{font-size:12px}
}

#game-window[data-panel="equipment"]{width:min(760px,94vw);height:auto;max-height:92dvh;overflow:auto;background:#fffbea;border-radius:24px}
#game-window[data-panel="equipment"] .window-header{position:relative;display:flex;padding:16px 24px;align-items:center;justify-content:space-between}
#game-window[data-panel="equipment"] #panel-content{padding:16px 24px 28px;overflow:auto}
.equipment-layout{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.equipment-target{position:relative;display:flex;flex-direction:column;align-items:center;width:112px;gap:12px}
.equipment-target>.equipment-icon{width:100px;height:100px;border-radius:50%;background:#efbd65;display:grid;place-items:center}
.equipment-icon .crop-icon{width:80%;height:80%;object-fit:contain}
.equipment-target strong{white-space:nowrap;font-size:18px}
.equipment-layout p{margin:0;color:#668875}
.equipment-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;width:100%}
.equipment-slot{position:relative;aspect-ratio:1;min-width:0;min-height:0;padding:8px;display:grid;place-items:center;border:3px solid #57a879;border-radius:50%;background:#e9f3db}
.equipment-slot.active{border-color:#e5a53a;background:#ffedb5;box-shadow:0 0 0 3px #e5a53a44}
.equipment-slot .equipment-icon{display:grid;place-items:center;width:100%;height:100%}
.equipment-slot kbd{position:absolute;left:0;top:-5px;background:#fffbea;border-radius:50%;padding:2px 6px;font:700 16px system-ui}
.equipment-count{position:absolute;right:0;bottom:0;border-radius:12px;background:#fffbea;padding:1px 5px;color:#668875}
.equipment-target>.equipment-count{top:75px;bottom:auto}
.equipment-confirm{min-width:160px;min-height:44px}
@media(max-width:600px){.equipment-slots{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:310px}.equipment-layout{gap:18px}#game-window[data-panel="equipment"] #panel-content{padding:12px 20px 24px}}
@media(max-height:550px){.equipment-layout{gap:10px}.equipment-target>.equipment-icon{width:64px;height:64px}.equipment-target>.equipment-count{top:40px}.equipment-slots{max-width:500px}.equipment-target{gap:4px}.equipment-slot{max-height:68px}#game-window[data-panel="equipment"] #panel-content{padding-top:6px}}

#panel-overlay:has(#game-window[data-panel="equipment"]){justify-content:center;align-items:center;padding:12px}
@media(max-height:550px){
 #panel-overlay:has(#game-window[data-panel="equipment"]){padding:8px}
 #game-window[data-panel="equipment"]{max-height:calc(100dvh - 16px)}
 #game-window[data-panel="equipment"] .window-header{padding:8px 16px}
 #game-window[data-panel="equipment"] .window-header h1{font-size:22px}
 #game-window[data-panel="equipment"] #panel-content{padding:6px 20px 10px}
 .equipment-layout{gap:7px}.equipment-layout p{font-size:12px}
 .equipment-target>.equipment-icon{width:48px;height:48px}.equipment-target>.equipment-count{top:32px}
 .equipment-target strong{font-size:14px}.equipment-slots{max-width:420px}
 .equipment-confirm{min-height:36px;padding:6px 24px}
}
/* Visible category names sit above the backpack frame. */
.inventory-categories{z-index:3}
.inventory-categories .bag-tab{display:flex;align-items:center;justify-content:flex-start;color:#7b4525}
.inventory-categories .bag-tab-label{display:block;width:calc(90 * var(--iu));padding:0 calc(5 * var(--iu));font-size:calc(23 * var(--iu));font-weight:900;line-height:1.2;text-align:center;text-shadow:0 1px #fff3c5;overflow-wrap:anywhere}
.inventory-categories .bag-tab.active .bag-tab-label{width:calc(120 * var(--iu));color:#963a20}
@media(max-width:600px){.inventory-categories .bag-tab-label,.inventory-categories .bag-tab.active .bag-tab-label{width:43px;padding:0 3px;font-size:14px}.inventory-categories .bag-tab.active .bag-tab-label{width:50px}}
.inventory-categories .bag-tab-label{margin-left:calc(58 * var(--iu));width:calc(74 * var(--iu));padding:0 calc(3 * var(--iu));font-size:clamp(11px,calc(21 * var(--iu)),25px)}
.inventory-categories .bag-tab.active .bag-tab-label{width:calc(104 * var(--iu))}
@media(max-width:600px){
 .inventory-categories .bag-tab[data-filter]{background-image:none;background-color:#edb500;border-radius:16px 0 0 16px}
 .inventory-categories .bag-tab[data-filter].active{background-color:#ffe3a0}
 .inventory-categories .bag-tab-label,.inventory-categories .bag-tab.active .bag-tab-label{margin-left:0;width:100%;padding:0 4px;font-size:14px}
}
/* Price chips size to their text; the coin keeps its own aspect ratio. */
.inventory-art-layout .inventory-price{width:max-content;min-width:calc(59 * var(--iu));max-width:none;white-space:nowrap;justify-content:flex-start;gap:calc(3 * var(--iu));padding:0 calc(7 * var(--iu)) 0 0;background:#ffd150;border-radius:999px;z-index:2}
.inventory-price>.crop-icon{width:calc(28 * var(--iu));height:calc(28 * var(--iu));object-fit:contain;flex-shrink:0}
@media(max-width:600px){.inventory-art-layout .inventory-price{min-width:45px;gap:3px;padding:0 6px 0 0}.inventory-price>.crop-icon{width:21px;height:21px}}
/* Inventory art variants and bottom-centred quantity overlays. */
.inventory-art-layout .item-art{isolation:isolate}
.inventory-art-layout .item-art>.crop-icon{position:relative;z-index:1}
.inventory-art-layout .inventory-slot[data-kind=fruit] .item-art>.crop-icon{scale:.8}
.inventory-art-layout .inventory-slot[data-giant=true] .item-art>.crop-icon{scale:1;animation:giant-item-breathe 2.6s ease-in-out infinite}
.inventory-art-layout .inventory-slot[data-exotic=true] .item-art::before{content:'';position:absolute;inset:-10%;z-index:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffdf7977 0deg 10deg,transparent 10deg 30deg),radial-gradient(circle,#c581ea88,transparent 70%);filter:blur(2px);animation:exotic-item-rays 12s linear infinite;pointer-events:none}
.inventory-art-layout .item-art .item-count{left:50%;right:auto;top:auto;bottom:0;transform:translateX(-50%);z-index:2;max-width:none;white-space:nowrap}
.inventory-art-layout .inventory-detail .detail-name{overflow-wrap:anywhere;white-space:normal;letter-spacing:0}
.inventory-art-layout .inventory-selected-count.compact-number{width:116px;min-width:0;max-width:100%;height:36px;padding:0 7px;border-radius:8px;font-size:16px;background-image:none}
@keyframes giant-item-breathe{0%,100%{scale:1}50%{scale:1.035}}
@keyframes exotic-item-rays{to{rotate:360deg}}
#seed-dock,#seed-dock *{-webkit-user-drag:none;user-select:none;touch-action:manipulation}
#seed-dock .slot-art,#seed-dock .seed-name{pointer-events:none}
@media(prefers-reduced-motion:reduce){.inventory-art-layout .inventory-slot .item-art>.crop-icon,.inventory-art-layout .inventory-slot .item-art::before{animation:none}}
.inventory-art-layout .potion-inventory-detail .inventory-selected-preview{height:calc(100 * var(--iu));margin-top:0}
.inventory-art-layout .potion-inventory-detail .detail-art{width:calc(100 * var(--iu));height:calc(100 * var(--iu))}
.inventory-art-layout .potion-inventory-detail{overflow:hidden}
.inventory-art-layout .potion-inventory-detail .detail-name,.inventory-art-layout .potion-inventory-detail .quality-tag{flex-shrink:0}
.inventory-art-layout .potion-inventory-detail .detail-facts{flex:1 1 0;min-height:0;justify-content:flex-start;gap:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;padding:0 8px 0 2px}
.inventory-art-layout .potion-inventory-detail .detail-facts>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;min-height:30px;padding:7px 0;border-bottom-width:2px}
.inventory-art-layout .potion-inventory-detail .detail-name{font-size:calc(23 * var(--iu));padding:calc(7 * var(--iu)) calc(12 * var(--iu))}
.inventory-art-layout .potion-inventory-detail .detail-actions{position:static;background:transparent;padding:0;margin-top:10px}
.inventory-art-layout .potion-inventory-detail .detail-facts>div>:is(span,strong){display:block;min-width:0;font-size:16px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;letter-spacing:0}
.inventory-art-layout .inventory-detail .detail-facts>.inventory-special-effect{display:grid;grid-template-columns:minmax(0,1fr);gap:3px}
.inventory-art-layout .detail-facts>.inventory-special-effect>strong{text-align:left;justify-content:flex-start}
@media(max-width:600px){
 .inventory-art-layout .potion-inventory-detail{height:480px;min-height:0;flex:none}
}
@media(min-width:601px) and (max-height:550px){
 .inventory-art-layout.inventory-layout:has(.potion-inventory-detail){height:100%;min-height:0}
 .inventory-art-layout:has(.potion-inventory-detail) .inventory-grid{max-height:none}
 .inventory-art-layout .potion-inventory-detail{min-height:0}
 .inventory-art-layout .potion-inventory-detail .inventory-selected-preview{height:78px;margin-top:0}
 .inventory-art-layout .potion-inventory-detail .detail-art{width:78px;height:78px}
 .inventory-art-layout .potion-inventory-detail .detail-name{font-size:15px;padding:6px 12px}
 .inventory-art-layout .potion-inventory-detail .detail-facts{gap:0}
 .inventory-art-layout .potion-inventory-detail .detail-facts>div{min-height:20px;padding:2px 0;border-bottom-width:2px}
}

.inventory-art-layout .detail-actions:has(>button:nth-of-type(2)){flex-direction:row;flex-wrap:wrap}
.inventory-art-layout .detail-actions:has(>button:nth-of-type(2))>button{flex:1 1 0;width:auto;min-width:0}
.inventory-art-layout .detail-actions>p{flex-basis:100%}