.dungeon-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;display:flex;justify-content:center;align-items:flex-start;padding-top:40px}.dungeon-overlay-right{justify-content:flex-end;align-items:stretch;padding-top:0;padding-right:0}.dungeon-overlay-right .dungeon-panel{border-radius:10px 0 0 10px;max-width:340px;min-width:280px;max-height:100vh;height:100%;animation:panelSlideRight .2s ease-out}@keyframes panelSlideRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.dungeon-panel{pointer-events:auto;background:#0c0a08eb;border:1px solid rgba(130,105,45,.4);border-radius:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 32px #0009,inset 0 1px #fff0b40d;color:#dcd2b9e6;font-family:monospace;font-size:12px;min-width:300px;max-width:420px;max-height:calc(100vh - 160px);display:flex;flex-direction:column;overflow:hidden;animation:panelSlideIn .2s ease-out}.dungeon-panel-wide{max-width:min(92vw,720px)}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media(pointer:coarse),(max-width:480px){.dungeon-panel{min-width:0;max-width:min(92vw,420px);width:92vw;max-height:calc(100vh - 96px);font-size:13px}.dungeon-overlay{padding-top:16px;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.dungeon-overlay-right .dungeon-panel{min-width:0;max-width:min(88vw,360px);width:88vw}.dp-close{width:30px;height:30px;font-size:15px}.dp-tab{padding:9px 0;font-size:11px}.dp-item-action{padding:6px 10px;font-size:11px}.dp-stat-btn{width:30px;height:30px;font-size:18px}}.dp-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(180deg,#a082321f,#0000);border-bottom:1px solid rgba(120,100,40,.2);flex-shrink:0}.dp-title{font-size:14px;font-weight:700;color:#e6c85ae6;text-shadow:0 1px 3px rgba(0,0,0,.5);flex:1}.dp-close{background:#82282899;border:1px solid rgba(200,80,80,.4);border-radius:50%;width:22px;height:22px;color:#ffa0a0e6;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1;padding:0;font-family:monospace}.dp-close:hover{background:#b43232cc;border-color:#f0646499}.dp-tabs{display:flex;gap:2px;padding:6px 10px;flex-shrink:0}.dp-tab{flex:1;padding:5px 0;text-align:center;font-size:10px;font-weight:700;font-family:monospace;cursor:pointer;border:1px solid rgba(100,85,35,.3);border-radius:4px;background:#1e190c99;color:#96824bbf;transition:all .12s}.dp-tab:hover{background:#322812b3;color:#c8af5ae6}.dp-tab.active{background:#78642880;border-color:#c8aa4699;color:#f5e696f2}.dp-body,.dp-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(120,100,40,.4) transparent}.dp-body{padding:8px 10px}.dp-body::-webkit-scrollbar,.dp-scroll::-webkit-scrollbar{width:6px}.dp-body::-webkit-scrollbar-track,.dp-scroll::-webkit-scrollbar-track{background:transparent}.dp-body::-webkit-scrollbar-thumb,.dp-scroll::-webkit-scrollbar-thumb{background:#78642866;border-radius:3px}.dp-item-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:5px;background:#231c0e66;margin-bottom:3px;cursor:pointer;transition:background .1s;border:1px solid transparent}.dp-item-row:hover{background:#3c301699;border-color:#8c732d4d}.dp-item-row.equipped{background:#50411980;border-color:#c8a53766}.dp-item-name{flex:1;color:#dcd2b4e6;font-size:11px}.dp-item-sub{color:#a0966eb3;font-size:10px}.dp-item-count{color:#a0966e99;font-size:10px;min-width:24px;text-align:right}.dp-item-action{font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;cursor:pointer;border:1px solid rgba(120,100,40,.4);background:#322812b3;color:#dcbe50d9;transition:all .12s;font-family:monospace}.dp-item-action:hover{background:#504119cc;border-color:#c8aa4199;color:#ffeb78f2}.dp-stat-row{display:flex;align-items:center;gap:6px;padding:8px;border-radius:5px;background:#14192866;margin-bottom:3px;border:1px solid rgba(60,80,140,.15)}.dp-stat-name{font-weight:700;font-size:12px;color:#96b9f0e6;min-width:36px}.dp-stat-val{font-size:14px;font-weight:700;color:#dcebffe6;min-width:28px;text-align:center}.dp-stat-bonus{font-size:10px;color:#78d278cc}.dp-stat-desc{flex:1;font-size:10px;color:#8291af99;text-align:right}.dp-stat-btn{width:22px;height:22px;border-radius:4px;border:1px solid rgba(80,140,220,.5);background:#28468c99;color:#b4d2ffe6;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;padding:0;font-family:monospace}.dp-stat-btn:hover{background:#3c64c8b3;border-color:#78b4ffb3}.dp-stat-btn:disabled{opacity:.3;cursor:default}.dp-points-badge{padding:4px 10px;text-align:center;font-size:11px;font-weight:700;color:#ffdc3ce6;background:#503c0f66;border-radius:4px;margin-bottom:8px}.dp-spell-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:5px;background:#160e2366;margin-bottom:3px;cursor:pointer;transition:background .1s;border:1px solid transparent}.dp-spell-row:hover{background:#28193c8c;border-color:#8250c84d}.dp-spell-row.active{background:#41236480;border-color:#a05ae673}.dp-spell-name{flex:1;color:#d2bef5e6;font-size:11px}.dp-spell-cost{color:#8caaf0b3;font-size:10px}.dp-spell-level{font-size:9px;padding:1px 5px;border-radius:3px;background:#643ca066;color:#c8aaffcc}.dp-spell-level.max{background:#b48c1e66;color:#ffdc50e6}.dp-equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px 0}.dp-equip-slot{padding:6px 8px;border-radius:5px;background:#231c0e66;border:1px solid rgba(80,65,30,.25);min-height:36px;cursor:pointer;transition:all .1s}.dp-equip-slot:hover{background:#372d148c;border-color:#8c732d59}.dp-equip-slot.filled{border-color:#b4963259}.dp-equip-label{font-size:8px;font-weight:700;color:#8c784680;text-transform:uppercase;letter-spacing:.5px}.dp-equip-item{font-size:11px;color:#dcc88ce6;margin-top:2px}.dp-equip-empty{font-size:10px;color:#645a4166;font-style:italic}.dp-footer{padding:6px 14px;border-top:1px solid rgba(120,100,40,.15);font-size:9px;color:#8c826466;text-align:center;flex-shrink:0}