.potion-tray{position:absolute;left:6px;bottom:54%;z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:auto;touch-action:manipulation;isolation:isolate}.potion-slot{position:relative;width:48px;height:48px;display:grid;place-items:center;border:2px solid rgba(216,224,188,.72);border-radius:12px;background:linear-gradient(180deg,rgba(28,31,24,.96),rgba(15,17,13,.96));color:#f4f0dc;box-shadow:0 5px 12px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.05);cursor:pointer;backdrop-filter:blur(3px);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.potion-slot:hover{border-color:rgba(230,238,194,.95)}.potion-slot.is-empty{opacity:.9;cursor:default;border-style:dashed;background:rgba(17,19,15,.86)}.potion-slot-index{position:absolute;top:3px;left:6px;font-size:9px;font-weight:900;opacity:.72}.potion-slot-icon{font-size:24px;line-height:1}.potion-slot.is-empty>span{font-size:12px;font-weight:900;opacity:.85}.potion-detail-panel{position:fixed;transform:translateY(-50%);z-index:2147483647!important;width:260px;pointer-events:auto;isolation:isolate}.potion-detail-card{position:relative;z-index:2147483647!important;width:100%;padding:16px 16px 14px;border:1px solid rgba(214,224,184,.65);border-radius:16px;background:linear-gradient(180deg,rgba(31,35,27,.99),rgba(15,17,13,.99));box-shadow:0 12px 30px rgba(0,0,0,.55);text-align:left;color:#f4f0dc}.potion-detail-close{position:absolute;top:6px;right:8px;width:32px;height:32px;border:0;background:transparent;color:#e7ead8;font-size:24px;cursor:pointer;touch-action:manipulation}.potion-detail-icon{font-size:34px;line-height:1;margin-bottom:8px}.potion-detail-card h3{margin:0 34px 6px 0;font-size:20px}.potion-detail-card p{margin:0 0 12px;color:#d8ddca;font-size:13px;line-height:1.45}.potion-use-button{width:100%;min-height:44px;border:1px solid #b6c373;border-radius:12px;background:rgba(154,170,93,.95);color:#11130d;font-size:16px;font-weight:900;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.potion-use-button:active{transform:translateY(1px)}@media (orientation:landscape) and (max-height:700px){.potion-tray{left:4px;bottom:52%;gap:6px}.potion-slot{width:40px;height:40px;border-radius:10px}.potion-slot-icon{font-size:21px}.potion-detail-panel{width:230px}.potion-detail-card{padding:12px 14px}.potion-detail-icon{font-size:28px;margin-bottom:5px}.potion-detail-card h3{font-size:17px}.potion-detail-card p{font-size:11px;margin-bottom:9px}.potion-use-button{min-height:36px;font-size:13px}}@media (max-width:700px) and (orientation:portrait){.potion-tray{left:2px;bottom:50%;gap:6px}.potion-slot{width:38px;height:38px;border-radius:9px}.potion-slot-icon{font-size:20px}.potion-slot-index{font-size:8px;top:2px;left:5px}.potion-detail-panel{width:min(230px,62vw)}}