*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#0a0c10;--bg-panel:#12151c;--bg-card:#1a1e28;--bg-hover:#242a38;--border:#2a2e3a;--border-ornate:#4a3a20;--text:#ddd5c4;--text-dim:#9a907e;--text-muted:#6a6050;--accent:#d4a832;--accent-glow:#d4a83226;--gold:#c83;--hp-green:#4aaa40;--hp-red:#c33;--xp-purple:#95c;--rarity-common:#8a8a7a;--rarity-uncommon:#4aaa40;--rarity-rare:#48c;--rarity-epic:#95c;--rarity-legendary:#c72;--rarity-historic:#d4a017;--font-heading:"Cinzel", "Georgia", serif;--font-body:"Alegreya", "Georgia", serif;--font-fantasy:"MedievalSharp", "Georgia", cursive}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text);flex-direction:column;height:100vh;display:flex}#battle-canvas{z-index:0;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui-overlay{z-index:10;pointer-events:none;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#ui-overlay>*{pointer-events:auto}#top-bar{padding:6px 16px;padding-top:max(6px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px solid var(--border-ornate);z-index:20;background:linear-gradient(#120e0aeb 0%,#0a0c10e0 100%);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;box-shadow:0 2px 12px #0006}#hero-info{align-items:center;gap:12px;font-size:13px;display:flex}#top-actions{align-items:center;gap:10px;display:flex}#top-actions h1{font-family:var(--font-heading);color:var(--accent);letter-spacing:2px;white-space:nowrap;text-shadow:0 1px 3px #0009;font-size:15px;font-weight:900}.header-btn{border:1px solid var(--border-ornate);color:var(--text-dim);font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:linear-gradient(#1a1510 0%,#12100e 100%);border-radius:3px;padding:4px 12px;font-size:11px;font-weight:700;transition:all .15s}.header-btn:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent)}.header-btn.town-btn{color:#f0c040;border-color:#f0c040}.header-btn.town-btn:hover{color:#ffd860;background:#2a2a1a;border-color:#ffd860}.header-btn.has-quests{animation:2s ease-in-out infinite quest-pulse;position:relative}.header-btn.has-quests:after{content:"!";color:#fff;background:#4c4;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 0 6px #4c49}@keyframes quest-pulse{0%,to{box-shadow:0 0 4px #4c43}50%{box-shadow:0 0 12px #44cc4480}}.header-btn.has-tp{color:#c83;border-color:#c83;animation:1.5s ease-in-out infinite tp-pulse;position:relative}.header-btn.has-tp:after{content:"!";color:#fff;background:#c83;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 0 6px #c839}@keyframes tp-pulse{0%,to{box-shadow:0 0 4px #c833}50%{color:#eea030;border-color:#eea030;box-shadow:0 0 12px #c839}}.header-btn.btn-locked{opacity:.5;position:relative}.header-btn.btn-locked:after{content:"🔒";filter:grayscale(.3);font-size:10px;position:absolute;top:-6px;right:-6px}.header-btn.btn-locked:hover{opacity:.7;cursor:not-allowed}.overlay-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-ornate);background:linear-gradient(#120e0ad9 0%,#0a0c10cc 100%);border-radius:4px;width:240px;max-height:calc(100vh - 64px);padding:10px;font-size:12px;position:absolute;top:52px;overflow-y:auto;box-shadow:0 4px 16px #0006}.overlay-left{left:10px}.overlay-right{right:10px}.overlay-panel.collapsed #combat-log{display:none}.overlay-panel.collapsed{max-height:none}.overlay-panel.collapsed #combat-log-toggle{transform:rotate(-90deg)}.slide-panel{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#0009;justify-content:center;align-items:center;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.slide-panel.open{display:flex}#panel-compendium{z-index:100}.slide-panel-box{border:2px solid var(--border-ornate);border-radius:6px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 32px #0009,inset 0 1px #d4a83214}.slide-panel-header{background:linear-gradient(180deg, #1a1510 0%, var(--bg-panel) 100%);border-bottom:2px solid var(--border-ornate);font-family:var(--font-heading);letter-spacing:2px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.slide-panel-body{background:var(--bg-panel);max-height:75vh;display:flex;overflow:hidden auto}.slide-sub-panel{max-height:75vh;padding:12px;overflow-y:auto}.inv-tabs-row{display:none}.inv-panel-equip{border-right:1px solid var(--border);flex:0 0 210px}.inv-panel-backpack{flex:1;min-width:0}.item-bottom-sheet{display:none!important}.close-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.close-btn:hover{color:var(--hp-red)}.panel-header{font-family:var(--font-heading);color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-size:12px;font-weight:700}.bar-container{border:1px solid var(--border-ornate);background:#0a0a0a;border-radius:2px;width:140px;height:16px;position:relative;overflow:hidden}.bar-fill{border-radius:1px;height:100%;transition:width .3s}.bar-label{color:#fff;text-shadow:0 1px 2px #000c;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hp-fill{background:linear-gradient(90deg,#2a7a30,#4aaa40)}.xp-fill{background:linear-gradient(90deg,#63a,#95c)}#hero-level{font-family:var(--font-heading);color:var(--accent);font-size:15px;font-weight:700}#hero-name{font-family:var(--font-heading);letter-spacing:.5px;font-weight:700}.hero-name-text,.hero-lv-text{display:inline}.hero-badge{color:#fff;cursor:pointer;border-radius:8px;margin-left:2px;padding:1px 5px;font-size:10px;font-weight:700}.set-info{color:var(--text-dim);margin-left:auto;font-size:12px}.eq-mini-slot{cursor:pointer;border:1px solid var(--border);background:var(--bg-dark);border-radius:4px;align-items:center;gap:4px;padding:3px 5px;transition:background .15s;display:flex;overflow:hidden}.eq-mini-slot:hover{background:var(--bg-hover)}.eq-mini-empty{border-style:dashed}.eq-mini-icon{flex-shrink:0;font-size:13px}.eq-mini-name{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.bag-container{background:linear-gradient(#1e1810f2,#14100afa);border:1px solid #3a3020;border-radius:6px;margin-top:8px;overflow:hidden}.bag-container.bag-full{border-color:#c44}.bag-header{background:#3c301866;border-bottom:1px solid #3a3020;justify-content:space-between;align-items:center;padding:5px 8px;font-size:11px;font-weight:700;display:flex}.bag-grid{scrollbar-width:thin;scrollbar-color:#3a3020 transparent;grid-template-columns:repeat(5,1fr);gap:2px;max-height:240px;padding:4px;display:grid;overflow-y:auto}.bag-slot{aspect-ratio:1;background:#0f0c08b3;border:1px solid #2a2218;border-radius:3px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 1px 3px #00000080}.bag-slot.empty{background:#0a080580;border-color:#1e1a14}.bag-slot.filled{cursor:pointer;transition:background .15s,box-shadow .15s}.bag-slot.filled:hover{background:#282014cc;box-shadow:inset 0 0 6px #ffc86426}.bag-slot.equip-hint{animation:2s ease-in-out infinite equip-hint-pulse}@keyframes equip-hint-pulse{0%,to{border-color:#2a2218;box-shadow:inset 0 1px 3px #00000080}50%{border-color:#c83;box-shadow:inset 0 0 6px #cc88334d,0 0 8px #c833}}@keyframes event-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.bag-icon{filter:drop-shadow(0 1px 1px #0009);font-size:16px}.bag-ilvl{color:#aaa;text-shadow:0 0 3px #000,0 0 1px #000;font-size:8px;font-weight:700;position:absolute;bottom:0;right:2px}.rarity-glow-common{border-color:#555}.rarity-glow-uncommon{border-color:var(--rarity-uncommon);box-shadow:inset 0 0 4px #1eb41e26}.rarity-glow-rare{border-color:var(--rarity-rare);box-shadow:inset 0 0 5px #3278ff33}.rarity-glow-epic{border-color:var(--rarity-epic);box-shadow:inset 0 0 6px #a03cdc40}.rarity-glow-legendary{border-color:var(--rarity-legendary);box-shadow:inset 0 0 8px #ffa0284d}.rarity-glow-historic{border-color:var(--rarity-historic);box-shadow:inset 0 0 10px #ff3c3c4d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.npc-modal{text-align:left}.npc-two-col{align-items:stretch;gap:20px;display:flex}.npc-portrait-col{aspect-ratio:3/4;border:2px solid var(--gold);border-radius:10px;flex-shrink:0;align-self:flex-start;width:190px;overflow:hidden;box-shadow:0 4px 20px #c833}.npc-portrait-col img{object-fit:cover;width:100%;height:100%;display:block}.npc-content-col{flex-direction:column;flex:1;min-width:0;display:flex}.npc-name{font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;font-size:12px}.npc-title{color:var(--gold);margin-top:4px;margin-bottom:12px;font-size:17px}.npc-body{color:var(--text-dim);flex:1;font-size:13px;line-height:1.7}.npc-dismiss-btn{cursor:pointer;width:100%;margin-top:16px;padding:10px;font-size:14px}#combat-log{font-family:var(--font-body);flex-direction:column;gap:1px;font-size:12px;line-height:1.6;display:flex}.log-entry{padding:2px 0}.log-time{color:#6e7681;margin-right:4px;font-size:.85em}.log-damage{color:var(--hp-red)}.log-kill{color:var(--accent);font-weight:600}.log-loot{font-weight:600}.log-xp{color:var(--xp-purple)}.log-level{color:var(--accent);font-weight:700}.log-floor{color:#3fb950;font-weight:700}.log-death{color:var(--hp-red);font-weight:700}.log-gold{color:var(--accent)}.log-quest{color:#c8d;font-weight:600}.log-backpack{color:#c83;font-weight:600}.log-thought{color:#abc;font-style:italic}.log-aethite{color:#6cf;font-weight:600}.log-filter-btn{color:var(--text-muted);font-size:9px;font-family:var(--font-heading);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:3px;padding:2px 8px;transition:all .15s}.log-filter-btn:hover{color:var(--text-dim);border-color:#ffffff40}.log-filter-btn.active{border-color:var(--accent);color:var(--accent);background:#ffffff14}.dungeon-header{margin-bottom:16px}.dungeon-header h2{font-family:var(--font-heading);color:var(--accent);letter-spacing:1px;margin-bottom:4px;font-size:16px}.dungeon-header .floor-info{color:var(--text-dim);font-size:13px}.enemy-display{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:16px}.enemy-name{font-family:var(--font-heading);margin-bottom:8px;font-size:14px;font-weight:700}.enemy-name.boss{color:var(--rarity-legendary);text-shadow:0 0 8px #cc77224d}.enemy-hp-bar{border:1px solid var(--border-ornate);background:#0a0a0a;border-radius:2px;height:18px;position:relative;overflow:hidden}.enemy-hp-fill{background:linear-gradient(90deg,#922,#c33);border-radius:1px;height:100%;transition:width .15s}.enemy-hp-label{color:#fff;text-shadow:0 1px 2px #000c;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.floor-nav{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.floor-btn{border:1px solid var(--border-ornate);color:var(--text);font-family:var(--font-heading);letter-spacing:1px;cursor:pointer;background:linear-gradient(#1a1510,#12100e);border-radius:3px;padding:6px 14px;font-size:12px}.floor-btn:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent)}.floor-btn.active{border-color:var(--accent);color:var(--accent)}.floor-btn:disabled{opacity:.3;cursor:default}.respawn-msg{text-align:center;color:var(--hp-red);padding:24px;font-size:16px;font-weight:700}.encounter-progress{color:var(--text-dim);margin-top:8px;font-size:12px}.dungeon-select-card{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;align-items:center;gap:10px;margin-bottom:4px;padding:8px;transition:background .15s,border-color .15s;display:flex}.dungeon-select-card.dsc-active{border-color:var(--accent);background:var(--accent-glow)}.dungeon-select-card.dsc-cleared{opacity:.5;border-color:#3fb950}.dsc-icon{font-size:20px}.dsc-name{font-family:var(--font-heading);letter-spacing:.5px;font-size:11px;font-weight:700}.dsc-detail{color:var(--text-dim);font-size:10px}.dsc-badge{margin-left:auto;font-size:14px}.paper-doll{padding:4px 0}.doll-slot-area{justify-content:center;align-items:center;gap:6px;margin-bottom:8px;display:flex}.doll-column{flex-direction:column;gap:6px;display:flex}.doll-left,.doll-right{justify-content:center}.doll-center{align-items:center}.doll-slot{border:2px solid var(--border-ornate);cursor:pointer;background:#0a0c10cc;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;transition:border-color .2s,background .2s;display:flex;position:relative}.doll-slot:hover{border-color:var(--accent);background:var(--accent-glow)}.doll-slot-icon{font-size:18px;line-height:1}.doll-slot-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-top:1px;font-size:7px}.doll-slot-ilvl{color:var(--text-dim);font-size:7px;font-weight:700;position:absolute;top:1px;right:2px}.doll-character{flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;margin:2px 0;display:flex}.doll-char-icon{font-size:28px;line-height:1}.doll-char-name{font-family:var(--font-heading);color:var(--text);margin-top:2px;font-size:9px;font-weight:700}.doll-char-level{font-family:var(--font-heading);color:var(--accent);font-size:8px}.doll-stats{border:1px solid var(--border);background:#0a0c1099;border-radius:3px;justify-content:center;gap:10px;padding:6px;display:flex}.doll-stat{text-align:center}.doll-stat-label{color:var(--text-muted);text-transform:uppercase;font-size:8px;display:block}.doll-stat-val{color:var(--text);font-size:13px;font-weight:700}.item-count-bar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sort-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:11px}.sort-btn:hover{color:var(--text)}.item-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:3px;max-height:320px;margin-bottom:8px;display:grid;overflow-y:auto}.item-cell{aspect-ratio:1;border:2px solid var(--border);cursor:pointer;background:#0a0c10cc;border-radius:3px;justify-content:center;align-items:center;min-width:0;transition:background .15s,border-color .15s;display:flex;position:relative}.item-cell:hover{background:var(--accent-glow);border-color:var(--border-ornate)}.item-cell.selected{border-color:var(--accent);background:var(--accent-glow)}.item-cell-icon{font-size:22px;line-height:1}.item-cell-ilvl{color:var(--text-dim);font-size:8px;font-weight:700;position:absolute;bottom:1px;right:3px}.upgrade-arrow{color:var(--hp-green);text-shadow:0 0 4px #3fb95080;font-size:10px;font-weight:900;position:absolute;top:1px;left:3px}.downgrade-arrow{color:var(--hp-red);font-size:10px;font-weight:900;position:absolute;top:1px;left:3px}.item-detail{background:var(--bg-card);border:1px solid var(--border-ornate);border-radius:4px;margin-top:8px;padding:12px}.detail-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.detail-icon{font-size:28px;line-height:1}.item-detail .detail-name{font-family:var(--font-heading);letter-spacing:.5px;margin-bottom:1px;font-size:13px;font-weight:700}.item-detail .detail-slot{color:var(--text-dim);text-transform:capitalize;font-size:11px}.item-detail .detail-stats{margin-bottom:6px;font-size:12px}.item-detail .detail-stats .stat-line{padding:1px 0}.stat-positive{color:var(--hp-green)}.stat-negative{color:var(--hp-red)}.item-detail .detail-flavor{color:var(--text-dim);border-top:1px solid var(--border);margin-top:6px;padding-top:6px;font-size:11px;font-style:italic}.item-detail .detail-set{color:var(--accent);margin-top:4px;font-size:11px}.item-detail .detail-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.action-btn{border:1px solid var(--border-ornate);font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border-radius:3px;padding:5px 14px;font-size:11px;font-weight:700;transition:background .15s,border-color .15s}.btn-equip{color:#fff;background:#1f6feb;border-color:#1f6feb}.btn-equip:hover{background:#388bfd}.btn-unequip{background:var(--bg-card);color:var(--text)}.btn-unequip:hover{background:var(--bg-hover)}.btn-stash{color:#fff;background:#1a7f37;border-color:#1a7f37}.btn-stash:hover{background:#2ea043}.btn-sacrifice{color:#fff;background:#9b59b6;border-color:#9b59b6}.btn-sacrifice:hover{background:#a96bc8}.btn-disabled{opacity:.4;pointer-events:none;cursor:default!important}.comparison{background:var(--bg-dark);border-radius:4px;margin-top:8px;padding:8px;font-size:12px}.comparison .comp-header{color:var(--text-muted);margin-bottom:4px;font-size:11px}.rarity-common{color:var(--rarity-common)}.rarity-uncommon{color:var(--rarity-uncommon)}.rarity-rare{color:var(--rarity-rare)}.rarity-epic{color:var(--rarity-epic)}.rarity-legendary{color:var(--rarity-legendary)}.rarity-historic{color:var(--rarity-historic);text-shadow:0 0 6px #d4a01766}.rarity-border-common{border-color:var(--rarity-common)!important}.rarity-border-uncommon{border-color:var(--rarity-uncommon)!important}.rarity-border-rare{border-color:var(--rarity-rare)!important}.rarity-border-epic{border-color:var(--rarity-epic)!important}.rarity-border-legendary{border-color:var(--rarity-legendary)!important}.rarity-border-historic{border-color:var(--rarity-historic)!important}.rarity-bg-epic{box-shadow:0 0 12px #bc8cff26}.rarity-bg-legendary{box-shadow:0 0 12px #f0883e33}#toast-area{pointer-events:none;z-index:100;flex-direction:column-reverse;gap:6px;display:flex;position:fixed;bottom:20px;right:16px}.loot-toast{background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--rarity-common);font-family:var(--font-body);pointer-events:auto;border-radius:3px;max-width:240px;padding:8px 14px;font-size:12px;font-weight:600}.loot-toast .toast-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px;font-weight:700}.loot-toast.toast-legendary{background:linear-gradient(135deg, #2a1800 0%, var(--bg-panel) 100%);border-color:var(--rarity-legendary);box-shadow:0 0 20px #f0883e4d}.loot-toast.toast-epic{background:linear-gradient(135deg, #1a0a2e 0%, var(--bg-panel) 100%);border-color:var(--rarity-epic);box-shadow:0 0 15px #bc8cff33}.forge-section{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:16px}.forge-section h3{color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:8px;font-size:14px}.fragment-bar{background:var(--bg-dark);border-radius:6px;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:10px;display:flex}.fragment-item{align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.fragment-dot{border-radius:2px;width:10px;height:10px}.sacrifice-slots{background:var(--bg-dark);border:2px dashed var(--border);border-radius:6px;flex-wrap:wrap;gap:6px;min-height:48px;margin-bottom:12px;padding:10px;transition:border-color .2s;display:flex}.sacrifice-slots.has-items{border-color:var(--rarity-epic);border-style:solid}.sacrifice-chip{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:4px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:flex}.sacrifice-chip:hover{background:var(--hp-red);border-color:var(--hp-red)}.sacrifice-chip .chip-x{color:var(--text-muted);font-weight:700}.sacrifice-empty{color:var(--text-muted);padding:4px;font-size:12px;font-style:italic}.forge-btn-wrap{text-align:center;margin:12px 0}.forge-big-btn{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:3px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#5a2d8c,#7c3aed);border:2px solid #84a;border-radius:3px;padding:12px 40px;font-size:14px;font-weight:900;transition:transform .1s,box-shadow .2s;box-shadow:0 4px 15px #642d8c4d}.forge-big-btn:hover{transform:scale(1.03);box-shadow:0 6px 25px #9b59b680}.forge-big-btn:active{transform:scale(.97)}.forge-big-btn:disabled{opacity:.3;cursor:default;box-shadow:none;transform:none}.forge-result{text-align:center;border-radius:8px;margin-top:12px;padding:12px;font-weight:700;animation:.3s forgeResultIn}.forge-result.result-common{color:var(--rarity-common);background:#9ea3ab1a}.forge-result.result-uncommon{color:var(--rarity-uncommon);background:#3fb9501a}.forge-result.result-rare{color:var(--rarity-rare);background:#58a6ff1a}.forge-result.result-epic{color:var(--rarity-epic);background:#bc8cff26;box-shadow:0 0 30px #bc8cff33}.forge-result.result-legendary{color:var(--rarity-legendary);background:#f0883e26;animation:.3s forgeResultIn,1.5s infinite legendaryPulse;box-shadow:0 0 40px #f0883e4d}@keyframes forgeResultIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes legendaryPulse{0%,to{box-shadow:0 0 20px #f0883e33}50%{box-shadow:0 0 40px #f0883e66}}.screen-flash{z-index:90;pointer-events:none;animation:.6s forwards screenFlash;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes screenFlash{0%{background:#f0883e66}to{background:0 0}}.screen-flash-epic{animation:.4s forwards screenFlashEpic}@keyframes screenFlashEpic{0%{background:#bc8cff40}to{background:0 0}}.commission-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.commission-opt{background:var(--bg-dark);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:12px;transition:border-color .2s}.commission-opt:hover{border-color:var(--text-dim)}.commission-opt.selected{border-color:var(--accent);background:var(--bg-hover)}.commission-opt.disabled{opacity:.4;cursor:default}.commission-opt .opt-name{margin-bottom:2px;font-weight:600}.commission-opt .opt-sub{color:var(--text-muted);font-size:11px}.commission-cost{background:var(--bg-dark);border-radius:6px;margin-bottom:12px;padding:8px;font-size:13px}.cost-ok{color:var(--hp-green)}.cost-bad{color:var(--hp-red)}.reroll-item-display{background:var(--bg-dark);border-radius:6px;margin-bottom:12px;padding:10px;font-size:13px}.forge-item-list{flex-direction:column;gap:3px;max-height:200px;margin-bottom:12px;display:flex;overflow-y:auto}.forge-item-entry{background:var(--bg-dark);cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.forge-item-entry:hover{background:var(--bg-hover)}.forge-item-entry.in-sacrifice{border-color:var(--rarity-epic);opacity:.6}.inv-subtabs{gap:4px;margin-bottom:12px;display:flex}.inv-subtab{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;font-family:var(--font-heading);letter-spacing:.5px;color:var(--text-dim);border-radius:3px;padding:5px 14px;font-size:11px;font-weight:700;transition:all .15s}.inv-subtab:hover{color:var(--text)}.inv-subtab.active{color:var(--accent);border-color:var(--accent)}.modal-overlay{z-index:200;-webkit-overflow-scrolling:touch;background:#000000b3;justify-content:center;align-items:center;padding:20px 0;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.modal-overlay.active{display:flex}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:400px;max-width:90vw;max-height:90vh;margin:auto;padding:24px;overflow-y:auto}.modal h3{margin-bottom:12px}.modal textarea{background:var(--bg-dark);border:1px solid var(--border);width:100%;height:120px;color:var(--text);resize:vertical;border-radius:6px;padding:8px;font-family:monospace;font-size:12px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}#ability-bar{z-index:40;background:linear-gradient(#0f0f1eeb,#080812f5);border:1px solid #cc88334d;border-radius:10px;gap:8px;padding:8px 14px 18px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.ability-slot{background:#1e1e37f2;border:2px solid #555;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative}.ability-slot .ability-icon{filter:drop-shadow(0 1px 2px #00000080);font-size:24px}.ability-slot.active{background:#cc883326;border-color:#c83;box-shadow:0 0 10px #c836,inset 0 0 8px #cc88331a}.ability-slot .ability-label{color:#aaa;white-space:nowrap;text-align:center;text-shadow:0 1px 2px #000c;width:60px;font-size:9px;font-weight:600;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.ability-slot.active .ability-label{color:#c94}.ability-slot[data-tooltip]{cursor:default}.ability-slot[data-tooltip]:hover:after{content:attr(data-tooltip);border:1px solid var(--border-ornate);color:var(--text);font-size:12px;font-family:var(--font-body);white-space:nowrap;pointer-events:none;z-index:100;background:#0a0a19f2;border-radius:6px;padding:6px 10px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0009}.ability-slot.proc-slot{background:#3fb9501a;border-color:#3fb950}.ability-slot.proc-slot .ability-label{color:#3fb950}.ability-slot .proc-badge{color:#fff;background:#3fb950;border:2px solid #1a1a2e;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.ability-cd-overlay{pointer-events:none;z-index:1;border-radius:6px;position:absolute;top:0;bottom:0;left:0;right:0}.ability-cd-text{color:#fff;text-shadow:0 1px 3px #000000e6;z-index:2;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.ability-slot.on-cooldown{border-color:#333}.ability-slot.on-cooldown .ability-icon{opacity:.4}.ability-slot.on-cooldown .ability-label{color:#666}.cb-counter{color:#c83;text-shadow:0 1px 3px #000000e6;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.cb-slot .ability-icon{opacity:.3}.cb-slot.cb-ready{border-color:#c83;box-shadow:0 0 8px #cc883380}.cb-slot.cb-ready .ability-icon{opacity:1}.cb-slot.cb-ready .cb-counter{display:none}.ability-slot-flash{animation:.5s ease-out ability-flash}@keyframes ability-flash{0%{background:#ffc83233;border-color:#fc3;box-shadow:0 0 16px #ffc832e6}to{box-shadow:none;background:#1e1e37f2;border-color:#555}}#update-banner{z-index:45;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#14120cf2,#1e180ef2);border:1px solid #c93;border-radius:8px;padding:10px 24px;animation:.5s ease-out banner-slide-in,2.5s ease-in-out .5s infinite banner-pulse;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}#update-banner:hover{background:#ca33}@keyframes banner-slide-in{0%{opacity:0;bottom:0}to{opacity:1;bottom:16px}}@keyframes banner-pulse{0%,to{box-shadow:0 4px 16px #ccaa3326}50%{box-shadow:0 4px 24px #ccaa3359}}.backpack-full-pulse{animation:1.2s ease-in-out infinite bp-full-pulse}@keyframes bp-full-pulse{0%,to{text-shadow:0 0 4px #cc44444d}50%{text-shadow:0 0 12px #c44c;transform:scale(1.1)}}#buff-bar{z-index:600;pointer-events:none;gap:6px;padding:4px 8px;display:flex;position:fixed;top:42px;left:50%;transform:translate(-50%)}.buff-pill{color:#ada;font-size:11px;font-family:var(--font-body);white-space:nowrap;pointer-events:auto;background:#141823e6;border:1px solid #64c86466;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;animation:.3s ease-out buff-in;display:flex}.buff-pill.buff-ad{color:#dc8;border-color:#c8aa3266}.buff-label{font-weight:600}.buff-detail{color:#888;margin-left:2px;font-size:10px}@keyframes buff-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes bp-banner-in{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.go-explore-btn:hover{transform:scale(1.02);box-shadow:0 0 20px #4aaa5566;background:linear-gradient(135deg,#3a7a4a,#4aaa5a)!important}@keyframes go-explore-pulse{0%,to{box-shadow:0 0 8px #4aaa5533}50%{box-shadow:0 0 20px #4aaa5580}}.comp-text{color:var(--text);margin-bottom:8px;font-size:13px;line-height:1.6}.comp-tip{color:#ca3;background:#ccaa3314;border-left:3px solid #ca3;border-radius:0 6px 6px 0;margin:10px 0;padding:8px 12px;font-size:12px;line-height:1.5}.comp-lore{color:#a96;background:#ffffff05;border-left:3px solid #aa99664d;border-radius:6px;margin:10px 0;padding:10px 14px;font-size:13px;font-style:italic;line-height:1.5}.comp-list{color:var(--text);margin:6px 0 10px;padding-left:20px;font-size:12px;line-height:1.6}.comp-list li{margin-bottom:4px}.comp-table{border-collapse:collapse;width:100%;margin:8px 0 12px;font-size:12px}.comp-table th{text-align:left;color:var(--accent);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;background:#ffffff0a;padding:6px 8px;font-size:11px}.comp-table td{color:var(--text-dim);border-bottom:1px solid #ffffff08;padding:5px 8px}.comp-table tr:hover td{background:#ffffff05}.comp-link{color:#ca3;cursor:pointer;text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.comp-link:hover{color:#ed6;text-decoration-style:solid}.comp-nav-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:4px;padding:5px 12px;font-size:11px}.comp-nav-btn:hover{color:var(--text);background:#ffffff14}.comp-related-btn{color:#ca3;cursor:pointer;background:#ccaa330f;border:1px solid #ca33;border-radius:12px;padding:4px 10px;font-size:11px}.comp-related-btn:hover{background:#ccaa3326}.comp-cat-card{border:1px solid var(--border);cursor:pointer;background:#ffffff05;border-radius:6px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;display:flex}.comp-cat-card:hover{border-color:var(--accent);background:#ffffff0d}.comp-entry-card{cursor:pointer;border:1px solid #ffffff0a;border-radius:5px;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px;display:flex}.comp-entry-card:hover{border-color:var(--border);background:#ffffff0a}#combat-hud{z-index:800;pointer-events:none;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}#combat-hud-inner{border:1px solid var(--border-ornate);background:#0a0a14eb;border-radius:10px;align-items:center;gap:16px;min-width:380px;padding:12px 20px;display:flex;box-shadow:0 4px 20px #0009}#combat-hud-enemy,#combat-hud-hero{flex:1;min-width:140px}#combat-hud-enemy-name{font-family:var(--font-heading);color:var(--hp-red);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:700;overflow:hidden}#combat-hud-hero-name{font-family:var(--font-heading);color:var(--hp-green);text-align:right;white-space:nowrap;margin-bottom:4px;font-size:14px;font-weight:700}#combat-hud-vs{font-family:var(--font-heading);color:var(--text-muted);letter-spacing:2px;flex-shrink:0;font-size:11px}.combat-hud-bar-wrap{background:#ffffff14;border-radius:5px;height:10px;overflow:hidden}.combat-hud-bar{border-radius:5px;height:100%;transition:width .2s}.combat-hud-bar.enemy-bar{background:var(--hp-red)}.combat-hud-bar.hero-bar{background:var(--hp-green)}.combat-hud-hp-text{color:var(--text-muted);margin-top:2px;font-size:10px}#combat-hud-hero .combat-hud-hp-text{text-align:right}#thought-bubble{border:1px solid var(--border-ornate);min-width:240px;max-width:600px;font-family:var(--font-fantasy);color:var(--text);letter-spacing:.3px;text-align:center;z-index:30;pointer-events:none;opacity:0;background:linear-gradient(135deg,#1e1a12f5 0%,#16140ef0 100%);border-radius:12px;padding:12px 20px;font-size:15px;line-height:1.6;position:fixed;top:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080,inset 0 1px #d4a83214}#thought-bubble #thought-text{z-index:1;position:relative}.thought-nub,.thought-nub-inner{display:none}.thought-nub-inner-UNUSED{border:1px solid var(--border-ornate);border-radius:50%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-ornate);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.item-tooltip{z-index:10000;background:var(--bg-panel);border:1px solid var(--border-ornate);pointer-events:none;width:300px;font-family:var(--font-body);color:var(--text);border-radius:8px;padding:14px 16px;font-size:14px;line-height:1.5;display:none;position:fixed;box-shadow:0 6px 24px #000000b3}.item-tooltip .tip-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.item-tooltip .tip-header .rarity-common,.item-tooltip .tip-header .rarity-uncommon,.item-tooltip .tip-header .rarity-rare,.item-tooltip .tip-header .rarity-epic,.item-tooltip .tip-header .rarity-legendary,.item-tooltip .tip-header .rarity-historic{font-size:15px;font-weight:700;font-family:var(--font-heading)}.item-tooltip .tip-icon{font-size:26px}.item-tooltip .tip-slot{color:var(--text-dim);margin-top:2px;font-size:12px}.item-tooltip .tip-stats{margin:6px 0;font-size:14px;font-weight:600;line-height:1.6}.item-tooltip .tip-set{color:var(--rarity-uncommon);margin-top:6px;font-size:13px;font-weight:600}.item-tooltip .stat-positive{color:var(--hp-green)}.item-tooltip .stat-negative{color:var(--hp-red)}#login-screen{z-index:9999;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.splash-container{text-align:center;pointer-events:all;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c12bf;border:1px solid #cc883340;border-top-color:#c836;border-radius:14px;width:420px;max-width:92vw;padding:36px 32px;box-shadow:0 12px 60px #000000b3,0 0 1px #cc88334d,inset 0 1px #ffffff0a}.splash-title{font-family:var(--font-heading);color:var(--gold);letter-spacing:4px;text-shadow:0 2px 20px #c836,0 0 60px #cc88331a;font-size:clamp(32px,7vw,46px)}.splash-subtitle{color:var(--text-muted);letter-spacing:8px;margin-top:4px;font-size:15px}.splash-tagline{color:var(--text-dim);margin-top:12px;font-size:13px;font-style:italic;line-height:1.6}.splash-play-btn{border:2px solid var(--gold);width:100%;color:var(--gold);font-family:var(--font-heading);letter-spacing:3px;cursor:pointer;text-shadow:0 1px 8px #cc88334d;background:linear-gradient(135deg,#c833,#cc88330d);border-radius:8px;margin-top:24px;padding:16px;font-size:20px;transition:all .2s;display:block}.splash-play-btn:hover{background:linear-gradient(135deg,#cc883359,#cc88331a);transform:translateY(-1px);box-shadow:0 0 30px #c833}.splash-signin{color:#555;margin-top:20px;font-size:12px}.splash-signin span{color:var(--text-muted);cursor:pointer;text-decoration:underline}.splash-signin span:hover{color:var(--text)}#splash-signin-form{flex-direction:column;gap:8px;margin-top:16px;display:flex}.login-form{flex-direction:column;gap:10px;display:flex}.login-input{width:100%;color:var(--text);font-size:14px;font-family:var(--font-body);background:#14161ee6;border:1px solid #333;border-radius:6px;outline:none;padding:12px 14px;transition:border-color .2s}.login-input:focus{border-color:var(--gold)}.login-input::placeholder{color:#555}.login-btn{cursor:pointer;width:100%;font-size:14px;font-weight:600;font-family:var(--font-body);border:none;border-radius:6px;justify-content:center;align-items:center;padding:12px;transition:background .15s,opacity .15s;display:flex}.login-btn:hover{opacity:.9}.login-btn-google{color:#333;background:#fff}.login-btn-primary{background:var(--gold);color:#111}.login-btn-secondary{color:var(--text-muted);background:0 0;border:1px solid #444}.login-btn-secondary:hover{border-color:var(--gold);color:var(--text)}.login-divider{color:#444;align-items:center;gap:12px;margin:4px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#333;flex:1;height:1px}.login-error{color:#c44;text-align:left;background:#cc323226;border:1px solid #c44;border-radius:6px;padding:8px 12px;font-size:12px}.login-guest{color:#555;margin-top:8px;font-size:12px}.login-guest span{cursor:pointer;text-decoration:underline;transition:color .15s}.login-guest span:hover{color:var(--text-muted)}.login-loading{flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.login-spinner{border:3px solid #333;border-top-color:var(--gold);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.mobile-sidebar-toggle{z-index:40;border:1px solid var(--border-ornate);width:36px;height:36px;color:var(--text-dim);cursor:pointer;pointer-events:auto;text-align:center;background:#12151ce6;border-left:none;border-radius:0 6px 6px 0;padding:0;font-size:16px;line-height:36px;display:none;position:fixed;top:56px}.mobile-toggle-left{border-radius:0 6px 6px 0;left:0}.mobile-toggle-right{border-left:1px solid var(--border-ornate);border-right:none;border-radius:6px 0 0 6px;left:auto;right:0}.mobile-sidebar-backdrop{z-index:45;pointer-events:none;background:#00000080;display:none;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-width:768px){.btn-label,#top-actions h1{display:none}#top-bar{gap:2px;padding:3px 6px}#hero-info{flex-shrink:0;gap:4px;font-size:11px}#hero-name{display:none}#hero-level{font-size:11px}.hero-name-text{display:none}.hero-badge{padding:1px 4px;font-size:9px}#hero-gold,#hero-backpack{font-size:11px!important}.set-info{display:none}#top-actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex-shrink:1;gap:3px;overflow:auto hidden}#top-actions::-webkit-scrollbar{display:none}#top-actions button,#top-actions .header-btn{flex-shrink:0;min-width:32px;padding:4px 7px;font-size:15px}.overlay-panel{z-index:50;width:240px;transition:transform .25s}.overlay-left{transform:translate(-100%);left:0!important}.overlay-right{transform:translate(100%);right:0!important}.overlay-panel.mobile-open{transform:translate(0)}.mobile-sidebar-toggle{display:block}#thought-bubble{max-width:85vw;min-width:unset;font-size:12px}.slide-panel .panel-body{max-height:80vh}.slide-panel .panel-content{padding:16px}#combat-hud{min-width:unset!important;border-radius:8px!important;width:calc(100vw - 16px)!important;padding:6px 10px!important;bottom:8px!important;left:8px!important;transform:none!important}#combat-hud-inner{gap:6px}#combat-hud-enemy-name,#combat-hud-hero-name{font-size:12px}.combat-hud-hp-text{font-size:10px}.item-tooltip{max-width:90vw;width:min(300px,90vw)!important}}#mobile-nav{display:none}@media (max-width:480px){#top-bar{padding:3px 10px;padding-top:max(3px, env(safe-area-inset-top));gap:4px}#top-actions{display:none!important}#hero-info{justify-content:space-between;gap:8px;width:100%;font-size:12px;display:flex!important}#hero-name{display:inline!important}.hero-name-text{text-overflow:ellipsis;vertical-align:middle;max-width:70px;overflow:hidden;display:inline-block!important}.hero-badge{padding:1px 4px;font-size:9px;display:inline!important}.set-info{display:none}#hero-level{font-size:11px}#hero-gold,#hero-backpack{font-size:12px!important}#mobile-nav{z-index:100;border-top:2px solid var(--border-ornate);padding:4px 6px;padding-bottom:max(4px, env(safe-area-inset-bottom));background:linear-gradient(#120e0af2 0%,#0a0c10fa 100%);justify-content:space-around;align-items:center;gap:0;position:fixed;bottom:0;left:0;right:0;display:flex!important}#mobile-nav button{color:#888;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:1px;padding:4px 8px;font-size:20px;display:flex}#mobile-nav button span{font-size:9px;font-family:var(--font-body);letter-spacing:.5px}#mobile-nav button:active{color:var(--accent)}#mobile-nav .mobile-nav-primary{color:#fff;background:linear-gradient(135deg,#2a5a3a,#3a8a4a);border-radius:20px;padding:6px 14px;font-size:18px;box-shadow:0 0 12px #4aaa554d}#mobile-nav .mobile-nav-primary:active{background:linear-gradient(135deg,#3a7a4a,#4aaa5a)}.inv-tabs-row{border-bottom:1px solid var(--border);display:flex!important}.inv-tab{text-align:center;font-family:var(--font-heading);color:var(--text-dim);cursor:pointer;letter-spacing:1px;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:13px}.inv-tab.active{color:var(--accent);border-bottom-color:var(--accent)}#panel-inventory .slide-panel-body{flex-direction:column!important}.inv-panel-equip,.inv-panel-backpack{border-right:none!important;flex:none!important;max-height:none!important;padding:8px!important}.paper-doll{transform-origin:top;margin-bottom:-30px;transform:scale(.75)}.doll-stats{font-size:12px}.doll-slot{cursor:pointer}.item-grid{grid-template-columns:repeat(5,1fr)!important;gap:5px!important}.item-cell{padding:8px!important}.item-cell-icon{font-size:20px!important}.item-detail{display:none!important}#building-panel-content{padding:10px 12px!important}#building-panel-content img[style*=object-fit\:cover]{max-height:60px!important}#building-panel-content [style*=font-style\:italic][style*=font-size\:13px],.bldg-roadmap .bldg-roadmap-list{display:none}.bldg-roadmap:not(.collapsed) .bldg-roadmap-list{display:block}.bldg-roadmap-toggle:after{content:" (tap to expand)";font-size:9px}.bldg-section .bldg-section-body{display:none}.bldg-section.open .bldg-section-body{display:block}.bldg-section-header{font-family:var(--font-heading);color:var(--accent);cursor:pointer;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.bldg-chevron{color:var(--text-muted);font-size:10px;transition:transform .2s}.bldg-section.open .bldg-chevron{transform:rotate(90deg)}#building-panel-content .floor-btn{padding:10px!important;font-size:13px!important}#building-panel-content>div[style*=border\:1px],#building-panel-content>div[style*=border-radius\:8px]{margin-bottom:10px!important;padding:10px!important}#panel-building{align-items:flex-start!important}#panel-building .slide-panel-box{border-radius:0!important;width:100vw!important;max-width:100vw!important;margin-top:0!important}#panel-building .slide-panel-body{max-height:calc(100vh - 130px)!important}.item-bottom-sheet{z-index:9000;background:var(--bg-panel);border-top:2px solid var(--border-ornate);padding:8px 16px 16px;padding-bottom:max(16px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;max-height:55vh;transition:transform .25s ease-out;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -8px 30px #0009;display:block!important}.item-bottom-sheet.open{transform:translateY(0)}.item-sheet-handle{cursor:pointer;background:#444;border-radius:2px;width:40px;height:4px;margin:0 auto 10px}.item-bottom-sheet .item-detail{background:0 0;border:none;margin:0;padding:0;display:block!important}.item-bottom-sheet .detail-stats{flex-wrap:wrap;gap:0 12px;display:flex}.item-bottom-sheet .stat-line{flex:none;min-width:45%;font-size:12px}.item-bottom-sheet .detail-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.item-bottom-sheet .action-btn{flex:1;min-width:70px;padding:10px;font-size:13px}.overlay-panel{width:85vw;max-height:calc(100vh - 96px);top:36px}.mobile-sidebar-toggle{top:40px}#ability-bar{gap:4px!important;bottom:64px!important}.ability-slot{width:32px!important;height:32px!important;font-size:14px!important}.slide-panel .panel-body{max-height:calc(100vh - 100px);padding:12px}.slide-panel .panel-header{padding:10px 14px;font-size:14px}.panel-close{font-size:18px}.bag-grid{grid-template-columns:repeat(4,1fr)!important}#thought-bubble{max-width:90vw;min-width:unset;padding:8px 14px;font-size:11px;top:40px}.login-card{padding:24px 16px}.archetype-grid{flex-direction:column;gap:12px}.archetype-card{min-width:unset;width:100%}.archetype-portrait{max-height:120px}.floor-btn{min-height:40px}#dungeon-event-popup{padding-bottom:60px}.toast-container{bottom:70px!important;right:50%!important;transform:translate(50%)!important}}@media (max-height:500px) and (orientation:landscape){#top-bar{min-height:unset;gap:2px;padding:2px 6px}#top-actions button,#top-actions .header-btn{min-width:28px;padding:2px 6px;font-size:14px}#hero-info{gap:3px;font-size:10px}#hero-level{font-size:10px}#hero-gold{font-size:10px!important}#thought-bubble{max-width:50vw;padding:6px 12px;font-size:11px;top:36px}#combat-hud{padding:4px 8px!important;bottom:4px!important}#combat-hud-enemy-name,#combat-hud-hero-name{font-size:10px}.combat-hud-hp-text{font-size:8px}#combat-hud-vs{font-size:9px}#ability-bar{bottom:48px!important}.ability-slot{width:30px!important;height:30px!important;font-size:13px!important}.overlay-panel{max-height:calc(100vh - 36px);top:32px}.mobile-sidebar-toggle{width:30px;height:30px;font-size:14px;line-height:30px;top:34px}.slide-panel .panel-body{max-height:90vh}}