#panel:has(.potion-shop){width:min(1040px,calc(100vw - 20px));max-width:calc(100vw - 20px);padding:0;border:1px solid #e2bd69a0;border-radius:22px;background:#0c1d28;box-shadow:0 22px 70px #0009;color:#eaf4fa}#panelContent.potion-shop-panel{padding:0;width:100%;box-sizing:border-box;max-height:86dvh;overflow-y:auto;overflow-x:hidden}.potion-shop{padding:24px;background:radial-gradient(ellipse at 15% 0,#184247 0,transparent 55%),linear-gradient(135deg,#112a34,#091723);font:14px/1.5 Tahoma,Arial,sans-serif}.potion-shop-header{display:flex;gap:16px;align-items:center;justify-content:space-between}.potion-shop-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:#f4d491}.potion-shop h2{font-size:25px;line-height:1.2;margin:6px 0;color:#ffedbd}.potion-shop-header p{margin:0;color:#b8d0d6}.potion-shop-wallet{padding:12px 18px;border:1px solid #d5b66b55;border-radius:14px;background:#0b152777;min-width:140px;flex-shrink:0}.potion-shop-wallet small{display:block;color:#b7cfd2}.potion-shop-wallet strong{display:block;font-size:21px;color:#ffdc78}.potion-shop-stock{font-size:11px;letter-spacing:.2px;color:#99c9b5;padding:10px 0;border-bottom:1px solid #f0dcaa25}.potion-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:6px 0 22px;position:relative}.potion-shelf:after{content:'';height:9px;position:absolute;bottom:9px;left:0;right:0;background:linear-gradient(#c7a368,#634329);border-radius:3px;box-shadow:0 5px 10px #0006}.potion-product{--potion:#f83c71;--glow:#e52b6233;position:relative;min-width:0;border:1px solid #acd4e02b;border-radius:17px;background:radial-gradient(ellipse at 50% 18%,var(--glow),transparent 60%),linear-gradient(#21383b88,#0c202d);padding:16px 14px 13px}.potion-product.sapphire{--potion:#28b8fa;--glow:#2c9fe43b}.potion-product.amethyst{--potion:#d070f9;--glow:#b848d838}.potion-product h3{font-size:15px;margin:10px 0 5px;color:#f8ecc8}.potion-product-copy>p{font-size:11px;color:#afc9d3;min-height:34px;margin:0 0 10px}.potion-product-meta{display:flex;justify-content:space-between;gap:8px;color:#f8cc80;font-size:11px}.potion-product-meta span+span{color:#aed5e1}.potion-product-meta b{color:#fff}.potion-bottle{position:relative;height:112px;width:90px;margin:auto;filter:drop-shadow(0 8px 9px #0007);--potion:#f83c71}.potion-bottle.sapphire{--potion:#28b8fa}.potion-bottle.amethyst{--potion:#d070f9}.potion-bottle i{display:block;position:absolute;box-sizing:border-box}.potion-stop{width:28px;height:12px;left:31px;top:0;background:linear-gradient(90deg,#ad813f,#f3cf87,#855a24);border:1px solid #f5d392;border-radius:3px}.potion-neck{left:34px;top:10px;width:22px;height:27px;border:2px solid #c3eaf6a6;background:linear-gradient(90deg,#73a8c147,#fff9,#84bfcd49);border-radius:3px}.potion-glass{left:10px;top:30px;width:70px;height:77px;overflow:hidden;border:2px solid #cce9f8bf;border-radius:32px 32px 24px 24px;background:linear-gradient(105deg,#9ad8e438,transparent 35%,#ffffff2b 80%);box-shadow:inset 4px 0 5px #fff3,inset -5px 0 5px #07234155}.potion-liquid{position:absolute;bottom:0;left:0;right:0;height:72%;background:radial-gradient(ellipse at 30% 18%,#fff8,transparent 42%),linear-gradient(var(--potion),color-mix(in srgb,var(--potion),#132339 45%));border-top:2px solid #fff5;box-shadow:0 0 22px var(--potion)}.potion-glass:after{content:'';position:absolute;left:11px;top:9px;width:6px;height:43px;border-radius:50%;background:linear-gradient(#fff9,#fff1);transform:rotate(9deg)}.potion-emblem{position:absolute;left:0;right:0;top:27px;text-align:center;font-size:24px;font-style:normal;color:#ffffdc;text-shadow:0 1px 5px #092439;border-radius:50%}.potion-bottle.tall .potion-glass{left:21px;top:26px;width:48px;height:83px;border-radius:12px 12px 16px 16px}.potion-bottle.tall .potion-emblem{top:34px}.potion-bottle.diamond .potion-glass{left:12px;top:31px;width:66px;height:77px;clip-path:polygon(25% 0,75% 0,100% 32%,75% 100%,25% 100%,0 32%);border-radius:0}.potion-order{display:grid;gap:9px;margin-top:15px}.potion-quantity{display:flex;gap:5px}.potion-shop button{font:inherit;cursor:pointer;min-height:42px;border:1px solid #9bcde33c;background:#1b3845;border-radius:9px;padding:7px 10px;color:#d6e7ed;transition:background .15s,border-color .15s}.potion-quantity button{flex:1;min-height:32px;font-size:12px}.potion-quantity button[aria-pressed=true]{color:#ffde8c;background:#665b343b;border-color:#efbf62}.potion-shop button:hover:not(:disabled){border-color:#e8d9a2;background:#2c4c59}.potion-shop .potion-buy{color:#352007;background:linear-gradient(#ffe3a1,#d6a34d);font-weight:700;border-color:#ffd88b;font-size:12px}.potion-shop button:disabled{opacity:.48;cursor:not-allowed}.potion-shop button:focus-visible{outline:2px solid #7ce4ff;outline-offset:3px}.potion-shop-services{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:13px;border-top:1px solid #b6d8df2b;padding-top:14px}.potion-shop-services section{min-width:0}.potion-shop-services h3{font-size:13px;color:#e7d8a8;margin:0 0 8px}.potion-shop-services p{font-size:10px;color:#a5c1cd;margin:0 0 9px;min-height:27px}.potion-service-buttons{display:grid;gap:6px}.potion-shop-services button{min-height:36px;font-size:11px;width:100%}.potion-receipt{margin-top:16px;padding:10px 14px;border:1px solid #5dce9c44;border-radius:12px;background:#23463940;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#9be3b9}.potion-receipt strong{color:#d4f7e2;font-weight:400}.potion-shop-footer{display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid #b6d8df22;margin-top:16px;padding-top:13px}.potion-shop-footer p{font-size:11px;color:#aecaDA;margin:0}.potion-shop-footer p[data-kind=error]{color:#ffa2a5}.potion-shop-footer p[data-kind=success]{color:#98e9b2}.potion-shop-footer button{font-size:11px;white-space:nowrap}#panel:has(.potion-shop) #closePanel{z-index:3;width:36px;min-height:36px}
@media(max-width:600px) and (orientation:portrait){.potion-shop{padding:18px 14px}.potion-shop-header{display:block;padding-right:20px}.potion-shop h2{font-size:21px}.potion-shop-header p{font-size:11px}.potion-shop-wallet{padding:8px 12px;margin-top:12px;display:flex;justify-content:space-between;align-items:center}.potion-shop-wallet strong{font-size:18px}.potion-shelf{grid-template-columns:1fr;gap:10px}.potion-product{display:grid;grid-template-columns:77px 1fr;gap:8px 11px;padding:13px}.potion-bottle{grid-row:span 2;transform:scale(.78);transform-origin:top center;width:77px;margin-top:8px}.potion-product-copy h3{margin-top:2px}.potion-product-copy>p{min-height:0}.potion-order{grid-column:2;margin-top:0}.potion-shop .potion-buy,.potion-quantity button{min-height:44px}.potion-shop-services{grid-template-columns:1fr;gap:16px}.potion-shop-services p{min-height:0}.potion-service-buttons{grid-template-columns:1fr 1fr}.potion-shop-services button{min-height:44px}.potion-receipt{display:block}.potion-receipt strong{display:block}.potion-shop-footer{align-items:flex-start}.potion-shop-footer button{min-height:44px}}
@media(max-height:550px) and (orientation:landscape){#panelContent.potion-shop-panel{max-height:92dvh}.potion-shop{padding:12px 18px}.potion-shop-header{padding-right:28px}.potion-shop h2{font-size:18px;margin:2px 0}.potion-shop-header p{display:none}.potion-shop-wallet{padding:5px 12px;min-width:120px}.potion-shop-wallet strong{font-size:17px}.potion-shop-stock{padding:5px 0;margin:5px 0;font-size:10px}.potion-shelf{gap:9px;padding-bottom:16px}.potion-product{display:grid;grid-template-columns:44px 1fr;padding:9px;gap:0 5px}.potion-bottle{grid-row:span 2;transform:scale(.48);transform-origin:top left;width:44px;height:56px;margin-top:6px}.potion-product h3{font-size:11px;margin:0 0 3px}.potion-product-copy>p{font-size:9px;min-height:0;margin-bottom:5px}.potion-product-meta{font-size:9px;gap:3px;flex-wrap:wrap}.potion-order{grid-column:1 / -1;margin-top:8px;gap:5px}.potion-quantity button{min-height:32px;padding:3px;font-size:10px}.potion-shop .potion-buy{min-height:36px;font-size:10px;padding:4px}.potion-shop-services{gap:10px;padding-top:9px}.potion-shop-services h3{font-size:11px}.potion-shop-services p{min-height:0;font-size:9px}.potion-shop-services button{font-size:9px;min-height:32px;padding:4px}.potion-shop-footer{margin-top:9px;padding-top:8px}.potion-shop-footer p{font-size:10px}.potion-shop-footer button{min-height:32px}.potion-receipt{font-size:10px;margin-top:9px}}
@media(prefers-reduced-motion:reduce){.potion-shop button{transition:none}}
.inventory-potion-controls{margin-top:20px;border-top:1px solid #cead6544;padding-top:14px}.inventory-potion-controls h3{font:700 16px Tahoma,sans-serif;color:#f3d28a;margin:0 0 12px}.inventory-potion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.inventory-potion{display:grid;gap:7px;padding:12px;border:1px solid #ea5c8866;border-radius:12px;background:linear-gradient(140deg,#4b193655,#111f32);font:12px/1.4 Tahoma,sans-serif}.inventory-potion.sapphire{border-color:#3dbdff66;background:linear-gradient(140deg,#15466c66,#111f32)}.inventory-potion.amethyst{border-color:#bf84ff66;background:linear-gradient(140deg,#51266666,#111f32)}.inventory-potion-symbol{font-size:24px;color:#ff8faa}.inventory-potion.sapphire .inventory-potion-symbol{color:#71d4ff}.inventory-potion.amethyst .inventory-potion-symbol{color:#d1a4ff}.inventory-potion strong{font-size:12px;color:#f4e6c2}.inventory-potion small{font-size:10px;color:#b6cbd8}.inventory-potion b{font-size:15px;color:#fff}.inventory-potion button{min-height:42px;cursor:pointer;padding:7px;border:1px solid #dab67677;border-radius:9px;background:linear-gradient(#efce87,#bf914c);color:#291c09;font:700 11px Tahoma,sans-serif}.inventory-potion button:disabled{opacity:.42;cursor:not-allowed}.inventory-potion button:focus-visible{outline:2px solid #73dafa;outline-offset:3px}#inventoryPotionStatus{font:12px/1.5 Tahoma,sans-serif;color:#a5d0df}#inventoryPotionStatus[data-kind=success]{color:#96e1ae}#inventoryPotionStatus[data-kind=error]{color:#ffadb5}@media(max-width:500px) and (orientation:portrait){.inventory-potion-grid{grid-template-columns:1fr}.inventory-potion{grid-template-columns:34px 1fr auto;align-items:center}.inventory-potion-symbol{grid-row:span 2}.inventory-potion small{grid-column:2}.inventory-potion b{grid-column:3;grid-row:1}.inventory-potion button{grid-column:1 / -1;min-height:44px}}@media(max-height:550px) and (orientation:landscape){.inventory-potion-controls{margin-top:12px}.inventory-potion{padding:9px;gap:4px}.inventory-potion-symbol{font-size:18px}.inventory-potion button{min-height:36px}}
#panel:has(.potion-shop){overflow:hidden}#panelContent:has(.potion-shop){overflow-x:hidden;scrollbar-gutter:stable}#panel:has(.potion-shop) #closePanel{min-width:44px;min-height:44px;z-index:20;top:8px;right:8px}