.hx-page{--hx-gold:var(--color-gold,#e8c46a);--hx-accent:var(--color-crystal);gap:20px}.hx-sec{container-type:inline-size}.hx-head{isolation:isolate;border:1px solid color-mix(in srgb, var(--hx-gold) 45%, transparent);background:radial-gradient(60% 90% at 12% 10%, color-mix(in srgb, var(--color-crystal) 26%, transparent), transparent 70%), radial-gradient(50% 80% at 100% 0%, color-mix(in srgb, var(--hx-gold) 16%, transparent), transparent 70%), linear-gradient(180deg, #141830, #080a18);box-shadow:inset 0 0 0 1px #000, inset 0 0 0 4px color-mix(in srgb, var(--hx-gold) 10%, transparent), 0 18px 50px #0008;border-radius:16px;gap:18px;padding:24px 20px 20px;display:grid;position:relative;overflow:hidden;container-type:inline-size}.hx-head-art{z-index:-1;opacity:.5;background:repeating-linear-gradient(115deg, transparent 0 46px, color-mix(in srgb, var(--color-crystal) 7%, transparent) 46px 48px), linear-gradient(90deg, transparent, color-mix(in srgb, var(--hx-gold) 10%, transparent) 50%, transparent);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.hx-head:before,.hx-head:after{content:"";border:2px solid var(--hx-gold);opacity:.8;pointer-events:none;width:34px;height:34px;position:absolute}.hx-head:before{border-bottom:0;border-right:0;border-top-left-radius:8px;top:8px;left:8px}.hx-head:after{border-top:0;border-left:0;border-bottom-right-radius:8px;bottom:8px;right:8px}.hx-head-id{align-items:center;gap:18px;min-width:0;display:flex}.hx-ring{background:conic-gradient(from 210deg, var(--hx-gold), #6b4a12, #fff2c4, #8a6420, var(--hx-gold));box-shadow:0 0 0 3px #05060f, 0 0 34px color-mix(in srgb, var(--color-crystal) 45%, transparent);border-radius:50%;flex:none;padding:4px}.hx-portrait{border-radius:50%;display:block;width:clamp(84px,22cqi,124px)!important;height:auto!important}.hx-eyebrow{font:700 12px/1 var(--font-cinzel), serif;letter-spacing:.3em;text-transform:uppercase;color:var(--color-crystal)}.hx-name{font:900 clamp(2rem, 9cqi, 3.6rem)/1 var(--font-cinzel), serif;color:#ffe7ad;overflow-wrap:anywhere;text-shadow:0 2px 0 #3b2500, 0 0 26px color-mix(in srgb, var(--hx-gold) 55%, transparent);margin-top:6px}.hx-guild{min-height:32px;color:var(--hx-gold);align-items:center;gap:8px;margin-top:10px;font-size:14px;display:inline-flex}a.hx-guild:hover span{text-underline-offset:3px;text-decoration:underline}.hx-guild.is-none{color:var(--color-muted)}[data-portal] .hx-head .hx-name{color:#ffe7ad!important}[data-portal] .hx-head .hx-eyebrow{color:color-mix(in srgb, var(--color-crystal) 55%, #fff)!important}[data-portal] .hx-head .hx-stats dd{color:#fff7e2!important}[data-portal] .hx-head .hx-stats dt{color:#b9a77c!important}[data-portal] .hx-head .hx-guild.is-none{color:#9aa3c2!important}[data-portal] .hx-window .hx-bar-t{color:#ffe2a0!important}.hx-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@container (min-width:560px){.hx-stats{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}.hx-stats>div{text-align:center;border:1px solid color-mix(in srgb, var(--hx-gold) 38%, #000);background:linear-gradient(#232637,#0d0f19);border-radius:8px;padding:12px 8px 10px;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 -10px 20px #0006}.hx-stats dt{font:700 10.5px/1 var(--font-cinzel), serif;letter-spacing:.18em;text-transform:uppercase;color:#b9a77c}.hx-stats dd{font-family:var(--font-sans);color:#fff7e2;font-variant-numeric:tabular-nums;text-shadow:0 0 16px color-mix(in srgb, var(--hx-gold) 45%, transparent);margin-top:6px;font-size:clamp(1.4rem,5cqi,2.1rem);font-weight:900}.hx{--s:clamp(54px, 14cqi, 84px);--gap:clamp(6px, 1.6cqi, 10px);gap:16px;display:grid}.hx-window{border:2px solid color-mix(in srgb, var(--hx-gold) 55%, #000);box-shadow:inset 0 0 0 1px #000, inset 0 0 0 3px color-mix(in srgb, var(--hx-gold) 18%, transparent), 0 24px 60px #000a, 0 0 40px color-mix(in srgb, var(--color-crystal) 12%, transparent);background:linear-gradient(#1a1b24,#0a0b11 60%,#07080d);border-radius:12px;padding:0 0 14px;position:relative}.hx-window:before,.hx-window:after{content:"";pointer-events:none;background:linear-gradient(var(--hx-gold), var(--hx-gold)) top left / 22px 2px, linear-gradient(var(--hx-gold), var(--hx-gold)) top left / 2px 22px, linear-gradient(var(--hx-gold), var(--hx-gold)) top right / 22px 2px, linear-gradient(var(--hx-gold), var(--hx-gold)) top right / 2px 22px, linear-gradient(var(--hx-gold), var(--hx-gold)) bottom left / 22px 2px, linear-gradient(var(--hx-gold), var(--hx-gold)) bottom left / 2px 22px, linear-gradient(var(--hx-gold), var(--hx-gold)) bottom right / 22px 2px, linear-gradient(var(--hx-gold), var(--hx-gold)) bottom right / 2px 22px;opacity:.85;background-repeat:no-repeat;border-radius:8px;position:absolute;inset:6px}.hx-window:after{display:none}.hx-bar{border-bottom:1px solid color-mix(in srgb, var(--hx-gold) 50%, #000);background:linear-gradient(#2a2516,#12100a);border-radius:10px 10px 0 0;justify-content:center;align-items:center;gap:12px;height:46px;margin:0 0 12px;display:flex;box-shadow:inset 0 1px #ffffff12}.hx-bar-t{font:800 15px/1 var(--font-cinzel), serif;letter-spacing:.32em;text-transform:uppercase;color:#ffe2a0;text-shadow:0 1px 0 #000, 0 0 12px color-mix(in srgb, var(--hx-gold) 60%, transparent)}.hx-gem{background:linear-gradient(135deg, #fff, var(--color-crystal));width:10px;height:10px;box-shadow:0 0 10px var(--color-crystal);transform:rotate(45deg)}.hx-body{gap:var(--gap);padding:0 14px;display:grid}.hx-slot{--t:#fff;width:100%;height:100%;min-height:var(--s);background:radial-gradient(70% 70% at 50% 40%,#1f2233,#090a12);border:1px solid #4a3d22;border-radius:6px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #000,inset 0 0 18px #000d}.hx-slot:before{content:"";border:1px solid color-mix(in srgb, var(--hx-gold) 22%, transparent);pointer-events:none;border-radius:4px;position:absolute;inset:3px}.hx-slot.has-item{border-color:color-mix(in srgb, var(--t) 55%, #4a3d22);box-shadow:inset 0 0 0 1px #000, inset 0 0 calc(26px * var(--vault-glow,.4) + 6px) color-mix(in srgb, var(--t) 28%, transparent), 0 0 calc(30px * var(--vault-glow,.4)) color-mix(in srgb, var(--t) 45%, transparent)}.hx-slot.tone-white,.hx-slot.tone-lvl{--t:#9fd2ff}.hx-slot.tone-gold{--t:#ffd36b}.hx-slot.tone-exc{--t:#3dff8c}.hx-slot.tone-anc{--t:#34e3cf}.hx-slot.tone-socket{--t:#c48cff}.hx-slot.fx-exc{--t:#8cf2d9}.hx-slot.fx-anc{--t:#99bfff}.hx-slot.fx-l7{--t:#c9cdd9}.hx-slot.fx-l9{--t:#e0bd72}.hx-slot.fx-l11{--t:#a8d4ff}.hx-slot.fx-l13{--t:#e6f3ff}.hx-slot.fx-l15{--t:#ffd98a}.hx-slot.fx-exc:is(.fx-l7,.fx-l9,.fx-l11,.fx-l13,.fx-l15){--t2:#8cf2d9}.hx-slot.fx-anc:is(.fx-l7,.fx-l9,.fx-l11,.fx-l13,.fx-l15){--t2:#99bfff}.hx-slot.has-item:is([class*=fx-l],.fx-exc,.fx-anc):before{border-color:color-mix(in srgb, var(--t2,var(--t)) 55%, transparent);box-shadow:inset 0 0 8px color-mix(in srgb, var(--t2,var(--t)) 35%, transparent)}.hx-slot.fx-l15{animation:2.4s ease-in-out infinite hx-l15}@keyframes hx-l15{50%{box-shadow:inset 0 0 0 1px #000, inset 0 0 calc(30px * var(--vault-glow,.4) + 10px) color-mix(in srgb, var(--t) 40%, transparent), 0 0 calc(40px * var(--vault-glow,.4) + 6px) color-mix(in srgb, var(--t) 65%, transparent)}}[data-motion=off] .hx-slot.fx-l15{animation:none}@media (prefers-reduced-motion:reduce){.hx-slot.fx-l15{animation:none}}.hx-slot.is-sel{border-color:var(--color-crystal);outline:2px solid var(--color-crystal);outline-offset:2px}.hx-btn{cursor:pointer;border-radius:inherit;background:0 0;border:0;place-items:center;width:100%;height:100%;padding:6px;display:grid}.hx-btn:focus-visible{outline:2px solid var(--color-crystal);outline-offset:-3px}.hx-pic{filter:drop-shadow(0 4px 8px #000c);width:100%;height:100%}.hx-lvl{font:800 11px/1 var(--font-cinzel), serif;color:#ffd36b;text-shadow:0 1px #000,0 0 6px #000;position:absolute;bottom:4px;right:5px}.hx-empty{place-items:center;width:100%;height:100%;display:grid}.hx-empty svg{fill:none;stroke:#d9c493;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;opacity:.2;width:52%;height:52%}.hx-acc{justify-content:center;gap:var(--gap);flex-wrap:wrap;grid-area:acc;display:flex}.hx-acc .hx-slot{width:calc(var(--s) * .8);height:calc(var(--s) * .8);min-height:0}.hx-stage{background:radial-gradient(48% 42% at 50% 40%, color-mix(in srgb, var(--color-crystal) 30%, transparent), transparent 72%), radial-gradient(80% 60% at 50% 105%, color-mix(in srgb, var(--hx-gold) 16%, transparent), transparent 70%), linear-gradient(180deg, #121733, #05060f);border:1px solid #ffffff12;border-radius:10px;grid-area:stage;min-height:260px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #000c}.hx-stage .hero3d{background:0 0;border:0;border-radius:0;margin:0;position:absolute;inset:0}.hx-stage .hero3d-stage{height:100%}.hx-stage .hero3d-hint,.hx-stage .hero3d-msg{color:#c9bfa0;opacity:.75;font-size:10.5px;top:10px;bottom:auto}.hx-shafts{pointer-events:none;opacity:.35;background:repeating-linear-gradient(100deg, transparent 0 38px, color-mix(in srgb, var(--color-crystal) 18%, transparent) 38px 44px, transparent 44px 90px);animation:14s ease-in-out infinite alternate hx-drift;position:absolute;inset:-20% -10% 0;-webkit-mask-image:radial-gradient(60% 70% at 50% 0,#000,#0000 75%);mask-image:radial-gradient(60% 70% at 50% 0,#000,#0000 75%)}@keyframes hx-drift{0%{transform:translate(-3%)}to{transform:translate(3%)}}.hx-floor{pointer-events:none;background:radial-gradient(50% 60% at 50% 100%, color-mix(in srgb, var(--color-crystal) 22%, transparent), transparent 70%);height:28%;position:absolute;bottom:0;left:0;right:0}.hx-still{place-items:center;display:grid;position:absolute;inset:0}.hx-still-art{opacity:.9;box-shadow:0 0 60px color-mix(in srgb, var(--color-crystal) 40%, transparent);border-radius:50%;width:min(60%,220px)!important;height:auto!important}[data-motion=off] .hx-shafts{animation:none}@media (prefers-reduced-motion:reduce){.hx-shafts{animation:none}}.hx-tip .mu-tooltip{max-width:360px;margin:0 auto;box-shadow:0 18px 40px #000a}.hx-hint{text-align:center;color:var(--color-muted);font-size:13px}.hx-note .hp-note{text-align:center}.hx-private{border:1px solid var(--color-line);background:#0008;border-radius:14px}.hx-look-window .hx-body{grid-template-columns:var(--s) minmax(0, 1fr) var(--s);grid-template-rows:repeat(5, var(--s)) auto;grid-template-areas:"helm stage wings""armor stage weapon""pants stage shield""gloves stage pet""boots stage penta""acc acc acc"}.hx-look-window .hx-helm{grid-area:helm}.hx-look-window .hx-armor{grid-area:armor}.hx-look-window .hx-pants{grid-area:pants}.hx-look-window .hx-gloves{grid-area:gloves}.hx-look-window .hx-boots{grid-area:boots}.hx-look-window .hx-wings{grid-area:wings}.hx-look-window .hx-weapon{grid-area:weapon}.hx-look-window .hx-shield{grid-area:shield}.hx-look-window .hx-pet{grid-area:pet}.hx-look-window .hx-penta{grid-area:penta}.hx-look-window .hx-acc{padding-top:4px}@container (min-width:900px){.hx-look-window{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.hx-look-window .hx-tip{position:sticky;top:90px}.hx-look-window .hx-note{grid-column:1/-1}}.hx-look-altar{--s:clamp(50px, 12.5cqi, 88px)}.hx-look-altar .hx-body{padding:0 6px}.hx-look-altar .hx-window{box-shadow:none;background:0 0;border-width:1px;border-color:#0000;padding:0}.hx-look-altar .hx-window:before{display:none}.hx-look-altar .hx-bar{box-shadow:none;background:0 0;border:0;height:34px;margin-bottom:6px}.hx-look-altar .hx-bar-t{font-size:18px}.hx-look-altar .hx-body{grid-template-columns:var(--s) minmax(0, 1fr) var(--s);grid-template-rows:repeat(5, var(--s)) auto;row-gap:calc(var(--gap) + 4px);grid-template-areas:"helm.wings""armor.weapon""pants.shield""gloves.pet""boots.penta""acc acc acc";padding:0}.hx-look-altar .hx-stage{border:1px solid color-mix(in srgb, var(--hx-gold) 35%, transparent);background:radial-gradient(36% 46% at 50% 44%, color-mix(in srgb, var(--color-crystal) 42%, transparent), transparent 70%), conic-gradient(from 180deg at 50% 120%, transparent 35%, color-mix(in srgb, var(--hx-gold) 16%, transparent) 50%, transparent 65%), linear-gradient(180deg, #0d1230, #04050c);border-radius:18px;grid-area:1/1/6/4;min-width:0;margin:-10px -6px}.hx-look-altar .hx-shafts{opacity:.55}.hx-look-altar .hx-slot{z-index:1;aspect-ratio:1;width:var(--s);height:var(--s);border-width:2px;border-color:color-mix(in srgb, var(--hx-gold) 70%, #000);background:radial-gradient(60% 60% at 50% 40%,#232842,#07080f 75%);border-radius:50%;justify-self:center;box-shadow:0 0 0 3px #05060fcc,0 8px 20px #000b,inset 0 0 18px #000d}.hx-look-altar .hx-slot:before{border-radius:50%;inset:4px}.hx-look-altar .hx-slot.has-item{box-shadow:0 0 0 3px #05060fcc, 0 0 calc(34px * var(--vault-glow,.4) + 4px) color-mix(in srgb, var(--t) 55%, transparent), inset 0 0 20px color-mix(in srgb, var(--t) 30%, transparent)}.hx-look-altar .hx-btn{padding:18%}.hx-look-altar .hx-lvl{border:1px solid color-mix(in srgb, var(--hx-gold) 60%, #000);background:#05060f;border-radius:999px;padding:2px 6px;bottom:-6px;right:50%;transform:translate(50%)}.hx-look-altar :is(.hx-helm,.hx-boots){transform:translateX(calc(var(--s) * .28))}.hx-look-altar :is(.hx-wings,.hx-penta){transform:translateX(calc(var(--s) * -.28))}.hx-look-altar :is(.hx-armor,.hx-gloves){transform:translateX(calc(var(--s) * .06))}.hx-look-altar :is(.hx-weapon,.hx-pet){transform:translateX(calc(var(--s) * -.06))}.hx-look-altar .hx-helm{grid-area:helm}.hx-look-altar .hx-armor{grid-area:armor}.hx-look-altar .hx-pants{grid-area:pants}.hx-look-altar .hx-gloves{grid-area:gloves}.hx-look-altar .hx-boots{grid-area:boots}.hx-look-altar .hx-wings{grid-area:wings}.hx-look-altar .hx-weapon{grid-area:weapon}.hx-look-altar .hx-shield{grid-area:shield}.hx-look-altar .hx-pet{grid-area:pet}.hx-look-altar .hx-penta{grid-area:penta}.hx-look-altar .hx-acc{background:linear-gradient(90deg,#0000,#0b0d1acc 20% 80%,#0000);border-radius:999px;margin-top:14px;padding:12px}.hx-look-altar .hx-acc .hx-slot{width:calc(var(--s) * .74);height:calc(var(--s) * .74)}.hx-look-altar .hx-tip{justify-self:center;width:100%;max-width:420px}.hx-look-codex{--s:clamp(50px, 12cqi, 76px)}.hx-look-codex .hx-body{grid-template-columns:repeat(3, var(--s));grid-template-rows:auto calc(var(--s) * 1.25) calc(var(--s) * 1.9) calc(var(--s) * 1.25) auto auto;grid-template-areas:"stage stage stage""pet helm wings""weapon armor shield""gloves pants boots""penta penta penta""acc acc acc";justify-content:center}.hx-look-codex .hx-stage{border:2px solid color-mix(in srgb, var(--hx-gold) 45%, #000);justify-self:center;width:min(100cqi - 60px,520px);height:clamp(320px,90cqi,440px);margin-bottom:8px}.hx-look-codex .hx-pet{grid-area:pet}.hx-look-codex .hx-helm{grid-area:helm}.hx-look-codex .hx-wings{grid-area:wings}.hx-look-codex .hx-weapon{grid-area:weapon}.hx-look-codex .hx-armor{grid-area:armor}.hx-look-codex .hx-shield{grid-area:shield}.hx-look-codex .hx-gloves{grid-area:gloves}.hx-look-codex .hx-pants{grid-area:pants}.hx-look-codex .hx-boots{grid-area:boots}.hx-look-codex .hx-penta{width:calc(var(--s) * .8);height:calc(var(--s) * .8);grid-area:penta;justify-self:center;min-height:0}@container (min-width:600px){.hx-look-codex .hx-body{grid-template-columns:minmax(0, 1fr) repeat(3, var(--s));grid-template-rows:calc(var(--s) * 1.25) calc(var(--s) * 1.9) calc(var(--s) * 1.25) auto auto;grid-template-areas:"stage pet helm wings""stage weapon armor shield""stage gloves pants boots""stage penta penta penta""stage acc acc acc";justify-content:stretch}.hx-look-codex .hx-stage{width:auto;height:auto;min-height:calc(var(--s) * 6.2);justify-self:stretch;margin:0 8px 0 0}.hx-look-codex .hx-acc{justify-content:flex-start}}@container (min-width:980px){.hx-look-codex{grid-template-columns:minmax(0,1fr) 330px;align-items:start}.hx-look-codex .hx-note{grid-column:1/-1}}