:root{--bg:#0d0a12;--panel:#1a1423;--panel-border:#6b5f78;--accent:#f2c14e;--text:#f2ede1;--text-dim:#a99bb5;--hp:#e06b6b;--mp:#6ba7e0;--heal:#6bff8e;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);overscroll-behavior:none;width:100%;height:100%;color:var(--text);-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:VT323,monospace;overflow:hidden}#app{width:100%;height:100%;position:relative}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root{pointer-events:none;position:absolute;inset:0}.screen{position:absolute;inset:0}.pixel-title{color:var(--accent);text-shadow:3px 3px #000;font-family:"Press Start 2P",monospace}.btn{pointer-events:auto;cursor:pointer;color:var(--text);border:2px solid var(--panel-border);background:#3a2e4a;border-radius:4px;padding:8px 20px;font-family:VT323,monospace;font-size:22px;transition:color .1s,border-color .1s,background .1s}.btn:hover,.btn.active{color:var(--accent);border-color:var(--accent)}.btn.disabled{color:#5a5164;cursor:default;pointer-events:none}.btn.primary{border-color:var(--accent);color:var(--accent);background:#4a3a63}.panel{pointer-events:auto;border:1px solid var(--panel-border);background:#1a1423d9;border-radius:6px}.stack{flex-direction:column;gap:10px;display:flex}.row{flex-direction:row;gap:10px;display:flex}.center{justify-content:center;align-items:center}.main-menu{width:100%;height:100%;padding:calc(28px + var(--safe-t)) var(--safe-r) calc(22px + var(--safe-b)) var(--safe-l);flex-direction:column;justify-content:space-between;align-items:center;display:flex}.main-menu .top-bar{text-align:center;padding-top:12px}.main-menu .title-logo{letter-spacing:4px;color:var(--accent);background:linear-gradient(#fbe8a6 0%,#f2c14e 45%,#b9822b 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 18px #f2c14e73,0 0 40px #7a4fb359,0 3px #0009;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-family:Cinzel Decorative,"Press Start 2P",serif;font-size:clamp(34px,7vw,68px);font-weight:900;animation:4.5s ease-in-out infinite title-logo-breathe}@keyframes title-logo-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}.main-menu .menu-secret-toast{max-width:min(90vw,480px);min-height:0;max-height:0;color:var(--accent);text-align:center;opacity:0;margin:8px auto 0;font-size:14px;font-style:italic;transition:opacity .3s;overflow:hidden}.main-menu .menu-secret-toast.visible{opacity:1;max-height:60px;padding-top:4px}.main-menu .subtitle{letter-spacing:.5px;color:var(--text-dim);text-shadow:0 1px 4px #000c;font-family:Cinzel,serif;font-size:18px;font-style:italic}.main-menu .bottom-bar{background:linear-gradient(#0d0a1200,#0d0a12d9);flex-direction:column;align-items:center;gap:14px;width:100%;padding:16px 0 8px;display:flex}.main-menu .hint{color:var(--text-dim);font-size:16px}.main-menu .settings-toggle{top:calc(16px + var(--safe-t));right:calc(16px + var(--safe-r));border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:18px;display:flex;position:absolute}.save-slots{flex-direction:column;gap:10px;width:min(92vw,480px);display:flex}.save-slot{pointer-events:auto;border:1px solid var(--panel-border);background:#1a1423d9;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.save-slot .slot-info{flex:1;min-width:140px;font-size:18px}.save-slot.empty .slot-info{color:var(--text-dim)}.btn.danger{border-color:var(--hp);color:var(--hp)}.btn.danger:hover{color:var(--text);background:var(--hp)}.save-slot .slot-tools{flex-wrap:wrap;justify-content:flex-end;gap:8px;width:100%;display:flex}.dialog-backdrop{z-index:100;pointer-events:auto;background:#08050eb3;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.dialog{text-align:center;max-width:min(440px,92vw);padding:22px 26px}.dialog h2{color:var(--accent);margin:0 0 10px}.dialog p{margin:0 0 18px;font-size:18px;line-height:1.4}.dialog-actions{flex-wrap:wrap;justify-content:center}.char-select{width:100%;height:100%;padding:calc(16px + var(--safe-t)) calc(20px + var(--safe-r)) 0 calc(20px + var(--safe-l));flex-direction:column;justify-content:space-between;align-items:center;display:flex}.char-select .top-bar{flex-direction:column;align-items:center;gap:10px;display:flex}.char-select h1{margin:4px 0;font-size:clamp(22px,4vw,32px)}.class-cards{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.class-card{pointer-events:auto;cursor:pointer;text-align:center;border:2px solid var(--panel-border);background:#2a2038cc;border-radius:6px;width:100px;padding:8px}.class-card.selected{border-color:var(--accent)}.class-card .preview{background:radial-gradient(circle at 50% 30%,#2a2038,#150f1e);border-radius:4px;width:100%;height:76px;margin-bottom:6px;overflow:hidden}.class-card .name{font-size:16px}.char-select .bottom-bar{background:linear-gradient(#0d0a1200,#0d0a12e6);flex-direction:column;align-items:center;gap:10px;width:100%;padding:14px 0 16px;display:flex}.char-details{text-align:center;max-width:640px;padding:10px 20px;font-size:18px}.char-details .desc{color:var(--text-dim);margin-bottom:6px}.char-details .stats{color:var(--text);white-space:pre-line;margin-bottom:6px}.char-details .skills{color:#8ec9e0;font-size:16px}.char-details .mechanic{color:var(--accent);margin-top:6px;font-size:15px}.char-select .nav-row{justify-content:space-between;width:100%;padding:4px 20px 0;display:flex}.hud-panel{top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));min-width:170px;padding:8px 12px;font-size:18px;line-height:1.3;position:absolute}.hud-panel .name-line{color:var(--accent);font-size:16px}.hud-hp{color:var(--hp)}.hud-mp{color:var(--mp)}.hud-clock{color:var(--text-dim);font-size:15px}.hud-hint{top:calc(156px + var(--safe-t));right:calc(10px + var(--safe-r));color:var(--text-dim);font-size:14px;position:absolute}.xp-bar{left:0;right:0;bottom:var(--safe-b);pointer-events:none;background:#0a080e8c;height:5px;position:absolute}.xp-bar-fill{background:linear-gradient(90deg, #7fd0e0, var(--accent));width:0%;height:100%;transition:width .25s ease-out;box-shadow:0 0 6px #f2c14e99}.minimap-canvas{top:calc(8px + var(--safe-t));right:calc(10px + var(--safe-r));border:1px solid var(--panel-border);pointer-events:auto;cursor:pointer;touch-action:manipulation;background:#1a1423b3;border-radius:4px;width:140px;height:140px;transition:width .22s,height .22s,top .22s,left .22s,right .22s,border-radius .22s;position:absolute}.minimap-canvas.expanded{z-index:16;border-width:2px;border-radius:8px;width:min(82vw,78vh,460px);height:min(82vw,78vh,460px);top:50%;left:50%;right:auto;transform:translate(-50%,-50%);box-shadow:0 10px 36px #0009}.minimap-expand-btn{top:calc(8px + var(--safe-t) + 3px);right:calc(10px + var(--safe-r) + 3px);border:1px solid var(--panel-border);pointer-events:auto;cursor:pointer;touch-action:manipulation;background:#1a1423d9;border-radius:3px;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;line-height:1;display:flex;position:absolute}.minimap-expand-btn.hidden-while-expanded{display:none}.worldmap-open-btn{top:calc(8px + var(--safe-t) + 3px);right:calc(10px + var(--safe-r) + 140px - 3px - 20px);width:20px;height:20px;color:var(--text);border:1px solid var(--panel-border);pointer-events:auto;cursor:pointer;touch-action:manipulation;background:#1a1423d9;border-radius:3px;justify-content:center;align-items:center;display:flex;position:absolute}.worldmap-open-btn:hover{color:var(--accent);border-color:var(--accent)}.worldmap-open-btn .worldmap-globe-icon{width:14px;height:14px;display:block}.worldmap-open-btn.hidden-while-expanded{display:none}.minimap-backdrop{z-index:15;pointer-events:auto;background:#0a080eb8;display:none;position:fixed;inset:0}.minimap-backdrop.visible{display:block}.minimap-close-btn{top:calc(16px + var(--safe-t));right:calc(16px + var(--safe-r));border:1px solid var(--panel-border);pointer-events:auto;cursor:pointer;touch-action:manipulation;z-index:17;background:#1a1423d9;border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:none;position:fixed}.minimap-close-btn.visible{display:flex}.joystick{bottom:calc(22px + var(--safe-b));left:calc(22px + var(--safe-l));width:120px;height:120px;position:absolute}.joystick-base{pointer-events:auto;border:1px solid var(--panel-border);touch-action:none;cursor:pointer;background:#2a20388c;border-radius:50%;position:absolute;inset:0}.joystick-knob{border:1px solid var(--accent);pointer-events:none;background:#f2c14e73;border-radius:50%;width:42px;height:42px;margin:-21px 0 0 -21px;transition:background .1s;position:absolute;top:50%;left:50%}.joystick-base:active .joystick-knob{background:#f2c14eb3}.npc-label{color:#cfe8d0;text-shadow:2px 2px #000;pointer-events:auto;cursor:pointer;margin:-10px -14px;padding:10px 14px;font-size:14px;position:absolute;transform:translate(-50%,-100%)}.quest-tracker{top:calc(118px + var(--safe-t));left:calc(8px + var(--safe-l));max-width:320px;color:var(--accent);white-space:pre-line;background:#1a1423b3;border-radius:4px;padding:6px 10px;font-size:15px;position:absolute}.quest-zone-hint{top:calc(168px + var(--safe-t));left:calc(8px + var(--safe-l));max-width:320px;color:var(--text-dim);background:#1a1423b3;border-radius:4px;padding:4px 10px;font-size:13px;font-style:italic;position:absolute}.quest-arrow{pointer-events:none;z-index:5;background:var(--accent);clip-path:polygon(50% 0%,100% 100%,50% 78%,0% 100%);filter:drop-shadow(0 0 4px #000000d9);width:26px;height:26px;animation:1.1s ease-in-out infinite quest-arrow-pulse;position:fixed}.quest-arrow.on-target{clip-path:none;border:3px solid var(--accent);filter:drop-shadow(0 0 5px #f2c14eb3);background:0 0;border-radius:50%;width:34px;height:34px}@keyframes quest-arrow-pulse{0%,to{opacity:.75}50%{opacity:1}}.quest-arrow.event-arrow{background:#ff7a45}.quest-arrow.event-arrow.on-target{filter:drop-shadow(0 0 5px #ff7a45b3);background:0 0;border-color:#ff7a45}.world-event-banner{top:calc(206px + var(--safe-t));left:calc(8px + var(--safe-l));border-left:3px solid var(--accent);pointer-events:none;background:#1a1423c7;border-radius:4px;max-width:320px;padding:5px 10px;position:absolute}.world-event-banner[data-kind=invasao]{border-left-color:#ff6b3d}.world-event-banner[data-kind=mercador]{border-left-color:#f2c14e}.world-event-banner[data-kind=arvore_corrompida]{border-left-color:#b45cff}.world-event-banner[data-kind=nevoa]{border-left-color:#9fb4c4}.wev-title{color:var(--accent);font-size:17px}.wev-detail{color:var(--text-dim);font-size:14px}.world-event-toast{top:calc(84px + var(--safe-t));text-align:center;width:max-content;max-width:min(440px,90vw);color:var(--text);border:1px solid var(--accent);text-shadow:1px 1px #000;pointer-events:none;background:#1a1423e6;border-radius:4px;padding:8px 16px;font-size:19px;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:560px){.world-event-banner{top:calc(216px + var(--safe-t));max-width:56vw;padding:3px 7px}.wev-title{font-size:14px}.wev-detail{font-size:12px}.world-event-toast{font-size:16px}}@media (max-height:480px) and (orientation:landscape){.world-event-banner{top:calc(150px + var(--safe-t))}.world-event-toast{top:calc(60px + var(--safe-t))}}.interact-prompt{border:1px solid var(--panel-border);pointer-events:auto;cursor:pointer;background:#1a1423d9;border-radius:4px;padding:6px 14px;font-size:16px;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}.menu-btn{top:calc(156px + var(--safe-t));right:calc(10px + var(--safe-r));border:1px solid var(--panel-border);pointer-events:auto;cursor:pointer;background:#1a1423b3;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:none;position:absolute}.is-touch .menu-btn{display:flex}.is-touch .hud-hint{display:none}.camera-angle-btn{top:calc(204px + var(--safe-t));right:calc(10px + var(--safe-r));border:1px solid var(--panel-border);pointer-events:auto;cursor:pointer;touch-action:manipulation;width:40px;height:40px;color:var(--text);background:#1a1423b3;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute}.camera-angle-btn svg{width:22px;height:14px;display:block}.camera-angle-btn.alt-angle{border-color:var(--accent);color:var(--accent)}.dialogue-box{bottom:calc(24px + var(--safe-b));pointer-events:auto;cursor:pointer;width:min(640px,92vw);padding:14px 20px;position:absolute;left:50%;transform:translate(-50%)}.dialogue-name{color:var(--accent);margin-bottom:4px;font-size:20px}.dialogue-line{font-size:19px;line-height:1.35}.dialogue-hint{color:var(--text-dim);text-align:right;margin-top:8px;font-size:13px}.dialogue-skip{color:var(--text-dim);border:1px solid var(--panel-border);border-radius:4px;padding:4px 10px;font-size:13px;position:absolute;top:8px;right:12px}.pause-overlay{text-align:center;min-width:280px;max-height:calc(100% - 16px - var(--safe-t) - var(--safe-b));overscroll-behavior:contain;padding:24px 32px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.pause-overlay h2{color:var(--accent);margin:0 0 14px}.pause-divider{border-top:1px solid var(--panel-border);margin:12px 0}.worldmap-overlay{z-index:20;padding:calc(8px + var(--safe-t)) calc(8px + var(--safe-r)) calc(8px + var(--safe-b)) calc(8px + var(--safe-l));pointer-events:auto;background:#0a080eb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.worldmap-panel{background:#1a1423f2;border-width:2px;border-radius:8px;flex-direction:column;width:100%;max-width:980px;max-height:740px;padding:10px 12px 8px;display:flex;box-shadow:inset 0 0 0 4px #0a080e8c,inset 0 0 0 5px #c9b48940,0 10px 36px #0009}.worldmap-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.worldmap-wordmark{letter-spacing:3px;color:var(--accent);text-shadow:1px 1px #000;opacity:.9;font-family:Cinzel Decorative,serif;font-size:15px}.worldmap-heading h2{color:var(--accent);margin:0;font-family:Cinzel,serif;font-size:28px;line-height:1}.worldmap-subtitle{color:var(--text-dim);font-size:16px;line-height:1.1}.worldmap-close-btn{border:1px solid var(--panel-border);cursor:pointer;touch-action:manipulation;background:#1a1423d9;border-radius:4px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.worldmap-close-btn:hover{color:var(--accent);border-color:var(--accent)}.worldmap-toast{min-height:0;max-height:0;color:var(--accent);text-align:center;opacity:0;flex:none;font-size:13px;transition:opacity .2s;overflow:hidden}.worldmap-toast.visible{opacity:1;max-height:30px;padding-top:4px}.worldmap-area{aspect-ratio:1536/1024;background:#0d0a12;border-radius:6px;width:100%;max-height:min(62vh,560px);margin:8px 0 6px;display:flex;position:relative;overflow:hidden}.worldmap-image-wrap{width:100%;height:100%;position:relative}.worldmap-stage{position:absolute}.worldmap-image{pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:4px;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 2px #c9b48959}.wm-pin-wrap{cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%,-50%)}.wm-dot{background:var(--wm-color,#c9b98a);border:1.5px solid #0a080ed9;border-radius:50%;width:8px;height:8px;box-shadow:0 1px 3px #0009}.wm-pin-wrap.own .wm-dot{box-shadow:0 0 0 2px #f2c14e8c}.wm-pin-label{color:var(--text-dim);text-shadow:1px 1px #000;white-space:nowrap;font-size:12px;line-height:1;display:none}.wm-pin-wrap.current{z-index:1}.wm-pin-wrap.current .wm-dot{background:#f2c14e;border-color:#1a1423;width:15px;height:15px;animation:1.1s ease-in-out infinite quest-arrow-pulse;box-shadow:0 0 8px #f2c14ee6}.wm-pin-wrap.current .wm-pin-label{color:var(--accent);font-size:14px;display:block}.worldmap-legend{color:var(--text-dim);flex-wrap:wrap;justify-content:center;gap:3px 16px;font-size:13px;line-height:1;display:flex}.wm-legend-item{align-items:center;gap:5px;display:inline-flex}.wm-dot.legend{background:#c9b98a;width:8px;height:8px;position:static}.wm-dot.legend.current{background:#f2c14e;width:11px;height:11px}@media (min-width:900px) and (min-height:640px){.worldmap-heading h2{font-size:34px}.worldmap-subtitle{font-size:19px}.worldmap-toast{font-size:15px}.wm-pin-label{font-size:13px}.wm-pin-wrap.current .wm-pin-label{font-size:16px}.worldmap-legend{font-size:15px}}@media (max-height:480px) and (orientation:landscape){.worldmap-panel{padding:6px 10px 5px}.worldmap-header{align-items:center}.worldmap-heading{flex-wrap:wrap;align-items:baseline;gap:0 12px;display:flex}.worldmap-heading h2{font-size:22px}.worldmap-subtitle{font-size:14px}.worldmap-close-btn{width:30px;height:30px}.worldmap-area{margin:4px 0}.worldmap-legend{font-size:12px}}.enemy-label{text-align:center;pointer-events:auto;cursor:pointer;font-size:16px;position:absolute;transform:translate(-50%,-100%)}.enemy-label .ename{text-shadow:2px 2px #000}.enemy-hpbar-bg{background:#1a1423;border:1px solid #000;border-radius:2px;width:60px;height:7px;margin:2px auto 0;overflow:hidden}.enemy-hpbar-fg{background:var(--hp);height:100%;transition:width .25s ease-out}.enemy-label.defeated{opacity:.35}.enemy-label.boss .ename{color:var(--accent);font-size:18px}.enemy-label.boss .enemy-hpbar-bg{width:100px}.enemy-label.rare .ename{color:#f2c14e;text-shadow:0 0 6px #f2c14ecc,2px 2px #000;font-size:18px}.enemy-label.rare .enemy-hpbar-bg{border-color:#f2c14e;width:80px}.boss-banner{top:calc(14px + var(--safe-t));text-align:center;pointer-events:none;width:min(420px,88vw);position:absolute;left:50%;transform:translate(-50%)}.boss-banner-name{color:var(--accent);text-shadow:2px 2px #000;letter-spacing:1px;margin-bottom:3px;font-size:22px}.boss-banner-hp-bg{border:2px solid var(--panel-border);background:#1a1423;border-radius:3px;width:100%;height:16px;overflow:hidden}.boss-banner-hp-fill{background:linear-gradient(90deg, #8a1f1f, var(--hp));height:100%;transition:width .25s ease-out}.boss-banner.phase-flash{animation:.9s ease-out boss-phase-pulse}@keyframes boss-phase-pulse{0%{opacity:0}15%{opacity:1}to{opacity:0}}.dungeon-portal-label{text-align:center;color:#d9c8f2;text-shadow:2px 2px #000;pointer-events:auto;cursor:pointer;margin:-10px -14px;padding:10px 14px;font-size:14px;position:absolute;transform:translate(-50%,-100%)}.dungeon-portal-label .dname{font-weight:700}.dungeon-portal-label .dlevel{color:var(--text-dim);font-size:12px}.chest-label{text-align:center;color:#f2c14e;text-shadow:2px 2px #000;pointer-events:none;font-size:13px;position:absolute;transform:translate(-50%,-100%)}.lore-label{text-align:center;color:#7fe3d0;text-shadow:2px 2px #000;pointer-events:none;font-size:13px;position:absolute;transform:translate(-50%,-100%)}.dungeon-progress{top:calc(148px + var(--safe-t));left:calc(8px + var(--safe-l));color:#d9c8f2;background:#1a1423b3;border-radius:4px;padding:5px 10px;font-size:15px;position:absolute}.dungeon-tier-picker{text-align:center;min-width:220px;max-width:90vw;padding:16px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dungeon-tier-picker .dname{color:var(--accent);margin-bottom:8px;font-weight:700}.tier-picker-row{border:1px solid var(--panel-border);cursor:pointer;border-radius:4px;margin:4px 0;padding:8px 10px}.tier-picker-row:hover{background:#f2c14e1f}.tier-picker-close{color:var(--text-dim)}.tier-picker-cap{color:var(--text-dim);margin:4px 0;font-size:12px}.dungeon-complete-overlay{text-align:center;min-width:280px;max-width:90vw;padding:22px 30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dungeon-complete-overlay h2{color:var(--accent);margin:0 0 10px}.dungeon-complete-overlay p{margin:0 0 16px;font-size:18px}.act3-choice-overlay,.act3-epilogue-overlay{text-align:center;min-width:300px;max-width:min(560px,90vw);padding:24px 32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.act3-choice-overlay h2,.act3-epilogue-overlay h2{color:var(--accent);margin:0 0 10px}.act3-choice-overlay p,.act3-epilogue-overlay p{margin:0 0 16px;font-size:18px;line-height:1.4}.quest-choice-overlay{text-align:center;z-index:40;min-width:300px;max-width:min(600px,92vw);max-height:90vh;padding:22px 26px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.quest-choice-overlay h2{color:var(--accent);margin:0 0 8px}.quest-choice-overlay p{color:var(--text-dim);margin:0 0 14px;font-size:17px;line-height:1.35}.quest-choice-option{text-align:left;padding:10px 14px}.quest-choice-label{font-size:21px}.quest-choice-summary{color:var(--text-dim);margin-top:4px;font-size:15px;line-height:1.3}.tutorial-overlay{text-align:center;z-index:50;min-width:280px;max-width:min(480px,90vw);padding:24px 30px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #0a080ea6}.tutorial-overlay h2{color:var(--accent);margin:0 0 14px}.tutorial-steps{text-align:left;margin:0 0 18px;padding-left:22px;line-height:1.5}.tutorial-steps li{margin-bottom:8px;font-size:16px}.battle-message-bar{top:calc(8px + var(--safe-t));text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:90vw;padding:6px 16px;font-size:17px;transition:border-color .1s,background .1s;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.battle-message-bar.telegraph{background:#781414d9;border-color:#f55}.battle-message-bar.boss-phase{background:#5a0c2ae6;border-color:#d24e7a}.combo-badge{top:calc(52px + var(--safe-t));color:#ffcf4e;text-shadow:2px 2px #000;pointer-events:none;font-size:22px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.combo-badge.flow{color:#ff9d3a}.combo-badge.flow.finisher{color:#fff2c4;text-shadow:2px 2px #000,0 0 12px #ff9d3a}.mech-fury{--meter-color:#ff5a2a}.mech-precision{--meter-color:#7ee07e}.mech-faith{--meter-color:#ffd86b}.mech-souls{--meter-color:#6bff8e}.mech-flow{--meter-color:#ff9d3a}.mech-overcharge{--meter-color:#6ab7ff}.mech-vow{--meter-color:#f2e6b0}.mech-marks{--meter-color:#c25bff}.hotbar>.class-meter{pointer-events:auto;cursor:help;width:220px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.class-meter-label{text-shadow:2px 2px #000;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.class-meter-name{letter-spacing:1px;color:var(--meter-color,var(--accent));font-size:15px;font-weight:700}.class-meter-value{color:var(--text);font-size:13px}.class-meter-bg{border:2px solid var(--panel-border);background:#1a1423;border-radius:3px;height:10px;position:relative;overflow:hidden}.class-meter-fill{background:var(--meter-color,var(--accent));width:0%;height:100%;transition:width .2s ease-out}.class-meter.full .class-meter-bg{border-color:var(--meter-color,var(--accent));box-shadow:0 0 8px var(--meter-color,var(--accent))}.class-meter.full .class-meter-value{color:var(--meter-color,var(--accent))}.class-meter.kind-combo .class-meter-bg:after{content:"";background:linear-gradient(90deg,#0000 calc(33.333% - 1px),#000 calc(33.333% - 1px) calc(33.333% + 1px),#0000 calc(33.333% + 1px) calc(66.667% - 1px),#000 calc(66.667% - 1px) calc(66.667% + 1px),#0000 calc(66.667% + 1px));position:absolute;inset:0}.hotbar-slot.class-ability{border-color:var(--meter-color,var(--accent));opacity:.5}.hotbar-slot.class-ability .hotbar-cost{color:var(--meter-color,var(--accent))}.hotbar-slot.class-ability.ready{opacity:1;animation:.9s ease-in-out infinite alternate class-ability-pulse}@keyframes class-ability-pulse{0%{box-shadow:0 0 3px var(--meter-color,var(--accent))}to{box-shadow:0 0 14px var(--meter-color,var(--accent)), inset 0 0 8px var(--meter-color,var(--accent))}}.hotbar{bottom:calc(150px + var(--safe-b));flex-wrap:wrap;justify-content:center;gap:8px;max-width:96vw;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hotbar-slot{pointer-events:auto;cursor:pointer;border:2px solid var(--panel-border);text-align:center;box-sizing:border-box;background:#1a1423e6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:84px;height:84px;padding:4px;display:flex;position:relative;overflow:hidden}.hotbar-slot.ultimate{border-color:var(--accent)}.hotbar-slot.block{border-color:#7fb2e0}.hotbar-slot.dodge{border-color:#e0c97f}.hotbar-name{z-index:1;font-size:13px;line-height:1.1;position:relative}.hotbar-level{color:var(--text-dim);z-index:1;font-size:11px;position:relative}.hotbar-cost{color:var(--mp);z-index:1;font-size:11px;position:relative}.hotbar-slot .cd-fill{z-index:0;background:#000000b8;height:0%;transition:height 80ms linear;position:absolute;bottom:0;left:0;right:0}.hotbar-slot.no-mana{border-color:var(--mp);opacity:.6}.item-hotbar{right:calc(12px + var(--safe-r));bottom:calc(150px + var(--safe-b));flex-direction:column-reverse;gap:8px;display:flex;position:absolute}.item-hotbar .hotbar-slot.item{border-color:#4caf50;width:60px;height:60px}.item-hotbar .hotbar-slot.item .hotbar-name{font-size:11px}.hotbar-slot.depleted{opacity:.35;pointer-events:none}.floating-text{text-shadow:2px 2px #000;pointer-events:none;font-size:22px;font-weight:700;transition:transform .7s ease-out,opacity .7s ease-out;position:absolute;transform:translate(-50%,-50%)}@media (max-width:560px){.minimap-canvas{width:110px;height:110px}.worldmap-open-btn{right:calc(10px + var(--safe-r) + 110px - 3px - 20px)}.hud-hint,.menu-btn{top:calc(126px + var(--safe-t))}.camera-angle-btn{top:calc(174px + var(--safe-t))}.hud-panel{min-width:0;max-width:60vw}.quest-tracker{max-width:56vw;padding:5px 8px;font-size:13px}.quest-zone-hint{top:calc(178px + var(--safe-t));max-width:56vw;padding:3px 6px;font-size:11px}.hotbar-slot{width:58px;height:58px;padding:2px}.hotbar-name{font-size:11px}.hotbar-level,.hotbar-cost{font-size:9px}.hotbar{bottom:calc(140px + var(--safe-b));gap:6px}.hotbar>.class-meter{width:170px;bottom:calc(100% + 6px)}.class-meter-name{font-size:13px}.class-meter-value{font-size:11px}.item-hotbar{bottom:calc(140px + var(--safe-b))}.item-hotbar .hotbar-slot.item{width:48px;height:48px}}@media (max-height:480px) and (orientation:landscape){.hud-panel{min-width:130px;padding:5px 8px;font-size:14px}.hud-panel .name-line{font-size:12px}.quest-tracker{top:calc(78px + var(--safe-t));padding:3px 6px;font-size:12px}.quest-zone-hint{top:calc(116px + var(--safe-t));padding:3px 6px;font-size:11px}.dungeon-progress{top:calc(100px + var(--safe-t));padding:3px 6px;font-size:12px}.minimap-canvas{width:90px;height:90px}.worldmap-open-btn{right:calc(10px + var(--safe-r) + 90px - 3px - 20px)}.hud-hint,.menu-btn{top:calc(104px + var(--safe-t))}.camera-angle-btn{top:calc(148px + var(--safe-t))}.joystick{width:84px;height:84px;bottom:calc(12px + var(--safe-b));left:calc(12px + var(--safe-l))}.joystick-knob{width:30px;height:30px;margin:-15px 0 0 -15px}.hotbar{bottom:calc(92px + var(--safe-b));gap:5px}.hotbar>.class-meter{width:160px;bottom:calc(100% + 4px)}.class-meter-name{font-size:12px}.class-meter-value{font-size:10px}.class-meter-bg{height:7px}.hotbar-slot{width:46px;height:46px;padding:2px}.hotbar-name{font-size:10px}.hotbar-level,.hotbar-cost{font-size:8px}.item-hotbar{bottom:calc(92px + var(--safe-b));gap:5px}.item-hotbar .hotbar-slot.item{width:38px;height:38px}}.creation-screen{width:100%;height:100%;display:flex}.creation-preview{flex:1;position:relative}.creation-preview h1{top:calc(14px + var(--safe-t));left:calc(20px + var(--safe-l));text-shadow:2px 2px #000;margin:0;font-size:clamp(18px,3vw,26px);position:absolute}.creation-panel{border-left:1px solid var(--panel-border);pointer-events:auto;background:#0d0a12eb;flex-direction:column;width:420px;max-width:48vw;height:100%;display:flex}.creation-scroll{flex:1;padding:14px 16px;overflow-y:auto}.creation-footer{border-top:1px solid var(--panel-border);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 16px;display:flex}.creation-category{margin-bottom:14px}.creation-category .cat-label{color:var(--accent);margin-bottom:5px;font-size:15px}.creation-options{flex-wrap:wrap;gap:6px;display:flex}.swatch{cursor:pointer;pointer-events:auto;border:2px solid #ffffff40;border-radius:50%;width:26px;height:26px}.swatch.selected{border-color:var(--accent);box-shadow:0 0 0 2px #f2c14e66}.choice-btn{border:1px solid var(--panel-border);cursor:pointer;color:var(--text);pointer-events:auto;background:#2a203899;border-radius:4px;padding:4px 9px;font-size:13px}.choice-btn.selected{border-color:var(--accent);color:var(--accent)}.creation-name-input{box-sizing:border-box;width:100%;margin-bottom:12px}.creation-note{opacity:.75;margin-bottom:18px;font-size:12px;line-height:1.4}.height-category .cat-label{font-size:18px}.height-btn{padding:9px 16px;font-size:15px}@media (max-width:560px) and (orientation:portrait){.creation-screen{flex-direction:column}.creation-preview{flex:none;height:42%}.creation-panel{border-left:none;border-top:1px solid var(--panel-border);width:100%;max-width:100%;height:58%}}.skilltree-screen{width:100%;height:100%;padding:calc(16px + var(--safe-t)) calc(20px + var(--safe-r)) 0 calc(20px + var(--safe-l));flex-direction:column;align-items:center;display:flex}.skilltree-screen .top-bar{text-align:center;margin-bottom:8px}.skill-points{color:var(--accent);margin-top:4px;font-size:18px}.skilltree-panel{flex:1;width:min(720px,92vw);margin-bottom:12px;padding:10px 16px;overflow-y:auto}.skill-row{border-bottom:1px solid #6b5f7866;padding:10px 0}.skill-row:last-child{border-bottom:none}.skill-row.locked{opacity:.5}.skill-row.ultimate .skill-row-name{color:var(--accent)}.skill-row-header{justify-content:space-between;font-size:18px;display:flex}.skill-row-level{color:var(--text-dim);font-size:15px}.skill-row-desc{color:var(--text-dim);margin:3px 0;font-size:14px}.skill-row-stats{color:#8ec9e0;margin-bottom:4px;font-size:14px}.btn.small{padding:4px 10px;font-size:14px}.ranking-screen{width:100%;height:100%;padding:calc(16px + var(--safe-t)) calc(20px + var(--safe-r)) 0 calc(20px + var(--safe-l));flex-direction:column;align-items:center;display:flex}.ranking-screen .top-bar{text-align:center;margin-bottom:8px}.ranking-panel{flex:1;width:min(720px,92vw);margin-bottom:12px;padding:10px 16px;overflow-y:auto}.rank-row{align-items:center;gap:12px;padding:6px 4px;font-size:15px;display:flex}.rank-row.me{color:var(--accent);background:#f2c14e26;border-radius:4px;font-size:16px}.rank-pos{width:70px;color:var(--text-dim)}.rank-row.me .rank-pos{color:var(--accent)}.rank-name{flex:1}.rank-class{width:140px;color:var(--text-dim)}.rank-score{text-align:right;width:90px}.rank-divider{border-top:1px solid var(--panel-border);margin:6px 0}.dungeon-tiers-panel{width:min(720px,92vw);margin-bottom:12px;padding:10px 16px}.dungeon-tiers-panel h2{color:var(--accent);margin:0 0 8px;font-size:17px}.dungeon-tier-row{justify-content:space-between;gap:12px;padding:5px 4px;font-size:15px;display:flex}.dungeon-tier-value{color:var(--text-dim)}.dungeon-tier-value.maxed{color:var(--accent)}.inventory-screen{width:100%;height:100%;padding:calc(16px + var(--safe-t)) calc(20px + var(--safe-r)) 0 calc(20px + var(--safe-l));flex-direction:column;align-items:center;display:flex}.inventory-screen .top-bar{text-align:center;margin-bottom:8px}.inventory-panel{flex:1;width:min(760px,92vw);margin-bottom:12px;padding:10px 18px 16px;overflow-y:auto}.inventory-panel h3{color:var(--accent);margin:10px 0 6px;font-size:18px;font-weight:400}.equip-slots{flex-wrap:wrap;gap:10px;display:flex}.equip-slot{border:1px solid var(--panel-border);background:#2a203899;border-radius:6px;flex:1;align-items:flex-start;gap:10px;min-width:200px;padding:10px;display:flex}.equip-slot.empty{opacity:.6}.equip-slot-body{flex:1;min-width:0}.slot-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:13px}.item-name{margin:2px 0;font-size:18px}.item-rarity{color:var(--text-dim);font-size:13px}.item-stats{color:#8ec9e0;margin:4px 0 6px;font-size:13px}.bag-list{flex-direction:column;gap:8px;display:flex}.bag-item{background:#2a203880;border:1px solid #6b5f7866;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.bag-item-info{flex:1}.bag-section{margin-top:10px}.bag-section:first-child{margin-top:0}.bag-slot-header{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:13px}.bag-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.bag-card{background:#2a20388c;border:1px solid #6b5f7866;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.bag-card-top{align-items:flex-start;gap:10px;display:flex}.bag-card-info{flex:1;min-width:0}.bag-card-equip{align-self:flex-end}.item-compare{margin-top:2px;font-size:12px}.item-compare.upgrade{color:var(--heal)}.item-compare.downgrade{color:var(--hp)}.item-compare.neutral{color:var(--text-dim)}.item-extras{flex-direction:column;gap:2px;margin:4px 0 6px;font-size:13px;display:flex}.item-affix{color:var(--rarity-color,#8ec9e0)}.item-passive{border-left:2px solid var(--rarity-color,var(--accent));margin:3px 0;padding-left:6px}.item-passive-name{color:var(--rarity-color,var(--accent))}.item-passive-text{color:var(--text)}.item-set{margin-top:3px}.item-set-name{color:#7fd6a8}.item-set-pieces{flex-wrap:wrap;gap:2px 10px;display:flex}.item-set-pieces .owned{color:var(--heal)}.item-set-pieces .missing,.item-set-bonus{color:var(--text-dim)}.item-set-bonus.active{color:var(--heal)}.item-icon{border:2px solid var(--panel-border);background:#0f0b14b3;border-radius:6px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:flex}.item-icon svg{width:26px;height:26px;display:block}.rarity-border{border-color:var(--rarity-color,var(--panel-border));box-shadow:0 0 0 1px var(--rarity-color,transparent) inset, 0 0 9px -1px var(--rarity-color,transparent)}.item-icon.rarity-border{color:var(--rarity-color)}.rarity-border.rarity-mythic{animation:1.8s ease-in-out infinite mythic-glow-pulse}@keyframes mythic-glow-pulse{0%,to{box-shadow:0 0 0 1px var(--rarity-color) inset, 0 0 9px -1px var(--rarity-color)}50%{box-shadow:0 0 0 1px var(--rarity-color) inset, 0 0 20px 3px var(--rarity-color)}}.questlog-screen{width:100%;height:100%;padding:calc(16px + var(--safe-t)) calc(20px + var(--safe-r)) 0 calc(20px + var(--safe-l));flex-direction:column;align-items:center;display:flex}.questlog-screen .top-bar{text-align:center;margin-bottom:8px}.questlog-panel{flex:1;width:min(720px,92vw);margin-bottom:12px;padding:10px 18px 16px;overflow-y:auto}.questlog-panel h3{color:var(--accent);margin:10px 0 6px;font-size:18px;font-weight:400}.questlog-active{border:1px solid var(--panel-border);background:#2a20388c;border-radius:8px;padding:12px 14px}.questlog-title{color:var(--accent);margin-bottom:4px;font-size:19px}.questlog-desc{color:var(--text-dim);margin-bottom:8px;font-size:14px;line-height:1.35}.questlog-objective{margin-bottom:4px;font-size:15px}.questlog-reward{color:#8ec9e0;font-size:13px}.questlog-history-row{background:#2a203880;border:1px solid #6b5f7866;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.achievements-screen{width:100%;height:100%;padding:calc(16px + var(--safe-t)) calc(20px + var(--safe-r)) 0 calc(20px + var(--safe-l));flex-direction:column;align-items:center;display:flex}.achievements-screen .top-bar{text-align:center;margin-bottom:8px}.achievements-screen .bottom-bar{padding-bottom:calc(12px + var(--safe-b))}.achv-tabs{flex-wrap:wrap;justify-content:center;gap:8px;width:min(720px,92vw);margin-bottom:8px;display:flex}.achv-tab{padding:5px 12px;font-size:18px}.achv-panel{overscroll-behavior:contain;flex:1;width:min(720px,92vw);min-height:0;margin-bottom:12px;padding:10px 18px 16px;overflow-y:auto}.achv-panel h3{color:var(--accent);margin:12px 0 6px;font-size:18px;font-weight:400}.achv-titles{color:#8ec9e0;margin-top:4px;font-size:15px}.achv-list{flex-direction:column;gap:8px;display:flex}.achv-card{background:#2a203880;border:1px solid #6b5f7866;border-radius:6px;padding:8px 12px}.achv-card.unlocked{border-color:var(--accent);background:#4a3a6373}.achv-card.locked .achv-name{color:var(--text-dim)}.achv-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.achv-name{color:var(--accent);font-size:19px}.achv-state{color:var(--text-dim);white-space:nowrap;font-size:15px}.achv-card.unlocked .achv-state{color:var(--heal)}.achv-desc{color:var(--text-dim);margin-top:2px;font-size:15px;line-height:1.3}.achv-bar{border:1px solid var(--panel-border);background:#1a1423;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.achv-bar-fill{background:var(--accent);height:100%}.achv-reward{color:#8ec9e0;margin-top:4px;font-size:14px}.codex-entry.locked{opacity:.7}.codex-swatch{border:1px solid #00000080;border-radius:2px;width:10px;height:10px;margin-right:8px;display:inline-block}.codex-detail{color:var(--text);margin-top:2px;font-size:14px}.achievement-toast{top:calc(84px + var(--safe-t));text-align:center;border:1px solid var(--accent);pointer-events:none;z-index:6;background:#1a1423eb;border-radius:6px;width:min(360px,88vw);padding:8px 14px;animation:.35s ease-out achievement-toast-in;position:absolute;left:50%;transform:translate(-50%)}.achievement-toast-label{color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;font-size:14px}.achievement-toast-name{color:var(--accent);text-shadow:2px 2px #000;font-size:22px}.achievement-toast-reward{color:#8ec9e0;font-size:15px}@keyframes achievement-toast-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.intro-screen{width:100%;height:100%;position:relative}.intro-skip{pointer-events:auto;cursor:pointer;top:calc(14px + var(--safe-t));right:calc(16px + var(--safe-r));color:var(--text-dim);z-index:2;font-size:15px;position:absolute}.intro-skip:hover{color:var(--accent)}.intro-panel{pointer-events:auto;cursor:pointer;text-align:center;width:min(720px,88vw);padding:20px 28px;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.intro-line{min-height:3.6em;font-size:clamp(18px,2.6vw,24px);line-height:1.45;transition:opacity .35s}.intro-panel .dialogue-hint{text-align:center;margin-top:10px}.intro-cta{width:-moz-fit-content;width:fit-content;margin:14px auto 0}.shop-overlay{pointer-events:auto;width:min(560px,92vw);max-height:82vh;padding:20px 24px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.shop-overlay h2{color:var(--accent);margin:0 0 4px;font-size:22px}.shop-body{margin:12px 0}.shop-section{margin-bottom:16px}.shop-section h3{color:var(--accent);margin:0 0 8px;font-size:17px;font-weight:400}.shop-row{border-bottom:1px solid #6b5f784d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.shop-row:last-child{border-bottom:none}.shop-row-info{flex:1;min-width:160px}.shop-row-actions{flex-wrap:wrap;justify-content:flex-end}.gem-swatch{vertical-align:middle;border:1px solid #fff6;border-radius:50%;width:12px;height:12px;margin-right:6px;display:inline-block}.loading-text{color:var(--text-dim);justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;inset:0}.settings-screen{width:100%;height:100%;padding:calc(16px + var(--safe-t)) calc(20px + var(--safe-r)) calc(16px + var(--safe-b)) calc(20px + var(--safe-l));flex-direction:column;align-items:center;display:flex}.settings-screen .top-bar{text-align:center;margin-bottom:8px}.settings-panel{flex:1;width:min(560px,92vw);margin-bottom:12px;padding:14px 18px;overflow-y:auto}.settings-row{border-bottom:1px solid #6b5f784d;align-items:center;gap:12px;padding:10px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-label{flex:1;min-width:140px;font-size:17px}.settings-slider{appearance:none;border:1px solid var(--panel-border);background:#3a2e4a;border-radius:3px;outline:none;flex:2;height:6px}.settings-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid #0d0a12;border-radius:50%;width:18px;height:18px}.settings-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid #0d0a12;border-radius:50%;width:18px;height:18px}.settings-slider-value{text-align:right;min-width:44px;color:var(--text-dim);font-size:15px}.settings-segmented{flex-wrap:wrap;gap:8px;display:flex}.settings-segment{padding:6px 12px;font-size:15px}.settings-hint{color:var(--text-dim);padding:10px 0 4px;font-size:13px;line-height:1.4}.settings-dev-slot:empty{display:none}.dev-panel{border-color:var(--accent);margin-top:14px;padding:12px 14px}.dev-panel h3{color:var(--accent);margin:0 0 8px;font-size:17px;font-weight:400}.dev-readout{color:var(--text-dim);margin-bottom:8px;font-size:15px}.dev-input{color:var(--text);border:1px solid var(--panel-border);background:#241c30;border-radius:4px;flex:1;padding:6px 10px;font-family:VT323,monospace;font-size:17px}.dev-input-narrow{flex:none;width:70px}.dev-status{min-height:18px;color:var(--accent);margin-top:6px;font-size:13px}.floating-text--crit{letter-spacing:.5px;text-shadow:2px 2px #000,0 0 10px #ffbe3cbf;font-size:30px}.floating-text--weak{text-shadow:2px 2px #000,0 0 8px #ff6e2899;font-size:27px}.floating-text--resist{opacity:.85;font-size:18px}.floating-text--heal{text-shadow:2px 2px #000,0 0 8px #50ff8c80}.floating-text--miss{font-size:18px;font-style:italic}.floating-text--player{font-size:20px}.floating-text--elemental.floating-text--fire,.floating-text--fire{text-shadow:2px 2px #000,0 0 8px #ff7828a6}.floating-text--ice{text-shadow:2px 2px #000,0 0 8px #78d2ffa6}.floating-text--holy{text-shadow:2px 2px #000,0 0 8px #fff096b3}.floating-text--dark{text-shadow:2px 2px #000,0 0 8px #b478ffa6}.boss-phase-pulse{pointer-events:none;z-index:14;background:radial-gradient(#78142800 35%,#9614328c 100%);animation:.9s ease-out forwards boss-phase-pulse;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.boss-phase-pulse{display:none}}.dungeon-portal-label .drecord{color:var(--accent);font-size:12px}.dungeon-briefing{width:360px;max-height:86vh;overflow-y:auto}.dungeon-briefing .briefing-record{color:var(--text-dim);margin-bottom:4px;font-size:13px}.dungeon-briefing .briefing-featured{color:#c9a6ff;margin-bottom:8px;font-size:13px}.tier-picker-row.selected{border-color:var(--accent);background:#f2c14e29}.briefing-details{text-align:left;margin:10px 0}.briefing-heading{color:#c9a6ff;margin-bottom:4px;font-weight:700}.briefing-mod{background:#8a5cf51a;border-left:3px solid #8a5cf5;margin:4px 0;padding:4px 8px}.briefing-mod.featured{border-left-color:var(--accent)}.briefing-mod .mod-name{font-weight:700}.briefing-mod .mod-desc{color:var(--text-dim);font-size:13px}.briefing-reward{color:var(--accent);margin-top:8px;font-size:14px}.dungeon-run-hud{top:calc(184px + var(--safe-t));left:calc(8px + var(--safe-l));pointer-events:auto;max-width:min(320px,60vw);position:absolute}.dungeon-run-timer{color:#d9c8f2;background:#1a1423b3;border-radius:4px;padding:3px 8px;font-size:14px;display:inline-block}.dungeon-run-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.dungeon-mod-chip{color:#e7dcff;cursor:help;background:#583496bf;border:1px solid #8a5cf5;border-radius:10px;padding:2px 7px;font-size:13px}.dungeon-mod-chip.featured{border-color:var(--accent)}.dungeon-mod-chip.blessing{background:#286e60bf;border-color:#7fe3d0}.dungeon-mod-chip.reward{color:var(--accent);border-color:var(--accent);background:#1a1423bf}.dungeon-room-label{text-align:center;text-shadow:2px 2px #000;pointer-events:none;font-size:13px;position:absolute;transform:translate(-50%,-100%)}.dungeon-room-label.shrine{color:#7fe3d0}.dungeon-room-label.trap{color:#ff8a80}.dungeon-room-overlay{text-align:center;width:380px;max-width:92vw;max-height:88vh;padding:20px 26px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.dungeon-room-overlay h2{color:#7fe3d0;margin:0 0 8px}.dungeon-room-overlay.trap h2{color:#ff8a80}.dungeon-room-overlay p{margin:0 0 14px;font-size:16px}.dungeon-room-choice .choice-hint{color:var(--text-dim);font-size:14px}.enemy-label.elite .ename{color:#c9a6ff;text-shadow:0 0 6px #8a5cf5cc,2px 2px #000;font-size:17px}@media (max-height:480px) and (orientation:landscape){.dungeon-run-hud{top:calc(128px + var(--safe-t))}.dungeon-run-timer,.dungeon-mod-chip{font-size:11px}}.workshop-notice{color:var(--accent);margin:4px 0 10px;font-size:14px}.workshop-cost{color:var(--text-dim);margin-top:2px;font-size:13px}.workshop-affix-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:2px 0;display:flex}.workshop-locked{opacity:.55}.bag-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.salvage-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}:root{--ui-scale:1}html,body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.is-touch #ui-root{-webkit-touch-callout:none}.inventory-panel,.questlog-panel,.skilltree-panel,.ranking-panel,.settings-panel,.achv-panel,.shop-overlay,.pause-overlay{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.is-touch input,.is-touch select,.is-touch textarea{font-size:max(16px,1em)}.is-touch .btn{min-height:44px}.is-touch .btn.small,.is-touch .settings-segment{justify-content:center;align-items:center;min-height:44px;display:flex}.is-touch .menu-btn,.is-touch .camera-angle-btn{width:44px;height:44px}.is-touch .tier-picker-row,.is-touch .dialogue-skip{align-items:center;min-height:44px;display:flex}.is-touch .achv-tab{min-height:44px}.is-touch .minimap-expand-btn:after,.is-touch .worldmap-open-btn:after,.is-touch .minimap-close-btn:after{content:"";position:absolute;inset:-12px}@media (max-height:480px) and (orientation:landscape){.is-touch .item-hotbar .hotbar-slot.item{width:44px;height:44px}}.hotkey-hint{color:var(--text-dim);border:1px solid var(--panel-border);vertical-align:middle;pointer-events:none;border-bottom-width:2px;border-radius:3px;margin-left:8px;padding:0 5px;font-family:VT323,monospace;font-size:.7em;line-height:1.35;display:inline-block}.is-touch .hotkey-hint{display:none}.hotbar-slot>.hotkey-hint{z-index:3;margin:0;padding:0 3px;font-size:11px;line-height:1.2;position:absolute;top:2px;left:3px}.hud-hint{white-space:pre-line;text-align:right}.hud-panel,.quest-tracker,.quest-zone-hint,.world-event-banner,.dungeon-progress,.hotbar,.item-hotbar,.interact-prompt,.battle-message-bar,.inventory-screen>.top-bar,.inventory-screen>.bottom-bar,.inventory-panel>*,.questlog-screen>.top-bar,.questlog-screen>.bottom-bar,.questlog-panel>*,.skilltree-screen>.top-bar,.skilltree-screen>.bottom-bar,.skilltree-panel>*,.ranking-screen>.top-bar,.ranking-screen>.bottom-bar,.ranking-panel>*,.settings-screen>.top-bar,.settings-screen>.bottom-bar,.settings-panel>*,.achievements-screen>.top-bar,.achievements-screen>.bottom-bar,.achv-tabs>*,.achv-panel>*,.pause-overlay>*,.shop-overlay>*,.dialogue-box>*,.item-compare-sheet>*,.item-compare-tooltip>*{zoom:var(--ui-scale)}.hotbar{max-width:calc(96vw / var(--ui-scale))}.battle-message-bar{max-width:calc(90vw / var(--ui-scale))}.cmp-badge-clickable{pointer-events:auto;cursor:pointer;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.cmp-badge-more{color:var(--text-dim)}.item-compare-tooltip{z-index:40;pointer-events:none;border-color:var(--accent);background:#120d19f5;width:300px;max-width:calc(100vw - 16px);padding:10px 12px;position:fixed;box-shadow:0 6px 22px #0009}.item-compare-backdrop{z-index:45;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));pointer-events:auto;background:#06040a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.item-compare-sheet{overscroll-behavior:contain;border-color:var(--accent);background:#16101efa;width:min(420px,100%);max-height:100%;padding:14px 16px;overflow-y:auto}.item-compare-sheet h3{color:var(--accent);margin:0 0 8px;font-size:20px;font-weight:400}.item-compare-actions{justify-content:flex-end;margin-top:12px}.cmp-body{font-size:15px;line-height:1.3}.cmp-items{align-items:center;gap:8px;display:flex}.cmp-item{flex:1;min-width:0}.cmp-caption{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:12px}.cmp-name{overflow-wrap:anywhere;font-size:17px}.cmp-name.dim,.cmp-meta{color:var(--text-dim)}.cmp-meta{font-size:13px}.cmp-arrow{color:var(--text-dim);font-size:20px}.cmp-verdict{margin:8px 0 6px;font-size:16px}.cmp-stats{gap:1px;margin-bottom:4px;display:grid}.cmp-stat{border-radius:3px;grid-template-columns:3.2em 1fr auto;gap:8px;padding:1px 4px;display:grid}.cmp-stat:nth-child(odd){background:#ffffff08}.cmp-stat-label{color:var(--text-dim)}.cmp-stat-delta{text-align:right;min-width:3em}.cmp-stat.gain .cmp-stat-delta,.cmp-line.gain,.cmp-verdict.gain{color:var(--heal)}.cmp-stat.loss .cmp-stat-delta,.cmp-line.loss,.cmp-verdict.loss{color:var(--hp)}.cmp-stat.same .cmp-stat-delta,.cmp-verdict.neutral{color:var(--text-dim)}.cmp-section{margin-top:6px}.cmp-section-title{color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-size:12px}.cmp-passive-desc{color:var(--text);padding-left:14px;font-size:13px}@media (max-width:560px){.item-compare-backdrop{align-items:flex-end;padding:0}.item-compare-sheet{width:100%;max-height:80%;padding:14px calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l));border-radius:10px 10px 0 0}}.hotbar-slot .cd-text{color:#fff;text-shadow:2px 2px #000,0 0 6px #000;z-index:2;pointer-events:none;justify-content:center;align-items:center;font-size:30px;display:flex;position:absolute;inset:0}.hotbar-slot .cd-text:empty{display:none}.hotbar-slot.on-cd .hotbar-name,.hotbar-slot.on-cd .hotbar-level,.hotbar-slot.on-cd .hotbar-cost{opacity:.4}.hotbar-slot.cd-ready{animation:.45s ease-out cd-ready-flash}@keyframes cd-ready-flash{0%{box-shadow:0 0 0 3px var(--accent), 0 0 18px var(--accent)}to{box-shadow:0 0 #0000}}.item-hotbar .hotbar-slot .cd-text{font-size:22px}@media (max-width:560px){.hotbar-slot .cd-text{font-size:22px}}@media (max-height:480px) and (orientation:landscape){.hotbar-slot .cd-text{font-size:18px}}.low-hp-vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 52%,#96080861 78%,#be0c0cb3 100%);transition:opacity .4s ease-out;position:absolute;inset:0}.low-hp-vignette.low{opacity:.75}.low-hp-vignette.critical{opacity:1;animation:.85s ease-in-out infinite alternate low-hp-pulse}@keyframes low-hp-pulse{0%{opacity:.65}to{opacity:1}}@media (prefers-reduced-motion:reduce){.low-hp-vignette.critical,.hotbar-slot.cd-ready{animation:none}}@media (max-width:560px),(max-height:480px) and (orientation:landscape){.quest-tracker.collapsible{pointer-events:auto;cursor:pointer;padding-left:22px}.quest-tracker.collapsible:before{content:"▾";color:var(--text-dim);position:absolute;top:4px;left:7px}.quest-tracker.collapsible:after{content:"";position:absolute;inset:-10px}.quest-tracker.collapsible.collapsed{white-space:nowrap;text-overflow:ellipsis;max-width:44vw;min-height:44px;padding-top:0;padding-bottom:0;line-height:44px;overflow:hidden}.quest-tracker.collapsible.collapsed:before{content:"▸";top:0}.hud-panel{max-width:calc(60vw / var(--ui-scale))}}.inventory-screen>.bottom-bar,.questlog-screen>.bottom-bar,.skilltree-screen>.bottom-bar,.ranking-screen>.bottom-bar{padding-bottom:calc(12px + var(--safe-b))}@media (max-width:560px){.inventory-screen,.questlog-screen,.skilltree-screen,.ranking-screen,.settings-screen,.achievements-screen{padding-left:calc(8px + var(--safe-l));padding-right:calc(8px + var(--safe-r))}.inventory-screen h1,.questlog-screen h1,.skilltree-screen h1,.ranking-screen h1,.settings-screen h1,.achievements-screen h1{margin:4px 0;font-size:26px}.inventory-panel,.questlog-panel,.skilltree-panel,.ranking-panel,.settings-panel,.achv-panel,.achv-tabs{width:100%}.inventory-panel,.questlog-panel,.skilltree-panel,.ranking-panel,.achv-panel{padding:8px 10px 12px}.equip-slot{flex-basis:100%;min-width:0}.bag-grid{grid-template-columns:minmax(0,1fr)}.settings-row{flex-wrap:wrap}.settings-label{flex-basis:100%;min-width:0}.item-stats,.item-extras,.item-name{overflow-wrap:anywhere}}@media (max-height:480px) and (orientation:landscape){.inventory-screen,.questlog-screen,.skilltree-screen,.ranking-screen,.settings-screen,.achievements-screen{padding-top:calc(6px + var(--safe-t))}.inventory-screen h1,.questlog-screen h1,.skilltree-screen h1,.ranking-screen h1,.settings-screen h1,.achievements-screen h1{margin:0;font-size:22px}.inventory-screen .top-bar,.questlog-screen .top-bar,.skilltree-screen .top-bar,.ranking-screen .top-bar,.settings-screen .top-bar,.achievements-screen .top-bar{margin-bottom:4px}.inventory-panel,.questlog-panel,.skilltree-panel,.ranking-panel,.settings-panel,.achv-panel{margin-bottom:6px}.inventory-screen>.bottom-bar,.questlog-screen>.bottom-bar,.skilltree-screen>.bottom-bar,.ranking-screen>.bottom-bar,.achievements-screen>.bottom-bar{padding-bottom:calc(6px + var(--safe-b))}}.btn.mount-option{flex-direction:column;gap:2px;line-height:1.25;display:flex}.btn.mount-option .mount-perk{opacity:.8;font-size:.78em;font-weight:400}.mount-hint{opacity:.85;font-size:.8em}.mount-swatch{border:1px solid #fff6;border-radius:50%;width:10px;height:10px;display:inline-block}.mount-xp{background:#ffffff1f;border-radius:3px;height:6px;overflow:hidden}.mount-xp-fill{background:linear-gradient(90deg,#7ad0ff,#ffd36b);height:100%}.mount-equipped{color:var(--accent,#e3b341);font-size:.85em}.stable-screen{padding:calc(12px + var(--safe-t)) calc(16px + var(--safe-r)) calc(8px + var(--safe-b)) calc(16px + var(--safe-l));grid-template:"top top""drag panel"1fr"bottom bottom"/1fr min(440px,46vw);gap:8px;display:grid}.stable-screen .top-bar{grid-area:top;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.stable-screen .bottom-bar{grid-area:bottom}.stable-drag{pointer-events:auto;touch-action:none;cursor:grab;grid-area:drag;min-height:160px}.stable-drag:active{cursor:grabbing}.stable-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;pointer-events:auto;flex-direction:column;grid-area:panel;gap:10px;padding:10px 14px 14px;display:flex;overflow-y:auto}.stable-tabs{gap:6px;display:flex}.stable-tab{text-align:center;cursor:pointer;background:#0000004d;border:1px solid #ffffff26;border-radius:6px;flex:1;min-height:44px;padding:10px 6px}.stable-tab.active{border-color:var(--accent);color:var(--accent);background:#e3b3411f}.stable-list{flex-direction:column;gap:4px;display:flex}.stable-item{cursor:pointer;background:#00000038;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:6px 10px;display:flex}.stable-item.selected{border-color:var(--accent);background:#e3b3411a}.stable-item.locked{opacity:.55}.stable-item-name{flex:1}.stable-item-tag{color:var(--accent);opacity:.9;font-size:.75em}.stable-detail{border-top:1px solid #ffffff1a;flex-direction:column;gap:6px;padding-top:10px;display:flex}.stable-name{color:var(--accent);margin:0;font-weight:400}.stable-sub,.stable-hint{opacity:.85;font-size:.85em}.stable-hint{opacity:.6}.stable-lock{background:#00000059;border-radius:6px;padding:8px}.stable-stages{gap:4px;display:flex}.stable-stage{text-align:center;cursor:pointer;opacity:.7;border:1px dashed #fff3;border-radius:6px;flex:1;min-height:36px;padding:8px 4px;font-size:.8em}.stable-stage.reached{opacity:1;border-style:solid}.stable-stage.active{border-color:var(--accent);color:var(--accent)}.stable-stat{grid-template-columns:80px 1fr 56px;align-items:center;gap:8px;font-size:.85em;display:grid}.stable-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.stable-bar-fill{background:linear-gradient(90deg,#c98a2a,#ffd36b);height:100%}.stable-stat-value{text-align:right}.stable-perk{font-size:.85em}.stable-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stable-nick{flex:1;min-width:120px}.btn.disabled{opacity:.5;pointer-events:none}@media (max-width:819px){.stable-screen{grid-template:"top""drag"34vh"panel"1fr"bottom"/1fr}}.settings-tabs{flex-wrap:wrap;justify-content:center;gap:6px;width:min(640px,92vw);margin-bottom:8px;display:flex}.settings-tabs>*{zoom:var(--ui-scale)}.settings-tab{padding:5px 12px;font-size:18px}.is-touch .settings-tab{align-items:center;min-height:44px;display:flex}.settings-section{color:var(--accent);border-bottom:1px solid var(--panel-border);padding:14px 0 4px;font-size:19px}.settings-section:first-child{padding-top:0}.settings-subsection{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;padding:10px 0 0;font-size:14px}.settings-key-row{padding:6px 0}.settings-keycap{text-align:center;min-width:110px;font-size:17px}.settings-keycap.active{color:var(--accent);border-color:var(--accent);animation:.9s ease-in-out infinite alternate settings-keycap-pulse}@keyframes settings-keycap-pulse{0%{background:#3a2e4a}to{background:#5a4473}}.settings-key-row.conflict .settings-label,.settings-key-row.conflict .settings-keycap{color:var(--hp);border-color:var(--hp)}.settings-key-conflict{color:var(--hp)}.settings-key-notice{color:var(--accent)}.settings-reset-row{justify-content:flex-end;padding:8px 0 4px;display:flex}.settings-reset{font-size:16px}.fps-counter{left:calc(6px + var(--safe-l));bottom:calc(10px + var(--safe-b));z-index:50;color:#b8ffb0;pointer-events:none;background:#0000008c;border-radius:3px;padding:1px 6px;font-family:VT323,monospace;font-size:15px;position:fixed}.sound-captions{left:50%;bottom:calc(255px + var(--safe-b));z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed;transform:translate(-50%)}.sound-caption{color:#fff;white-space:nowrap;background:#000000b8;border-radius:3px;padding:2px 10px;font-family:VT323,monospace;font-size:19px}@media (max-width:560px),(max-height:480px){.sound-captions{bottom:calc(160px + var(--safe-b))}.sound-caption{font-size:16px}}.opt-hide-minimap .minimap-canvas:not(.expanded),.opt-hide-minimap .minimap-expand-btn,.opt-hide-minimap .worldmap-open-btn,.opt-hide-quest-tracker .quest-tracker,.opt-hide-quest-tracker .quest-zone-hint{display:none!important}.opt-hide-nameplates .npc-label{color:#0000!important;text-shadow:none!important}.opt-hide-nameplates .enemy-label .ename,.opt-hide-enemy-bars .enemy-label .enemy-hpbar-bg{visibility:hidden}.opt-hide-key-hints .hud-hint,.opt-hide-key-hints .hotkey-hint,.opt-hide-clock .hud-clock{display:none!important}.opt-hud-faded .hud-panel,.opt-hud-faded .quest-tracker,.opt-hud-faded .quest-zone-hint,.opt-hud-faded .minimap-canvas:not(.expanded),.opt-hud-faded .minimap-expand-btn,.opt-hud-faded .worldmap-open-btn,.opt-hud-faded .hud-hint,.opt-hud-faded .xp-bar,.opt-hud-faded .menu-btn,.opt-hud-faded .camera-angle-btn,.opt-hud-faded .hotbar,.opt-hud-faded .item-hotbar{opacity:var(--hud-opacity,1)}.opt-joystick-custom .joystick{transform:scale(var(--joystick-scale,1));transform-origin:0 100%;opacity:var(--joystick-opacity,1)}.opt-joystick-right .joystick{left:auto;right:calc(16px + var(--safe-r));transform-origin:100% 100%}.opt-joystick-right .item-hotbar{right:auto;left:calc(12px + var(--safe-l))}.opt-colorblind #ui-root{filter:url(#opt-colorblind-filter)}.opt-high-contrast{--text:#fff;--text-dim:#ece4f5;--panel-border:#f2c14e}.opt-high-contrast .panel,.opt-high-contrast .quest-tracker,.opt-high-contrast .minimap-canvas{background:#040306f5}.opt-high-contrast .btn{background:#1b1424;border-color:#d8cce6}.opt-high-contrast .btn:hover,.opt-high-contrast .btn.active,.opt-high-contrast .btn.primary{border-color:var(--accent);color:var(--accent)}.opt-high-contrast .npc-label,.opt-high-contrast .enemy-label .ename,.opt-high-contrast .dungeon-portal-label,.opt-high-contrast .hud-hint{color:#fff;text-shadow:-2px 0 #000,2px 0 #000,0 -2px #000,0 2px #000}.opt-high-contrast .enemy-hpbar-bg{border:1px solid #fff}.opt-high-contrast #game-canvas{filter:contrast(1.15)saturate(1.1)}