:root{--bg:#0e0d0b;--panel:#1a1814;--panel-2:#24211b;--border:#3a352b;--text:#e6dfcf;--muted:#9a917f;--accent:#c8a45a;--danger:#c0533f;--life:#b3322b;--es:#9cdef5;--mana:#285bdc;--xp:#7a9c3a;--normal:#d8d8d8;--magic:#8f8fff;--rare:#ff7;--unique:#e08a3c;--str:#e5655c;--dex:#6cc06c;--int:#5c9ded;--fire:#e5655c;--cold:#5c9ded;--lightning:#e8c440;--chaos:#b05cd8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--topbar-h:57px}html:has(.topbar){scroll-padding-top:var(--topbar-h);overflow-y:scroll}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.danger{border-color:var(--danger)}button.primary{border-color:var(--accent);color:var(--accent)}h1,h2,h3{margin:0 0 8px;font-weight:600}h2{color:var(--accent);font-size:15px}h3{font-size:14px}.muted{color:var(--muted)}.warn{color:#e0b050}.app{max-width:1440px;margin:0 auto;padding:12px 16px 32px}.tabs{gap:4px;margin:12px 0;display:flex;overflow-x:auto}.tab.active{border-color:var(--accent);color:var(--accent)}.topbar{z-index:10;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0}.sync-banners{max-width:1440px;margin:0 auto;padding:0 16px}.topbar-inner{align-items:center;gap:16px;max-width:1440px;min-height:56px;margin:0 auto;padding:0 16px;display:flex;position:relative}.topbar-title{background:0 0;border:none;flex:none;padding:0}.topbar-title img{filter:drop-shadow(0 1px 2px #000);width:120px;height:48px;display:block}.topbar-nav{align-self:stretch;gap:4px;margin-right:auto;display:flex}.topbar-tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:0 12px;font-size:15px}.topbar-tab:hover:not(:disabled){border-color:#0000;border-bottom-color:var(--border);color:var(--text)}.topbar-tab.active,.topbar-tab.active:hover:not(:disabled){border-bottom-color:var(--accent);color:var(--accent)}.topbar-hero{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-avatar{border:2px solid var(--accent);background:0 0;border-radius:50%;flex:none;width:40px;height:40px;padding:0;overflow:hidden}.topbar-avatar[aria-expanded=true]{box-shadow:0 0 0 3px #c8a45a55}.avatar.avatar-round{border:none;border-radius:50%;width:100%;height:100%}@media (width<=600px){.topbar-inner{gap:4px;padding:0 8px}.topbar-title,.topbar-hero{display:none}.topbar-tab{padding:0 10px}}.account-popover{z-index:10;background:var(--panel);border:1px solid var(--accent);border-radius:6px;flex-direction:column;gap:12px;width:320px;padding:14px;display:flex;position:absolute;top:calc(100% + 6px);right:16px;box-shadow:0 10px 28px #000c}.popover-player{align-items:center;gap:12px;display:flex}.popover-player .avatar{border:2px solid var(--accent);border-radius:50%;flex:none;width:64px;height:64px}.popover-who{flex-direction:column;min-width:0;display:flex}.popover-who .player-nick{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.popover-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.stat-tile{background:var(--panel-2);border-radius:4px;min-width:0;padding:8px 10px}.stat-tile.wide{grid-column:span 2}.stat-tile dt{color:var(--muted);font-size:12px}.stat-tile dd{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;font-weight:600;overflow:hidden}.stat-tile.wide dd{font-size:14px}.popover-actions{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding-top:10px;display:flex}.popover-actions button{text-align:left}.popover-exit{border-top:1px solid var(--border);flex-direction:column;padding-top:10px;display:flex}.popover-logout{text-align:left;color:var(--danger);border-color:var(--danger)}@media (width<=600px){.account-popover{width:auto;left:8px;right:8px}}.act-tabs{flex-wrap:wrap;margin:0 0 8px;overflow-x:visible}.act-tabs .tab{white-space:nowrap;flex:1 0 auto}.layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}@media (width<=900px){.layout{grid-template-columns:minmax(0,1fr)}}.layout-single{grid-template-columns:minmax(0,1fr)}.layout:has(.inventory-screen){grid-template-columns:minmax(0,1fr)}.battle-row{margin-bottom:16px;position:relative}.battle-row>.battle{margin-bottom:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;margin-bottom:12px;padding:12px}.banner{background:#3a2a10;border:1px solid #7a5a20;border-radius:4px;margin:8px 0;padding:8px 12px}.toast{background:var(--panel-2);border:1px solid var(--danger);z-index:20;border-radius:4px;max-width:calc(100vw - 32px);padding:8px 14px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.bar{border:1px solid var(--border);background:#000;border-radius:3px;flex:1;min-width:120px;height:20px;margin:4px 0;position:relative;overflow:hidden}.bar-fill{height:100%;transition:width .2s linear}.bar-xp .bar-fill{background:var(--xp)}.bar-life .bar-fill{background:var(--life)}.bar-es .bar-fill{background:var(--es)}.bar-progress .bar-fill{background:var(--accent)}.bar-text{text-shadow:0 1px 2px #000;white-space:nowrap;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.rarity-normal{color:var(--normal)}.rarity-magic{color:var(--magic)}.rarity-rare{color:var(--rare)}.rarity-unique{color:var(--unique)}.stat-list{grid-template-columns:auto 1fr;gap:2px 16px;margin:0;display:grid}.stat-list dt{color:var(--muted)}.stat-list dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.tooltip{border:1px solid var(--border);text-align:center;background:#0b0a08;border-radius:4px;min-width:240px;max-width:360px;padding:10px}.tooltip-name{font-size:15px;font-weight:700}.tooltip-base,.tooltip-meta{color:var(--muted)}.tooltip-meta{margin-bottom:6px;font-size:12px}.tooltip-section{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.mod-line,.implicit-line,.unique-line{color:var(--magic)}.implicit-line{opacity:.85}.mod-line{text-align:left;grid-template-columns:34px minmax(0,1fr);align-items:baseline;display:grid}.mod-tag{color:var(--muted);font-size:11px}.actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.inventory-screen{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid;container-type:inline-size}.stash-panel{--cell:min(64px, calc((100cqi - 484px) / 20));--doll:var(--cell);width:100%}.inventory-side{flex-direction:column;width:100%;min-width:0;display:flex}.hero-stats .stat-list{display:block}.hero-stats .stat-row{border-radius:3px;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 8px;display:flex}.hero-stats .stat-row:nth-child(2n){background:#ffffff09}.hero-stats .stat-row:hover{background:#c8a45a1a}.hero-stats .stat-row dt{min-width:0;color:var(--text)}.hero-stats .stat-row dd{white-space:nowrap;flex:none}.hero-stats .stat-row.wide{flex-direction:column;align-items:stretch;gap:2px}.hero-stats .stat-row.wide dd{white-space:normal;text-align:left;color:var(--muted)}.hero-stats .stat-row.strong dd{color:var(--accent);font-weight:700}.hero-stats .stat-row{position:relative}.stat-tip{z-index:30;color:var(--text);text-align:left;pointer-events:none;background:#0b0a08;border:1px solid #5a5242;border-radius:4px;padding:8px 10px;font-size:13px;font-weight:400;line-height:1.5;display:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 18px #000c}.stat-row:hover .stat-tip,.stat-row dd:focus-visible .stat-tip{display:block}.res-tip{font-variant-numeric:tabular-nums;grid-template-columns:auto auto auto;row-gap:2px;display:grid}.res-tip>:not(:nth-child(3n+1)){text-align:right;padding-left:18px}.res-tip-head{border-bottom:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;padding-bottom:4px;font-size:11px}.res-tip-max{color:var(--muted)}.res-tip-capped{font-weight:700}.res-tip-negative{color:var(--danger)}.stat-section{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:16px 0 6px;font-size:12px;font-weight:600}.hero-stats h2+.stat-section{margin-top:8px}.stat-tabs{gap:4px;margin:12px 0 4px;display:flex}.stat-tabs .tab{flex:1;padding:6px 10px;font-weight:600}.stat-tabs .tab.alert:after{content:"";vertical-align:middle;background:#e0b050;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.hero-stats [role=tabpanel]>.stat-section:first-child{margin-top:10px}.hero-title{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px;padding-bottom:12px;display:flex}.hero-title .bar{flex-basis:100%;margin:0}.hero-level{color:var(--accent);font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1}.hero-class{flex-direction:column;gap:2px;font-size:18px;font-weight:600;display:flex}.hero-class small{color:var(--muted);font-size:12px;font-weight:400}.split-sep{color:var(--muted)}.attr-str{color:var(--str)}.attr-dex{color:var(--dex)}.attr-int{color:var(--int)}.res-fire{color:var(--fire)}.res-cold{color:var(--cold)}.res-lightning{color:var(--lightning)}.res-chaos{color:var(--chaos)}.gem-str{--gem:var(--str)}.gem-dex{--gem:var(--dex)}.gem-int{--gem:var(--int)}.gem-text-str{color:var(--str)}.gem-text-dex{color:var(--dex)}.gem-text-int{color:var(--int)}.gem-orb{border:2px solid var(--gem,var(--border));background:color-mix(in srgb, var(--gem,#000) 35%, #0b0a08);font-variant-numeric:tabular-nums;width:24px;height:24px;color:var(--text);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.gem-orb.empty{--gem:var(--border);background:#0b0a08}.gem-links{background:linear-gradient(var(--muted), var(--muted)) center / calc(100% - 24px) 2px no-repeat;gap:6px;width:max-content;margin-bottom:4px;display:flex}.gem-icon{aspect-ratio:1;width:92%;margin:auto;display:block;position:relative}.gem-icon img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.gem-icon.off{filter:grayscale(.8)brightness(.6)}.gem-icon-level{color:#fff;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;background:#090807d9;border-radius:2px;padding:1px 2px;font-size:11px;font-weight:700;line-height:1;position:absolute;bottom:0;right:0}.gem-icon-level.boosted{color:var(--magic)}.gem-orb .gem-icon{width:100%}.gem-orb .gem-icon-level{font-size:9px}.gem-cell{background:#15130f;border:1px solid #3d3a32}.bag-tabs{gap:4px;display:flex}.stack-hidden{visibility:hidden}.bag-tabs .tab{padding:4px 10px;font-weight:600}.doll-slot{position:relative}.socket-overlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.socket-overlay.two-col{grid-template-columns:repeat(2,auto);place-content:center;gap:4px;display:grid}.socket.link-up:after,.socket.link-left:after,.socket.link-right:after{content:"";background:#8a7d5a;position:absolute}.socket.link-up:after{width:3px;height:8px;bottom:100%;left:50%;translate:-50%}.socket.link-left:after{width:8px;height:3px;top:50%;right:100%;translate:0 -50%}.socket.link-right:after{width:8px;height:3px;top:50%;left:100%;translate:0 -50%}.socket{width:calc(var(--doll) * .9);aspect-ratio:1;pointer-events:auto;cursor:default;background:radial-gradient(circle,#050505 55%,#1d1a14);border:2px solid #6b6250;border-radius:50%;padding:0;display:flex;position:relative}.socket.has-gem{cursor:grab}.socket.drop-target{border-color:var(--xp)}.socket.lifted .gem-icon{opacity:.3}.socket .gem-icon{width:100%}.socket .gem-icon-level{font-size:11px}.drag-ghost.gem-ghost{width:var(--cell);height:var(--cell);margin:calc(var(--cell) * -.5) 0 0 calc(var(--cell) * -.5);box-shadow:none;background:0 0;border:0;display:flex}.stash-panel{-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;gap:12px 20px;min-width:0;display:flex}.doll-col{background:#191813 url(/ui/equipment/compact-v1/backdrop.webp) 50%/100% 100% no-repeat;border-radius:8px;padding:12px}.doll-col h2{margin:0 0 8px}.bag-col{width:min-content}.doll{grid-template-columns:repeat(8, var(--doll));grid-template-rows:repeat(6, var(--doll));grid-template-areas:"weapon weapon.helmet helmet.offhand offhand""weapon weapon.helmet helmet.offhand offhand""weapon weapon.body body amulet offhand offhand""weapon weapon ring1 body body ring2 offhand offhand"".gloves gloves body body boots boots."".gloves gloves belt belt boots boots.";justify-content:center;gap:3px;display:grid}.doll-slot{border:1px solid var(--border);background:#0b0a08;border-radius:3px;min-width:0;display:flex;box-shadow:inset 0 0 8px #000}.doll-slot.drop-ok{outline:2px solid var(--xp)}.doll-slot.drop-bad{outline:2px solid var(--danger)}.slot-empty{opacity:.13;filter:grayscale();flex:1;padding:12%;display:flex}.doll-slot[data-drop=weapon] .slot-empty,.doll-slot[data-drop=offhand] .slot-empty{opacity:1;filter:none;background:url(/ui/equipment/compact-v1/main-hand.webp) 50%/100% 100% no-repeat;padding:0}.doll-slot[data-drop=offhand] .slot-empty{background-image:url(/ui/equipment/compact-v1/off-hand.webp)}.doll-slot[data-drop=weapon] .slot-empty .item-icon,.doll-slot[data-drop=offhand] .slot-empty .item-icon{visibility:hidden}.offhand-twohand{grid-area:offhand}.offhand-twohand .item-icon{opacity:.35;filter:grayscale(.6)drop-shadow(0 1px 1px #000)}.item-icon{filter:drop-shadow(0 1px 1px #000);width:100%;height:100%;display:block}.item-art{object-fit:contain;min-width:0;min-height:0}.item-cell{cursor:grab;-webkit-touch-callout:none;border-radius:3px;flex:1;min-width:0;padding:3px;display:flex}.item-cell.selected{outline:2px solid var(--accent);outline-offset:-2px}.item-cell.lifted{opacity:.3}.item-cell.unwearable,.doll-slot.inactive .item-cell{border-color:#a03028;box-shadow:inset 0 0 0 100px #961c1680}.rarity-cell-normal{background:#1d1b17;border-color:#3d3a32}.rarity-cell-magic{background:radial-gradient(circle,#26295a,#12132a);border-color:#4a4f9a}.rarity-cell-rare{background:radial-gradient(circle,#3f3816,#1c190b);border-color:#8a7d30}.rarity-cell-unique{background:radial-gradient(circle,#3d2512,#1b1009);border-color:#a2622a}.bag-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.bag-head h2{margin:0}.bag-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.bag-actions button,.bag-actions select{padding:4px 8px;font-size:12px}.bulk-sale{gap:6px;display:flex}.bag-actions select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:4px;font-size:12px}.bag-actions .sell-coins{width:34px;height:30px;padding:2px;display:flex}.sell-coins img{object-fit:contain;pointer-events:none;width:100%;height:100%}.sell-coins.in-hand{border-color:var(--accent);box-shadow:inset 0 0 10px #c8a24a66}.stash-panel.selling,.stash-panel.selling .item-cell{cursor:url(/ui/sell/coins-cursor.png) 4 4,copy}.sale-tip{align-items:center;gap:6px;min-width:0;padding:4px 8px;font-size:12px;display:flex}.sale-tip img{width:20px;height:20px}.bag{grid-template-columns:repeat(12, var(--cell));grid-auto-rows:var(--cell);border:1px solid var(--border);background:#0b0a08;border-radius:4px;justify-content:center;gap:2px;width:max-content;margin-inline:auto;padding:4px;display:grid}.bag.drop-ok,.gem-stash.drop-ok{outline:2px dashed var(--xp)}.gem-stash{width:max-content;height:calc(var(--rows) * var(--cell) + (var(--rows) - 1) * 2px + 10px);border:1px solid var(--border);background:#0b0a08;border-radius:4px;flex-direction:column;gap:6px;margin-inline:auto;padding:4px;display:flex;overflow-y:auto}.gem-section h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 3px 2px;font-size:11px;font-weight:600}.gem-section h3 span{color:var(--text);font-variant-numeric:tabular-nums}.gem-grid{grid-template-columns:repeat(12, var(--cell));grid-auto-rows:var(--cell);gap:2px;display:grid}.bag-empty{border:1px solid #1f1c17;border-radius:2px}.bag-footprint{pointer-events:none;border-radius:3px}.bag-footprint.ok{outline:2px solid var(--xp);outline-offset:-2px;background:#6ebe5a38}.bag-footprint.bad{outline:2px solid var(--danger);outline-offset:-2px;background:#be322847}.hover-tooltip{z-index:30;pointer-events:none;align-items:flex-start;gap:8px;display:flex;position:fixed}.hover-tooltip .tooltip{border-color:#5a5242;box-shadow:0 6px 18px #000c}.hover-tooltip-label{text-align:center;color:var(--muted);background:#0b0a08;border:1px solid #5a5242;border-bottom:0;border-radius:4px 4px 0 0;padding:2px 8px;font-size:11px}.tooltip-warn{color:var(--danger)}.drag-ghost{--ghost-w:calc(var(--cell) * var(--w,1) + 2px * (var(--w,1) - 1));--ghost-h:calc(var(--cell) * var(--h,1) + 2px * (var(--h,1) - 1));z-index:40;width:var(--ghost-w);height:var(--ghost-h);margin:calc(var(--ghost-h) / -2) 0 0 calc(var(--ghost-w) / -2);pointer-events:none;opacity:.9;cursor:grabbing;border:1px solid;border-radius:3px;padding:3px;position:fixed;top:0;left:0;box-shadow:0 4px 12px #000c}@media (width<=1100px){.inventory-screen{grid-template-columns:minmax(0,1fr);gap:12px}.stash-panel{--cell:min(64px, calc((100cqi - 128px) / 20))}}@container (width<=860px){.stash-panel{--cell:min(64px, calc((100cqi - 62px) / 12));--doll:min(56px, calc(var(--cell) * 1.5), calc((100cqi - 72px) / 8))}}.map-screen{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"acts.""notices.""heading.""map zone";align-items:start;gap:0 16px;display:grid}.map-screen>.act-tabs{grid-area:acts;min-width:0}.map-notices{grid-area:notices;gap:6px;display:grid}.map-notice{background:#3a2a10;border:1px solid #7a5a20;border-radius:4px;margin:0 0 8px;padding:8px 12px}.map-notice.campaign-complete{border-color:var(--xp);color:#dcecc5;background:#24351b}.map-notice.resist-penalty{border-color:var(--danger);color:#ffb09d;background:#3a211b}.act-heading{grid-area:heading;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin:0 0 8px;display:flex}.act-heading h2{margin:0}.act-restart{white-space:nowrap}@media (width<=900px){.map-screen{grid-template-columns:minmax(0,1fr);grid-template-areas:"acts""notices""heading""map""zone"}}.map-panel{--map-art:none;--map-tint:#090b0a7a;isolation:isolate;background:#15120d;grid-area:map;align-self:stretch;min-width:0;padding:4px;display:grid;position:relative;overflow:hidden}.map-panel:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(160deg, var(--map-tint), #090b0aa8), var(--map-art) center / cover no-repeat, linear-gradient(160deg, #1f1a12, #15120d);position:absolute;inset:0}@media (width>=901px){.map-panel:before{height:max(100dvh,1080px);bottom:auto;-webkit-mask-image:linear-gradient(#000 90%,#0000);mask-image:linear-gradient(#000 90%,#0000)}}.map-panel.act-1{--map-art:url(/zones/maps/act-1.webp);--map-tint:#15363d73}.map-panel.act-2{--map-art:url(/zones/maps/act-2.webp);--map-tint:#2241236b}.map-panel.act-3{--map-art:url(/zones/maps/act-3.webp);--map-tint:#39264573}.map-panel.act-4{--map-art:url(/zones/maps/act-4.webp);--map-tint:#4c22196b}.map-panel.act-5{--map-art:url(/zones/maps/act-5.webp);--map-tint:#5b411666}.map-panel.act-6{--map-art:url(/zones/maps/act-6.webp);--map-tint:#1d3d496b}.map-panel.act-7{--map-art:url(/zones/maps/act-7.webp);--map-tint:#3d254c6e}.map-panel.act-8{--map-art:url(/zones/maps/act-8.webp);--map-tint:#5f2f196b}.map-panel.act-9{--map-art:url(/zones/maps/act-9.webp);--map-tint:#25462e66}.map-panel.act-10{--map-art:url(/zones/maps/act-10.webp);--map-tint:#482b2270}.act-map{align-items:start;min-width:0;display:grid}.act-map svg{width:100%;height:auto;margin:0 auto;display:block}@media (width>=901px){.act-map:not(.narrow) svg{max-height:max(440px,100dvh - 260px)}}.map-edge polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.map-edge .casing{stroke:#080705b8;stroke-width:9px}.map-edge .stroke{stroke:#b39a68;stroke-width:4px}.map-arrow{fill:#e2c98f;stroke:#0b0a08;stroke-width:1.5px;stroke-linejoin:round}.map-edge.done .stroke{stroke:#7fb552}.map-arrow.done{fill:#a6dc78}.map-edge.locked .stroke{stroke:#9a8c70;stroke-dasharray:7 7}.map-edge.locked .casing{stroke-dasharray:11 3}.map-arrow.locked{fill:#b4a585}.map-edge.skipped{opacity:.28}.map-edge.skipped .stroke{stroke:#8a8172;stroke-dasharray:7 7}.map-arrow.skipped{fill:#8a8172}.map-node text{fill:#efe6d2;text-anchor:middle;paint-order:stroke;stroke:#080705eb;stroke-width:6px;stroke-linejoin:round;filter:drop-shadow(0 1px 3px #000000e6);font-size:24px;font-weight:600}.map-node .map-reward{fill:var(--accent);font-size:19px}.map-node .hit{fill:#0000}.map-node .halo{fill:#08070599}.map-node .ring{fill:#2a2419;stroke:var(--accent);stroke-width:3px}.map-node .level{fill:var(--accent);filter:none;font-size:27px;font-weight:700}.map-node.future .map-name,.map-node.locked .map-name{fill:#cfc4ab}.map-node.locked .ring{fill:#1b1814;stroke:#6d6350}.map-node.locked .level{fill:#9a8f78}.map-node.locked .map-boss{opacity:.45}.map-node.future .ring{fill:#211d18;stroke:#8d7a55;stroke-dasharray:4 4}.map-node.skipped{opacity:.38;filter:grayscale();transition:opacity .15s}.map-node.skipped .ring{fill:#1b1814;stroke:#6d6350}.map-node.skipped:hover,.map-node.skipped.selected,.map-node.skipped:focus-visible{opacity:.85}.map-node.available .ring{fill:#2a2419;stroke:var(--accent)}.map-node.current .ring{fill:#44341d;stroke:#fff0a2;stroke-width:4px}.map-node.cleared .ring{fill:#3d6b2a;stroke:#8cc063}.map-node .check{fill:none;stroke:#effbe2;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.map-node[role=button]{cursor:pointer;outline:none}.map-node[role=button]:hover .ring{filter:brightness(1.35)}.map-node.selected .ring,.map-node:focus-visible .ring{stroke:#fff;stroke-width:4px}.map-node.selected .ring{filter:drop-shadow(0 0 6px var(--accent))}.map-node.running .ring{stroke:var(--unique);stroke-width:4px}.map-node.danger .ring{stroke:var(--danger);stroke-width:4px}.map-node.danger .level{fill:#ff8a6e}.map-node.danger.selected .ring,.map-node.danger:focus-visible .ring{stroke:#fff}.map-node .pulse{fill:none;stroke:var(--accent);stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite map-pulse}@keyframes map-pulse{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.map-node .pulse{opacity:.6;animation:none}}.map-boss path{fill:#c0533f;stroke:#0b0a08;stroke-width:1.5px}.map-boss .eye{fill:#140c08}.map-locked{grid-area:map}.zone-card{top:calc(var(--topbar-h) + 12px);grid-area:zone;gap:14px;display:grid;position:sticky}@media (width<=900px){.zone-card{position:static}}.zone-art{aspect-ratio:5/6;background:#0b0a08;border:1px solid #6b5a36;border-radius:10px;justify-self:center;width:100%;max-width:360px;max-height:max(220px,100dvh - 520px);margin:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #0b0a08,inset 0 0 0 4px #4a3d24,0 6px 18px #00000080}.zone-art img{object-fit:cover;width:100%;height:100%;display:block}.zone-art-fallback{background:50%/100% no-repeat,radial-gradient(at 50% 45%,#2a2419,#0b0a08 70%);position:absolute;inset:0 0 30%}.zone-art figcaption{text-align:center;text-shadow:0 1px 2px #000;background:linear-gradient(#0000,#080705d9 45%);gap:2px;padding:40px 14px 14px;display:grid;position:absolute;inset:auto 0 0}.zone-art-name{color:var(--accent);font-size:17px;font-weight:700}.zone-art figcaption .muted{font-size:12px}.zone-art .boss-tag{border:1px solid var(--danger);color:var(--danger);background:#0b0a08cc;border-radius:3px;padding:2px 8px;font-size:12px;position:absolute;top:10px;right:10px}.zone-facts{grid-template-columns:max-content minmax(0,1fr);gap:4px 12px;margin:0;display:grid}.zone-facts dt{color:var(--muted)}.zone-facts dd{margin:0}.zone-facts .boss-name{color:var(--unique)}.zone-danger-level{color:var(--danger)}.zone-danger{border:1px solid var(--danger);background:#c0533f1f;border-radius:4px;margin:0;padding:8px 10px;line-height:1.4}.zone-danger b{color:#ff8a6e}.zone-passive-point{color:var(--unique);margin:0}.zone-reward{border:1px solid var(--accent);background:#2e2718;border-radius:4px;gap:2px;margin:0;padding:8px 12px;line-height:1.4;display:grid}.zone-reward span{color:var(--muted);font-size:12px}.zone-reward b{font-size:15px}.zone-reward.claimed{border-color:var(--border);background:var(--panel-2);opacity:.75}.zone-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.zone-actions>.zone-enter{background:var(--accent);border-color:var(--accent);width:100%;min-height:48px;color:var(--bg);padding:12px 20px;font-size:16px;font-weight:700}.zone-actions>.zone-enter:hover:not(:disabled){background:#dfbc73;border-color:#dfbc73}.zone-actions>.zone-enter:active:not(:disabled){background:#b89145;border-color:#b89145}.zone-actions>.zone-enter:focus-visible{outline:2px solid var(--text);outline-offset:3px}.zone-actions>p{flex-basis:100%;margin:0}.zone-mods{border-top:1px solid var(--border);padding-top:10px}.zone-mods h3{color:var(--accent);margin:0 0 6px;font-size:14px}.zone-mods p{margin:0}.checkbox{cursor:pointer;align-items:center;gap:6px;margin-bottom:12px;display:inline-flex}.reports{margin:8px 0 0;padding:0;font-size:12px;list-style:none}.reports li{border-bottom:1px solid #221f19;padding:2px 0}.outcome-cleared{color:var(--xp)}.outcome-died,.outcome-timeout{color:var(--danger)}.modal-backdrop{z-index:10;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:6px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:16px;overflow-y:auto}textarea{width:100%;min-height:120px;color:var(--text);border:1px solid var(--border);background:#0b0a08;border-radius:4px;padding:8px;font:12px/1.4 ui-monospace,monospace}.field{flex-direction:column;gap:4px;display:flex}.field input,.modal input{box-sizing:border-box;width:100%;color:var(--text);border:1px solid var(--border);font:inherit;background:#0b0a08;border-radius:4px;padding:8px 10px}.field input:focus-visible,.modal input:focus-visible{border-color:var(--accent);outline:none}button.link{color:var(--accent);background:0 0;border:none;padding:4px 0;text-decoration:underline}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.avatar{object-fit:cover;border:1px solid var(--border);background:#0b0a08;border-radius:4px;width:64px;height:64px;display:block}.avatar-sm{width:28px;height:28px}.avatar-lg{width:96px;height:96px}.centered.account{max-width:640px}.account-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.account-head h1{margin:0 auto 0 0}.account-section p{margin:0 0 8px}.email-line{flex-direction:column;gap:2px;display:flex}.account-form{flex-direction:column;gap:10px;display:flex}.account-form .actions{margin:4px 0 0}.account-note{margin:0;font-size:13px}.player-card{align-items:center;gap:16px;display:flex}.player-nick{color:var(--accent);font-size:18px}.portrait-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:480px;display:grid}@media (width<=480px){.portrait-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.portrait-option{aspect-ratio:1;border-radius:6px;padding:2px}.portrait-option .avatar{border:none;width:100%;height:100%}.portrait-option.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.field select{width:100%;color:var(--text);border:1px solid var(--border);font:inherit;background:#0b0a08;border-radius:4px;padding:8px 10px}.field select:focus-visible{border-color:var(--accent);outline:none}.toast-ok{border-color:var(--accent)}.centered.ladder{max-width:640px}.ladder>.account-note{margin-bottom:12px}.ladder-panel{padding:6px}.ladder-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ladder-row{border-radius:4px;grid-template-columns:36px 40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.ladder-row:nth-child(odd){background:var(--panel-2)}.ladder-row.mine{outline:1px solid var(--accent);outline-offset:-1px}.ladder-rank{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.ladder-rank.podium-1{color:var(--accent);font-size:17px}.ladder-rank.podium-2{color:#c9c9c9;font-size:16px}.ladder-rank.podium-3{color:#c08a5a;font-size:15px}.ladder-avatar{width:40px;height:40px}.ladder-player{flex-direction:column;min-width:0;display:flex}.ladder-player strong,.ladder-character{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ladder-character{font-size:13px}.ladder-level{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:16px;font-weight:600}.ladder-level .muted{font-size:12px;font-weight:400}.ladder-gap{margin:10px 8px 6px;font-size:13px}@media (width<=480px){.ladder-row{grid-template-columns:28px 40px minmax(0,1fr) auto;gap:8px}.ladder-level .muted{display:none}}.characters-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.characters-head h1{margin-right:auto}.character-list{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.character-row{align-items:center;gap:12px;margin:0;padding:8px;transition:border-color .15s,background-color .15s;display:flex;position:relative}:is(.character-row:has(.character-main:hover:not(:disabled)),.character-row:has(.character-main:focus-visible)){border-color:var(--accent);background:var(--panel-2)}.character-art{object-fit:cover;border-radius:4px;flex:none;width:56px;height:56px}.character-main{text-align:left;background:0 0;border-color:#0000;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.character-main:hover:not(:disabled),.character-main:focus-visible{border-color:#0000;outline:none}.character-main:after{content:"";cursor:pointer;position:absolute;inset:0}.character-main:disabled:after{cursor:not-allowed}.character-row button.danger{z-index:1;position:relative}.name-field{max-width:360px;margin:12px 0}.class-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px;display:grid}.class-card{--class:var(--accent);text-align:left;background:var(--panel);border-color:var(--border);border-radius:6px;flex-direction:column;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.class-card.class-marauder{--class:var(--str);--art-pos:58% 18%}.class-card.class-ranger{--class:var(--dex);--art-pos:45% 12%}.class-card.class-witch{--class:var(--int);--art-pos:40% 10%}.class-card:hover:not(:disabled),.class-card:focus-visible{border-color:var(--class);box-shadow:0 6px 24px color-mix(in srgb, var(--class) 25%, transparent);transform:translateY(-2px)}.class-art{background:#000;height:260px;display:block;position:relative;overflow:hidden}.class-art img{object-fit:cover;object-position:var(--art-pos,center);width:100%;height:100%;transition:transform .4s;display:block}.class-card:hover .class-art img{transform:scale(1.04)}.class-art:after{content:"";background:linear-gradient(to bottom, transparent 55%, var(--panel) 100%);pointer-events:none;position:absolute;inset:0}.class-name{z-index:1;letter-spacing:.04em;text-transform:uppercase;color:var(--text);text-shadow:0 2px 6px #000;font-size:22px;position:absolute;bottom:8px;left:16px}.class-name:after{content:"";background:var(--class);width:32px;height:2px;margin-top:4px;display:block}.class-body{flex-direction:column;flex:1;gap:10px;padding:8px 16px 16px;display:flex}.class-meta{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:12px;display:flex}.class-card .attrs{color:var(--muted)}.class-card .attr-main{color:var(--class);font-weight:600}.class-difficulty{color:var(--muted)}.class-tagline{line-height:1.4}.class-traits{flex-direction:column;gap:4px;font-size:13px;display:flex}.class-traits>span{color:var(--muted);padding-left:18px;position:relative}.class-traits>span:before{font-weight:700;position:absolute;top:0;left:2px}.class-traits .pro:before{content:"+";color:var(--xp)}.class-traits .con:before{content:"−";color:var(--danger)}.class-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:4px;font-size:12px;display:flex}.class-pick{color:var(--class);border:1px solid var(--class);white-space:nowrap;border-radius:4px;padding:4px 12px;font-size:13px;font-weight:600}.class-card:hover .class-pick{background:color-mix(in srgb, var(--class) 15%, transparent)}@media (width<=600px){.class-art{height:200px}}.centered{max-width:820px;margin:40px auto;padding:0 16px}.centered.new-game{max-width:1040px}.passive-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.passive-note{margin:0 0 8px}.passive-actions{flex-wrap:wrap;gap:6px;display:flex}.passive-search{flex:220px;align-items:center;gap:6px;min-width:0;max-width:420px;display:flex}@media (width<=600px){.passive-search{flex-basis:100%;order:3;max-width:none}}.passive-search input{min-width:0;font:inherit;color:var(--text);border:1px solid var(--border);background:#0b0a08;border-radius:4px;flex:1;padding:6px 10px}.tree-view{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#05070b;border:1px solid #2a261d;border-radius:4px;height:min(72vh,780px);min-height:360px;position:relative;overflow:hidden}.tree-view.dragging{cursor:grabbing}.app.app-fill{flex-direction:column;min-height:100dvh;padding-bottom:16px;display:flex}.app-fill>.layout,.app-fill main,.app-fill main>.panel{flex-direction:column;flex:auto;align-items:stretch;display:flex}.app-fill main>.panel{margin-bottom:0}.app-fill .tree-view{flex:auto;height:auto}.app-fill .tree-svg{position:absolute;inset:0}.tree-svg{width:100%;height:100%;display:block}.tree-region{opacity:.2;pointer-events:none}.tree-region.own{opacity:.4}.plink{fill:none;stroke:#3a3426;stroke-width:16px;stroke-linecap:round}.plink.can{stroke:#6e5c35}.plink.on{stroke:#d6b264;stroke-width:19px}.plink.plan{stroke:#8fdc7a;stroke-width:19px}.plink.path{stroke:#9fd3ff;stroke-width:13px;stroke-linecap:butt;opacity:.85}.path-overlay,.pring{pointer-events:none}.pring{fill:none;stroke-width:12px}.pring.path{stroke:#9fd3ff;opacity:.85}.pring.match{stroke:#ffe27a;stroke-width:16px}.pring.plan{stroke:#8fdc7a;opacity:.9}.pnode .phit{fill:#0000}.pnode:not(.start){cursor:pointer}.pnode.start{pointer-events:none}.pnode.off image:not(.pframe){opacity:.75}.pnode:hover .pframe{filter:brightness(1.35)}.tree-controls{gap:4px;display:flex;position:absolute;top:8px;right:8px}.tree-controls button{background:#14120ee6;padding:4px 10px}.tree-hint{max-width:calc(100% - 16px);color:var(--muted);pointer-events:none;background:#05070bd9;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;bottom:8px;left:8px}.tree-tip{z-index:2;pointer-events:none;text-align:left;border-color:#5a5242;max-width:min(340px,100% - 16px);position:absolute;box-shadow:0 6px 18px #000c}.passive-tip .tooltip-name{color:#d8d0bc}.passive-tip.notable .tooltip-name{color:#e8c77a}.passive-tip.keystone .tooltip-name{color:#f0b860}.passive-tip .tooltip-meta{margin-bottom:2px}.passive-line{color:var(--magic)}.passive-line.inert{color:#7d7a72}.passive-inert{font-size:11px;font-style:italic}.dev{border-style:dashed}@media (width<=900px){.layout>aside{order:-1}}.craft-screen{grid-template-columns:auto minmax(0,500px) minmax(320px,1fr);grid-template-areas:"picker stash props""picker pool pool";align-items:start;gap:0 12px;display:grid}.craft-picker{grid-area:picker}.craft-screen>.stash{grid-area:stash}.craft-props{grid-area:props}.craft-screen>.pool{grid-area:pool}.craft-picker-body{flex-direction:column;display:flex}.craft-picker h3{color:var(--muted);margin:8px 0 4px;font-size:12px;font-weight:400}.craft-doll{--doll:26px;justify-content:start;gap:2px}.craft-doll .item-cell{padding:1px}.craft-picker-grid{grid-template-columns:repeat(auto-fill,40px);grid-auto-rows:40px;gap:3px;max-width:222px;display:grid}.craft-picker .item-cell{cursor:grab}.craft-bag.drop-ok{outline:2px solid var(--xp);outline-offset:3px;border-radius:3px}.craft-ghost{--cell:40px}.craft-props .tooltip{width:100%;max-width:560px}.mod-range{color:var(--muted);white-space:nowrap;font-size:12px}.mod-affix{color:var(--muted);font-size:11px}.pool-cols{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:12px 20px;display:grid}.pool-col h3{margin:0 0 6px}.pool-reroll{color:var(--accent);margin:0 0 10px;font-size:13px}.pool-head,.pool-tier{grid-template-columns:30px minmax(0,1fr) 44px 52px;align-items:baseline;gap:6px;display:grid}.pool-head{text-align:right;padding:0 8px 4px 6px;font-size:11px}.pool-head span:first-child{text-align:left}.pool-ladder{border-top:1px solid #221f19}.pool-ladder summary{cursor:pointer;color:var(--magic);justify-content:space-between;gap:8px;padding:5px 8px;font-size:13px;display:flex}.pool-ladder.blocked summary{color:var(--muted)}.pool-title{min-width:0}.pool-note{color:var(--muted);font-size:11px}.pool-chance,.pool-weight{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pool-tier{background:#13110e;padding:3px 8px 3px 6px;font-size:12px}.pool-tier.blocked{opacity:.5}.pool-tier-text{flex-direction:column;min-width:0;display:flex}.pool-range{color:var(--magic)}.pool-weight{color:var(--muted)}.pool-ilvl.low{color:var(--danger)}.pool-hint{margin:10px 0 0;font-size:12px}.stash{container-type:inline-size}.stash-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.stash-head h3{margin:0}.stash-shards{gap:10px;display:flex}.stash-shard{font-variant-numeric:tabular-nums;color:var(--text);align-items:center;gap:2px;font-size:12px;display:inline-flex}.stash-shard img{object-fit:contain;width:22px;height:22px}.stash-shard.empty{color:var(--muted)}.stash-shard.empty img{opacity:.35;filter:grayscale()}.stash-status{min-height:3em;margin:6px 0 8px;font-size:12px;line-height:1.5}.stash-grid{--cell:min(56px, calc((100cqw - 20px - 6 * 4px) / 7));grid-template-columns:repeat(7, var(--cell));grid-template-rows:repeat(4, var(--cell));background:radial-gradient(#1d1a14,#0d0c09 75%);border:2px solid #5a4a2a;border-radius:4px;justify-content:center;gap:4px;padding:8px;display:grid;box-shadow:inset 0 0 0 1px #000,inset 0 0 28px #000}.stash-cell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0b0a08;border:1px solid #3a3222;border-radius:3px;padding:3px;display:flex;position:relative;box-shadow:inset 0 0 6px #000}.stash-cell img{object-fit:contain;width:100%;height:100%}.stash-cell.owned{background:radial-gradient(circle,#2c2416,#0b0a08 75%);border-color:#8a6f3a}.stash-cell.owned img{filter:brightness(1.2)saturate(1.15)drop-shadow(0 0 4px #e8c06a55)}.stash-cell.unusable img{opacity:.7}.stash-cell.empty img{opacity:.22;filter:grayscale()}.stash-cell.in-hand{border-color:var(--accent);box-shadow:inset 0 0 10px #c8a24a66}.stash-count{color:#fff;text-shadow:0 0 2px #000,0 0 3px #000;font-size:13px;font-weight:700;line-height:1.2;position:absolute;top:1px;left:3px}.stash-cell.owned .stash-count{color:#ffe39a}.stash-cell.empty .stash-count{color:var(--muted)}.stash-tip{z-index:30;border:1px solid var(--border);width:240px;color:var(--text);text-align:left;pointer-events:none;background:#0b0a08;border-radius:4px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.4;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 12px #000}.stash-tip.right{left:auto;right:0}.stash-tip.center{left:50%;transform:translate(-50%)}.stash-tip b{color:var(--accent);margin-bottom:2px;display:block}.stash-item{cursor:grab;border:1px solid #3a3222;grid-area:2/3/span 3/span 3;justify-content:center;align-items:center;padding:6px;display:flex}.stash-item-art{display:flex}.stash-item.empty{color:var(--muted);text-align:center;cursor:default;background:#0b0a08;border:1px dashed #5a4a2a;border-radius:3px;font-size:12px}.stash-item.drop-target{outline:2px solid var(--xp);outline-offset:-2px}.stash.holding .stash-item{cursor:pointer;border-color:var(--accent)}.craft-props-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.craft-affixes{margin:0;font-size:12px}.stash-ghost{z-index:40;pointer-events:none;visibility:hidden;filter:drop-shadow(0 2px 3px #000);width:40px;height:40px;position:fixed;top:0;left:0}@media (width<=1100px){.craft-screen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"picker picker""stash props""pool pool"}.craft-picker-body{flex-direction:row;gap:20px}.craft-picker-body>:last-child{flex:1;min-width:0}.craft-picker-grid{max-width:none}}@media (width<=700px){.craft-screen{grid-template-columns:minmax(0,1fr);grid-template-areas:"picker""stash""props""pool"}.stash-status{min-height:4.5em}.pool-cols{grid-template-columns:minmax(0,1fr)}}.battle{--scale:1;--ground-y:max(22%, 88px);height:max(240px, calc(330px * var(--scale) + 90px));isolation:isolate;background:#07060a;border:1px solid #3a3222;border-radius:4px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000;container-type:size}.battle-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0}.battle-light{background:radial-gradient(55% 34% at 48% 82%,#ffb45a1c,#0000 70%),linear-gradient(#07060a99 0%,#0000 22%),radial-gradient(at 50% 60%,#0000 50%,#000b 100%);position:absolute;inset:0}.battle-top{z-index:8;pointer-events:none;flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:absolute;top:8px;left:12px;right:12px}.battle-hud{text-shadow:0 1px 2px #000;align-self:stretch;gap:12px;font-size:12px;display:flex}.hero-buffs{pointer-events:auto;flex-wrap:wrap;gap:3px;max-width:60%;display:flex}.battle:has(.battle-boss) .hero-buffs{max-width:calc(27% - 12px)}.buff{--c:#e8dcc4;width:26px;height:26px;color:var(--c);background:radial-gradient(circle at 50% 40%,#2a2a20,#0b0907 75%);border:1px solid #6d8a4a;border-radius:2px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #000c,0 1px 3px #000b}.buff svg{width:18px;height:18px;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--c) 55%, transparent))}.buff-debuff{background:radial-gradient(circle at 50% 40%,#2c1914,#0b0707 75%);border-color:#9a3324}.buff-stacks{color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000;font-size:10px;font-weight:800;line-height:1;position:absolute;bottom:-1px;right:1px}.buff-tip{z-index:1;border:1px solid var(--border);width:max-content;max-width:min(260px,100cqw - 24px);color:var(--text);text-align:left;text-shadow:none;pointer-events:none;background:#0b0a08;border-radius:4px;padding:6px 9px;font-size:12px;font-weight:400;line-height:1.4;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 12px #000}.buff-tip b{color:var(--c);font-weight:600;display:block}.buff:hover .buff-tip{display:block}.battle-top:has(.buff:hover){z-index:10}.aura-anger,.ailment-icon-ignite{--c:var(--fire)}.aura-wrath,.ailment-icon-shock{--c:var(--lightning)}.aura-hatred,.ailment-icon-chill{--c:var(--cold)}.aura-grace{--c:#8fd47a}.aura-clarity{--c:#6fa8ff}.aura-herald_of_ash{--c:var(--fire)}.aura-herald_of_ice{--c:var(--cold)}.aura-herald_of_thunder{--c:var(--lightning)}.aura-determination{--c:#d9b26a}.aura-discipline{--c:#9fc4e8}.aura-purity_of_elements{--c:#e8e0a8}.aura-vitality{--c:#d35a52}.aura-haste{--c:#8fd47a}.buff-curse{--c:#c79ae8;background:radial-gradient(circle at 50% 40%,#241a2c,#0a070b 75%);border-color:#7a4a9a}.ailment-icon-bleed{--c:#d33a32}.ailment-icon-poison{--c:#9fd04a}.ailment-icon-freeze{--c:#bfe3ff}.charge-frenzy{--c:#7fd65a}.charge-power{--c:#6f9cff}.charge-endurance{--c:#e0683c}.buff-onslaught{--c:#e8c35a}.buff-rage{--c:#d4553a}.buff-fortify{--c:#c9a46a}.buff-stunned{--c:#f2e08a}@container (width<=540px){.battle-top{flex-direction:row;gap:6px}.battle-hud{flex:1;gap:8px;min-width:0}.hero-buffs{flex-wrap:nowrap;flex:none;order:-1;gap:2px;max-width:none}.battle:has(.battle-boss) .hero-buffs{max-width:none}.buff{width:17px;height:17px}.buff svg{width:12px;height:12px}.buff-stacks{font-size:9px}}.battle-zone{color:var(--accent);white-space:nowrap;font-weight:600}.battle-pack{color:var(--muted)}.battle-boss{z-index:8;text-align:center;width:min(360px,46%);color:var(--unique);text-shadow:0 1px 2px #000;font-size:12px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.battle-boss .fighter-bar{border-color:#6a4a22;height:8px;margin-top:2px}.battle-boss-bar{position:relative}.battle-boss-tick{background:#e8c070;width:2px;margin-left:-1px;position:absolute;top:2px;bottom:0;box-shadow:0 0 2px #000}.battle-boss-title{white-space:nowrap;justify-content:center;gap:4px;display:flex}.battle-boss-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.battle-boss-state{color:#e8d9a8;flex:none;font-weight:600}.battle-boss-state.windup{color:#ff6a4a}.fighter.foe.immune:after{content:"";pointer-events:none;background:radial-gradient(at 50% 55%,#e8d6a000 45%,#e8d6a047 100%);border:2px solid #e8d6a0bf;border-radius:50% 50% 46% 46%;width:115%;height:108%;animation:1.2s ease-in-out infinite immune-pulse;position:absolute;bottom:-4%;left:50%;transform:translate(-50%)}@keyframes immune-pulse{50%{opacity:.55}}.fighter.foe.es-shielded .fighter-art{--es-rim:rgb(156 222 245/calc(.4 + var(--es-fill,1) * .6));filter:drop-shadow(0 0 1px var(--es-rim)) drop-shadow(0 0 1.5px var(--es-rim)) drop-shadow(0 0 6px rgb(156 222 245/calc(var(--es-fill,1) * .55)))}.fighter.foe.winding:before{content:"";pointer-events:none;background:radial-gradient(#ff46288c,#ff462800 70%);border-radius:50%;width:130%;height:30%;animation:.5s ease-in-out infinite alternate windup-glow;position:absolute;bottom:-6%;left:50%;transform:translate(-50%)}@keyframes windup-glow{0%{opacity:.45}to{opacity:1}}.windup-mark{z-index:2;pointer-events:none;color:#ff5a3a;text-shadow:0 0 6px #000,0 0 2px #000;font:700 28px/1 serif;animation:.25s ease-in-out infinite alternate windup-glow;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.fighter.foe.immune:after,.fighter.foe.winding:before,.windup-mark{animation:none}}.battle-stage{z-index:2;position:absolute;inset:0}.battle-foes{animation:.6s ease-out foes-enter;position:absolute;inset:0}.battle-caption{z-index:8;letter-spacing:.04em;color:var(--muted);text-shadow:0 0 6px #000,0 1px 2px #000;pointer-events:none;white-space:nowrap;font-size:15px;animation:.6s ease-out caption-in;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.battle-caption.outcome-cleared,.battle-caption.outcome-died,.battle-caption.outcome-timeout{font-size:20px;font-weight:700}.battle-caption.outcome-cleared{color:var(--xp)}.battle-caption.outcome-died,.battle-caption.outcome-timeout{color:var(--danger)}.battle-defeat{z-index:9;text-align:center;text-shadow:0 2px 3px #000,0 5px 18px #000;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 32px);animation:.6s ease-out caption-in;display:flex;position:absolute;top:12%;left:50%;transform:translate(-50%)}.battle-defeat strong{letter-spacing:.04em;background:linear-gradient(#ffb59a 0%,#f0654a 30%,#b3241a 62%,#5a0c08 100%);color:#0000;-webkit-text-stroke:.5px #2a0604;text-shadow:none;filter:drop-shadow(0 2px 2px #000)drop-shadow(0 0 12px #d6301e8c)drop-shadow(0 6px 22px #000);-webkit-background-clip:text;background-clip:text;font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:400;line-height:1.1;animation:.7s cubic-bezier(.2,.8,.2,1) defeat-slam}.defeat-ornament{color:#a8392a;filter:drop-shadow(0 0 4px #d6301e99);width:240px;height:9px}@keyframes defeat-slam{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.battle-defeat-reason{color:#d9c9a3;text-wrap:balance;max-width:34em;font-size:15px;line-height:1.35}.battle-defeat-actions{text-shadow:none;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.battle-defeat-actions button{background:#0e0c0ad9}.fighter{--h:136px;--tone:#8a8270;--flinch:6px;bottom:var(--ground-y);flex-direction:column;align-items:center;display:flex;position:absolute}.fighter.hero{--tone:var(--accent);--flinch:-6px}.fighter.rarity-magic{--tone:var(--magic)}.fighter.rarity-rare{--tone:var(--rare)}.fighter.boss{--tone:var(--unique)}.fighter-art{height:calc(var(--h) * var(--scale));width:calc(var(--h) * var(--scale) * .75);color:#110e0a;display:block;overflow:visible}.fighter-art>g{fill:#110e0a;filter:drop-shadow(0 0 .6px var(--tone)) drop-shadow(0 0 .6px var(--tone)) drop-shadow(0 0 7px color-mix(in srgb, var(--tone) 35%, transparent))}.fighter-art .shadow{fill:#000;opacity:.7}.fighter-art .glow{fill:var(--tone)}.fighter-art .glow.fire{fill:var(--fire)}.fighter-art .halo{fill:none;stroke:var(--tone);opacity:.7}.fighter-art .string{stroke:var(--tone);opacity:.5}.foe .fighter-art{transform:scaleX(-1)}.hero-art>g{filter:drop-shadow(0 0 .5px var(--tone)) drop-shadow(0 0 6px color-mix(in srgb, var(--tone) 22%, transparent))}.hero-art .far{filter:brightness(.6)}.hero-art .gear{--rim:#0009;stroke:var(--rim);stroke-width:.5px;stroke-linejoin:round}.hero-art .r-magic{--rim:color-mix(in srgb, var(--magic) 75%, transparent)}.hero-art .r-rare{--rim:color-mix(in srgb, var(--rare) 65%, transparent)}.hero-art .r-unique{--rim:color-mix(in srgb, var(--unique) 70%, transparent)}.hero-art .hero-weapon{filter:brightness(.9) drop-shadow(0 0 .8px var(--rim))}.hero-art .hero-weapon.r-normal{filter:brightness(.9)}.hero-art .glow-rune{fill:#a58aff;filter:drop-shadow(0 0 1.5px #a58aff)}.hero-art .glow-eye{stroke:#ff7a3a;filter:drop-shadow(0 0 1px #ff7a3a)}.hero-art .bow-string{fill:none;stroke:#d8cfb8;stroke-width:.5px}.hero-art .arrow-nocked{stroke:#cdbd96;stroke-width:.9px;stroke-linecap:round}.hero-art .cast-glow{fill:var(--c);filter:blur(1px) drop-shadow(0 0 3px var(--c));mix-blend-mode:screen}.fighter-hurt.hurting{animation:.32s ease-out flinch}.fighter.dead .fighter-body{transform-origin:50% 96%;animation:.6s ease-in forwards fall}.fighter.dead .fighter-plate{visibility:hidden}.fighter.hero.dead .fighter-body{transform-origin:50% 63%;transform:translateX(var(--corpse-shift,0px)) translateY(27%) rotate(-90deg);filter:brightness(.92)saturate(.9);animation:.5s ease-in hero-collapse}.fighter.hero.dead .shadow{display:none}@keyframes hero-collapse{0%{filter:none;transform:none}}.hero-corpse{left:calc(50% + var(--corpse-shift,0px) - var(--h) * var(--scale) * .12);pointer-events:none;width:0;height:0;position:absolute;bottom:0}.hero-corpse img{max-width:none;position:absolute;left:0}.hero-corpse-blood{bottom:calc(var(--h) * var(--scale) * .03);width:calc(var(--h) * var(--scale) * 1.55);transform-origin:50%;animation:2.6s cubic-bezier(.2,.7,.3,1) .35s both corpse-blood;transform:translate(-50%,50%)}@keyframes corpse-blood{0%{opacity:.6;transform:translate(-50%,50%)scale(.12)}to{opacity:.95;transform:translate(-50%,50%)scale(1)}}.fighter-plate{width:max(60px, calc(var(--h) * var(--scale) * .75));text-align:center;margin-top:2px;line-height:1.2;position:absolute;top:100%;left:50%;transform:translate(-50%)}.foe .fighter-plate{width:max(44px, calc(var(--h) * var(--scale) * .62))}.stacked-plate{transition:translate .15s ease-out}.hero .fighter-plate{width:max(64px, calc(var(--h) * var(--scale) * .6))}.fighter-name{text-overflow:ellipsis;white-space:nowrap;color:var(--tone);text-shadow:0 1px 2px #000;font-size:11px;display:block;overflow:hidden}.fighter-mods{-webkit-line-clamp:2;color:#c8b27a;text-shadow:0 1px 2px #000;-webkit-box-orient:vertical;font-size:10px;line-height:1.15;display:-webkit-box;overflow:hidden}.battle-mods{-webkit-line-clamp:2;color:#c8b27a;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.battle-pack{white-space:nowrap}.fighter-bar{background:#000;border:1px solid #3a3222;border-radius:2px;height:6px;margin-top:2px;overflow:hidden}.fighter-bar-fill{background:var(--life);height:100%;transition:width .25s ease-out}.fighter-bar-es .fighter-bar-fill{background:var(--es)}.hero-resource-hud{--orb-size:76px;box-sizing:border-box;z-index:9;isolation:isolate;font-variant-numeric:tabular-nums;width:240px;height:110px;transform:scale(var(--hud-scale,1));transform-origin:0 100%;align-items:flex-end;gap:0;padding:6px 6px 4px;display:flex;position:absolute;bottom:0;left:0}.battle-resource-strip{height:110px;position:relative}.battle:has(+.battle-resource-strip){margin-bottom:0}.hero-resource-hud:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.resource-shell{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.resource-shell-solid{fill:#10120f}.resource-shell-texture{opacity:.28}.resource-shell-edge{fill:none;stroke-width:1.3px;stroke-linejoin:round}.resource-mana-seat{fill:none;stroke-width:1px;opacity:.8}.resource-life-group{flex:none;width:84px;position:relative}.resource-mana-group{--orb-size:54px;color:#aec0ff;flex:none;width:58px}@property --charge{syntax:"<percentage>";inherits:false;initial-value:0%}.resource-flasks{flex:none;align-items:flex-end;margin-left:6px;display:flex}.resource-flask{width:40px}.resource-flask-bottle{height:56px;position:relative}.resource-flask-bottle>img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.resource-flask-empty{filter:grayscale()brightness(1.6)contrast(.85);opacity:.5}.resource-flask-full{--surface:calc(37% + (100% - var(--charge)) * .53);-webkit-mask-image:linear-gradient(#000 37%, transparent 37% var(--surface), #000 var(--surface));-webkit-mask-image:linear-gradient(#000 37%, transparent 37% var(--surface), #000 var(--surface));mask-image:linear-gradient(#000 37%, transparent 37% var(--surface), #000 var(--surface));transition:--charge .25s ease-out}.resource-flask-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#ff7a5c99,#0000 70%);border-radius:50%;animation:.6s ease-out flask-glow;position:absolute;inset:-6px 0}.resource-flask-mana .resource-flask-glow{background:radial-gradient(circle,#5f9bff99,#0000 70%)}@keyframes flask-glow{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.resource-orb{width:var(--orb-size);height:var(--orb-size);background:linear-gradient(135deg,#b5a47a,#514632 32%,#231c14 58%,#8c7850 85%,#c5b88e);border:1px solid #342d21;border-radius:50%;margin:0 auto;position:relative;box-shadow:0 2px 5px #000b}.resource-orb-glass{background:radial-gradient(at 50% 90%,#302025,#090c0f 70%);border:1px solid #c5b88e66;border-radius:50%;position:absolute;inset:4px;overflow:hidden}.resource-orb-liquid{height:100%;transform:translateY(calc(100% - var(--fill)));background:radial-gradient(at 35% 20%,#e04235,#961b20 55%,#400c16);transition:transform .25s ease-out;position:absolute;bottom:0;left:0;right:0}.resource-orb-liquid:before{content:"";background:#ffad8e80;border-radius:50%;width:110%;height:3px;position:absolute;top:0;left:-5%}.resource-orb-mana{background:#09111c;border-color:#a8c3d066;box-shadow:0 2px 5px #000b}.resource-orb-mana .resource-orb-glass{background:radial-gradient(at 35% 25%,#172533,#050a10 75%);border:0;inset:0}.resource-orb-mana .resource-orb-liquid{background:radial-gradient(at 35% 20%,#387ee9,#1745a8 55%,#0a173f)}.resource-orb-mana .resource-orb-liquid:before{background:#abd5ff80}.resource-orb-reserved{height:var(--reserved);background:repeating-linear-gradient(135deg,#5d6a7e 0 2px,#273141 2px 5px);border-bottom:1px solid #9fb6cc99;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 -2px 4px #000a}.resource-orb-glass:after{content:"";border-radius:inherit;background:radial-gradient(14% 10% at 26% 22%,#fff9,#0000 80%),radial-gradient(40% 25% at 32% 17%,#ffffff30,#0000 90%),linear-gradient(120deg,#0000 52%,#0008);position:absolute;inset:0;box-shadow:inset 0 -3px 5px #0008}.resource-orb-mana .resource-orb-glass:after{background:radial-gradient(12% 8% at 26% 19%,#effbffdd,#0000 90%),radial-gradient(45% 22% at 35% 14%,#dceeff40,#0000 90%),linear-gradient(125deg,#0000 48%,#02091977 90%);box-shadow:inset 1px 1px 2px #cdeaff60,inset -2px -3px 5px #020812b3}.resource-orb-number{text-align:center;color:#fff4dd;text-shadow:0 1px 3px #000,0 1px 2px #000;font-size:16px;font-weight:600;line-height:1;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.resource-orb-mana .resource-orb-number{font-size:13px}.resource-orb-life .resource-orb-number{top:40%}.resource-shield{pointer-events:none;width:76px;height:76px;position:absolute;top:0;right:4px}.resource-shield>svg{fill:none;stroke-width:7px;width:100%;height:100%;display:block}.resource-shield-track{stroke:#233740}.resource-shield-fill{stroke:var(--es);transition:stroke-dasharray .25s ease-out}.resource-orb-caption{color:#f5ddd1;white-space:nowrap;text-shadow:0 1px 2px #000,0 1px 3px #000;justify-content:space-around;gap:4px;margin-top:4px;font-size:10px;line-height:15px;display:flex}.resource-shield-number{color:#c5f2ff;text-shadow:0 1px 2px #000,0 1px 3px #000;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:600;line-height:12px;display:flex;position:absolute;top:46px;left:0;right:0}.resource-shield-number svg{fill:#152832c0;stroke:#c5f2ff;stroke-width:1.1px;width:10px;height:12px}.resource-mana-group .resource-orb-caption{color:#aec0ff}.resource-details{border:1px solid var(--border);width:208px;color:var(--text);opacity:0;visibility:hidden;pointer-events:none;background:#0e0d0bf5;border-radius:3px;padding:8px 10px;font-size:12px;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:0}.resource-details>div{justify-content:space-between;gap:12px;display:flex}.resource-detail-life>span:first-child{color:#f3948a}.resource-detail-es>span:first-child{color:var(--es)}.resource-detail-mana>span:first-child{color:#aec0ff}.resource-detail-reserved{color:var(--muted)}.hero-resource-hud:hover .resource-details,.hero-resource-hud:focus-within .resource-details{opacity:1;visibility:visible}@media (prefers-reduced-motion:reduce){.resource-orb-liquid,.resource-shield-fill,.resource-flask-full{transition:none}.resource-flask-glow{animation:none}}.floaters{left:50%;bottom:calc(var(--h) * var(--scale) * var(--float-at,.82));z-index:3;pointer-events:none;width:0;position:absolute}.floater{left:var(--jitter);bottom:var(--rise);white-space:nowrap;font-variant-numeric:tabular-nums;color:#e8e0d0;text-shadow:0 0 3px #000,0 2px 2px #000;font-size:18px;font-weight:800;animation:1.2s ease-out forwards float-up;position:absolute}.floater.crit{text-shadow:0 0 3px #000,0 2px 2px #000,0 0 14px #ffb030cc;font-size:32px;animation-name:float-crit}.foe .floater-physical.crit{color:#ffd75e}.floater-fire{color:var(--fire)}.floater-cold{color:var(--cold)}.floater-lightning{color:var(--lightning)}.floater-chaos{color:var(--chaos)}.floater-miss,.floater-evade,.floater-block,.floater-suppress{color:var(--muted);font-size:13px;font-style:italic;font-weight:600}.hero .floater-physical{color:#e0806a}.floater-xp{left:calc(var(--jitter) + 34px);bottom:calc(var(--rise) - 24px);color:var(--xp);font-size:14px;font-weight:700;animation-delay:.15s;animation-fill-mode:both}.floater.floater-dot{opacity:.9;font-size:13px;font-weight:700}.ailment-badges{flex-wrap:wrap;justify-content:center;gap:2px;margin-top:3px;display:flex}.ailment-badge{text-align:center;color:#fff;text-shadow:0 1px 1px #0008;border-radius:8px;min-width:15px;height:15px;padding:0 3px;font-size:10px;font-weight:800;line-height:15px;box-shadow:0 0 0 1px #000a}.ailment-badge sub{vertical-align:baseline;margin-left:1px;font-size:8px}.ailment-ignite{background:#d4552a}.ailment-bleed{background:#9b1c1c}.ailment-poison{background:#7d3fa6}.ailment-chill{background:#4f8fd1}.ailment-freeze{color:#12324d;text-shadow:none;background:#bfe3ff}.ailment-shock{color:#2b2300;text-shadow:none;background:#e8c440}.fighter.has-ignite .fighter-body{filter:sepia(.45)saturate(1.8)hue-rotate(-18deg)drop-shadow(0 0 4px #ff6a2a88)}.fighter.has-chill .fighter-body{filter:saturate(.6)hue-rotate(175deg)brightness(1.05)}.fighter.has-shock .fighter-body{filter:drop-shadow(0 0 3px #ffe066aa)}.fighter.has-freeze .fighter-body{filter:grayscale(.5)brightness(1.35)hue-rotate(180deg)drop-shadow(0 0 4px #bfe3ffcc)}.fighter.has-freeze .fighter-body *{animation-play-state:paused!important}.dmg-physical{--c:#e8dcc4}.dmg-fire{--c:#ff7a2e}.dmg-cold{--c:#74b9ff}.dmg-lightning{--c:#ffe066}.dmg-chaos{--c:#c47ae6}.shot{z-index:7;pointer-events:none;position:absolute}.shot-arrow{width:calc(36px * var(--scale));filter:drop-shadow(0 0 2px #000);background:linear-gradient(90deg,#0000,#b9ab90 35%,#f3ead6);height:2px}.shot-arrow:after{content:"";border:4px solid #0000;border-left:6px solid #f3ead6;border-right:0;position:absolute;top:-3px;right:-5px}.shot-orb{width:calc(18px * var(--scale));height:calc(18px * var(--scale));background:radial-gradient(circle, #fff 0 18%, var(--c) 42%, transparent 72%);box-shadow:0 0 14px 4px color-mix(in srgb, var(--c) 55%, transparent);border-radius:50%}.shot-orb:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--c) 70%, transparent));filter:blur(1px);border-radius:50%;width:340%;height:56%;position:absolute;top:22%;right:50%}@keyframes foes-enter{0%{opacity:0}to{opacity:1}}@keyframes caption-in{0%{opacity:0}to{opacity:1}}@keyframes flinch{0%{filter:none;transform:none}20%{transform:translateX(var(--flinch));filter:brightness(1.8)drop-shadow(0 0 6px #c0332b)}to{filter:none;transform:none}}@keyframes fall{to{opacity:.85;filter:grayscale(.7)brightness(.55);transform:translateY(4%)rotate(80deg)}}@keyframes float-crit{0%{opacity:0;transform:translate(-50%,4px)scale(2)}9%{opacity:1;transform:translate(-50%)scale(1.3)}20%{transform:translate(-50%,-4px)scale(1)}to{opacity:0;transform:translate(-50%,-56px)}}@keyframes float-up{0%{opacity:0;transform:translate(-50%,6px)scale(.8)}12%{opacity:1;transform:translate(-50%)scale(1.15)}25%{transform:translate(-50%,-6px)scale(1)}to{opacity:0;transform:translate(-50%,-48px)}}@media (width<=520px){.battle-hud{gap:8px;font-size:11px}.battle-boss{width:60%;font-size:11px;top:26px}.battle-caption{font-size:13px}.battle-defeat{gap:4px;top:14%}.battle-defeat strong{font-size:22px}.defeat-ornament{width:140px}.battle-defeat-reason{font-size:12px}.battle-defeat-actions{gap:6px;margin-top:6px}.battle-defeat-actions button{padding:5px 10px;font-size:13px}.foe:not(.boss) .fighter-name,.foe .fighter-mods,.hero .fighter-name{display:none}.floater{bottom:calc(var(--rise) * .5);font-size:15px}.floater.crit{font-size:23px}}@media (prefers-reduced-motion:reduce){.battle-foes,.fighter-hurt.hurting,.fighter.walking .fighter-hurt,.battle-caption,.battle-defeat,.battle-defeat strong,.hero-corpse img,.fighter.hero.dead .fighter-body{animation:none}.stacked-plate{transition:none}.fighter[class*=has-] .fighter-body{filter:none}.floater,.floater.crit{animation-name:fade-out}}@keyframes fade-out{0%,70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.hero-aura{z-index:-1;pointer-events:none;width:calc(var(--h) * var(--scale) * 1.15);height:calc(var(--h) * var(--scale) * .4);mix-blend-mode:screen;filter:drop-shadow(0 0 5px #aa96ff8c);position:absolute;bottom:0;left:50%;overflow:visible;transform:translate(-50%,48%)}.hero-aura .aura-turn,.hero-aura .aura-turn-back,.curse-sigil .aura-turn-back{transform-box:view-box;transform-origin:50%}.hero-aura .aura-turn{animation:16s linear infinite aura-turn}.hero-aura .aura-turn-back,.curse-sigil .aura-turn-back{animation:22s linear infinite reverse aura-turn}.hero-aura .aura-star{transform-box:view-box;transform-origin:50%;animation:40s linear infinite aura-turn}@keyframes aura-turn{to{transform:rotate(360deg)}}.hero-shell-wrap{z-index:2;pointer-events:none;position:absolute;inset:0}.hero-shell{width:calc(var(--h) * var(--scale) * .95);height:calc(var(--h) * var(--scale) * 1.14);transform-origin:50% 60%;opacity:var(--fill);mix-blend-mode:screen;filter:drop-shadow(0 0 4px #9cdef599);position:absolute;bottom:-8%;left:50%;overflow:visible}.hero-shell.held{filter:drop-shadow(0 0 9px #c8f0fff2)}.hero-shell.breaking{filter:drop-shadow(0 0 12px #fff)}.fighter.foe .hero-shell{width:calc(var(--h) * var(--scale) * .8);height:calc(var(--h) * var(--scale) * 1.02);bottom:-4%}.hero-guard{width:calc(var(--h) * var(--scale) * .8);height:calc(var(--h) * var(--scale) * 1);transform-origin:50% 60%;filter:drop-shadow(0 0 4px var(--c));position:absolute;bottom:-4%;left:50%;overflow:visible}.curse-cast{z-index:-1;pointer-events:none;width:calc(var(--h) * var(--scale) * 1.3);height:calc(var(--h) * var(--scale) * .46);border:2px solid var(--c);box-shadow:0 0 14px var(--c), inset 0 0 14px var(--c);border-radius:50%;position:absolute;bottom:0;left:50%}.mark-sigil{z-index:2;pointer-events:none;width:26px;height:26px;filter:drop-shadow(0 0 3px #000) drop-shadow(0 0 5px var(--c));position:absolute;bottom:100%;left:50%;overflow:visible}.curse-sigil{z-index:-1;pointer-events:none;width:calc(var(--h) * var(--scale) * .95);height:calc(var(--h) * var(--scale) * .34);filter:drop-shadow(0 0 4px var(--c));position:absolute;bottom:0;left:50%;overflow:visible}@media (prefers-reduced-motion:reduce){.hero-aura .aura-turn,.hero-aura .aura-turn-back,.hero-aura .aura-star,.curse-sigil .aura-turn-back{animation:none}}.fighter.hero[data-guard=steelskin] .hero-art{filter:grayscale(.75)brightness(1.2)contrast(1.2)drop-shadow(0 0 3px #e4edf5)}.fighter.hero[data-guard=molten_shell] .hero-art{filter:sepia(.5)saturate(2.2)hue-rotate(-22deg)drop-shadow(0 0 5px #ff8a3a)}.fighter.hero[data-guard=immortal_call] .hero-art{filter:brightness(1.2)drop-shadow(0 0 6px #ffe7a0)}.battle.has-victory{height:max(calc(250px * var(--scale) + 90px), calc(var(--victory-height) + 200px))}.victory-portal{bottom:calc(var(--ground-y) + 3px);width:calc(var(--portal-height) * .68);height:var(--portal-height);z-index:3;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%)}.victory-portal:hover .portal-aperture,.victory-portal:focus-visible .portal-aperture{filter:brightness(1.25)saturate(1.15)}.victory-portal:focus-visible{outline:none}.victory-portal:focus-visible .portal-haze{box-shadow:0 0 0 2px var(--accent)}.portal-aperture{opacity:var(--portal-open);transform-origin:50% 100%;transform:skewY(-6deg) rotate(-8deg) scaleX(var(--portal-open)) scaleY(calc(.4 + var(--portal-open) * .6));position:absolute;inset:0}.portal-energy,.portal-sparks{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.portal-energy{filter:drop-shadow(0 0 4px #379cff)drop-shadow(0 0 10px #246bea)}.portal-haze{opacity:.8;background:radial-gradient(#0000 49%,#2878ee30 64%,#42c9ff26 70%,#0000 76%);border-radius:50%;position:absolute;inset:-11%}.portal-ground-light{width:170%;height:36px;opacity:var(--portal-open);transform:scaleX(var(--portal-open));background:radial-gradient(#a5ecff50 0,#2585ed42 27%,#1d6edf20 47%,#0000 70%);position:absolute;bottom:-14px;left:-35%}.battle-victory-title{left:50%;bottom:calc(var(--ground-y) + var(--victory-height) + 24px);z-index:8;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 32px);display:flex;position:absolute;transform:translate(-50%)}.battle-victory-title strong{letter-spacing:.06em;color:#f3e4bd;text-shadow:0 2px 3px #000,0 5px 18px #000;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4cqw,50px);font-weight:400;line-height:1}.victory-ornament{color:#c8a45a;width:clamp(150px,18cqw,240px);height:9px}@container (width<=540px){.battle-victory-title{bottom:calc(var(--ground-y) + var(--victory-height) + 18px)}.battle-victory-title strong{font-size:30px}}.puppet-figure{color:inherit;position:relative;overflow:visible}.puppet-figure>g{filter:drop-shadow(0 0 .7px var(--tone))}.puppet-overlay{opacity:.98}.fighter.dead .fighter-body:has(.puppet-figure){animation:.6s ease-in forwards battle-puppet-corpse}@keyframes battle-puppet-corpse{to{opacity:.85;filter:grayscale(.7)brightness(.55)}}.hero-art image.gear{filter:drop-shadow(0 0 .6px var(--rim))}.puppet-figure img{filter:drop-shadow(0 0 .7px var(--tone))}.foe .puppet-figure{transform-origin:50% 100%;transform:scaleX(-1)}.battle-backdrop{background:radial-gradient(at 50% 75%,#1b1712,#07060a 70%)}.battle-segments{z-index:0;pointer-events:none;width:0;position:absolute;bottom:0;left:0}.battle-segment{-webkit-user-select:none;user-select:none;max-width:none;height:100%;position:absolute;bottom:0}.battle-segment.is-joined{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--seam));-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--seam));mask-image:linear-gradient(to right, transparent, #000 var(--seam))}.battle-hanging{z-index:5;pointer-events:none;width:0;position:absolute;inset:0 auto auto 0}.battle-hanging-piece{-webkit-user-select:none;user-select:none;width:auto;max-width:none;position:absolute;top:0}.battle-sprite{background-position:0 0;background-repeat:no-repeat;background-size:calc(var(--frames) * 100%) 100%;mix-blend-mode:screen}.battle-sprite.playing{animation:battle-sprite-frames calc(var(--frames) / 12 * 1s) steps(var(--frames)) both}.battle-sprite.loop{animation-iteration-count:infinite}.shot>.battle-sprite{width:calc(30px * var(--scale));height:calc(30px * var(--scale));display:block}.shot-arrow>.battle-sprite{width:calc(24px * var(--scale));height:calc(24px * var(--scale))}.cast-fx{z-index:7;width:calc(42px * var(--scale));height:calc(42px * var(--scale));pointer-events:none;position:absolute;transform:translate(-50%,50%)}.battle-sprite-projectile-arrow{background-image:url(/battle/fx/projectile_arrow.webp)}.battle-sprite-projectile-orb-cold{background-image:url(/battle/fx/projectile_orb_cold.webp)}.battle-sprite-projectile-orb-fire{background-image:url(/battle/fx/projectile_orb_fire.webp)}.battle-sprite-projectile-orb-lightning{background-image:url(/battle/fx/projectile_orb_lightning.webp)}.battle-sprite-hit-physical{background-image:url(/battle/fx/hit_physical.webp)}.battle-sprite-hit-fire{background-image:url(/battle/fx/hit_fire.webp)}.battle-sprite-hit-cold{background-image:url(/battle/fx/hit_cold.webp)}.battle-sprite-hit-lightning{background-image:url(/battle/fx/hit_lightning.webp)}.battle-sprite-hit-chaos{filter:sepia()saturate(5)hue-rotate(225deg);background-image:url(/battle/fx/hit_physical.webp)}.battle-sprite-slash-hero{background-image:url(/battle/fx/slash_hero.webp)}.battle-sprite-block{background-image:url(/battle/fx/block.webp)}.battle-sprite-evade{background-image:url(/battle/fx/evade.webp)}.battle-sprite-cast-cold{background-image:url(/battle/fx/cast_cold.webp)}.battle-sprite-cast-fire{background-image:url(/battle/fx/cast_fire.webp)}.battle-sprite-cast-lightning{background-image:url(/battle/fx/cast_lightning.webp)}@keyframes battle-sprite-frames{0%{background-position:0 0}to{background-position:calc(100% * var(--frames) / (var(--frames) - 1)) 0}}.battle-art-preview{min-height:100vh;color:var(--text,#e8e0d0);box-sizing:border-box;background:#0b0a08;padding:24px}.battle-art-preview h1,.battle-art-preview h2,.battle-art-preview p{margin-top:0}.battle-art-controls{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.battle-art-controls label{color:var(--muted,#aaa);gap:4px;font-size:12px;display:grid}.battle-art-controls select{min-width:125px;color:var(--text,#e8e0d0);background:#15120e;border:1px solid #493c29;border-radius:4px;padding:6px 8px}.battle-art-preview-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 20px;display:flex}.battle-art-preview-actions button{color:#f5ead4;cursor:pointer;background:#6d4924;border:1px solid #a4773c;border-radius:4px;padding:7px 12px}.battle-art-preview-actions button.secondary{background:#28231c;border-color:#62523b}.battle-art-preview-battle{margin-top:20px}.battle-art-preview-battle .battle{min-height:360px}.battle-art-preview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.battle-art-preview-stage{background:gray;border:1px solid #493c29;place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden}.battle-art-preview-pack{flex-wrap:wrap;gap:8px;display:flex}.battle-art-preview-stage .fighter-art{--h:160px;--scale:1;width:120px;height:160px}.battle-art-preview-stage .puppet-figure{width:180px;height:240px}.battle-art-preview-stage>img{object-fit:contain;max-width:100%;max-height:260px}.battle-art-preview-stage .battle-art-preview-gear{opacity:.85;width:50%;position:absolute}.battle-art-preview-backdrop{background:#15120e;min-height:280px;position:relative;overflow:hidden}@media (width<=600px){.battle-art-preview{padding:12px}.battle-art-controls label{flex:130px}}.battle-art-preview-fx{gap:12px;display:grid}.battle-art-preview-fx img{width:100%;max-width:100%;height:auto;display:block}.shot:has(.battle-sprite){width:auto;height:auto;box-shadow:none;filter:none;background:0 0;border:0;border-radius:0}.shot:has(.battle-sprite):before{content:none}.shot:has(.battle-sprite):after{content:none}.battle-art-preview-fx img{object-fit:contain;object-position:left;max-height:160px}.skill-motion-frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.skill-motion-frames .panel{min-width:0;padding:8px}.skill-motion-frames h3{font-size:13px}.skill-motion-frames .battle-art-preview-stage{min-height:200px}.skill-motion-preview select[multiple]{min-height:100px}@media (width<=600px){.skill-motion-frames{grid-template-columns:minmax(0,1fr)}}.battle-shake-backdrop{pointer-events:none;transform:translateX(var(--impact-shift,0px));position:absolute;inset:0}.battle-stage{transform:translateX(var(--impact-shift,0px))}.skill-effect.battle-sprite{z-index:7;pointer-events:none;mix-blend-mode:screen;background-repeat:no-repeat;display:block;position:absolute}.battle-fx-canvas{top:0;left:0;right:0;bottom:calc(var(--ground-y) - 48px);z-index:7;pointer-events:none;position:absolute;overflow:hidden}.battle-decals{width:100%;height:calc(100% - var(--ground-y) + 48px);z-index:1;pointer-events:none;position:absolute;top:0;left:0}.fighter.ally{--tone:#7fd28a;pointer-events:auto}.fighter.ally .fighter-plate{width:max(36px, calc(var(--h) * var(--scale) * .5))}.fighter.ally-minion .fighter-body{filter:drop-shadow(0 0 3px #6edc8c8c)saturate(.75)brightness(.95)}.fighter-bar-ally{border-color:#24402a;height:4px}.fighter-bar-ally .fighter-bar-fill{background:#5cc76a}.fighter.ally.ended .fighter-plate{visibility:hidden}.totem-pillar{width:calc(var(--h) * var(--scale) * .26);height:calc(var(--h) * var(--scale) * .62);background:linear-gradient(90deg,#2a2620 0%,#5a5244 38%,#3b352c 70%,#1c1915 100%);border-radius:40% 40% 6% 6%/18% 18% 4% 4%;position:relative;box-shadow:inset 0 -6px 8px #0000008c,0 0 0 1px #12100c,0 0 6px #6edc8c59}.totem-pillar:before{content:"";height:3px;box-shadow:0 calc(var(--h) * var(--scale) * .12) 0 #2a251d;background:#2a251d;border-radius:2px;position:absolute;top:34%;left:12%;right:12%}.totem-pillar img{filter:drop-shadow(0 0 3px #000c);width:120%;position:absolute;top:0;left:50%;transform:translate(-50%,-55%)}.fighter.ally-totem.casting .totem-pillar img{filter:drop-shadow(0 0 6px #f6e3a1)brightness(1.25)}.totem-pillar.hurting{animation:.32s ease-out flinch}@media (prefers-reduced-motion:reduce){.totem-pillar.hurting{animation:none}}.auth-scene{background:#0a0907;position:fixed;inset:0;overflow:hidden}.auth-stage{--stone-x:17.6%;--stone-y:31.4%;--stone-w:14.6%;--stone-h:46.6%;--sign-x:46.75%;--sign-y:39.7%;--sign-w:7.75%;--sign-h:5.2%;aspect-ratio:3/2;background:url(/ui/login/scene-1600.webp) 50%/100% 100% no-repeat;width:min(110vw,165vh);font-size:clamp(12px,.92cqw,17px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container-type:inline-size}@media (width>=1500px),(width>=1000px) and (resolution>=1.5x){.auth-stage{background-image:url(/ui/login/scene-2400.webp)}}@media (aspect-ratio>=1) and (height<=500px){.auth-stage{width:110vw;font-size:11px}}@media (aspect-ratio<=1){.auth-stage{--sign-x:39%;--sign-y:29.4%;--sign-w:11.8%;--sign-h:3.2%;aspect-ratio:2/3;background-image:url(/ui/login/scene-portrait.webp);width:max(100vw,66.667vh);font-size:13px}}.auth-title{pointer-events:none;justify-content:center;margin:0;display:flex;position:absolute;top:max(1.5%,50% - 50vh + 8px);left:0;right:0}.auth-title img{filter:drop-shadow(0 4px 10px #000);width:clamp(230px,30cqw,600px);height:auto;display:block}.auth-stone{left:var(--stone-x);top:var(--stone-y);width:var(--stone-w);min-height:var(--stone-h);box-sizing:border-box;color:#e6dcc6;text-shadow:0 1px 2px #000;flex-direction:column;justify-content:center;gap:.75em;padding:0 .3em;display:flex;position:absolute}.auth-stone h2{text-align:center;letter-spacing:.04em;color:#e9cf8a;margin:0;font:700 1.55em/1.1 Georgia,Times New Roman,serif}.auth-stone p{margin:0}.auth-stone .field{color:#c9bb9c;gap:.3em}.auth-stone .field input{color:#f1e8d4;text-shadow:none;background:#080705d1;border:1px solid #5a4d36;border-radius:3px;padding:.55em .7em;box-shadow:inset 0 2px 4px #000c}.auth-stone .field input:focus-visible{border-color:#c8a24a;box-shadow:inset 0 2px 4px #000c,0 0 0 2px #c8a24a66}.auth-note{color:#b3a586;font-size:.88em;line-height:1.35}.auth-error{color:#f08a6c;font-weight:600}.auth-stone .auth-links{flex-wrap:wrap;justify-content:space-between;gap:.3em .8em;display:flex}.auth-stone button.link{color:#d8b56a}.auth-stone button.link:hover{color:#f3d58a}.auth-gate{left:var(--sign-x);top:var(--sign-y);width:var(--sign-w);height:var(--sign-h);color:inherit;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.auth-gate:after{content:"";position:absolute;inset:-60% -18%}.auth-gate-glow{mix-blend-mode:screen;opacity:.4;pointer-events:none;background:radial-gradient(at 50% 55%,#ffd67899,#ffa03238 50%,#0000 75%);width:132%;height:340%;animation:4.5s ease-in-out infinite auth-breathe;position:absolute;top:-145%;left:-16%}.auth-gate-label{letter-spacing:.06em;text-transform:uppercase;color:#f3d27a;text-shadow:0 1px #000,0 0 3px #000,0 0 10px #ffaa3c73;padding:0 .3em;font:700 1.05em/1.1 Georgia,Times New Roman,serif;transition:color .2s,text-shadow .2s;position:relative}.auth-gate:hover:not(:disabled) .auth-gate-label,.auth-gate:focus-visible .auth-gate-label{color:#fff2c8;text-shadow:0 1px #000,0 0 3px #000,0 0 14px #ffbe50f2}.auth-gate:hover:not(:disabled) .auth-gate-glow,.auth-gate:focus-visible .auth-gate-glow{opacity:1;animation:none}.auth-gate:focus-visible{outline-offset:2px;outline:2px solid #f3d27a}@keyframes auth-breathe{0%,to{opacity:.25}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.auth-gate-glow{opacity:.5;animation:none}}@media (aspect-ratio<=1){.auth-stone{border:53px solid #0000;border-width:100px 53px 40px;border-image:url(/ui/login/tomb.webp) 300 160 120 fill/100px 53px 40px;gap:.55em;width:min(100vw - 24px,420px);min-height:0;padding:0 .2em .5em;top:auto;bottom:max(3%,50% - 50vh + 10px);left:50%;transform:translate(-50%)}.auth-stone h2{margin-top:-46px}.auth-gate-label{letter-spacing:.03em;font-size:11px}}@media (aspect-ratio<=1) and (height<=720px){.auth-stage{font-size:12px}.auth-stone{border-width:76px 40px 30px;border-image-width:76px 40px 30px;gap:.45em}.auth-stone h2{margin-top:-34px}.auth-stone .field input{padding:.45em .6em}}