#hans-shop{box-sizing:border-box;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:min(650px,94vw);max-width:650px;max-height:94vh;overflow:auto;padding:0 20px 18px;border:1px solid #b69b59;border-radius:7px;color:#eadbb9;background:radial-gradient(ellipse at 45% 0,#36443180,transparent 60%),linear-gradient(125deg,#1d2c23,#0d1913);box-shadow:0 0 0 3px #08120e,0 0 0 4px #89744488,0 24px 80px #000a,inset 0 0 65px #0005;font:16px Georgia,serif}#hans-shop::backdrop{background:#030a0633}#hans-shop *{box-sizing:border-box}#hans-shop [hidden]{display:none!important}#hans-shop button{position:static;inset:auto;cursor:pointer;font-family:Georgia,serif;color:#e9d6a8;transition:background .18s,border-color .18s,transform .18s}#hans-shop button:focus-visible{outline:2px solid #efd18c;outline-offset:3px}#hans-shop button:disabled{cursor:default;opacity:.35}#hans-shop .hs-heading{position:relative;margin:0 -20px 12px;padding:16px 45px 13px;text-align:center;background:linear-gradient(#34433b,#17261e);border-bottom:1px solid #9f864a;box-shadow:0 3px 9px #0005}#hans-shop .hs-heading>span{font:9px "Segoe UI",sans-serif;letter-spacing:2px;color:#b8a579}#hans-shop h2{font:28px Georgia;margin:5px 0 0;letter-spacing:2px;color:#f0dfb4;text-shadow:0 2px 3px #000}#hans-shop .hs-cross{position:absolute;inset:12px 12px auto auto;border:1px solid #94793e;background:#132219;border-radius:3px;width:30px;height:30px;padding:0;font-size:25px}#hans-shop .hs-tabs{display:flex;gap:6px;margin-bottom:12px}#hans-shop .hs-tabs button{flex:1;min-width:0;padding:10px 7px;border:1px solid #72613d;border-radius:4px;background:linear-gradient(#344034,#1b2a20);font-size:15px}#hans-shop .hs-tabs button[aria-selected=true]{border-color:#d2af5d;background:linear-gradient(#6b6032,#3f421f);color:#fff0c5;box-shadow:inset 0 0 14px #c09a3620}#hans-shop .hs-tabs button:hover{border-color:#dec17d}#hans-shop #hs-goods{position:relative;border:1px solid #86704466;background:#09100b66;min-height:344px}#hans-shop .hs-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:86px}#hans-shop .hs-empty-slot,#hans-shop .hs-product{border:0;border-right:1px solid #8b784833;border-bottom:1px solid #8b784833}#hans-shop .hs-grid>:nth-child(even){border-right:0}#hans-shop .hs-product{position:relative;display:grid;grid-template-columns:52px 1fr;grid-template-rows:1fr 26px;gap:3px 9px;padding:10px;text-align:left;background:linear-gradient(125deg,#35412b55,transparent)}#hans-shop .hs-product:hover{background:#71633333;box-shadow:inset 0 0 0 1px #d3b669}#hans-shop .hs-product:active{background:#9f853944}#hans-shop .hs-item-icon{grid-row:1/3;width:52px;height:60px;object-fit:contain;border:1px solid #aa8951;border-radius:3px;background:#08120b;padding:2px}#hans-shop .hs-product-name{font:14px/1.3 Georgia;padding-right:15px}#hans-shop .hs-stock{position:absolute;right:9px;top:8px;color:#c7bd9d;font:18px Georgia}#hans-shop .hs-price{display:flex;align-items:center;gap:6px;min-width:0;color:#f2d36f;font:14px Georgia;background:#050b0755;border-radius:3px;padding:1px 5px}#hans-shop .hs-price b{font-weight:normal}#hans-shop .hs-coin{width:24px;height:24px;object-fit:contain;flex:none}#hans-shop .hs-price .hs-coin{width:19px;height:19px}#hans-shop .hs-empty{position:absolute;inset:100px 12px auto;margin:0;text-align:center;color:#a7ad98;font:16px/1.5 Georgia}#hans-shop .hs-status{height:24px;min-height:24px;margin:6px 0;color:#bacc9e;font:13px/24px Georgia;white-space:nowrap}#hans-shop .hs-status.hs-error{color:#e6aa8a}#hans-shop .hs-bottom{display:flex;justify-content:space-between;align-items:center;padding:8px 0 12px;border-bottom:1px solid #89764766}#hans-shop .hs-wallet{display:flex;align-items:center;gap:10px;min-width:170px;padding:5px 12px;border:1px solid #8e7849;border-radius:4px;background:linear-gradient(#070e09,#172118);color:#f7d76f;box-shadow:inset 0 2px 6px #0007}#hans-shop .hs-wallet output{flex:1;text-align:center}#hans-shop .hs-pages{display:flex;align-items:center;gap:16px;color:#efd37d}#hans-shop .hs-pages button{width:26px;height:26px;border:1px solid #8d7b52;border-radius:3px;background:linear-gradient(#435043,#18271c);font-size:22px;line-height:20px;padding:0}#hans-shop .hs-footer{display:flex;justify-content:flex-end;padding-top:12px}#hans-shop .hs-close{min-width:170px;padding:10px 25px;border:1px solid #ad8b4c;border-radius:4px;background:linear-gradient(#61452a,#342719);font-size:16px}#hans-shop .hs-close:hover{border-color:#e6c37b;background:#695132}@media(max-width:520px){#hans-shop{padding-left:12px;padding-right:12px}#hans-shop .hs-heading{margin-left:-12px;margin-right:-12px}#hans-shop .hs-tabs button{font-size:12px;padding:9px 3px}#hans-shop .hs-grid{grid-template-columns:1fr;grid-auto-rows:78px}#hans-shop .hs-grid>:nth-child(n+5){display:none}#hans-shop #hs-goods{min-height:312px}#hans-shop .hs-wallet{min-width:140px}}@media(max-height:700px){#hans-shop .hs-grid{grid-auto-rows:68px}#hans-shop #hs-goods{min-height:272px}#hans-shop .hs-item-icon{height:48px;width:44px}#hans-shop .hs-product{grid-template-columns:44px 1fr;padding:7px}#hans-shop .hs-heading{padding-top:10px;padding-bottom:9px}}@media(prefers-reduced-motion:reduce){#hans-shop button{transition:none}}

#hans-shop .hs-tabs{align-items:center;justify-content:flex-start;gap:16px}
#hans-shop .hs-tabs button:first-child{flex:0 0 95px}
#hans-shop .hs-tabs button[data-category]:not(:first-child){flex:0 0 52px;width:52px;height:46px;display:flex;align-items:center;justify-content:center;padding:3px;border:0;border-radius:0;background:none;box-shadow:none;filter:brightness(.78);transition:filter .18s,transform .18s}
#hans-shop .hs-tabs button[data-category]:not(:first-child) img{width:38px;height:38px;object-fit:contain;pointer-events:none}
#hans-shop .hs-tabs button[data-category]:not(:first-child):hover{filter:brightness(1.15) drop-shadow(0 0 4px #e4bd5d77);transform:translateY(-2px)}
#hans-shop .hs-tabs button[data-category][aria-selected=true]:not(:first-child){filter:brightness(1.15) drop-shadow(0 0 5px #e4bd5d99)}
@media(max-width:440px){#hans-shop .hs-tabs{gap:10px}#hans-shop .hs-tabs button:first-child{flex-basis:72px}}
@media(prefers-reduced-motion:reduce){#hans-shop .hs-tabs button[data-category]:not(:first-child){transition:none}}

/* Shared forest leather and warm brass finish used by the backpack. */
#hans-shop{padding:0 23px 20px;border:1px solid #bc9a51;border-radius:6px;background:linear-gradient(115deg,#40513926,transparent 38%,#06110d55),url('backpack/leather@2x.png') center/100% 100%;box-shadow:0 0 0 2px #101a12,0 0 0 3px #927343,0 0 0 6px #0a130fe8,0 26px 90px #000b,inset 0 0 0 6px #07100b77,inset 0 0 75px #0005}
#hans-shop .hs-heading{margin:0 -23px 14px;padding:18px 50px 17px;background:radial-gradient(ellipse at 50% 0,#7c79523b,transparent 70%),linear-gradient(#263a2df5,#0a1d14e8);border-bottom:3px double #947948;box-shadow:0 4px 12px #0007,inset 0 1px #d5c08055}
#hans-shop .hs-heading::before,#hans-shop .hs-heading::after{content:'◆';position:absolute;bottom:-8px;color:#c6a55d;font-size:11px;text-shadow:0 1px 2px #000}
#hans-shop .hs-heading::before{left:18px}#hans-shop .hs-heading::after{right:18px}
#hans-shop .hs-heading>span{color:#bba771;font-size:9px;letter-spacing:2.5px}
#hans-shop h2{font-size:29px;letter-spacing:3px;color:#f3e2b8}
#hans-shop .hs-cross{background:linear-gradient(#37402a,#142218);border-color:#ad8c47;box-shadow:inset 0 0 0 2px #0a140b99,0 2px 5px #0005;color:#f0d78e}
#hans-shop .hs-tabs{gap:7px;padding:0 1px 12px;margin-bottom:10px;border-bottom:1px solid #a78a453b}
#hans-shop .hs-tabs button:first-child,#hans-shop .hs-tabs button[data-category]:not(:first-child){flex:1;width:auto;height:45px;min-height:45px;padding:4px 10px;display:flex;align-items:center;justify-content:center;border:1px solid #8e7744;border-radius:4px;background:linear-gradient(#34422ce8,#142719e8);box-shadow:inset 0 0 0 2px #08140d88,inset 0 3px 8px #b9aa5720,0 2px 4px #0004;filter:none;color:#e9d8a5;transform:none;font-size:16px}
#hans-shop .hs-tabs button[data-category]:not(:first-child) img{width:34px;height:34px;filter:drop-shadow(0 2px 2px #0009)}
#hans-shop .hs-tabs button[data-category]:hover{background:linear-gradient(#4e5030,#24371f);border-color:#d7b665;filter:none;transform:none}
#hans-shop .hs-tabs button[data-category][aria-selected=true]{border-color:#e0bd69;background:radial-gradient(ellipse at center,#ac8e3544,transparent 85%),linear-gradient(#645b30,#323b20);box-shadow:inset 0 0 0 2px #342d17aa,inset 0 0 16px #dab94d22,0 0 7px #bf9a3033;filter:none;color:#fff0c1}
#hans-shop #hs-goods{border:1px solid #a58a4e88;box-shadow:0 0 0 2px #06110c,inset 0 0 35px #0008;background:linear-gradient(#050e09b8,#0a120bc9)}
#hans-shop .hs-empty-slot,#hans-shop .hs-product{border-color:#bda16a25}
#hans-shop .hs-product{background:radial-gradient(ellipse at 15% 50%,#7d6c2938,transparent 80%),linear-gradient(110deg,#2d3b2533,transparent)}
#hans-shop .hs-product:hover{background:linear-gradient(100deg,#81703944,#5663351a);box-shadow:inset 0 0 0 1px #d1b16c,inset 0 0 20px #d2b75711}
#hans-shop .hs-item-icon{border-color:#a99052;background:radial-gradient(#3b4223,#08100a);box-shadow:0 0 0 1px #020702,inset 0 0 8px #0009,0 2px 5px #0007}
#hans-shop .hs-product-name{font-weight:normal;color:#f0dfb3;text-shadow:0 1px 2px #000}
#hans-shop .hs-price{border:1px solid #8b783c22;box-shadow:inset 0 1px 3px #0006;color:#f6d677}
#hans-shop .hs-wallet{border-color:#a58b4b;box-shadow:inset 0 2px 7px #000a,0 0 0 2px #07110a,0 1px #b6a05b33;background:linear-gradient(#050c07,#102115)}
#hans-shop .hs-bottom{border-bottom:3px double #89764766;padding-bottom:13px}
#hans-shop .hs-close{background:linear-gradient(#5a492b,#2b2618);border-color:#bd9851;box-shadow:inset 0 0 0 2px #17130988,inset 0 1px #dbc48744,0 3px 8px #0006;color:#f2deb0}
#hans-shop .hs-close:hover{background:linear-gradient(#76603a,#42351f);border-color:#edcc83}
@media(max-width:520px){#hans-shop{padding-left:14px;padding-right:14px}#hans-shop .hs-heading{margin-left:-14px;margin-right:-14px}#hans-shop .hs-tabs{gap:6px}#hans-shop .hs-tabs button:first-child,#hans-shop .hs-tabs button[data-category]:not(:first-child){flex:1}}
@media(max-height:700px){#hans-shop .hs-heading{padding-top:12px;padding-bottom:12px}}

#hans-shop .hs-grid{grid-auto-rows:78px}#hans-shop #hs-goods{min-height:312px}#hans-shop{scrollbar-width:thin;scrollbar-color:#987d43 #0b1910}@media(max-height:700px){#hans-shop .hs-grid{grid-auto-rows:64px}#hans-shop #hs-goods{min-height:256px}}

/* Keep the leather grain while placing its painted corner leaves outside the panel. */
#hans-shop{background-size:100% 100%,100% calc(100% + 80px);background-position:center,center top;background-repeat:no-repeat}


#hans-shop .hs-cross{transform-origin:center;transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease}
#hans-shop .hs-cross:hover,#hans-shop .hs-cross:focus-visible{transform:translateY(-1px) scale(1.1);border-color:#ffe0a0;color:#fff4cf;background:linear-gradient(#635a32,#29341c);box-shadow:inset 0 0 0 2px #30291377,0 0 12px #e5b94b70,0 3px 7px #0006}
#hans-shop .hs-cross:active{transform:translateY(1px) scale(.96);box-shadow:inset 0 2px 7px #0009,0 0 5px #e5b94b44}
@media(prefers-reduced-motion:reduce){#hans-shop .hs-cross{transition:none}#hans-shop .hs-cross:hover,#hans-shop .hs-cross:focus-visible,#hans-shop .hs-cross:active{transform:none}}

#hans-shop .hs-item-icon{width:52px;height:52px;aspect-ratio:1;padding:0;object-fit:cover;align-self:center;background:#050b07}
@media(max-height:700px){#hans-shop .hs-item-icon{width:44px;height:44px}}

#hans-shop-tooltip{position:fixed;inset:auto;margin:0;z-index:10025;box-sizing:border-box;max-width:calc(100vw - 20px);padding:9px 13px;border:1px solid #bca16a;border-radius:5px;background:linear-gradient(135deg,#192219,#0b120e);box-shadow:inset 0 0 0 2px #060a08,0 5px 15px #000a;color:#ffe2a6;font:15px/1.35 Georgia,serif;pointer-events:none}#hans-shop-tooltip[hidden]{display:none!important}

#hans-shop .hs-heading{cursor:grab;touch-action:none;user-select:none}#hans-shop.hs-dragging .hs-heading{cursor:grabbing}#hans-shop.hs-dragging{user-select:none}

#hans-purchase{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;box-sizing:border-box;width:min(610px,94vw);max-width:610px;max-height:92vh;overflow:auto;padding:0 19px 18px;border:1px solid #bc9a51;border-radius:6px;background:linear-gradient(115deg,#40513926,transparent 38%,#06110d55),url('backpack/leather@2x.png') center top/100% calc(100% + 80px);color:#eadbb9;box-shadow:0 0 0 2px #101a12,0 0 0 3px #927343,0 18px 65px #000b,inset 0 0 0 4px #07100b77;font:16px Georgia,serif}
#hans-purchase::backdrop{background:#030a0655}#hans-purchase *{box-sizing:border-box}#hans-purchase .hs-heading{position:relative;margin:0 -19px 17px;padding:14px 45px;background:linear-gradient(#2f4033,#0d2015);border-bottom:3px double #947948;cursor:grab;touch-action:none;user-select:none;text-align:center}#hans-purchase.hs-dragging .hs-heading{cursor:grabbing}
#hans-purchase h2{margin:0;font:26px Georgia;letter-spacing:2px;color:#f3e2b8;text-shadow:0 2px 3px #000}#hans-purchase h3{margin:1px 0 12px;font:16px/1.35 Georgia;color:#f0dfb3}
#hans-purchase button{position:static;inset:auto;font:16px Georgia;color:#efdcb0;cursor:pointer;border:1px solid #a58b4b;border-radius:3px;background:linear-gradient(#41482d,#1b2d1c);box-shadow:inset 0 0 0 2px #07130c88;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
#hans-purchase button:hover{border-color:#e7c47b;background:linear-gradient(#625b34,#2b3a21)}#hans-purchase button:active{transform:translateY(1px)}#hans-purchase button:disabled{cursor:default;opacity:.4}#hans-purchase :focus-visible{outline:2px solid #e9c878;outline-offset:3px}
#hans-purchase .hs-cross{position:absolute;inset:10px 11px auto auto;width:30px;height:30px;padding:0;font-size:25px;line-height:24px}#hans-purchase .hs-cross:hover{transform:scale(1.1);box-shadow:0 0 10px #e5b94b66}
#hans-purchase .hp-product{display:grid;grid-template-columns:56px 1fr 144px;gap:11px;align-items:center;padding:13px 10px;border:1px solid #a58a4e77;background:#050e0988;box-shadow:inset 0 0 20px #0005}
#hans-purchase .hp-icon{width:56px;height:56px;padding:0;object-fit:cover;border:1px solid #a99052;border-radius:3px;background:#050b07}
#hans-purchase .hp-unit{display:flex;align-items:center;gap:6px;padding:3px 6px;background:#050b0766;border:1px solid #8b783c33;border-radius:3px;color:#f2d36f;font-size:14px}#hans-purchase .hp-unit b{font-weight:normal}#hans-purchase .hp-unit>span{margin-left:auto;color:#9da88e;font-size:12px}
#hans-purchase .hs-coin{width:24px;height:24px;object-fit:contain;flex:none}#hans-purchase .hp-unit .hs-coin{width:19px;height:19px}
#hans-purchase .hp-quantity label{display:block;text-align:center;margin-bottom:8px;font-size:14px;color:#c5b98f}#hans-purchase .hp-quantity-controls{display:grid;grid-template-columns:28px 1fr 28px;gap:5px}#hans-purchase .hp-quantity-controls button{height:31px;padding:0;font-size:20px}
#hans-purchase input{min-width:0;width:100%;height:31px;margin:0;padding:4px 5px;border:1px solid #897544;border-radius:3px;box-shadow:inset 0 2px 5px #0008;background:#09180e;color:#f6e6bf;font:16px Georgia;text-align:center;appearance:textfield;-moz-appearance:textfield}#hans-purchase input::-webkit-inner-spin-button,#hans-purchase input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#hans-purchase input[aria-invalid=true]{border-color:#db8e68}
#hans-purchase .hp-total{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:12px 0 0;padding:10px;border-top:1px solid #9d824866;border-bottom:1px solid #9d824866;color:#e8cf87}#hans-purchase .hp-total>span{margin-right:auto;color:#c5b98f}#hans-purchase output{min-width:80px;text-align:right;font-size:19px;color:#f4d777}
#hans-purchase .hp-status{min-height:19px;margin:7px 0;color:#e6aa8a;font:13px/1.4 Georgia}#hans-purchase .hp-actions{display:flex;gap:12px;justify-content:center}#hans-purchase .hp-actions button{flex:1;padding:10px 18px;max-width:230px}#hans-purchase .hp-confirm{background:linear-gradient(#5d572c,#2e3c20);border-color:#b49a51}#hans-purchase .hp-cancel{background:linear-gradient(#53452c,#2d261a)}
@media(max-width:520px){#hans-purchase .hp-product{grid-template-columns:48px 1fr}#hans-purchase .hp-icon{width:48px;height:48px}#hans-purchase .hp-quantity{grid-column:1/3;justify-self:end;width:155px}#hans-purchase h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){#hans-purchase button{transition:none}#hans-purchase .hs-cross:hover{transform:none}}

#hans-purchase .hp-total>span{margin-right:5px}
#hans-purchase .hp-total output{min-width:0;margin-left:2px}
#hans-purchase .hp-confirm:not(:disabled):hover,#hans-purchase .hp-confirm:focus-visible{color:#fff3c9;border-color:#ffe29c;background:linear-gradient(#a48936,#685020);box-shadow:inset 0 0 0 2px #5d421b88,inset 0 1px #fff1b866,0 0 15px #e6bb4960,0 4px 9px #0006;transform:translateY(-2px)}
#hans-purchase .hp-confirm:not(:disabled):active{transform:translateY(1px);background:linear-gradient(#765b20,#4c3918);box-shadow:inset 0 3px 8px #0008,0 0 6px #e6bb4933}
@media(prefers-reduced-motion:reduce){#hans-purchase .hp-confirm:not(:disabled):hover,#hans-purchase .hp-confirm:focus-visible,#hans-purchase .hp-confirm:not(:disabled):active{transform:none}}

/* Reserve the same panel and product area for populated and empty categories. */
#hans-shop{height:min(670px,94dvh);max-height:94dvh}
#hans-shop[open]{display:flex;flex-direction:column}
#hans-shop .hs-heading,#hans-shop .hs-tabs,#hans-shop .hs-status,#hans-shop .hs-bottom,#hans-shop .hs-footer{flex-shrink:0}
#hans-shop #hs-goods{flex:1 1 auto;min-height:120px;overflow:hidden}
#hans-shop .hs-grid{height:100%;grid-template-rows:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}
#hans-shop .hs-product{min-height:0;overflow:hidden}
@media(max-width:520px){#hans-shop .hs-grid{grid-template-rows:repeat(4,minmax(0,1fr))}}