:root{--ab-bg:#1a120c;--ab-surface:#2b1e16;--ab-surface-2:#3a2a1f;--ab-surface-3:#4a3527;--ab-line:#5c4330;--ab-line-gold:#8a6a3a;--ab-text:#f3e6d3;--ab-muted:#b9a68c;--ab-accent:#e8b04a;--ab-accent-2:#f3c54a;--ab-danger:#e5574a;--ab-good:#6fd17c;--ab-magic:#7d97ff;--ab-rare:#f2d45c;--ab-set:#5fd35f;--ab-unique:#c9a25a;--ab-gem:#b48cff;--ab-life:#b3263a;--ab-life-2:#6e0f22;--ab-mana:#5f8f3a;--ab-mana-2:#2d4a19;--ab-radius:10px;--ab-shadow:0 8px 28px #0000008c;--ab-font-display:"Cinzel", Georgia, serif;--ab-font-body:"Alegreya Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ab-safe-t:env(safe-area-inset-top,0px);--ab-safe-r:env(safe-area-inset-right,0px);--ab-safe-b:env(safe-area-inset-bottom,0px);--ab-safe-l:env(safe-area-inset-left,0px);--stick-r:58px}.ab-ui{pointer-events:none;font-family:var(--ab-font-body);color:var(--ab-text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0;overflow:hidden}.ab-ui *,.ab-float-tooltip *,.ab-drag-ghost *{box-sizing:border-box}.ab-ui button,.ab-ui input{font:inherit;color:inherit}.ab-ui :focus-visible{outline:3px solid var(--ab-accent-2);outline-offset:2px}.ab-muted{color:var(--ab-muted)}.ab-small{font-size:.85rem}.ab-hint{color:var(--ab-muted);margin:.4rem 0 0;font-size:.82rem}.ab-display{font-family:var(--ab-font-display);color:var(--ab-accent-2)}.ab-row{align-items:center;gap:.5rem;display:flex}.ab-wrap{flex-wrap:wrap}.ab-between{justify-content:space-between}.ab-h3{font-family:var(--ab-font-display);color:var(--ab-accent-2);align-items:center;gap:.5rem;margin:0 0 .45rem;font-size:.95rem;display:flex}.ab-h4{font-family:var(--ab-font-display);color:var(--ab-accent);letter-spacing:.04em;margin:.4rem 0 .2rem;font-size:.78rem}.ab-section{margin-top:.85rem}.ab-tone-normal{color:var(--ab-text)}.ab-tone-muted{color:var(--ab-muted)}.ab-tone-magic{color:var(--ab-magic)}.ab-tone-rare{color:var(--ab-rare)}.ab-tone-set{color:var(--ab-set)}.ab-tone-unique{color:var(--ab-unique)}.ab-tone-good{color:var(--ab-good)}.ab-tone-bad{color:var(--ab-danger)}.ab-tone-gold{color:var(--ab-accent-2)}.ab-tone-socket{color:var(--ab-gem)}.ab-tone-upgrade{color:var(--ab-accent-2)}.ab-btn{cursor:pointer;background:linear-gradient(#f0bd58,#c98f2c);border:1px solid #b07d2b;border-radius:8px;min-height:44px;padding:0 1rem;font-weight:800;transition:transform 50ms,filter .15s;box-shadow:0 2px #7a5418;color:#24170d!important}.ab-btn:hover:not(:disabled){filter:brightness(1.08)}.ab-btn:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.ab-btn:disabled{opacity:.45;cursor:default}.ab-btn.secondary{background:var(--ab-surface-3);border-color:var(--ab-line);box-shadow:0 2px #241810;color:var(--ab-text)!important}.ab-btn.ghost{border-color:var(--ab-line);box-shadow:none;background:0 0;color:var(--ab-muted)!important}.ab-btn.small{min-height:44px;padding:0 .7rem;font-size:.9rem}.ab-btn.big{width:100%;min-height:52px;font-size:1.05rem;font-family:var(--ab-font-display)}.ab-icon-btn{border:1px solid var(--ab-line);background:var(--ab-surface-3);min-width:44px;min-height:44px;color:var(--ab-text);cursor:pointer;border-radius:8px}.ab-badge{background:var(--ab-danger);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:.35rem;padding:0 4px;font-size:.7rem;font-weight:800;display:inline-grid}.ab-points{font-family:var(--ab-font-body);color:#24170d;background:var(--ab-accent);border-radius:10px;padding:1px 8px;font-size:.8rem;font-weight:800}.ab-points.none{background:var(--ab-surface-3);color:var(--ab-muted)}.ab-key{color:var(--ab-text);text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;font-size:.62rem;font-weight:800;position:absolute;top:1px;left:2px}.ab-asset{width:100%;height:100%;display:block}.ab-asset-fallback{background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--ab-asset-color) 55%, transparent), transparent 62%), radial-gradient(circle at 50% 60%, #3a2a1f, #140d09 80%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ab-asset-color) 60%, transparent), inset 0 -6px 12px #00000080;border-radius:22%;place-items:center;display:grid;overflow:hidden}.ab-asset-glyph{font-family:var(--ab-font-display);color:var(--ab-asset-color);text-shadow:0 2px 4px #000;font-size:clamp(.8rem,45cqmin,2.4rem);font-weight:700;line-height:1}.ab-window{z-index:20;top:calc(12px + var(--ab-safe-t));width:min(var(--ab-window-w,420px), calc(100% - 24px));pointer-events:auto;border:1px solid var(--ab-line-gold);border-radius:var(--ab-radius);box-shadow:var(--ab-shadow), inset 0 0 0 3px #140d0999, inset 0 0 0 4px #8a6a3a59;-webkit-user-select:none;user-select:none;background:linear-gradient(#3a2a1ff7,#241912f7),radial-gradient(circle at 20% 0,#e8b04a14,#0000 50%);outline:none;flex-direction:column;animation:.16s ease-out ab-window-in;display:flex;position:absolute;bottom:128px}.ab-window-left{left:calc(12px + var(--ab-safe-l))}.ab-window-right{right:calc(12px + var(--ab-safe-r))}.ab-window-center{margin-inline:auto;left:0;right:0}.ab-window-header{border-bottom:1px solid var(--ab-line);border-radius:var(--ab-radius) var(--ab-radius) 0 0;background:linear-gradient(#e8b04a1f,#0000);align-items:center;gap:.6rem;padding:.55rem .6rem .45rem .9rem;display:flex}.ab-window-header h2{font-family:var(--ab-font-display);color:var(--ab-accent-2);letter-spacing:.04em;text-shadow:0 2px #3a250e;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:1.05rem;overflow:hidden}.ab-window-extra{align-items:center;gap:.5rem;display:flex}.ab-close{min-width:44px;min-height:44px;font-size:1.05rem}.ab-window-body{overscroll-behavior:contain;--ab-cell:clamp(30px, calc((100cqi - 2px) / 10), 44px);touch-action:pan-y;flex:1;min-height:0;padding:.75rem .85rem 1rem;overflow:auto;container-type:inline-size}.ab-sheet-handle{display:none}@keyframes ab-window-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}[data-layout=landscape] .ab-window{top:calc(6px + var(--ab-safe-t));bottom:calc(6px + var(--ab-safe-b));width:min(var(--ab-window-w,420px), 58%)}[data-layout=landscape] .ab-window-left{left:calc(6px + var(--ab-safe-l))}[data-layout=landscape] .ab-window-right{right:calc(6px + var(--ab-safe-r))}[data-layout=portrait] .ab-window{inset:0;top:calc(var(--ab-safe-t) + 18px);width:100%;padding-bottom:var(--ab-safe-b);padding-left:var(--ab-safe-l);padding-right:var(--ab-safe-r);border-radius:16px 16px 0 0;margin:0;transition:transform .12s;animation:.22s ease-out ab-sheet-in}[data-layout=portrait] .ab-sheet-handle{touch-action:none;cursor:grab;width:100%;height:22px;margin:0 auto -6px;display:block;position:relative}[data-layout=portrait] .ab-sheet-handle:after{content:"";background:var(--ab-line-gold);border-radius:3px;width:48px;height:5px;margin-left:-24px;position:absolute;top:8px;left:50%}@keyframes ab-sheet-in{0%{opacity:.4;transform:translateY(40%)}to{opacity:1;transform:none}}.ab-tabs{border-bottom:1px solid var(--ab-line);scrollbar-width:none;gap:4px;margin-bottom:.7rem;display:flex;overflow-x:auto}.ab-tab{min-height:44px;color:var(--ab-muted);font-family:var(--ab-font-display);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;padding:0 .85rem;font-size:.85rem}.ab-tab.active{color:var(--ab-accent-2);border-color:var(--ab-line);background:#e8b04a1a}.ab-gold{color:var(--ab-accent-2);font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;font-weight:800;display:inline-flex}.ab-coin{vertical-align:-2px;background:radial-gradient(circle at 35% 30%,#fff3b0,#e8b04a 45%,#8a5a12);border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:0 0 0 1px #5a3a10}.ab-coin.big{width:48px;height:48px}.ab-grid-wrap{justify-content:center;display:flex}.ab-grid{--c:var(--ab-cell,40px);grid-template-columns:repeat(var(--cols), var(--c));grid-template-rows:repeat(var(--rows), var(--c));width:calc(var(--cols) * var(--c));box-shadow:0 0 0 1px var(--ab-line), inset 0 0 18px #0009;touch-action:none;background:#120c08;border:1px solid #120c08;display:grid;position:relative}.ab-cell{background:linear-gradient(135deg,#3a2a1f80,#140d0999);border:1px solid #5c433073}.ab-item{left:calc(var(--x) * var(--c));top:calc(var(--y) * var(--c));width:calc(var(--w) * var(--c));height:calc(var(--h) * var(--c));cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--ab-rarity) 22%, transparent), transparent 70%), #140d0959;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ab-rarity) 45%, transparent);outline:none;padding:3px;position:absolute}.ab-item:hover,.ab-item:focus-visible{box-shadow:inset 0 0 0 2px var(--ab-rarity);background-color:#e8b04a1f}.ab-item.selected{box-shadow:inset 0 0 0 2px var(--ab-accent-2), 0 0 10px #f3c54a80}.ab-item-fill{width:100%;height:100%;position:relative;top:0;left:0}.ab-item-ghost{opacity:.28;filter:grayscale();cursor:default;width:100%;height:100%;position:relative;inset:0}.ab-item .ab-asset-fallback{border-radius:6px}.ab-item-img{pointer-events:none}.ab-item-qty,.ab-belt-qty{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;font-size:.72rem;font-weight:800;position:absolute;bottom:1px;right:3px}.ab-item-upg{color:var(--ab-accent-2);text-shadow:0 1px 2px #000;pointer-events:none;font-size:.7rem;font-weight:800;position:absolute;top:1px;left:3px}.ab-item-unid{pointer-events:none;background:#e5574a21;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #e5574a8c}.ab-item-cant{pointer-events:none;background:#a0141447;position:absolute;inset:0}.ab-dragging-source{opacity:.3}.ab-drag-ghost{opacity:.92;filter:drop-shadow(0 8px 14px #000000b3);cursor:grabbing;transition:none}.ab-drop-preview{left:calc(var(--x) * var(--c));top:calc(var(--y) * var(--c));width:calc(var(--w) * var(--c));height:calc(var(--h) * var(--c));pointer-events:none;z-index:1;border-radius:2px;position:absolute}.ab-drop-preview.ok{box-shadow:inset 0 0 0 2px var(--ab-good);background:#6fd17c47}.ab-drop-preview.swap{box-shadow:inset 0 0 0 2px var(--ab-accent-2);background:#f3c54a40}.ab-drop-preview.bad{box-shadow:inset 0 0 0 2px var(--ab-danger);background:#e5574a4d}.ab-paperdoll{--c:var(--ab-cell,40px);grid-template-columns:calc(var(--c) * 2) calc(var(--c) * 2) calc(var(--c) * 2);grid-template-rows:calc(var(--c) * 1.5) calc(var(--c) * 1) calc(var(--c) * 1.8) calc(var(--c) * 1.2) calc(var(--c) * 1.2);background:radial-gradient(at 50% 40%,#e8b04a1a,#0000 70%),#120c0873;border-radius:10px;grid-template-areas:"arma casco manoSecundaria""arma amuleto manoSecundaria""arma armadura manoSecundaria""anillo1 armadura anillo2""guantes cinturon botas";justify-content:center;gap:6px;margin-bottom:.85rem;padding:8px;display:grid}.ab-equip-slot{border:1px solid var(--ab-line);background:linear-gradient(135deg,#140d09cc,#3a2a1f99);border-radius:6px;place-items:center;min-width:0;min-height:0;display:grid;position:relative;box-shadow:inset 0 0 12px #0009}.ab-slot-anillo1,.ab-slot-anillo2,.ab-slot-amuleto{width:calc(var(--c) * 1.05);height:calc(var(--c) * 1.05);place-self:center}.ab-slot-label{font-family:var(--ab-font-display);color:#b9a68c8c;text-align:center;pointer-events:none;padding:2px;font-size:.6rem}.ab-equip-slot.accepts{border-color:var(--ab-good);box-shadow:inset 0 0 12px #6fd17c4d}.ab-equip-slot.rejects{opacity:.55}.ab-equip-slot.over.accepts{background:#6fd17c40}.ab-equip-slot.over.rejects{background:#e5574a40}.ab-drop-slot{width:calc(var(--ab-cell,40px) * 2 + 8px);height:calc(var(--ab-cell,40px) * 3 + 8px);border:1px dashed var(--ab-line-gold);background:#120c0899;border-radius:8px;flex:none;place-items:center;padding:4px;display:grid;position:relative}.ab-drop-slot.accepts{border-color:var(--ab-good)}.ab-drop-slot.over{background:#6fd17c33}.ab-float-tooltip{z-index:1000;pointer-events:none;max-width:min(320px,100vw - 16px);position:fixed}.ab-float-tooltip.docked{right:8px;bottom:calc(8px + var(--ab-safe-b));pointer-events:auto;max-width:none;top:auto!important;left:8px!important}.ab-tooltip{font-family:var(--ab-font-body);text-align:center;color:var(--ab-text);border:1px solid color-mix(in srgb, var(--ab-rarity,#8a6a3a) 55%, #3a2a1f);background:#0c0806f5;border-radius:6px;min-width:200px;padding:.55rem .8rem;font-size:.9rem;line-height:1.3;box-shadow:0 10px 30px #000000b3}.ab-tt-badge{text-transform:uppercase;letter-spacing:.12em;color:var(--ab-muted);font-size:.7rem}.ab-tt-name{font-family:var(--ab-font-display);font-size:1rem;font-weight:700}.ab-tt-base{font-size:.9rem}.ab-tt-unid{font-weight:800}.ab-tt-upgrade{color:var(--ab-accent-2)}.ab-tt-sub{color:var(--ab-muted);font-size:.78rem}.ab-tt-block{border-top:1px solid #5c433080;margin-top:.4rem;padding-top:.35rem}.ab-tt-sockets{justify-items:center;gap:2px;display:grid}.ab-tt-socket{align-items:center;gap:.35rem;display:flex}.ab-socket-dot{background:#0c0806;border:1px solid #6b5a48;border-radius:50%;width:10px;height:10px}.ab-tt-socket.filled .ab-socket-dot{background:radial-gradient(circle at 35% 30%, #e8d4ff, var(--ab-gem));border-color:var(--ab-gem)}.ab-tt-desc{color:var(--ab-muted)}.ab-tt-flavor{color:var(--ab-unique);margin-top:.4rem;font-size:.85rem;font-style:italic}.ab-tt-price{color:var(--ab-accent-2);margin-top:.4rem;font-size:.85rem}.ab-tt-hint{color:var(--ab-muted);margin-top:.3rem;font-size:.75rem}.ab-char-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ab-char-name{font-family:var(--ab-font-display);color:var(--ab-accent-2);font-size:1.2rem}.ab-xp-line{gap:2px;margin-top:.5rem;display:grid}.ab-xp-track{height:8px;box-shadow:inset 0 0 0 1px var(--ab-line);background:#120c08;border-radius:4px;overflow:hidden}.ab-xp-track span{background:linear-gradient(90deg,#c98f2c,#f3c54a);height:100%;display:block}.ab-attr-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ab-attr-list li{background:#00000038;border-radius:6px;grid-template-columns:1fr auto 44px;align-items:center;gap:.6rem;padding:2px 6px;display:grid}.ab-attr-label{font-family:var(--ab-font-display);font-size:.88rem}.ab-attr-value{font-variant-numeric:tabular-nums;text-align:right;min-width:2.5ch;font-size:1.05rem;font-weight:800}.ab-plus{color:#24170d;cursor:pointer;background:radial-gradient(circle at 40% 35%,#ffd57a,#c98f2c);border:1px solid #b07d2b;border-radius:50%;width:44px;height:44px;font-size:1.3rem;font-weight:800}.ab-plus:disabled{opacity:.25;cursor:default;filter:grayscale()}.ab-stat-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:2px 1rem;margin:0;display:grid}.ab-stat-list div{border-bottom:1px dotted #5c433099;justify-content:space-between;padding:2px 0;display:flex}.ab-stat-list dt{color:var(--ab-muted)}.ab-stat-list dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.ab-res-list{grid-template-columns:1fr 1fr;gap:4px 1rem;margin:0;padding:0;list-style:none;display:grid}.ab-res-list li{justify-content:space-between;display:flex}.ab-skill-tree{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 74px);background:radial-gradient(at 50% 30%,#e8b04a14,#0000 70%),#120c0880;border-radius:10px;padding:4px 0;display:grid;position:relative}.ab-skill-lines{pointer-events:none;width:100%;height:calc(100% - 8px);position:absolute;inset:4px 0}.ab-skill-lines line{stroke:#4a3527;stroke-width:3px}.ab-skill-lines line.met{stroke:var(--ab-accent)}.ab-skill-node-wrap{grid-row:calc(var(--row) + 1);left:calc((var(--col) + .5) / var(--cols) * 100%);top:calc(var(--row) * 74px + 4px + 37px);position:absolute;transform:translate(-50%,-50%)}.ab-skill-node{border:2px solid var(--ab-line);cursor:pointer;touch-action:none;background:#140d09;border-radius:12px;width:56px;height:56px;padding:3px;position:relative}.ab-skill-node.learned{border-color:var(--ab-accent);box-shadow:0 0 10px #e8b04a59}.ab-skill-node.can{animation:1.6s ease-in-out infinite ab-pulse}.ab-skill-node.locked{filter:grayscale(.9)brightness(.6)}.ab-skill-node.selected{outline:2px solid var(--ab-accent-2);outline-offset:2px}.ab-skill-lvl{border:1px solid var(--ab-accent);background:#120c08;border-radius:11px;place-items:center;min-width:22px;height:22px;font-size:.75rem;font-weight:800;display:grid;position:absolute;bottom:-6px;right:-6px}.ab-skill-req{white-space:nowrap;color:var(--ab-muted);font-size:.62rem;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}@keyframes ab-pulse{50%{box-shadow:0 0 14px #f3c54acc}}.ab-skill-detail{border:1px solid var(--ab-line);background:#00000047;border-radius:8px;margin-top:.75rem;padding:.6rem .75rem}.ab-skill-detail p{margin:.3rem 0}.ab-skill-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem;display:flex}.ab-skill-detail-head strong{font-family:var(--ab-font-display);color:var(--ab-accent-2)}.ab-skill-cols{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;font-size:.88rem;display:grid}.ab-bind-row{flex-wrap:wrap;gap:4px;display:flex}.ab-bind-row .ab-btn{min-width:44px;min-height:44px;padding:0 .4rem}.ab-service{gap:.7rem;display:grid}.ab-chip-list{gap:4px;display:grid}.ab-item-chip{align-items:center;gap:.5rem;display:flex}.ab-item-chip.selected .ab-item-chip-btn{border-color:var(--ab-accent-2);background:#e8b04a1f}.ab-item-chip-btn{border:1px solid var(--ab-line);text-align:left;cursor:pointer;background:#00000040;border-radius:8px;flex:1;align-items:center;gap:.5rem;min-width:0;min-height:44px;padding:3px 8px 3px 3px;display:flex}.ab-chip-icon{width:38px;height:38px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ab-rarity) 50%, transparent);border-radius:6px;flex:none;position:relative}.ab-chip-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.ab-recipe-list,.ab-repair-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ab-recipe{border:1px solid var(--ab-line);background:#00000040;border-radius:8px;grid-template-columns:minmax(0,1fr);gap:.4rem;padding:.5rem;display:grid}.ab-recipe.disabled{opacity:.65}.ab-recipe-body strong{font-family:var(--ab-font-display);color:var(--ab-accent);font-size:.85rem}.ab-repair-list li{align-items:center;gap:.5rem;display:flex}.ab-repair-list li>.ab-item-chip{flex:1;min-width:0}.ab-cost-list{flex-wrap:wrap;gap:.3rem .8rem;margin:.3rem 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.ab-cost-list li{align-items:center;gap:.3rem;display:inline-flex}.ab-cost-icon{width:20px!important;height:20px!important}.ab-work-row{align-items:flex-start;gap:.8rem;display:flex}.ab-upgrade-info,.ab-socket-info{flex:1;gap:.45rem;min-width:0;display:grid}.ab-chance{align-items:center;gap:.5rem;display:flex}.ab-chance-track{height:10px;box-shadow:inset 0 0 0 1px var(--ab-line);background:#120c08;border-radius:5px;flex:1;overflow:hidden}.ab-chance-track span{height:100%;display:block}.ab-chance-track .hi{background:var(--ab-good)}.ab-chance-track .mid{background:var(--ab-accent)}.ab-chance-track .lo{background:var(--ab-danger)}.ab-sockets-big{flex-wrap:wrap;gap:6px;display:flex}.ab-socket-big{border:1px dashed var(--ab-line);text-align:center;border-radius:8px;justify-items:center;gap:2px;width:84px;padding:6px 4px;display:grid}.ab-socket-big .ab-asset{width:34px;height:34px}.ab-socket-big.filled{border-style:solid;border-color:var(--ab-gem)}.ab-sell-zone{text-align:center;border:2px dashed var(--ab-line-gold);background:#00000040;border-radius:12px;place-items:center;gap:.4rem;min-height:200px;padding:1.5rem 1rem;display:grid}.ab-gamble-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.ab-gamble-btn{border:1px solid var(--ab-line);cursor:pointer;background:#0000004d;border-radius:8px;justify-items:center;gap:4px;width:100%;min-height:104px;padding:6px;display:grid}.ab-gamble-btn .ab-asset{width:44px;height:44px}.ab-gamble-btn:disabled{opacity:.4}.ab-gold-row{margin-top:.6rem}.ab-inline-label{color:var(--ab-muted);align-items:center;gap:.4rem;display:inline-flex}.ab-inline-label input,.ab-chat-form input{border:1px solid var(--ab-line);min-height:40px;color:var(--ab-text);-webkit-user-select:text;user-select:text;background:#140d09;border-radius:8px;width:7rem;padding:0 .6rem}.ab-grave-card{align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.ab-grave-icon{flex:none;width:56px!important;height:56px!important}.ab-abyss-map{aspect-ratio:16/10;border:1px solid var(--ab-line-gold);background:radial-gradient(at 25% 85%,#a3322a73,#0000 45%),radial-gradient(at 20% 20%,#4f8f3a59,#0000 40%),radial-gradient(at 50% 10%,#9fb6c94d,#0000 35%),radial-gradient(at 80% 30%,#c9a85a4d,#0000 40%),radial-gradient(at 60% 62%,#3f8fa859,#0000 40%),linear-gradient(#3a2a1f,#120c08);border-radius:12px;position:relative;overflow:hidden}.ab-abyss-path{width:100%;height:100%;position:absolute;inset:0}.ab-abyss-path polyline{fill:none;stroke:#e8b04a8c;stroke-width:.8px;stroke-dasharray:2 1.5}.ab-abyss-node{cursor:pointer;background:0 0;border:none;justify-items:center;gap:2px;min-width:44px;min-height:44px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.ab-abyss-dot{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--hue) 80%, white), var(--hue) 55%, #120c08);width:40px;height:40px;box-shadow:0 0 0 2px var(--hue), 0 4px 10px #000;color:#fff;border:2px solid #120c08;border-radius:50%;place-items:center;font-size:.9rem;display:grid}.ab-abyss-node.locked .ab-abyss-dot{filter:grayscale()brightness(.55)}.ab-abyss-node.cleared .ab-abyss-dot{box-shadow:0 0 0 2px var(--ab-accent-2), 0 0 14px var(--ab-accent)}.ab-abyss-node.selected .ab-abyss-dot{box-shadow:0 0 0 3px var(--ab-accent-2), 0 0 18px var(--ab-accent-2);transform:scale(1.15)}.ab-abyss-name{font-family:var(--ab-font-display);color:var(--ab-text);text-shadow:0 1px 3px #000,0 0 6px #000;white-space:nowrap;font-size:.72rem}.ab-abyss-detail{gap:.4rem;margin-top:.7rem;display:grid}.ab-status-pill{background:var(--ab-surface-3);border-radius:10px;padding:2px 8px;font-size:.75rem}.ab-status-pill.unlocked{color:#cfeec0;background:#2d4a19}.ab-status-pill.cleared{color:var(--ab-accent-2);background:#5a3a12}.ab-waypoints{flex-wrap:wrap;gap:6px;display:flex}.ab-waypoint{border:1px solid var(--ab-line);cursor:pointer;background:#0000004d;border-radius:8px;min-width:64px;min-height:44px}.ab-waypoint.selected{border-color:var(--ab-accent-2);color:var(--ab-accent-2);background:#e8b04a26}.ab-waypoint:disabled{opacity:.35;cursor:default}.ab-waiting{text-align:center;color:var(--ab-muted);border:1px dashed var(--ab-line);border-radius:8px;padding:.6rem;font-style:italic}.ab-slider{color:var(--ab-muted);gap:2px;margin-bottom:.6rem;display:grid}.ab-slider b{color:var(--ab-text)}.ab-slider input{width:100%;min-height:44px;accent-color:var(--ab-accent)}.ab-toggle{cursor:pointer;align-items:center;gap:.6rem;min-height:44px;display:flex}.ab-toggle input{width:22px;height:22px;accent-color:var(--ab-accent)}.ab-segmented{border:1px solid var(--ab-line);border-radius:8px;gap:0;margin:.3rem 0 .5rem;display:flex;overflow:hidden}.ab-segmented button{border:none;border-right:1px solid var(--ab-line);min-height:44px;color:var(--ab-muted);cursor:pointer;background:#00000040;flex:1}.ab-segmented button:last-child{border-right:none}.ab-segmented button.active{color:var(--ab-accent-2);background:#e8b04a33;font-weight:800}.ab-dialog-body{align-items:flex-start;gap:.8rem;display:flex}.ab-dialog-portrait{border:1px solid var(--ab-line-gold);border-radius:10px;flex:none;width:96px!important;height:120px!important}.ab-dialog-text{margin:0;font-size:1.05rem;font-style:italic;line-height:1.45}.ab-dialog-options{gap:4px;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.ab-dialog-option{text-align:left;border:1px solid var(--ab-line);cursor:pointer;background:#0000004d;border-radius:8px;width:100%;min-height:44px;padding:.4rem .8rem}.ab-dialog-option:hover{border-color:var(--ab-accent);color:var(--ab-accent-2)}.ab-dialog-num{color:var(--ab-accent);font-weight:800}.ab-hud{z-index:10;pointer-events:none;position:absolute;inset:0}.ab-hud-top-left{top:calc(10px + var(--ab-safe-t));left:calc(10px + var(--ab-safe-l));pointer-events:auto;position:absolute}.ab-hud-top-right{top:calc(10px + var(--ab-safe-t));right:calc(10px + var(--ab-safe-r));pointer-events:auto;justify-items:end;gap:6px;display:grid;position:absolute}.ab-hud-top-center{top:calc(10px + var(--ab-safe-t));pointer-events:auto;width:min(420px,60%);position:absolute;left:50%;transform:translate(-50%)}.ab-hud-chat{left:calc(10px + var(--ab-safe-l));pointer-events:auto;width:min(380px,40%);position:absolute;bottom:132px}.ab-hud-bottom{left:50%;bottom:calc(4px + var(--ab-safe-b));pointer-events:auto;align-items:flex-end;gap:10px;width:min(880px,100% - 16px);display:flex;position:absolute;transform:translate(-50%)}.ab-hud-center{border:1px solid var(--ab-line-gold);background:linear-gradient(#3a2a1ff2,#1a120cf7);border-radius:12px 12px 8px 8px;flex:1;gap:4px;min-width:0;padding:6px 8px 8px;display:grid;box-shadow:0 -4px 18px #00000080,inset 0 1px #f3c54a40}.ab-hud-center-row{justify-content:center;align-items:center;gap:10px;display:flex}.ab-orb{--orb:104px;width:var(--orb);height:var(--orb);background:radial-gradient(circle at 50% 55%,#1a0f0a,#050302);border:3px solid #6d5230;border-radius:50%;flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 2px #1a120c,0 0 0 4px #8a6a3a,0 6px 16px #000000b3}.ab-orb-liquid{height:var(--level);transition:height .45s cubic-bezier(.3,.7,.3,1);position:absolute;bottom:0;left:0;right:0}.ab-orb-vida .ab-orb-liquid{background:radial-gradient(circle at 40% 40%, #e2495d, var(--ab-life) 45%, var(--ab-life-2))}.ab-orb-mana .ab-orb-liquid{background:radial-gradient(circle at 40% 40%, #9bc76a, var(--ab-mana) 45%, var(--ab-mana-2))}.ab-orb-wave{left:-50%;top:calc(var(--orb) * -.92);width:200%;height:var(--orb);background:#ffffff14;border-radius:42%;animation:6s linear infinite ab-wave;position:absolute}.ab-orb-wave.b{top:calc(var(--orb) * -.9);background:#0000001f;border-radius:38%;animation-duration:9s}.ab-orb-vida .ab-orb-wave{box-shadow:0 0 0 999px #0000}@keyframes ab-wave{to{transform:rotate(360deg)}}.ab-orb-glass{pointer-events:none;background:radial-gradient(circle at 32% 26%,#fff6,#0000 26%),radial-gradient(circle at 50% 120%,#00000080,#0000 60%);border-radius:50%;position:absolute;inset:0}.ab-orb-text{font-weight:800;font-size:calc(var(--orb) * .17);text-shadow:0 1px 3px #000,0 0 6px #000;opacity:0;align-content:center;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.ab-orb-text small{opacity:.85;font-size:.7em}.ab-orb:hover .ab-orb-text,.ab-hud.compact .ab-orb-text{opacity:1}.ab-orb.low{animation:1s ease-in-out infinite ab-low}@keyframes ab-low{50%{box-shadow:0 0 0 2px #1a120c,0 0 0 4px #e5574a,0 0 22px #e5574a}}.ab-xpbar{background:#0c0806;border-radius:4px;height:7px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #3a2a1f}.ab-xpbar-fill{background:linear-gradient(90deg,#a87a22,#f3c54a);transition:width .4s;position:absolute;inset:0 auto 0 0}.ab-xpbar-ticks{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#000000b3 calc(10% - 1px) 10%);position:absolute;inset:0}.ab-belt{background:#00000059;border-radius:8px;gap:3px;padding:3px;display:flex}.ab-belt.accepting{box-shadow:0 0 0 2px var(--ab-good)}.ab-belt-slot{border:1px solid var(--ab-line);background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--ab-potion) 35%, transparent), transparent 70%), #140d09;cursor:pointer;border-radius:6px;width:44px;height:44px;padding:4px;position:relative}.ab-belt-slot.empty{opacity:.6;cursor:default}.ab-skillbar{gap:3px;display:flex}.ab-skill-slot{border:1px solid var(--ab-line-gold);cursor:pointer;background:#140d09;border-radius:8px;width:48px;height:48px;padding:3px;position:relative;overflow:hidden}.ab-skill-slot.mouse{border-color:var(--ab-accent);width:54px;height:54px}.ab-skill-slot.empty{border-style:dashed;border-color:var(--ab-line)}.ab-skill-slot.no-mana .ab-asset{filter:grayscale(.6)brightness(.55)sepia()hue-rotate(180deg)saturate(2.5)}.ab-skill-slot.accepting{box-shadow:0 0 0 1px var(--ab-good)}.ab-skill-slot.over{box-shadow:0 0 0 2px var(--ab-good), 0 0 12px var(--ab-good)}.ab-cooldown{background:conic-gradient(#000000b8 var(--cd), #0000001f 0);text-shadow:0 1px 2px #000;pointer-events:none;place-items:center;font-size:.85rem;font-weight:800;display:grid;position:absolute;inset:0}.ab-party{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ab-party-member button{cursor:pointer;text-align:left;background:#1a120cc7;border:1px solid #5c4330cc;border-radius:10px;align-items:center;gap:6px;min-height:44px;padding:3px 8px 3px 3px;display:flex}.ab-party-member.self button{border-color:var(--ab-accent)}.ab-party-member.offline{opacity:.5}.ab-party-member.dead .ab-party-portrait{filter:grayscale()}.ab-party-portrait{border-radius:8px;flex:none;width:44px;height:44px;position:relative;overflow:visible}.ab-party-portrait .ab-asset{border-radius:8px}.ab-party-level{border:1px solid var(--ab-accent);background:#120c08;border-radius:9px;place-items:center;min-width:18px;height:18px;font-size:.65rem;font-weight:800;display:grid;position:absolute;bottom:-4px;left:-4px}.ab-party-crown{color:var(--ab-accent-2);text-shadow:0 1px 2px #000;font-size:.9rem;position:absolute;top:-8px;right:-5px}.ab-party-info{gap:2px;width:104px;display:grid}.ab-party-name{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:800;overflow:hidden}.ab-party-bar{background:#0c0806;border-radius:3px;height:5px;overflow:hidden}.ab-party-bar span{height:100%;transition:width .3s;display:block}.ab-party-bar.life span{background:var(--ab-life)}.ab-party-bar.mana span{background:var(--ab-mana)}.ab-party-loc{color:var(--ab-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.ab-minimap{justify-items:end;gap:2px;display:grid}.ab-minimap-frame{border:1px solid var(--ab-line-gold);cursor:pointer;width:150px;height:150px;box-shadow:var(--ab-shadow);background:#0c0806b8;border-radius:12px;place-items:center;padding:0;display:grid;overflow:hidden}.ab-minimap.expanded .ab-minimap-frame{width:min(360px,80vw);height:min(360px,60vh)}.ab-minimap-plane{width:82%;max-height:82%;position:relative}.ab-minimap-plane.iso{width:64%;transform:scaleY(.58)rotate(45deg)}.ab-minimap-plane canvas,.ab-minimap-plane img{width:100%;height:100%;image-rendering:pixelated;display:block}.ab-mm-point{background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute}.ab-minimap.expanded .ab-mm-point{width:9px;height:9px;margin:-4.5px 0 0 -4.5px}.ab-mm-point.self{background:var(--ab-accent-2);box-shadow:0 0 0 2px #000, 0 0 6px var(--ab-accent-2);z-index:2}.ab-mm-point.ally{background:#5bb4e8;box-shadow:0 0 0 1px #000}.ab-mm-point.enemy{background:#e5574a;width:4px;height:4px;margin:-2px 0 0 -2px}.ab-mm-point.elite{background:#f2d45c;box-shadow:0 0 0 1px #000}.ab-mm-point.boss{background:#ff3b2f;width:10px;height:10px;margin:-5px 0 0 -5px;box-shadow:0 0 8px #ff3b2f}.ab-mm-point.npc{background:#6fd17c}.ab-mm-point.portal{background:#b48cff;box-shadow:0 0 6px #b48cff}.ab-mm-point.stairs{background:#fff;border-radius:1px}.ab-mm-point.chest{background:#c9a25a;border-radius:1px}.ab-mm-point.ore{background:#a9a29a}.ab-mm-point.item{background:#7d97ff;width:4px;height:4px;margin:-2px 0 0 -2px}.ab-mm-point.grave{background:#8a7a6a;box-shadow:0 0 0 1px #000}.ab-minimap-title{font-family:var(--ab-font-display);color:var(--ab-accent-2);text-shadow:0 1px 3px #000;padding-right:4px;font-size:.72rem}.ab-menu{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:300px;display:flex}.ab-menu-btn{border:1px solid var(--ab-line-gold);cursor:pointer;background:linear-gradient(#4a3527,#2b1e16);border-radius:10px;width:44px;height:44px;font-size:1.15rem;position:relative;box-shadow:0 2px 6px #00000080}.ab-menu-btn.active{border-color:var(--ab-accent-2);box-shadow:0 0 10px #f3c54a80}.ab-menu-btn .ab-badge{margin:0;position:absolute;top:-6px;right:-6px}.ab-chat{gap:4px;display:grid}.ab-chat-log{text-shadow:0 1px 2px #000;-webkit-user-select:text;user-select:text;border-radius:8px;max-height:140px;margin:0;padding:4px 6px;font-size:.86rem;list-style:none;overflow-y:auto}.ab-chat.focused .ab-chat-log{background:#0c0806b3}.ab-chat-log li{padding:1px 0}.ab-chat-system{color:var(--ab-muted);font-style:italic}.ab-chat-loot{color:var(--ab-unique)}.ab-chat-party{color:#8fd3ff}.ab-chat-form{opacity:.55;gap:4px;transition:opacity .15s;display:flex}.ab-chat.focused .ab-chat-form,.ab-chat-form:hover{opacity:1}.ab-chat-form input{flex:1;width:auto;min-width:0;min-height:40px}.ab-toasts{justify-items:center;gap:6px;margin:0;padding:0;list-style:none;display:grid}.ab-toast{border:1px solid var(--ab-line-gold);box-shadow:var(--ab-shadow);cursor:pointer;background:#140d09eb;border-radius:10px;align-items:center;gap:.6rem;padding:.45rem .9rem .45rem .5rem;animation:.3s cubic-bezier(.2,1.4,.4,1) ab-toast-in;display:flex}.ab-toast span{display:grid}.ab-toast strong{font-family:var(--ab-font-display);font-size:.92rem}.ab-toast small{color:var(--ab-muted)}.ab-toast-glyph{background:var(--ab-surface-3);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.ab-toast-icon{flex:none;width:36px!important;height:36px!important}.ab-toast-levelUp{border-color:var(--ab-accent-2);box-shadow:0 0 24px #f3c54a73}.ab-toast-levelUp strong{color:var(--ab-accent-2)}.ab-toast-levelUp .ab-toast-glyph{background:var(--ab-accent);color:#24170d}.ab-toast-unique{border-color:var(--ab-unique);box-shadow:0 0 28px #c9a25a8c}.ab-toast-unique strong{color:var(--ab-unique)}.ab-toast-set strong{color:var(--ab-set)}.ab-toast-rare strong{color:var(--ab-rare)}.ab-toast-error{border-color:var(--ab-danger)}@keyframes ab-toast-in{0%{opacity:0;transform:translateY(-12px)scale(.9)}to{opacity:1;transform:none}}.ab-hud.compact .ab-hud-bottom{width:auto;bottom:auto;top:calc(6px + var(--ab-safe-t));align-items:center;gap:6px}.ab-hud.compact .ab-orb{--orb:56px;border-width:2px}.ab-hud.compact .ab-hud-center{flex:none;padding:4px 6px}.ab-hud.compact .ab-belt-slot{width:44px;height:44px;padding:2px}.ab-hud.compact .ab-party-info{width:80px}.ab-hud.compact .ab-party-member button{min-height:44px;padding-right:6px}.ab-hud.compact .ab-party-portrait{width:38px;height:38px}.ab-hud.compact .ab-minimap-frame{width:96px;height:96px}.ab-hud.compact .ab-minimap.expanded .ab-minimap-frame{width:min(300px,70vw);height:min(300px,50vh)}.ab-hud.compact .ab-menu{flex-flow:column}.ab-hud.compact .ab-hud-top-center{top:calc(74px + var(--ab-safe-t))}.ab-hud.compact .ab-hud-chat{bottom:auto;left:50%;top:calc(74px + var(--ab-safe-t));z-index:3;background:#0c0806d9;border-radius:10px;width:min(360px,100% - 140px);padding:6px;transform:translate(-50%)}.ab-hud.compact .ab-chat-form{opacity:1}[data-layout=landscape] .ab-hud.compact .ab-menu{flex-flow:wrap;max-width:150px}[data-layout=landscape] .ab-hud.compact .ab-party{gap:3px}[data-layout=landscape] .ab-hud.compact .ab-party-member button{min-height:44px}[data-layout=portrait] .ab-hud.compact .ab-hud-bottom{top:auto;bottom:calc(232px + var(--ab-safe-b))}[data-layout=portrait] .ab-hud.compact .ab-hud-top-center{top:calc(10px + var(--ab-safe-t));width:calc(100% - 260px);min-width:200px}[data-layout=portrait] .ab-hud.compact .ab-party-info{width:64px}[data-layout=portrait] .ab-hud.compact .ab-party-loc{display:none}[data-layout=portrait] .ab-hud.compact .ab-hud-chat{top:calc(120px + var(--ab-safe-t));width:calc(100% - 80px)}.ab-touch-controls{z-index:5;pointer-events:none;position:absolute;inset:0}.ab-joystick-zone{pointer-events:auto;touch-action:none;width:50%;height:58%;position:absolute;bottom:0;left:0}[data-layout=portrait] .ab-joystick-zone{height:42%}.ab-joystick{width:calc(var(--stick-r) * 2);height:calc(var(--stick-r) * 2);margin:calc(var(--stick-r) * -1) 0 0 calc(var(--stick-r) * -1);pointer-events:none;background:radial-gradient(circle,#1a120c40,#1a120c8c);border:2px solid #f3e6d359;border-radius:50%;position:absolute}.ab-joystick.idle{left:calc(var(--stick-r) + 28px + var(--ab-safe-l));top:auto;bottom:calc(28px + var(--ab-safe-b));opacity:.4;transform:translateX(calc(var(--stick-r) * -1));margin:0}.ab-joystick-knob{background:radial-gradient(circle at 40% 35%,#f3e6d3,#b9a68c 60%,#6d5230);border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #0009}.ab-actions{right:calc(22px + var(--ab-safe-r));bottom:calc(26px + var(--ab-safe-b));pointer-events:none;width:88px;height:88px;position:absolute}.ab-actions>*{pointer-events:auto;touch-action:none}.ab-attack-btn{border:3px solid var(--ab-accent);background:radial-gradient(circle at 40% 35%,#6d5230,#2b1e16 70%);border-radius:50%;padding:10px;font-size:2rem;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 2px #120c08,0 6px 18px #0009}.ab-attack-btn:active{transform:scale(.95)}.ab-attack-btn .ab-asset{border-radius:50%}.ab-arc-btn{width:56px;height:56px;transform:translate(var(--ax), var(--ay));border:2px solid var(--ab-line-gold);background:radial-gradient(circle at 40% 35%,#4a3527,#140d09);border-radius:50%;margin:-28px 0 0 -28px;padding:5px;position:absolute;top:50%;left:50%;overflow:visible;box-shadow:0 4px 10px #0009}.ab-arc-btn .ab-asset,.ab-arc-btn .ab-cooldown{border-radius:50%}.ab-arc-btn.empty{opacity:.35}.ab-arc-btn.no-mana .ab-asset{filter:grayscale(.6)brightness(.55)sepia()hue-rotate(180deg)saturate(2.5)}.ab-arc-btn.aiming{border-color:var(--ab-accent-2);z-index:2}.ab-aim-ring{width:calc(var(--aim-r) * 2);height:calc(var(--aim-r) * 2);margin:calc(var(--aim-r) * -1) 0 0 calc(var(--aim-r) * -1);pointer-events:none;background:#f3c54a0f;border:2px dashed #f3c54a99;border-radius:50%;position:absolute;top:50%;left:50%}.ab-aim-dot{background:var(--ab-accent-2);width:26px;height:26px;box-shadow:0 0 12px var(--ab-accent-2);border-radius:50%;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%}.ab-aim-cancel{border:2px solid var(--ab-danger);color:#fff;background:#e5574a59;border-radius:50%;place-items:center;width:60px;height:60px;font-size:1.4rem;display:grid;position:absolute;top:-150px;left:-210px}.ab-potion-btn{border:2px solid var(--ab-life);background:radial-gradient(circle at 40% 35%,#4a2027,#140d09);border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;padding:6px;font-size:1.3rem;position:absolute;top:50%;left:50%;transform:translate(-176px,14px);box-shadow:0 4px 10px #0009}.ab-potion-btn.empty{opacity:.45}.ab-belt-menu{border:1px solid var(--ab-line-gold);background:#140d09f2;border-radius:10px;gap:4px;min-width:200px;padding:6px;display:grid;position:absolute;bottom:120px;right:0}.ab-belt-menu button{border:1px solid var(--ab-line);background:var(--ab-surface-3);text-align:left;border-radius:8px;min-height:44px;padding:0 .7rem}.ab-belt-menu-close{color:var(--ab-muted)!important}.ab-context-btn{border:2px solid var(--ab-accent);background:linear-gradient(#4a3527f2,#1a120cf2);border-radius:24px;justify-items:center;min-width:120px;min-height:48px;padding:4px 14px;animation:.25s ease-out ab-toast-in;display:grid;position:absolute;bottom:200px;right:0;box-shadow:0 0 14px #e8b04a66}.ab-context-btn strong{font-family:var(--ab-font-display);color:var(--ab-accent-2)}.ab-context-btn small{color:var(--ab-muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.7rem;overflow:hidden}@media (prefers-reduced-motion:reduce){.ab-window,.ab-toast,.ab-orb-wave,.ab-skill-node.can,.ab-orb.low{animation:none!important}}.ab-tutorial{z-index:18;left:50%;bottom:calc(238px + var(--ab-safe-b));border:1px solid var(--ab-line-gold);width:min(520px,100% - 24px);box-shadow:var(--ab-shadow);pointer-events:none;background:#140d09f0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:absolute;transform:translate(-50%)}.ab-tutorial strong{color:var(--ab-accent-2);font-family:var(--ab-font-display)}.ab-tutorial p{margin:3px 0 0}.ab-tutorial-arrow{color:var(--ab-accent-2);text-shadow:0 2px 12px #f3c54a;flex:none;font-size:2rem}.ab-tutorial .ab-btn{flex:none}.ab-tutorial button{pointer-events:auto}@media (max-height:520px){.ab-tutorial{bottom:calc(118px + var(--ab-safe-b));width:min(480px,100% - 24px)}.ab-tutorial-arrow{font-size:1.5rem}}@media (max-width:600px) and (min-height:521px){[data-layout=portrait] .ab-window-body{--ab-cell:clamp(34px, calc((100cqi - 2px) / 10), 44px);padding-left:4px;padding-right:4px}[data-layout=portrait] .ab-tutorial{bottom:calc(244px + var(--ab-safe-b))}}:root{--bg:#1a120c;--surface:#2b1e16;--surface-2:#3a2a1f;--surface-3:#4a3527;--line:#5c4330;--text:#f3e6d3;--muted:#b9a68c;--accent:#e8b04a;--accent-2:#f3c54a;--danger:#e57360;--good:#7fd88f;--radius:10px;--shadow:0 6px 24px #00000073;--font-display:"Cinzel", Georgia, serif;--font-body:"Alegreya Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);font-size:16px}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0;overflow:hidden}body{-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;margin:0 0 .5rem}h2{color:var(--accent);font-size:1.15rem}p{margin:.35rem 0;line-height:1.4}button,input,select{font:inherit}button{color:#24170d;cursor:pointer;background:linear-gradient(#f0bd58,#c98f2c);border:1px solid #b07d2b;border-radius:8px;min-height:44px;padding:0 1rem;font-weight:700;transition:transform 50ms,filter .15s;box-shadow:0 2px #7a5418}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}button.secondary{background:var(--surface-3);border-color:var(--line);color:var(--text);box-shadow:0 2px #241810}button.ghost{border-color:var(--line);color:var(--muted);box-shadow:none;background:#00000040}button.danger{color:#fff;background:linear-gradient(#e98270,#b84a3a);border-color:#8a3226;box-shadow:0 2px #5e2219}button.big{width:100%;min-height:52px;font-size:1.05rem}.icon-button{background:var(--surface-3);border-color:var(--line);min-width:44px;min-height:44px;color:var(--text);box-shadow:none;padding:0}input,select{border:1px solid var(--line);min-height:44px;color:var(--text);background:#140d09;border-radius:8px;width:100%;padding:0 .75rem}label{color:var(--muted);gap:.3rem;font-size:.9rem;display:grid}label.toggle{align-items:center;gap:.6rem;min-height:44px;display:flex}label.toggle input{width:22px;min-height:22px;accent-color:var(--accent)}.row{align-items:center;gap:.5rem;display:flex}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:.85rem}.center-text{text-align:center}.form-error{color:var(--danger);margin:0;font-weight:700}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#3a2a1ff5,#2b1e16f5);padding:1rem}.card{align-content:start;gap:.75rem;display:grid}.screen{-webkit-overflow-scrolling:touch;height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background-position:top;background-size:cover;overflow-y:auto}.screen.center{place-items:center;display:grid}.screen-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:1100px;margin:0 auto 1rem;display:flex}.screen-header h1{color:var(--accent-2);margin:0;font-size:clamp(1.3rem,5vw,1.8rem)}.hero-title{text-align:center;padding:5vh 0 3vh}.logo{color:var(--accent-2);text-shadow:0 3px #5a3a12,0 8px 30px #000c;margin:0;font-size:clamp(2rem,8vw,3.8rem)}.tagline{color:var(--text);text-shadow:0 2px 8px #000;font-size:1.05rem}.auth-card{max-width:420px;margin:0 auto}.tabs{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.tab{color:var(--muted);border-color:var(--line);box-shadow:none;background:#0000004d}.tab.active{background:var(--surface-3);color:var(--accent-2);border-color:var(--accent)}.portrait{background:radial-gradient(circle at 50% 30%,#5a4332,#1f150f);border-radius:8px;flex:none;place-items:center;display:grid;overflow:hidden}.portrait img{object-fit:contain;object-position:bottom;width:100%;height:100%}.portrait-sm{width:56px;height:70px}.portrait-md{width:110px;height:138px}.portrait-lg{width:160px;height:200px}.placeholder-portrait{font-family:var(--font-display);color:var(--accent);font-size:1.8rem}.character-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:.6rem;max-width:1100px;margin:0 auto;padding:0;list-style:none;display:grid}.character-card{text-align:left;width:100%;min-height:86px;color:var(--text);border:2px solid var(--line);box-shadow:none;background:linear-gradient(#4a3527,#2b1e16);align-items:center;gap:.75rem;padding:.5rem;font-weight:400;display:flex}.character-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #e8b04a4d}.character-info{gap:.1rem;min-width:0;display:grid}.character-info strong{font-family:var(--font-display);color:var(--accent-2);text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.character-info small{color:var(--muted)}.screen-actions{flex-wrap:wrap;gap:.6rem;max-width:1100px;margin:1rem auto 0;display:flex}.screen-actions .play-button{flex:100%;order:-1}.class-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:.75rem;max-width:1100px;margin:0 auto;display:grid}.class-card{text-align:center;min-height:auto;color:var(--text);box-shadow:none;background:linear-gradient(#4a3527,#2b1e16);border:2px solid #6d5230;justify-items:center;gap:.35rem;padding:.75rem;font-weight:400;display:grid}.class-card.selected{border-color:var(--accent-2);box-shadow:0 0 0 3px #f3c54a59}.class-card strong{font-family:var(--font-display);color:var(--accent-2);font-size:1.1rem}.class-card small{color:var(--muted);line-height:1.3}.attr-list{color:var(--muted);gap:.6rem;margin:.2rem 0 0;padding:0;font-size:.8rem;list-style:none;display:flex}.attr-list li{justify-items:center;display:grid}.attr-list b{color:var(--text);font-size:.95rem}.create-form{max-width:480px;margin:1rem auto 0;position:sticky;bottom:0}@media (max-width:600px){.class-card{text-align:left;grid-template-columns:72px 1fr;justify-items:start;column-gap:.75rem}.class-card .portrait{grid-row:span 3;width:72px;height:90px}.class-card small{font-size:.82rem}.create-form{gap:.5rem;padding:.75rem}}.rooms-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem;max-width:1100px;margin:0 auto;display:grid}.rooms-screen>.form-error{max-width:1100px;margin:0 auto 1rem}.code-input{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;text-align:center;font-size:1.3rem}.room-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.room-list li{background:#00000040;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem;display:flex}.room-list li div{min-width:0;display:grid}.room-list small{color:var(--muted)}.modal-backdrop{z-index:20;background:#0a0604bf;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:min(100%,440px);max-height:90dvh;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.modal-header h2{margin:0}.app{height:100%;position:relative}.phaser-root{touch-action:none;position:absolute;inset:0}.hud-top{top:max(12px, env(safe-area-inset-top));text-align:center;pointer-events:none;position:absolute;left:16px;right:16px}.hud-top h1{font-family:var(--font-display);color:var(--accent);text-shadow:0 2px 8px #000000b3;margin:0;font-size:clamp(1.1rem,4.5vw,2rem)}.hud-character{font-family:var(--font-display);color:var(--text);text-shadow:0 2px 6px #000;margin:2px 0 0}.hud-actions{bottom:max(12px, env(safe-area-inset-bottom));right:max(12px, env(safe-area-inset-right));gap:.5rem;display:flex;position:absolute}.status{color:var(--muted);margin:4px 0 0}.status-online{color:var(--good)}.status-error{color:var(--danger)}.party-roster{gap:6px;max-width:220px;font-size:13px;display:grid;position:absolute;top:100px;left:12px}.party-roster>div{background:#211a12cc;border:1px solid #745934;border-radius:8px;padding:5px 8px}.party-roster small{color:var(--muted);display:block}.party-roster button{min-height:44px;margin-top:4px;font-size:12px}.room-chat{background:#211a12b8;border-radius:8px;width:min(310px,52vw);padding:6px;position:absolute;bottom:76px;right:12px}.room-chat form{gap:4px;display:flex}.room-chat input{width:100%;min-width:0;font-size:13px}.chat-log{max-height:120px;font-size:13px;overflow-y:auto}.chat-log p{overflow-wrap:anywhere;margin:3px 0}.joystick{bottom:max(22px, env(safe-area-inset-bottom));left:max(20px, env(safe-area-inset-left));touch-action:none;-webkit-user-select:none;user-select:none;background:#382b1980;border:2px solid #ae844b9c;border-radius:50%;place-items:center;width:132px;height:132px;display:grid;position:absolute}.joystick span{pointer-events:none;background:#cfa752b3;border-radius:50%;width:52px;height:52px}@media (max-height:450px){.party-roster{top:65px}.room-chat{bottom:65px}.chat-log{max-height:65px}}.combat-panel{bottom:max(12px, env(safe-area-inset-bottom));z-index:10;align-items:end;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.combat-center{text-align:center;width:min(420px,48vw)}.combat-center>button{padding:6px;font-size:12px}.combat-skills{gap:4px;max-width:100%;display:flex;overflow-x:auto}.combat-skills button{touch-action:none;min-width:64px;min-height:44px;font-size:12px}.arena-controls{z-index:10;flex-direction:column;gap:4px;display:flex;position:absolute;top:100px;right:12px}.arena-controls span{background:#201a12c0;padding:6px}@media (max-width:600px){.combat-panel{gap:4px;left:auto;right:8px;transform:none}.combat-center{width:42vw}.combat-panel .ab-orb{--orb:42px!important}.arena-controls{font-size:12px;top:80px}}.combat-log{pointer-events:none;color:#ecd699;font-size:12px;position:absolute;top:180px;right:12px}.combat-log p{margin:4px 0}.hud-actions{bottom:max(132px, calc(env(safe-area-inset-bottom) + 132px));z-index:17}.room-chat{bottom:max(184px, calc(env(safe-area-inset-bottom) + 184px));z-index:16}.combat-panel .ab-xpbar{pointer-events:none}@media (max-height:450px){.room-chat{max-height:125px;bottom:184px}.chat-log{max-height:65px}.hud-actions{bottom:132px}}.inventory-actions{z-index:15;gap:4px;display:flex;position:absolute;top:70px;left:12px}.ground-loot{z-index:17;flex-direction:column;max-width:250px;max-height:150px;display:flex;position:absolute;top:240px;right:12px;overflow:auto}.ground-loot button{min-height:36px;font-size:12px}.app[data-touch-controls="1"] .ground-loot button{min-height:44px}.loot-magico{color:#7db7ff}.loot-raro{color:#f6dd59}.loot-unico{color:#cd9e64}.loot-set{color:#70d45f}.potion-belt{z-index:15;gap:4px;display:flex;position:absolute;bottom:154px;left:12px}.potion-belt button{width:55px;min-height:44px;padding:4px}.potion-belt small{font-size:9px;line-height:11px;display:block}.game-notice{z-index:60;background:#431b21;max-width:90%;position:absolute;top:120px;left:50%;transform:translate(-50%)}.app{touch-action:pan-x pan-y;overflow:hidden}.app button,.app input,.app select{touch-action:manipulation}.app[data-touch-controls="1"] .combat-panel{bottom:calc(140px + env(safe-area-inset-bottom));align-items:center;gap:4px;left:50%;transform:translate(-50%)}.app[data-touch-controls="1"] .combat-center{width:min(170px,34vw)}.app[data-touch-controls="1"] .combat-skills,.app[data-touch-controls="1"] .combat-center>button{display:none}.app[data-touch-controls="1"] .combat-panel .ab-orb{--orb:44px!important}.reconnect-banner{z-index:70;top:max(8px, env(safe-area-inset-top));color:#ffe3a2;pointer-events:none;background:#140d09f0;border:1px solid #e8b04a;border-radius:22px;padding:8px 16px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0009}.game-loading{z-index:80;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:radial-gradient(#3a2a1fb8,#0a0705e6);place-items:center;display:grid;position:absolute;inset:0}.game-loading-card{background:linear-gradient(145deg,#38291fef,#1b120df5);border:1px solid #8a6a3a;border-radius:16px;align-items:center;gap:clamp(12px,4vw,32px);width:min(560px,100%);min-height:190px;padding:20px;display:flex;box-shadow:0 18px 55px #000b,inset 0 0 24px #e8b04a12}.game-loading-art{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 16px #0009);flex:none;width:clamp(96px,28vw,168px);height:clamp(120px,36vw,210px)}.game-loading-copy{justify-items:start;gap:10px;display:grid}.game-loading-copy h2{color:var(--accent-2)}.game-loading-copy p{max-width:300px;color:var(--text)}.game-loading-spinner{border:3px solid #5c4330;border-top-color:var(--accent-2);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite game-loading-spin}@keyframes game-loading-spin{to{transform:rotate(360deg)}}.status-reconnecting{color:#ffe3a2}@media (max-width:600px){.hud-top{top:calc(4px + env(safe-area-inset-top))}.hud-top h1{font-size:1rem}.hud-character{font-size:.82rem}.party-roster{top:calc(74px + env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));max-width:148px;font-size:11px}.party-roster button{padding:3px;font-size:10px}.hud-actions{top:calc(154px + env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));flex-direction:column;gap:4px;max-width:132px;bottom:auto}.hud-actions button{min-height:44px;padding:0 8px;font-size:11px}.ground-loot{top:calc(350px + env(safe-area-inset-top));max-height:min(150px,20vh)}.room-chat{right:max(8px, env(safe-area-inset-right));width:min(310px,100vw - 16px)}}@media (max-height:450px){.hud-actions{top:calc(8px + env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));grid-template-columns:repeat(2,minmax(54px,1fr));width:min(176px,23vw);display:grid;bottom:auto}.arena-controls{top:calc(92px + env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));width:min(220px,28vw);max-width:none;right:auto}.arena-controls button{min-width:0;padding-left:4px;padding-right:4px;font-size:11px}.party-roster{top:calc(8px + env(safe-area-inset-top));max-width:190px}.game-loading-card{min-height:150px;padding:10px}.game-loading-art{height:136px}}@media (prefers-reduced-motion:reduce){.game-loading-spinner{animation:none}}.inventory-actions,.ground-loot,.potion-belt,.combat-panel{pointer-events:auto}.item-actions{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.item-actions button{min-height:44px;padding:6px;font-size:12px}.arena-controls{grid-template-columns:repeat(3,minmax(0,1fr));max-width:min(420px,60vw);display:grid}.arena-controls span{grid-column:1/-1}.arena-controls button{min-height:44px;padding:6px;font-size:12px}@media (max-width:600px) and (min-height:451px){.inventory-actions{top:auto;bottom:240px}.potion-belt{bottom:184px}}@media (max-height:450px){.inventory-actions{max-width:240px;top:12px}.inventory-actions button{padding:5px;font-size:12px}}.town-services-toggle{z-index:15;pointer-events:auto;position:absolute;bottom:294px;left:12px}.town-service-list{flex-direction:column;gap:6px;margin:8px 0;display:flex}.town-service-list button{text-align:left;min-height:44px;padding:8px}.town-portrait{float:right;width:80px;height:80px}.personal-portal{z-index:15;pointer-events:auto;position:absolute;bottom:350px;left:12px}@media (max-height:450px){.town-services-toggle{top:65px;bottom:auto}.personal-portal{top:114px;bottom:auto}}.town-result{border:1px solid #bb873d;padding:8px;animation:.6s ease-out forge-sparks}.town-result.success{color:#ffe17c}.town-result.failure{color:#ed9e8b}@keyframes forge-sparks{0%{background:#7e4a21;box-shadow:0 0 28px #ffc658}to{box-shadow:none;background:0 0}}@media (prefers-reduced-motion:reduce){.town-result{animation:none}}.zone-name{top:max(112px, calc(env(safe-area-inset-top) + 112px));color:#f4dfb6;pointer-events:none;white-space:nowrap;z-index:5;background:#211a12b8;border-radius:8px;margin:0;padding:4px 10px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.dungeon-minimap{top:max(44px, calc(env(safe-area-inset-top) + 44px));right:max(12px, env(safe-area-inset-right));z-index:5;pointer-events:auto;position:absolute}.stairs-countdown{color:#ffe7a8;z-index:40;background:#2a1f0ee6;border:1px solid #e8c45a;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex;position:absolute;top:150px;left:50%;transform:translate(-50%)}.stairs-countdown button{min-height:44px}.darkness-overlay{pointer-events:none;z-index:2;background:radial-gradient(circle at 50% 50%, transparent 0, transparent var(--light-radius), #040308f2 calc(var(--light-radius) + 60px));transition:opacity .6s;position:absolute;inset:0}@media (max-width:600px){.dungeon-minimap .ab-minimap-frame{width:104px;height:104px}.zone-name{top:max(190px, calc(env(safe-area-inset-top) + 190px))}.stairs-countdown{top:230px}}@media (max-height:450px){.dungeon-minimap .ab-minimap-frame{width:96px;height:96px}.dungeon-minimap{top:8px;right:50%;transform:translate(150%)}.zone-name{top:8px;left:30%}.stairs-countdown{top:60px}}.guide-dungeon{flex-direction:column;gap:4px;display:flex}.guide-waypoints{flex-wrap:wrap;gap:4px;display:flex}.guide-waypoints button{min-width:64px;min-height:44px}