.potion-active{margin:1rem 0 6rem;padding:1.1rem;border:1px solid #786446;border-radius:18px;background:#171624;color:#f8edd5;min-width:0}
.potion-active h2{font-size:1.15rem}.potion-active-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.potion-active-card{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border-radius:12px;background:#252033;border:1px solid #51415d}
.potion-active-card img{width:76px;height:76px;object-fit:contain;flex-shrink:0}.potion-active-card div{min-width:0;overflow-wrap:break-word}
.potion-active-card p{margin:6px 0}.potion-inventory-card{min-width:0}.potion-inventory-card h3{word-break:normal;overflow-wrap:break-word}
.potion-inventory-card img{object-fit:contain}.potion-inventory-card button{min-height:44px}
.potion-error{color:#ffd5c9}.potion-boost-panel{position:fixed;z-index:1400;bottom:var(--bpf-bottom-clearance,150px);right:max(12px,env(safe-area-inset-right));max-width:min(380px,calc(100vw - 24px));border:1px solid #9c8154;border-radius:14px;background:#171624;color:#fff0ce;box-shadow:0 8px 24px #0008}
.potion-boost-panel summary{display:flex;align-items:center;gap:9px;cursor:pointer;padding:8px 12px;min-height:58px;box-sizing:border-box;font-weight:700;list-style:none}.potion-boost-panel summary::-webkit-details-marker{display:none}.potion-boost-panel summary:focus-visible{outline:3px solid #f4d482;outline-offset:3px}.potion-boost-icon{width:42px;height:42px;object-fit:contain;flex:0 0 42px;filter:drop-shadow(0 0 7px #d6a85b88)}.potion-boost-summary-text{min-width:0;overflow-wrap:anywhere}
.potion-boost-panel .potion-active{margin:0;border:0;max-height:45vh;overflow:auto}
.potion-boost-panel .potion-active-grid{grid-template-columns:minmax(0,1fr)}
.potion-boost-panel[hidden]{display:none}
@media(max-width:600px){.potion-active-grid{grid-template-columns:minmax(0,1fr)}.potion-boost-panel{right:max(8px,env(safe-area-inset-right))}.potion-boost-panel summary{font-size:.85rem}}