#shop{width:min(1020px,96vw);max-width:1020px;height:min(690px,94dvh);max-height:94dvh;padding:0;background:#5e6398;border:2px solid #949aca;border-top:2px solid #949aca;box-shadow:0 12px 45px #0e112aaa;color:#fff;overflow:hidden}
#shop[open]{display:flex;flex-direction:column}#shop::backdrop{background:#080d2280;backdrop-filter:blur(2px)}
#shop .dialog-head{flex:none;min-height:64px;padding:12px 18px;display:flex;align-items:center;background:#353b67;border-bottom:2px solid #9298c3;gap:18px}
#shop .dialog-head h2{font-size:25px;margin:0;font-weight:800;letter-spacing:.2px;white-space:nowrap}
#shop .close{flex:none;margin-left:auto;background:#c34c60;border:2px solid #ee8998;width:40px;height:40px;font-size:26px;color:white}
#shop-wallet{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 0 auto;align-items:center;font-size:16px;font-weight:bold}#shop-wallet>span{display:flex;align-items:center;gap:6px}#shop-wallet small{font-size:13px;font-weight:400;color:#e2e4f6}#shop .shop-currency-icon{display:block;width:24px;height:24px;object-fit:contain;flex:none}
#shop-tabs{display:flex;flex-wrap:nowrap;gap:3px;margin:0;padding:8px 12px;background:#484e7c;border:0;overflow-x:auto;flex:none}
#shop-tabs button{padding:9px 13px;min-height:40px;background:#363d68;border:1px solid #8b92c0;color:#fff;white-space:nowrap;font-size:14px}
#shop-tabs button.active{background:#838bbb;border:1px solid #e4e9ff;box-shadow:inset 0 -3px 0 #d9e0ff;color:#fff}
.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;flex:1;min-height:0}
#shop-items{display:block;min-height:0;overflow-y:auto;padding:12px 16px 20px;margin:0;scrollbar-color:#c0c5e6 #4c527f;overscroll-behavior:contain}
.shop-category{margin-bottom:17px}.shop-category:last-child{margin-bottom:0}.shop-category h3{font-size:16px;margin:0 0 8px;color:#fff;font-weight:700}
.shop-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
#shop-items .shop-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:102px;padding:6px 3px 5px;background:#434b78;border:2px solid #7b84b3;color:#fff;box-shadow:inset 0 -3px 0 #333c69;cursor:pointer}
#shop-items .shop-tile:hover{background:#535e91;border-color:#c3cffa}#shop-items .shop-tile.selected{background:#707cad;border-color:#e6fdb5;box-shadow:inset 0 0 0 1px #e6fdb5}
#shop-items .shop-tile>img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(2px 3px 0 #1c254955)}
.tile-name{font-size:14px;line-height:1.15;text-align:center;font-weight:bold;min-height:16px;text-transform:none;letter-spacing:0}.tile-price{font-size:14px;display:flex;gap:5px;align-items:center;justify-content:center;color:#fff}#shop .tile-price .shop-currency-icon{width:20px;height:20px}.unaffordable .tile-price{color:#f8c1c8}.tile-quantity{position:absolute;right:3px;top:3px;background:#242c50;padding:1px 4px;font-size:12px}
#shop-preview{min-width:0;background:#444a77;border-left:2px solid #a4abd3;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 18px 18px;overflow-y:auto}
#shop-preview-image{width:156px;height:156px;object-fit:contain;filter:drop-shadow(5px 8px 0 #222c4744);margin:8px 0 10px}
#shop-item-name{font-size:22px;line-height:1.15;margin:6px 0 9px;overflow-wrap:anywhere}#shop-quantity{padding:3px 17px;background:#252c50;min-width:68px;font-size:14px;font-weight:bold}
#shop-description{font-size:14px;line-height:1.5;color:#e7e8f5;margin:18px 0 12px}#shop-ownership{font-size:13px;color:#dddff1;margin:auto 0 10px;padding-top:8px}
#shop-price{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;font-size:19px;font-weight:bold;margin:4px 0 12px;text-transform:capitalize}
#shop-purchase{width:100%;min-height:48px;background:#28b770;border:2px solid #7af0ac;border-bottom:4px solid #147746;font-size:17px;font-weight:800;color:white;padding:10px 6px;box-shadow:0 3px 0 #273654}
#shop-purchase:hover:not(:disabled){background:#36ce81}#shop-purchase:disabled{background:#6b708e;color:#e0e2ed;border-color:#9096b5;border-bottom-color:#424963;opacity:1;cursor:default;font-size:14px}
#shop-message{flex:none;min-height:30px;margin:0;padding:6px 18px;background:#333b63;color:#c3ffd8;font-size:14px;border-top:1px solid #8991bd}
@media(max-width:760px){#shop .dialog-head{padding:10px 12px;gap:10px}#shop .dialog-head h2{font-size:20px}#shop-wallet{gap:9px;font-size:14px}#shop-wallet small{display:none}.shop-layout{grid-template-columns:minmax(0,1fr) 210px}.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#shop-preview{padding:14px 12px}#shop-preview-image{width:120px;height:120px}#shop-item-name{font-size:20px}#shop-items{padding:10px}#shop-tabs button{padding:8px 10px}}
@media(max-width:500px){#shop{height:94dvh}.shop-layout{grid-template-columns:1fr;grid-template-rows:minmax(120px,1fr) auto}#shop-preview{border-left:0;border-top:2px solid #a4abd3;display:grid;grid-template-columns:80px 1fr;gap:5px 12px;text-align:left;align-items:center;padding:10px 14px;max-height:240px}#shop-preview-image{grid-column:1;grid-row:1/4;width:80px;height:80px;margin:0}#shop-item-name{grid-column:2;margin:0;font-size:18px}#shop-quantity{grid-column:2;justify-self:start;padding:2px 9px;font-size:12px}#shop-description{grid-column:2;margin:0;font-size:13px;line-height:1.25}#shop-ownership{grid-column:1/3;font-size:12px;margin:0;padding:0}#shop-price{grid-column:1;margin:0;font-size:16px}#shop-purchase{grid-column:2;min-height:46px;font-size:15px}#shop-items .shop-tile{min-height:94px}.shop-grid{gap:6px}#shop-message{font-size:13px;min-height:27px;padding:5px 12px}#shop-tabs{padding:6px}#shop .dialog-head{min-height:52px}#shop .close{width:34px;height:34px}}
@media(max-height:500px) and (min-width:501px){#shop .dialog-head{min-height:45px;padding:5px 12px}#shop .dialog-head h2{font-size:20px}#shop .close{width:32px;height:32px}#shop-tabs{padding:5px 10px}#shop-tabs button{min-height:32px;padding:5px 10px}.shop-layout{grid-template-columns:minmax(0,1fr) 220px}.shop-grid{grid-template-columns:repeat(6,minmax(0,1fr))}#shop-items .shop-tile{min-height:80px}#shop-items .shop-tile>img{width:38px;height:38px}#shop-preview{padding:8px 12px}#shop-preview-image{width:70px;height:70px;margin:0}#shop-item-name{font-size:18px;margin:3px 0}#shop-description{font-size:12px;line-height:1.25;margin:6px 0}#shop-quantity{font-size:12px;padding:1px 10px}#shop-ownership{font-size:12px;margin:0;padding:4px 0}#shop-price{font-size:16px;margin:4px 0}#shop-purchase{min-height:42px;padding:6px;font-size:15px}#shop-message{min-height:25px;padding:4px 12px;font-size:13px}}
@media(max-height:500px) and (min-width:501px){#shop-preview-image{width:60px;height:60px}#shop-description{line-height:1.2;max-height:30px;overflow-y:auto;flex-shrink:0}#shop-ownership{line-height:1.2;padding:2px 0}#shop-price{line-height:1.1}#shop-purchase{flex-shrink:0}}