.hs-backdrop{--hs-bg:#0e0b09;--hs-well:#0b0907;--hs-line:#3a2f24;--hs-line-dim:#241c15;--hs-ink:#e8d9b8;--hs-dim:#a8957a;--hs-gold:#d9b45a;pointer-events:auto;background:var(--hs-bg);touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.hs-screen{box-sizing:border-box;color:var(--hs-ink);font:13px/1.25 var(--hud-font);transform-origin:50%;flex-direction:column;flex:none;gap:8px;padding:8px 44px 12px;display:flex;position:relative}.hs-btn{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid var(--hs-line);background:#17110d;padding:0}.hs-btn:focus-visible{outline:2px solid var(--hs-ink);outline-offset:1px}.hs-btn:disabled{cursor:default;color:var(--hs-dim)}.hs-icon{fill:none;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;flex:none}.hs-item-img{max-width:100%;max-height:100%;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex:none;display:block}.hs-slot-pic{flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.hs-slot.wide .hs-slot-pic{width:32px;height:58px}.hs-close svg,.hs-square svg,.hs-tree-zoom svg{fill:none;stroke:var(--hs-ink);stroke-width:2px;stroke-linecap:round}.hs-dim{color:var(--hs-dim)}.hs-ink{color:var(--hs-ink)}.hs-gold{color:#efd25c}.hs-magic{color:#8b95ff}.hs-ok{color:#7ad37a}.hs-warn{color:#f0a07a;font-size:12px}.hs-small{font-size:11px}.hs-tiny{font-size:10px}.hs-heading{color:var(--hs-gold);letter-spacing:.06em;font-size:13px;font-weight:600}.hs-caption{color:var(--hs-dim);letter-spacing:.08em;margin-top:8px;font-size:11px}.hs-hint{color:var(--hs-dim);margin-top:6px;font-size:11px}.hs-scroll{overflow-y:auto}.hs-scroll::-webkit-scrollbar{width:4px}.hs-scroll::-webkit-scrollbar-thumb{background:var(--hs-line)}.hs-tab:after,.hs-stat-tab:after,.hs-small-btn:after,.hs-square:after,.hs-close:after{content:"";position:absolute;inset:-6px -2px}.hs-small-btn:after{inset:-8px -4px}.hs-header{border-bottom:1px solid var(--hs-line);flex:none;align-items:center;gap:16px;height:44px;display:flex}.hs-title{align-items:baseline;gap:10px;display:flex}.hs-class{color:var(--hs-gold);letter-spacing:.06em;font-size:19px;font-weight:700}.hs-tabs{gap:4px;display:flex}.hs-tab{letter-spacing:.04em;height:40px;color:var(--hs-dim);align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:flex;position:relative}.hs-tab.on{color:#f2e6c8;background:#2a1f12;border-color:#8a6a2e}.hs-badge{box-sizing:border-box;color:#120d0a;background:#b88a2e;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex}.hs-xp{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hs-xp-text{color:var(--hs-dim);letter-spacing:.04em;justify-content:space-between;font-size:11px;display:flex}.hs-xp-bar{background:var(--hs-well);border:1px solid var(--hs-line);height:6px}.hs-xp-bar>div{background:#b88a2e;height:100%}.hs-gold-pill{border:1px solid var(--hs-line);color:#e3c46b;background:#17110d;flex:none;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:15px;font-weight:700;display:flex}.hs-coin{fill:none;stroke:#e3c46b;stroke-width:2px;flex:none}.hs-close{justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.hs-body{flex:1;gap:12px;min-height:0;display:flex}.hs-equipment{flex-direction:column;flex:none;gap:8px;width:232px;display:flex}.hs-doll{gap:8px;height:232px;display:flex}.hs-slot-col{flex-direction:column;gap:8px;width:52px;display:flex}.hs-slot{touch-action:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.hs-slot.wide{text-align:left;justify-content:flex-start;gap:8px;width:auto;height:64px;padding:0 8px}.hs-hands{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hs-slot-held{opacity:.5;border-style:dashed}.hs-slot-text{flex-direction:column;min-width:0;font-size:12px;line-height:1.15;display:flex}.hs-slot-text .hs-dim{font-size:11px}.hs-center{flex-direction:column;align-items:center;gap:6px;width:112px;display:flex}.hs-portrait{background:var(--hs-well);border:1px solid #2a221a;width:112px;height:160px;position:relative;overflow:hidden}.hs-portrait-glow{background:radial-gradient(closest-side,#e6963c47,#e6963c00);border-radius:50%;height:34px;position:absolute;bottom:6px;left:6px;right:6px}.hs-portrait-img{width:192px;height:192px;image-rendering:pixelated;position:absolute;top:-12px;left:-40px}.hs-vitals{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:112px;display:grid}.hs-vital{flex-direction:column;align-items:center;padding:4px 0;font-size:11px;display:flex}.hs-vital b{font-size:16px}.hs-vital.life{color:#e7a49b;background:#1c0d0b;border:1px solid #5a1d17}.hs-vital.life b{color:#f2d2cc}.hs-vital.fury{color:#f0b070;background:#1e1206;border:1px solid #6a3c12}.hs-vital.fury b{color:#f8dcb8}.hs-pack{flex-direction:column;flex:none;gap:4px;width:290px;display:flex}.hs-section-head{justify-content:space-between;align-items:baseline;display:flex}.hs-pack .hs-section-head+.hs-grid{margin-bottom:6px}.hs-grid{position:relative}.hs-cell{box-sizing:border-box;background:var(--hs-well);border:1px solid var(--hs-line-dim);position:absolute}.hs-item{box-sizing:border-box;touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute}.hs-preview{box-sizing:border-box;pointer-events:none;border:2px solid;position:absolute}.hs-preview.ok{background:#7ad37a1f;border-color:#7ad37a}.hs-preview.bad{background:#e0675a1f;border-color:#e0675a}.hs-sockets{pointer-events:none;gap:2px;display:flex;position:absolute;bottom:3px;left:3px}.hs-socket{box-sizing:border-box;background:var(--hs-well);border:1px solid #8a7a62;border-radius:50%;width:6px;height:6px}.hs-socket.full{background:#e8923f}.hs-sockets.big{justify-content:center;gap:6px;margin-top:4px;position:static}.hs-sockets.big .hs-socket{color:#f0b070;justify-content:center;align-items:center;width:26px;height:26px;font-size:9px;display:flex}.hs-sockets.big .hs-socket.full{background:#3a1f0d}.hs-sockets.big .hs-socket.open{border-color:#e8923f;box-shadow:0 0 8px #e8923f8c}.hs-sockets.big{pointer-events:auto}.hs-sockets.big button.hs-socket{font:inherit;color:#f0b070;cursor:pointer;padding:0;font-size:9px}.hs-sockets.big button.hs-socket:hover{border-color:#f0b070}.hs-sockets.big .hs-socket.locked{border-color:#e0c38a}.hs-belt{gap:6px;display:flex}.hs-belt-slot{touch-action:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.hs-trash{box-sizing:border-box;border:1px dashed var(--hs-line);background:#120d0a;margin-left:auto}.hs-trash svg{fill:none;stroke:var(--hs-dim);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.hs-trash.ready{border-color:#8a6a48}.hs-trash.ready svg{stroke:#c8b796}.hs-trash.over{background:#2a1310;border:1px solid #e0675a;box-shadow:0 0 0 2px #e0675a}.hs-trash.over svg{stroke:#f0a07a}.hs-belt-key{color:var(--hs-dim);font-size:10px;position:absolute;top:1px;right:3px}.hs-btn.dragging{opacity:.35}.hs-btn.drop-ok{box-shadow:0 0 0 2px #7ad37a}.hs-btn.drop-bad{box-shadow:0 0 0 2px #e0675a}.hs-ghost{box-sizing:border-box;pointer-events:none;z-index:5;background:#17110dd9;border:1px solid;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 6px 18px #0009}.hs-side{flex-direction:column;flex:none;gap:8px;width:210px;min-height:0;display:flex}.hs-stats{flex-direction:column;flex:1;min-height:0;display:flex}.hs-row{border-bottom:1px solid var(--hs-line-dim);color:#c8b796;flex:none;justify-content:space-between;align-items:center;height:26px;display:flex}.hs-row b{color:var(--hs-ink)}.hs-panel{box-sizing:border-box;background:#120d0a;border:1px solid;flex-direction:column;flex:1;min-height:0;display:flex}.hs-panel-body{text-align:center;flex-direction:column;flex:1;gap:3px;min-height:0;padding:10px 10px 6px;display:flex}.hs-item-name{font-size:14px;font-weight:700;line-height:1.2}.hs-flavor{color:#c9a46a;margin-top:4px;font-size:12px;font-style:italic}.hs-item-stat{color:#c8b796;font-size:12px}.hs-item-stat b{color:var(--hs-ink)}.hs-item-affix{color:#8b95ff;font-size:12px}.hs-item-rune{color:#e8923f;font-size:12px}.hs-item-word{color:#e0c38a;font-size:12px}.hs-compare{border-top:1px solid var(--hs-line-dim);flex-direction:column;gap:2px;margin-top:8px;padding-top:6px;display:flex}.hs-compare-head{color:var(--hs-dim);margin-bottom:2px;font-size:11px}.hs-compare-head b{color:#c8b796;font-weight:600}.hs-power{color:#c8b796;font-size:13px}.hs-power>b:first-child{color:#f0e2c0;font-size:15px}.hs-up{color:#7ad37a;font-size:12px}.hs-down{color:#e0675a;font-size:12px}.hs-class-tag{color:#d0603f;font-weight:700}.hs-panel-actions{border-top:1px solid var(--hs-line-dim);gap:6px;padding:8px;display:flex}.hs-action{letter-spacing:.04em;color:#f2e6c8;background:#5a1d17;border-color:#8a3a22;flex:1;height:44px;font-size:13px;font-weight:700}.hs-action:disabled{border-color:var(--hs-line);background:#17110d}.hs-actions-fill{flex:1}.hs-square{flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.hs-small-btn{color:#c8b796;height:34px;padding:0 12px;font-size:12px;position:relative}.hs-tree{background:var(--hs-well);border:1px solid #2a221a;flex:1;min-width:0;position:relative;overflow:hidden}.hs-tree-host{position:absolute;inset:0}.hs-tree-canvas{touch-action:none;cursor:grab;display:block}.hs-tree-points{pointer-events:none;border:1px solid var(--hs-line);color:var(--hs-dim);background:#0e0b09d9;padding:4px 10px;font-size:12px;position:absolute;top:8px;left:8px}.hs-tree-points b{font-size:15px}.hs-tree-zoom{flex-direction:column;gap:4px;display:flex;position:absolute;top:8px;right:8px}.hs-tree-zoom .hs-square{background:#17110de6;width:44px;height:44px}.hs-tree-hint{color:var(--hs-dim);pointer-events:none;font-size:11px;position:absolute;bottom:6px;left:8px}.hs-tree-side{width:220px}.hs-stats>.hs-small{margin-top:3px;line-height:1.3}.hs-legend{border-top:1px solid var(--hs-line-dim);color:var(--hs-dim);flex-direction:column;gap:5px;margin-top:auto;padding-top:8px;font-size:11px;display:flex}.hs-legend span{align-items:center;gap:6px;display:flex}.hs-legend .dot{box-sizing:border-box;border:2px solid #e8c56a;border-radius:50%;width:10px;height:10px}.hs-legend .dot.on{background:#b88a2e}.hs-legend .dot.avail{background:#1c140d}.hs-legend .dot.zone{border:1px dashed #d0603f}.hs-stat-tabs{border-bottom:1px solid var(--hs-line);flex:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hs-stat-tab{letter-spacing:.04em;height:40px;color:var(--hs-dim);background:0 0;border:none;border-bottom:2px solid #0000;font-size:12px;font-weight:600;position:relative}.hs-stat-tab.on{border-bottom-color:var(--hs-gold);color:#f2e6c8}.hs-stat-body{flex-direction:column;flex:1;min-height:0;padding-top:6px;display:flex}.hs-attr-head{flex:none;justify-content:space-between;align-items:center;gap:8px;height:30px;display:flex}.hs-attr{border-top:1px solid var(--hs-line-dim);flex:none;align-items:center;gap:8px;min-height:50px;display:flex}.hs-attr-text{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.hs-attr-name{color:var(--hs-ink);font-size:12px;font-weight:600}.hs-attr-value{color:var(--hs-ink);font-size:18px;font-weight:700}.hs-dps{border-bottom:1px solid var(--hs-line-dim);flex-direction:column;flex:none;align-items:center;padding:2px 0 8px;display:flex}.hs-dps .hs-caption{margin-top:0}.hs-dps-value{color:#f2e6c8;font-size:30px;font-weight:700;line-height:1.1}.hs-resist{flex-direction:column;flex:none;gap:3px;margin-top:6px;display:flex}.hs-resist-text{color:#c8b796;justify-content:space-between;font-size:12px;display:flex}.hs-resist-bar{background:var(--hs-well);border:1px solid var(--hs-line-dim);height:5px}.hs-resist-bar>div{height:100%}.hs-pack-tabs{gap:4px;display:flex}.hs-pack-tab{letter-spacing:.06em;color:var(--hs-dim,#a8957a);padding:2px 10px;font-size:12px;font-weight:600}.hs-pack-tab.on{color:var(--hs-gold);border-color:var(--hs-gold)}.hs-orb-xp{background:#1a140f;border:1px solid #3a3026;height:4px}.hs-orb-xp>div{background:#b88a2e;height:100%}.hs-orb-row{align-items:center;gap:6px;display:flex}.hs-orb-pic{flex:none;width:26px;height:26px;display:inline-flex;position:relative}.hs-orb-pic .hs-item-img{width:26px;height:26px;image-rendering:pixelated}.hs-orb-pick{text-align:left;align-items:center;gap:6px;padding:3px 6px;display:flex}.hs-orb-pick.picked{background:#e0c27a1f;border-color:#e0c27a}.hs-orb-preview{background:#00000040;border:1px solid #4a4030;flex-direction:column;gap:3px;margin-top:4px;padding:6px;display:flex}.hs-legend .dot.slot{background:0 0;border:2px solid #7fb4ff;box-shadow:-4px 0 0 -1px #e8923f,4px 0 0 -1px #6fcf6f}.hs-orb-xp.ready>div{background:#e0c27a;box-shadow:0 0 4px #e0c27a}.hs-orb-raise{color:#f0d690;border-color:#b88a2e;align-self:flex-start;padding:6px 10px;font-size:12px;font-weight:700}.hs-orb-confirm{background:#b88a2e14;border:1px solid #b88a2e;flex-direction:column;gap:4px;padding:8px;display:flex}.hs-orb-confirm.risky{background:#a2503a1a;border-color:#a2503a}.hs-orb-confirm-actions{gap:6px;margin-top:4px;display:flex}.hs-orb-confirm-actions .hs-btn:first-child{height:44px;padding:0 12px}.hs-plus{color:#6fdc5a}.hs-orb-plus{pointer-events:none;color:#6fdc5a;background:#0b0907;border:1px solid #6fdc5a;border-radius:50%;justify-content:center;align-items:center;width:11px;height:11px;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:1px;right:1px;box-shadow:0 0 3px #6fdc5a99}.hs-essence-level{color:var(--hs-gold);text-shadow:0 0 2px #000,0 0 2px #000;pointer-events:none;font-size:9px;font-weight:700;position:absolute;top:0;left:2px}.hs-stack-count{color:#f2e6c8;text-shadow:0 0 2px #000,0 0 2px #000;pointer-events:none;font-size:10px;font-weight:700;position:absolute;bottom:0;right:2px}.hs-sort{flex:none;justify-content:center;align-items:center;width:34px;height:24px;display:inline-flex;position:relative}.hs-sort:after{content:"";position:absolute;inset:-6px -2px}.hs-sort svg{fill:none;stroke:#c8b796;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.hs-sort:disabled svg{stroke:var(--hs-dim);opacity:.5}.hs-pack .hs-section-head{align-items:center}.al-fill{flex:1}.al-col{flex-direction:column;flex:none;gap:6px;width:230px;min-height:0;display:flex}.al-list{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.al-orb{text-align:left;align-items:center;gap:8px;padding:4px 6px;display:flex}.al-orb.on{border-color:var(--hs-gold);background:#2a1e12}.al-orb-text{flex-direction:column;display:flex}.al-center{flex:1;min-width:0}.al-preview{color:#7ad37a;margin-top:6px;font-weight:700}.rs-tabs{flex:none;gap:6px;display:flex}.rs-tabs .hs-pack-tab{flex:1}.rs-pic{width:32px;height:32px}.rs-pic .hs-item-img{object-fit:contain;width:32px;height:32px}.rs-sub{margin-top:8px}.rs-word{min-height:40px}.rs-runes{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.rs-rune{flex-direction:column;align-items:center;gap:2px;min-width:52px;padding:4px 6px;display:flex}.rs-rune.on{border-color:var(--hs-gold);background:#2a1e12}.rs-pick-hint{text-align:center;flex:1;align-self:center}.ms-msg{text-align:center;flex:1;min-width:0;font-size:12px}.ms-msg-good{color:#e3c46b}.ms-side{flex-direction:column;flex:none;gap:6px;width:270px;display:flex}.ms-tabs{border-bottom:1px solid var(--hs-line);flex:none;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ms-tabs .hs-stat-tab{justify-content:center;align-items:center;gap:4px;display:flex}.ms-count{box-sizing:border-box;color:#f2e6c8;background:#6a5a44;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex}.ms-bag-head{box-sizing:border-box;border-bottom:1px solid var(--hs-line);flex:none;justify-content:space-between;align-items:center;height:40px;display:flex}.ms-grid{flex:none}.ms-price{color:#e3c46b;pointer-events:none;background:#0b0907cc;padding:1px 2px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:1px;right:1px}.ms-price.dear{color:#e0675a}.hs-item.ms-dear{opacity:.6}.ms-empty{text-align:center;color:var(--hs-dim);justify-content:center;align-items:center;padding:0 24px;font-size:12px;display:flex;position:absolute;inset:0}.ms-center{flex-direction:column;flex:none;width:192px;min-height:0;display:flex}.ms-welcome{flex-direction:column;align-items:center;gap:8px;height:100%;display:flex}.ms-portrait{background:var(--hs-well);border:1px solid #2a221a;flex:none;width:192px;height:170px;position:relative;overflow:hidden}.ms-portrait .hs-portrait-glow{bottom:8px;left:24px;right:24px}.ms-portrait-img{width:192px;height:192px;image-rendering:pixelated;position:absolute;top:-22px;left:0}.ms-quote{text-align:center;color:var(--hs-ink);font-size:13px;font-weight:600}.ms-hint{text-align:center;line-height:1.35}.ms-price-row{border-top:1px solid var(--hs-line-dim);flex:none;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.ms-price-big{color:#e3c46b;align-items:center;gap:5px;font-size:16px;font-weight:700;display:flex}.ms-price-big.dear{color:#e0675a}.ms-grid.ms-sell{box-shadow:0 0 0 2px #8a7448}.ms-grid.ms-sell.over{box-shadow:0 0 0 2px #e3c46b,0 0 14px #e3c46b59}.ms-sell-label{pointer-events:none;color:#e3c46b;letter-spacing:.06em;background:#0b09078c;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0}.ms-actions-fill{flex:1}.ms-grid.ms-elsewhere{box-shadow:0 0 0 2px #7ad37a}.ms-grid.ms-elsewhere.bad{box-shadow:0 0 0 2px #e0675a}.st-tabs{border-bottom:1px solid var(--hs-line);flex:none;grid-template-columns:1fr 1fr 1fr 1.5fr 1.9fr 40px;display:grid}.st-tabs .hs-stat-tab{justify-content:center;align-items:center;gap:4px;padding-left:0;padding-right:0;display:flex}.st-drop-ok{box-shadow:inset 0 0 0 2px #7ad37a}.st-drop-bad{box-shadow:inset 0 0 0 2px #e0675a}.st-welcome{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:0 6px;display:flex}.st-chest{color:#8a7448;font-size:54px;line-height:1}.st-sort{justify-content:flex-end;align-items:center;display:flex}.he-col{flex-direction:column;flex:none;gap:6px;width:270px;min-height:0;display:flex}.he-list{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.he-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.he-row{border:1px solid var(--hs-line);background:#120d0a;align-items:center;gap:6px;padding:3px 4px;display:flex}.he-row.gone{opacity:.5}.he-pic{flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.he-text{flex-direction:column;flex:1;min-width:0;display:flex}.he-price{color:var(--hs-gold);align-items:center;gap:3px;font-size:12px;display:inline-flex}.he-buy{flex:none;width:38px;height:32px;font-weight:700}.he-recipe{border:1px solid var(--hs-line);background:#120d0a;flex-direction:column;gap:4px;padding:6px;display:flex}.he-recipe-head{align-items:center;gap:6px;display:flex}.he-recipe-buy{align-items:center;gap:8px;display:flex}.ac-tabs{gap:4px;margin-left:16px;display:flex}.ac-wide{width:330px}.ac-gap{margin-top:8px}.ac-ing{align-items:center;gap:6px;display:flex}.ac-ok{color:#7ad37a}.ac-short{color:#f0a07a}.ac-count{text-align:center;width:22px}.ac-save{width:auto;padding:0 10px}.ac-perm{align-items:flex-start}.coop-hud{top:calc(8px + env(safe-area-inset-top));pointer-events:auto;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.coop-badge{min-height:32px;font:12px var(--hud-font);color:var(--hud-ink);cursor:pointer;background:#17110dd1;border:1px solid #5a3f28;padding:4px 10px}.coop-badge span{color:var(--hud-dim);margin-left:4px}.coop-badge .coop-slow{color:#d98a4a}.coop-cover{pointer-events:auto;z-index:20;background:#0b0907b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.coop-card{width:min(480px,100vw - 32px);max-height:calc(100vh - 24px);color:var(--hud-ink);font:14px var(--hud-font);background:#17110d;border:1px solid #5a3f28;flex-direction:column;gap:8px;padding:14px 18px;display:flex;overflow-y:auto}.coop-card h2{letter-spacing:.06em;margin:0;font-size:18px}.coop-card h3{margin:6px 0 4px;font-size:14px}.coop-card h3 small{color:var(--hud-dim);font-weight:400}.coop-card p{margin:0}.coop-dim{color:var(--hud-dim);font-size:12px}.coop-warn{color:#e0a060}.coop-ok{color:#8fd46a}.coop-pin{font-size:16px}.coop-pin b{letter-spacing:.2em;color:#f0d8a0;font-size:22px}.coop-label{color:var(--hud-dim);flex-direction:column;gap:4px;font-size:12px;display:flex}.coop-code{box-sizing:border-box;width:100%;color:var(--hud-ink);resize:none;word-break:break-all;background:#0e0a08;border:1px solid #3d2b1c;font:11px monospace}.coop-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.coop-btn{min-height:40px;font:13px var(--hud-font);color:var(--hud-ink);cursor:pointer;background:#2a1b14;border:1px solid #5a3f28;padding:0 14px}.coop-btn.primary{background:#4a1a14;border-color:#b3261e}.coop-btn.danger{color:#e8b0a0;border-color:#8a3a2a}.coop-btn:disabled{opacity:.45;cursor:default}.coop-trade{width:min(720px,100vw - 32px)}.coop-trade-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.coop-goods{max-height:34vh;margin:0;padding:0;list-style:none;overflow-y:auto}.coop-item{text-align:left;width:100%;min-height:34px;font:12px var(--hud-font);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:2px 6px;display:flex}.coop-item:disabled{cursor:default;opacity:1}.coop-item.on{background:#2e1f16;border-color:#b3261e}.coop-item img{image-rendering:pixelated;flex:none}.coop-gold{align-items:center;gap:6px;font-size:12px;display:flex}.coop-gold input{width:6em;min-height:32px;font:13px var(--hud-font);color:var(--hud-ink);background:#0e0a08;border:1px solid #3d2b1c}.mm-root{pointer-events:auto;color:var(--hud-ink);font:14px var(--hud-font);background:#0b0907 url(/assets/ui/menu_bg_preview.jpg) 100%/cover no-repeat;position:absolute;inset:0;overflow:hidden}.mm-art{aspect-ratio:1672/941;background:url(/assets/ui/menu_bg.webp) 50%/100% 100% no-repeat;width:max(100vw,177.7vh);position:absolute;top:50%;right:0;transform:translateY(-50%)}.mm-shade{background:linear-gradient(90deg,#0b0907e0 0%,#0b09078c 38%,#0b090700 65%);position:absolute;inset:0}.mm-rain{opacity:.22;background:repeating-linear-gradient(103deg,#0000 0 46px,#c8d2e680 46px 47px,#0000 47px 97px) 0 0/97px 160px,repeating-linear-gradient(101deg,#0000 0 71px,#c8d2e659 71px 72px,#0000 72px 139px) 0 0/139px 230px;animation:.9s linear infinite mm-rain;position:absolute;inset:-40px 0 0}@keyframes mm-rain{to{background-position:-36px 160px,-45px 230px}}.mm-lantern{aspect-ratio:1;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#ffaa4659,#ff8c2800 65%);border-radius:50%;width:16%;animation:2.3s ease-in-out infinite alternate mm-flicker;position:absolute;top:57.4%;left:33.8%;transform:translate(-50%,-50%)}@keyframes mm-flicker{0%{opacity:.55}30%{opacity:.85}55%{opacity:.65}80%{opacity:1}to{opacity:.7}}@media (prefers-reduced-motion:reduce){.mm-rain,.mm-lantern{animation:none}}.mm-panel{top:max(12px, env(safe-area-inset-top));bottom:max(12px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));flex-direction:column;display:flex;position:absolute}.mm-main{justify-content:center;gap:8px;width:min(240px,36vw)}.mm-wide{right:max(16px, env(safe-area-inset-right));background:#17110deb;border:1px solid #5a3f28;max-width:760px;padding:10px 14px}.mm-title{letter-spacing:.08em;color:#d9b27a;text-shadow:0 0 18px #b3261e8c,0 2px #000;margin:0 0 10px;font-size:clamp(26px,7vh,40px);font-weight:400}.mm-wait{color:var(--hud-dim);font-style:italic}.mm-btn{min-height:44px;font:16px var(--hud-font);color:var(--hud-ink);cursor:pointer;text-align:left;background:#2a1b14e0;border:1px solid #5a3f28;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:4px 14px;display:flex}.mm-btn small{color:var(--hud-dim);font-size:11px}.mm-btn.primary{background:#5a2a1eeb;border-color:#b36b3c}.mm-btn.danger{background:#5a1d17;border-color:#b3261e}.mm-btn:disabled{opacity:.5;cursor:default}.mm-btn:not(:disabled):active{filter:brightness(1.25)}.mm-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.mm-head h2{letter-spacing:.06em;margin:0;font-size:18px;font-weight:400}.mm-head h2 small{color:var(--hud-dim);font-size:12px}.mm-back{width:40px;height:40px;font:24px/1 var(--hud-font);color:var(--hud-ink);cursor:pointer;background:#2a1b14;border:1px solid #5a3f28}.mm-split{flex:1;gap:14px;min-height:0;display:flex}.mm-list{flex-direction:column;gap:4px;width:min(240px,40%);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.mm-slot{width:100%;min-height:44px;font:14px var(--hud-font);color:var(--hud-ink);cursor:pointer;text-align:left;background:#1e1510;border:1px solid #3d2a1c;flex-direction:column;align-items:flex-start;padding:4px 10px;display:flex}.mm-slot small{color:var(--hud-dim);font-size:11px}.mm-slot.on{background:#3a2018;border-color:#b36b3c}.mm-slot.new{color:var(--hud-dim);justify-content:center}.mm-detail{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex;overflow-y:auto}.mm-detail h3{color:#d9b27a;margin:0;font-size:18px;font-weight:400}.mm-detail p{margin:0}.mm-dim{color:var(--hud-dim);font-size:12px;line-height:1.35}.mm-warning{color:#e7a49b;font-size:12px}.mm-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.mm-actions .mm-btn{align-items:center;min-width:110px}.mm-portrait{flex:none;width:120px;height:128px;position:relative;overflow:hidden}.mm-portrait canvas{image-rendering:pixelated;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.mm-classes{grid-template-columns:repeat(3,1fr);align-content:start;gap:6px;width:min(240px,40%);display:grid}.mm-class{font:13px var(--hud-font);color:var(--hud-ink);cursor:pointer;background:#1e1510;border:1px solid #3d2a1c;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 6px;display:flex}.mm-class.on{background:#3a2018;border-color:#b36b3c}.mm-class.locked{color:var(--hud-dim);cursor:default;opacity:.6}.mm-class-art{justify-content:center;align-items:center;width:64px;height:72px;font-size:28px;display:flex;position:relative;overflow:hidden}.mm-class-art canvas{image-rendering:pixelated;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.mm-name{align-items:center;gap:10px;font-size:14px;display:flex}.mm-name input{min-width:0;height:40px;font:16px var(--hud-font);color:var(--hud-ink);background:#0f0b08;border:1px solid #5a3f28;flex:1;padding:0 10px}.mm-name input::placeholder{color:#6b5a44}.mm-name input:focus{border-color:#b36b3c;outline:none}.mm-code{box-sizing:border-box;width:100%;color:inherit;resize:none;word-break:break-all;background:#0e0a08;border:1px solid #3d2b1c;font:11px monospace}:root{--hud-ink:#e8d9b8;--hud-dim:#8c7a5e;--hud-blood:#b3261e;--hud-bg:#0b0907b8;--hud-font:Georgia, "Times New Roman", serif;--minimap-size:104px}.hud-minimap{top:calc(8px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:var(--minimap-size);height:var(--minimap-size);pointer-events:auto;background:var(--hud-bg);cursor:pointer;border:1px solid #3a2f24;position:absolute}.hud-minimap.expanded{top:calc(12px + env(safe-area-inset-top));right:auto;left:calc(12px + env(safe-area-inset-left));width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(100vh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:0 0;border-color:#0000}.hud-hero,.hud-counter,.hud-focus,.hud-gear,.hud-minimap{transition:opacity .15s linear}.hud-faded{opacity:.3}.hud-minimap.expanded{opacity:1;transition:none}.hud-map-backdrop{pointer-events:auto;background:#0b0907b8;position:absolute;inset:0}.hud-counter,.hud-fps{top:calc(10px + env(safe-area-inset-top));font:14px/1.2 var(--hud-font);color:var(--hud-dim);background:var(--hud-bg);letter-spacing:.04em;border:1px solid #3a2f24;padding:4px 10px;position:absolute}.hud-counter{left:calc(12px + env(safe-area-inset-left));top:calc(66px + env(safe-area-inset-top));font-size:12px}.hud-portal{left:calc(12px + env(safe-area-inset-left));top:calc(98px + env(safe-area-inset-top));pointer-events:auto;cursor:pointer;width:40px;height:40px;font:20px/1 var(--hud-font);color:#e2c8ff;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 40% 35%,#4a2a6e,#1c1028);border:2px solid #7a52a8;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s linear;display:flex;position:absolute;box-shadow:0 0 0 2px #0b090799}.hud-portal:active{transform:scale(.93)}.hud-hero{top:calc(8px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));align-items:stretch;gap:6px;display:flex;position:absolute}.hud-hero-btn{pointer-events:auto;cursor:pointer;background:var(--hud-bg);color:#d9b45a;width:50px;height:50px;font:700 20px var(--hud-font);border:1px solid #6b4a2e;position:relative}.hud-hero-badge{color:#120d0a;width:18px;height:18px;font:700 14px/18px var(--hud-font);background:#b88a2e;border-radius:9px;position:absolute;top:-6px;right:-6px}.hud-hero-bars{flex-direction:column;justify-content:space-between;width:150px;display:flex}.hud-bar{background:var(--hud-bg);border:1px solid #3a2f24;height:18px;position:relative;overflow:hidden}.hud-bar>div{height:100%;transition:width .12s linear}.hud-bar>span{font:11px/18px var(--hud-font);text-align:center;color:var(--hud-ink);text-shadow:0 1px #000;position:absolute;inset:0}.hud-bar.life>div{background:linear-gradient(#b3261e,#6e1410)}.hud-bar.fury>div{background:linear-gradient(#d0782a,#7a3c10)}.hud-bar.xp{height:6px}.hud-bar.xp>div{background:#b88a2e}.hud-levelup{text-align:center;pointer-events:none;animation:2.6s ease-out forwards hud-levelup;position:absolute;top:22%;left:50%;transform:translate(-50%)}.hud-levelup-title{font:600 clamp(22px, 6vh, 40px) var(--hud-font);color:#efd25c;letter-spacing:.08em;text-shadow:0 2px #000,0 0 18px #e8c56a8c}.hud-levelup-sub{font:14px var(--hud-font);color:var(--hud-ink);text-shadow:0 1px #000;margin-top:4px}@keyframes hud-levelup{0%{opacity:0;transform:translate(-50%,8px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.hud-counter span{color:var(--hud-ink)}.hud-fps{right:calc(176px + env(safe-area-inset-right));text-align:right;font:11px/1.35 ui-monospace,monospace}.hud-gear{top:calc(8px + env(safe-area-inset-top));right:calc(10px + var(--minimap-size) + 8px + env(safe-area-inset-right));pointer-events:auto;width:44px;height:44px;color:var(--hud-dim);background:var(--hud-bg);cursor:pointer;border:1px solid #3a2f24;font-size:22px;position:absolute}.hud-settings{pointer-events:auto;background:#0b0907b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hud-settings-card{width:min(460px,100vw - 32px);max-height:calc(100vh - 24px);color:var(--hud-ink);font:14px var(--hud-font);background:#17110d;border:1px solid #5a3f28;padding:14px 18px;overflow-y:auto}.hud-settings-card h2{letter-spacing:.06em;margin:0 0 10px;font-size:18px}.hud-row{grid-template-columns:9.5em 1fr 7.5em;align-items:center;gap:10px;min-height:44px;display:grid}.hud-row output{color:var(--hud-dim);font-size:12px}.hud-row input[type=range]{accent-color:#b3261e;width:100%}.hud-row input[type=checkbox]{accent-color:#b3261e;width:22px;height:22px}.hud-segment{grid-column:2/4;gap:4px;display:flex}.hud-segment button,.hud-settings-actions button{min-height:40px;font:13px var(--hud-font);color:var(--hud-ink);cursor:pointer;background:#2a1b14;border:1px solid #5a3f28;flex:1}.hud-segment button.on{background:#5a2a1e;border-color:#b36b3c}.hud-chips{flex-wrap:wrap;grid-column:2/4;gap:4px;padding:4px 0;display:flex}.hud-chips button{min-height:36px;font:13px var(--hud-font);opacity:.45;cursor:pointer;background:#1c1410;border:1px solid #3a2f24;padding:0 10px;text-decoration:line-through}.hud-chips button:not([style]){color:var(--hud-ink)}.hud-chips button.on{opacity:1;background:#2a1b14;border-color:#b36b3c;text-decoration:none}.hud-settings-actions{gap:8px;margin-top:12px;display:flex}.hud-version{color:var(--hud-dim);overflow-wrap:anywhere;font:11px ui-monospace,monospace}.hud-update{min-height:36px;font:13px var(--hud-font);color:var(--hud-ink);cursor:pointer;background:#5a2a1e;border:1px solid #b36b3c}.hud-update:disabled{opacity:.6;cursor:wait}.hud-note{color:var(--hud-dim);margin:2px 0 0;font-size:11px}.hud-focus{top:calc(10px + env(safe-area-inset-top));text-align:center;width:min(320px,46vw);font:13px var(--hud-font);color:var(--hud-ink);text-shadow:0 1px #000;position:absolute;left:50%;transform:translate(-50%)}.hud-focus.rank-champion .hud-focus-name{color:#8fb8ff}.hud-focus.rank-unique .hud-focus-name{color:#e2c068}.hud-focus.rank-boss .hud-focus-name{color:#e8714f;letter-spacing:.08em}.hud-focus-bar{background:var(--hud-bg);border:1px solid #3a2f24;height:7px;margin-top:3px}.hud-focus-bar>div{background:var(--hud-blood);height:100%}.hud-banner{pointer-events:none;background:radial-gradient(#0b090733,#0b09078c);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.hud-banner h1{font:600 clamp(22px, 5vh, 40px) var(--hud-font);color:var(--hud-ink);text-shadow:0 2px #000,0 0 18px #b3261e80;letter-spacing:.06em;margin:0}.hud-rotate{pointer-events:auto;color:var(--hud-ink);font:18px var(--hud-font);background:#0b0907;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hud-rotate-icon{color:var(--hud-dim);font-size:56px}.joy-base,.joy-knob,.attack-btn{-webkit-user-select:none;user-select:none;border-radius:50%;position:absolute;top:0;left:0}.joy-base{width:var(--joy-size,112px);height:var(--joy-size,112px);opacity:calc(.55 * var(--controls-opacity,1));background:#0b090740;border:2px solid #e8d9b82e}.joy-knob{width:var(--knob-size,48px);height:var(--knob-size,48px);opacity:calc(.55 * var(--controls-opacity,1));background:#e8d9b838;border:2px solid #e8d9b859}.joy-base.active,.joy-knob.active{opacity:var(--controls-opacity,1)}.attack-btn{top:auto;left:auto;right:calc(28px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));width:var(--attack-size,84px);height:var(--attack-size,84px);font-size:calc(var(--attack-size,84px) * .4);color:var(--hud-ink);opacity:var(--controls-opacity,1);background:radial-gradient(circle at 40% 35%,#5a2a1e,#2a120c);border:2px solid #7a4a2c;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 3px #0b090799}.left-handed .attack-btn{right:auto;left:calc(28px + env(safe-area-inset-left))}.action-btn{right:calc(28px + env(safe-area-inset-right) + var(--attack-size,84px) * .15);bottom:calc(24px + env(safe-area-inset-bottom) + var(--attack-size,84px) + 16px);width:calc(var(--attack-size,84px) * .7);height:calc(var(--attack-size,84px) * .7);font-size:calc(var(--attack-size,84px) * .3);color:var(--hud-ink);opacity:var(--controls-opacity,1);-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 40% 35%,#4a4030,#1e1a12);border:2px solid #8a7448;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 0 0 3px #0b090799}.action-btn[hidden],.attack-btn[hidden]{display:none}.left-handed .action-btn{right:auto;left:calc(28px + env(safe-area-inset-left) + var(--attack-size,84px) * .15)}.attack-btn.pressed{background:radial-gradient(circle at 40% 35%,#7a3424,#3a1810);transform:scale(.93)}.skill-btn{--a:var(--attack-size,84px);right:calc(28px + env(safe-area-inset-right) + var(--a) * var(--sx));bottom:calc(24px + env(safe-area-inset-bottom) + var(--a) * var(--sy));width:calc(var(--a) * .68);height:calc(var(--a) * .68);opacity:var(--controls-opacity,1);-webkit-user-select:none;user-select:none;background:#120d0a;border:2px solid #8a7448;border-radius:50%;position:absolute;overflow:hidden;box-shadow:0 0 0 3px #0b090799}.skill-btn img{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.skill-btn img.glyph{width:50%;height:50%;inset:25%}.skill-btn .skill-cd{pointer-events:none;background:#0b0907ad;height:0;position:absolute;bottom:0;left:0;right:0}.skill-btn .skill-cost{font:700 calc(var(--a) * .15)/1 var(--hud-font);color:#f0c060;text-shadow:0 1px #000,0 0 3px #000;pointer-events:none;position:absolute;bottom:8%;right:18%}.skill-btn.unready .skill-icon{filter:grayscale(.8)brightness(.6)}.skill-btn.unready .skill-cost{color:#d06050}.skill-btn.pressed{transform:scale(.93)}.skill-btn[hidden]{display:none}.skill-1{--sx:.94;--sy:.94}.skill-2{--sx:1.27;--sy:.32}.skill-3{--sx:2.02;--sy:0}.skill-4{--sx:2.77;--sy:0}.left-handed .skill-btn{right:auto;left:calc(28px + env(safe-area-inset-left) + var(--a) * var(--sx))}.potion-btn,.potion-slot{--a:var(--attack-size,84px);--p:calc(var(--a) * .6);width:var(--p);height:var(--p);opacity:var(--controls-opacity,1);-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 40% 35%,#3a1c18,#140b09);border:2px solid #8a7448;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 0 0 3px #0b090799}.potion-btn{right:calc(28px + env(safe-area-inset-right) + var(--a) * .2);bottom:calc(24px + env(safe-area-inset-bottom) + var(--a) * 1.7 + 28px)}.potion-btn[hidden]{display:none}.potion-btn img,.potion-slot img{height:62%;image-rendering:pixelated;pointer-events:none}.potion-btn.empty img,.potion-slot.empty img{visibility:hidden}.potion-btn.empty{border-color:#5a4a30}.potion-btn.open{border-color:#e0c27a;box-shadow:0 0 0 3px #0b090799,0 0 10px #e0c27a73}.potion-count,.potion-key{font:700 calc(var(--a) * .14)/1 var(--hud-font);color:var(--hud-ink);text-shadow:0 1px #000,0 0 3px #000;pointer-events:none;position:absolute}.potion-count{bottom:4%;right:6%}.potion-key{color:var(--hud-dim);top:8%;left:12%}.potion-menu{--a:var(--attack-size,84px);--p:calc(var(--a) * .6);right:calc(28px + env(safe-area-inset-right) + var(--a) * .2 + var(--p) + 10px);bottom:calc(24px + env(safe-area-inset-bottom) + var(--a) * 1.7 + 28px);pointer-events:none;opacity:0;transform-origin:100%;flex-direction:row-reverse;gap:8px;transition:opacity .12s ease-out,transform .12s ease-out;display:flex;position:absolute;transform:translate(24px)}.potion-menu.open{pointer-events:auto;opacity:1;transform:none}.potion-menu .potion-slot{position:relative}.potion-slot.empty{background:#0b09078c;border-color:#4a3c28}.left-handed .potion-btn{right:auto;left:calc(28px + env(safe-area-inset-left) + var(--a) * .2)}.left-handed .potion-menu{right:auto;left:calc(28px + env(safe-area-inset-left) + var(--a) * .2 + var(--p) + 10px);transform-origin:0;flex-direction:row}.left-handed .potion-menu:not(.open){transform:translate(-24px)}.ground-labels{pointer-events:none;contain:strict;font:12px/1 var(--hud-font);position:fixed;inset:0;overflow:hidden}.ground-label{white-space:nowrap;background:#0b0907b8;border:1px solid #e8d6b02e;border-radius:2px;padding:2px 5px;position:absolute;top:0;left:0}.ground-label.orb{border:1px solid var(--orb);box-shadow:0 0 5px var(--orb), inset 0 0 4px #000c;background:#0b0907d1;border-radius:8px;padding:2px 7px 2px 5px}.ground-label.orb:before{content:"";vertical-align:1px;background:var(--orb);width:6px;height:6px;box-shadow:0 0 3px var(--orb);border-radius:50%;margin-right:4px;display:inline-block}.ground-toast.good{color:#e0c27a;border-color:#6a5428}.ground-toast{color:#e0675a;background:#0b0907d9;border:1px solid #6a2a20;padding:6px 12px;font-size:14px;position:absolute;top:32%;left:50%;transform:translate(-50%)}.hud-life-row{position:relative}.hud-buffs{gap:4px;display:flex;position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.hud-buff{--fill:0;box-sizing:border-box;background:conic-gradient(#e0c27a calc(var(--fill) * 360deg), #3a2e1ee6 0);border-radius:3px;width:22px;height:22px;padding:2px;position:relative;box-shadow:0 0 0 1px #000000b3}.hud-buff img{box-sizing:border-box;width:18px;height:18px;image-rendering:pixelated;opacity:.45;filter:grayscale(.7);background:#0b0907e6;border-radius:2px;padding:1px;display:block}.hud-buff.on img{opacity:1;filter:none}.hud-buff.debuff{background:conic-gradient(#c8462e calc(var(--fill) * 360deg), #3a140ee6 0)}
