*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0d0c22;color:#f3ecdc;font-family:DM Sans,system-ui,sans-serif}#app{position:fixed;inset:0;overflow:hidden}#world{position:absolute;inset:0;display:block;image-rendering:pixelated;cursor:default;outline:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#world.panning{cursor:grabbing}.loading{position:absolute;inset:0;z-index:100;display:grid;place-content:center;text-align:center;transition:opacity .6s;background:radial-gradient(circle at 50% 40%,#2c2766,#0d0c22 72%);color:#f3ecdc}.loading .sigil{color:#f2c55a}.loading .sigil.big{font-size:46px}.loading h1{margin:6px 0 4px;font:600 28px/1 Pixelify Sans,sans-serif;letter-spacing:.3em;color:#f2c55a}.loading p{margin:0;color:#cbc3e6}.loading.done{opacity:0;pointer-events:none}:root,[data-pal=royal]{--ink: #f3ecdc;--ink-dim: #cbc3e6;--ink-mute: #a49cc6;--lab: #b9aaff;--g-top: rgba(70, 62, 146, .5);--g-bot: rgba(16, 14, 44, .78);--pop-top: rgba(58, 50, 128, .94);--pop-bot: rgba(14, 12, 40, .97);--sh-top: rgba(52, 46, 120, .9);--sh-bot: rgba(12, 10, 34, .96);--panel-top: rgba(255, 255, 255, .06);--panel-bot: rgba(0, 0, 0, .16);--edge: rgba(242, 207, 130, .5);--edge-soft: rgba(242, 207, 130, .2);--hl: rgba(255, 244, 220, .24);--inner: rgba(150, 140, 255, .1);--acc: #f2c55a;--acc-hi: #ffe7a0;--acc-lo: #d49a34;--acc-ink: #2a1a0c;--acc-glow: rgba(255, 210, 110, .5);--acc2: #9ad8ff;--acc2-hi: #d8f1ff;--acc2-ink: #0c1e3a;--acc2-glow: rgba(154, 216, 255, .55);--num: #fbf4e4;--num-gold: #ffe7a0;--num-shadow: 0 1px 0 rgba(0, 0, 0, .5), 0 0 6px rgba(0, 0, 0, .25);--cd: rgba(6, 5, 22, .74);--track: rgba(0, 0, 0, .42);--chip: rgba(0, 0, 0, .28);--chip-edge: rgba(255, 244, 220, .14);--up: #b9f58e;--down: #ff9c8a;--card-base: #1b1744;--tint: 8, 8, 30;--scrim: rgba(6, 6, 20, .5);--niche-top: rgba(90, 80, 180, .5);--niche-bot: rgba(20, 16, 56, .82);--halo: 255, 214, 130}[data-pal=rose]{--ink: #3b2228;--ink-dim: #71505a;--ink-mute: #8f6e75;--lab: #c8434f;--g-top: rgba(255, 251, 244, .84);--g-bot: rgba(252, 234, 224, .9);--pop-top: rgba(255, 250, 244, .97);--pop-bot: rgba(250, 232, 224, .98);--sh-top: rgba(255, 250, 244, .95);--sh-bot: rgba(248, 232, 224, .97);--panel-top: rgba(255, 255, 255, .72);--panel-bot: rgba(250, 226, 218, .55);--edge: rgba(222, 104, 104, .55);--edge-soft: rgba(222, 104, 104, .24);--hl: rgba(255, 255, 255, .9);--inner: rgba(255, 170, 150, .12);--acc: #e8646e;--acc-hi: #ff9d92;--acc-lo: #c4404d;--acc-ink: #fff;--acc-glow: rgba(232, 100, 110, .42);--acc2: #1f9e93;--acc2-hi: #6ad6ca;--acc2-ink: #fff;--acc2-glow: rgba(31, 158, 147, .42);--num: #3b2228;--num-gold: #a2560f;--num-shadow: 0 1px 0 rgba(255, 255, 255, .7);--cd: rgba(40, 14, 24, .62);--track: rgba(120, 60, 70, .18);--chip: rgba(255, 255, 255, .62);--chip-edge: rgba(150, 80, 80, .22);--up: #24873a;--down: #c8363f;--card-base: #4b2a3a;--tint: 46, 16, 22;--scrim: rgba(40, 14, 24, .36);--niche-top: rgba(255, 246, 236, .86);--niche-bot: rgba(248, 214, 204, .9);--halo: 255, 170, 150}[data-pal=sky]{--ink: #15234a;--ink-dim: #43578a;--ink-mute: #687aa3;--lab: #2f5fd8;--g-top: rgba(255, 255, 255, .86);--g-bot: rgba(230, 239, 252, .9);--pop-top: rgba(255, 255, 255, .97);--pop-bot: rgba(232, 240, 252, .98);--sh-top: rgba(255, 255, 255, .95);--sh-bot: rgba(230, 238, 252, .97);--panel-top: rgba(255, 255, 255, .76);--panel-bot: rgba(224, 234, 252, .6);--edge: rgba(47, 95, 216, .5);--edge-soft: rgba(47, 95, 216, .2);--hl: rgba(255, 255, 255, .95);--inner: rgba(120, 160, 255, .12);--acc: #2f5fd8;--acc-hi: #7098ff;--acc-lo: #1d43a8;--acc-ink: #fff;--acc-glow: rgba(47, 95, 216, .4);--acc2: #e0811a;--acc2-hi: #ffb65a;--acc2-ink: #fff;--acc2-glow: rgba(224, 129, 26, .45);--num: #15234a;--num-gold: #96590a;--num-shadow: 0 1px 0 rgba(255, 255, 255, .75);--cd: rgba(10, 20, 50, .6);--track: rgba(40, 70, 140, .16);--chip: rgba(255, 255, 255, .66);--chip-edge: rgba(47, 95, 216, .2);--up: #1f8642;--down: #c5323d;--card-base: #1d2d5e;--tint: 10, 20, 52;--scrim: rgba(10, 20, 50, .36);--niche-top: rgba(255, 255, 255, .9);--niche-bot: rgba(214, 228, 252, .92);--halo: 150, 190, 255}:root{--r0: #c9c1b0;--r1: #6fcf7c;--r2: #4fa3ff;--r3: #a875ff;--r4: #ffa62b;--spring: cubic-bezier(.34, 1.56, .64, 1);--out: cubic-bezier(.2, .8, .2, 1);--pix: "Pixelify Sans", ui-monospace, monospace;--numf: "Bai Jamjuree", "DM Sans", system-ui, sans-serif;--outline: 0 1px 0 rgba(0, 0, 0, .92), 0 -1px 0 rgba(0, 0, 0, .92), 1px 0 0 rgba(0, 0, 0, .92), -1px 0 0 rgba(0, 0, 0, .92), 0 0 4px rgba(0, 0, 0, .75);--light: #fff8e6}#hud{position:fixed;inset:0;z-index:10;pointer-events:none;container:hud / size;color:var(--ink);font-family:DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.hud-root{position:absolute;inset:0;overflow:hidden;overflow:clip;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;--seg-top: 8px;--seg-h: 38px;--top-y: 52px;--world-top: 124px;--world-bot: 238px;--world-l: 0px;--world-r: 0px;--gs: 1;--sock: 37px}.hud-root>*{pointer-events:auto}.hud-root>.passive,.hud-root>#hudfx,.hud-root>.toasts,.hud-root>.banner,.hud-root>.ci-layer,.hud-root>.tophud,.hud-root>.dock{pointer-events:none}.tophud>*,.dock>*{pointer-events:auto}:where(#hud) button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}#hud :focus-visible{outline:2px solid var(--acc-hi);outline-offset:2px}:where(#hud) img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}#hud [hidden]{display:none!important}.n,.num{font-family:var(--numf);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.glass{position:relative;background:linear-gradient(180deg,var(--g-top),var(--g-bot));border:1px solid var(--edge);border-radius:16px;-webkit-backdrop-filter:blur(7px) saturate(1.3);backdrop-filter:blur(7px) saturate(1.3);box-shadow:0 10px 28px #00000052,inset 0 1px 0 var(--hl),inset 0 -1px #0000001f,inset 0 0 22px var(--inner)}.fx-low .glass,.fx-low .goddess .niche,.fx-low .shrine,.lite .glass,.lite .goddess .niche,.lite .shrine{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.fx-low .glass,.lite .glass{background:linear-gradient(180deg,var(--pop-top),var(--pop-bot))}.fx-low .glint,.lite .glint{display:none}.glint{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.glint:before{content:"";position:absolute;top:-40%;bottom:-40%;left:-60%;width:38%;background:linear-gradient(100deg,transparent 0%,rgba(255,250,235,0) 20%,rgba(255,250,235,.22) 48%,rgba(255,250,235,.05) 60%,transparent 80%);transform:translate(0) skew(-18deg);animation:glint var(--gl, 8s) var(--gd, 0s) ease-in-out infinite}@keyframes glint{0%,78%{transform:translate(0) skew(-18deg)}to{transform:translate(480%) skew(-18deg)}}.cur{display:inline-block;flex:none;width:22px;height:22px;background:url(/assets/ui/currency.webp) no-repeat;background-size:474% 237%}.cur.coin{background-position:2.5% 6.8%}.cur.bless{background-position:2.5% 93.2%;filter:drop-shadow(0 0 4px rgba(255,231,160,.7))}.seg{position:absolute;z-index:50;top:var(--seg-top);left:50%;transform:translate(-50%);height:var(--seg-h);display:flex;padding:3px;border-radius:999px;width:min(374px,calc(100% - 16px))}.seg button{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:999px;font-weight:600;font-size:12px;color:var(--ink-dim);letter-spacing:.02em;transition:color .25s;white-space:nowrap}.seg button b{font-family:var(--pix);font-weight:600;font-size:13px;color:var(--acc);opacity:.85}.seg button[aria-selected=true],.seg button[aria-selected=true] b{color:var(--acc-ink);opacity:1}.seg-ind{position:absolute;top:3px;bottom:3px;left:0;width:0;border-radius:999px;background:linear-gradient(180deg,var(--acc-hi),var(--acc) 55%,var(--acc-lo));box-shadow:0 2px 10px var(--acc-glow),inset 0 1px #ffffff8c;transition:transform .5s var(--spring),width .5s var(--spring)}.brandtag{display:none}.palette{position:absolute;z-index:21;top:calc(var(--top-y) + 42px);right:8px;display:flex;align-items:center;gap:6px;height:26px;padding:0 5px 0 7px;border-radius:999px}.palette .pl-lab{display:none;font:700 8px/1 DM Sans;letter-spacing:.14em;color:var(--ink-dim);text-transform:uppercase}.palette button{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;transition:transform .35s var(--spring)}.palette button i{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--sw1) 50%,var(--sw2) 50%);box-shadow:0 0 0 1px #00000040,inset 0 1px #fff6}.palette button[aria-checked=true]{transform:scale(1.12);box-shadow:0 0 0 2px var(--acc)}.palette [data-pal=royal]{--sw1: #2a2466;--sw2: #f2c55a}.palette [data-pal=rose]{--sw1: #fff3ea;--sw2: #e8646e}.palette [data-pal=sky]{--sw1: #ffffff;--sw2: #2f5fd8}.tophud{position:absolute;z-index:20;top:var(--top-y);left:8px;right:8px;display:flex;gap:6px;align-items:stretch}.res{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 6px;border-radius:12px;min-width:0}.res .val{font:700 18px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--num);letter-spacing:.01em;text-shadow:var(--num-shadow)}.res.gold .val{color:var(--num-gold)}.res small{font:600 10px/1 var(--numf);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--lab);white-space:nowrap}.res .stack{display:flex;flex-direction:column;gap:2px;min-width:0}.res .rate{font:600 10px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--ink-mute);white-space:nowrap}.powerbox{margin-left:auto;display:flex;align-items:center;gap:7px;height:36px;padding:0 10px;border-radius:12px}.powerbox .pl{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.powerbox small{font:600 9px/1 DM Sans;letter-spacing:.1em;color:var(--ink-dim);white-space:nowrap}.powerbox small b{font:700 10px/1 var(--numf);letter-spacing:.02em;color:var(--ink)}.powerbox .val{font:700 17px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--num);text-shadow:var(--num-shadow)}.icoPower{display:inline-grid;color:var(--acc)}.powerbox svg{width:18px;height:18px}.regionpill{position:absolute;z-index:19;top:calc(var(--top-y) + 42px);left:8px;display:flex;align-items:center;gap:7px;height:26px;padding:0 9px 0 8px;border-radius:999px;font-size:11px;max-width:calc(100% - 222px);min-width:0}.regionpill b{font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.regionpill .stg{font:700 11px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--acc);white-space:nowrap}.wave{flex:none;width:34px;height:4px;border-radius:3px;background:var(--track);overflow:hidden}.wave i{display:block;height:100%;width:calc(var(--w, 0) * 100%);background:linear-gradient(90deg,var(--acc2),var(--acc2-hi));transition:width .4s var(--out)}.dot-live{width:7px;height:7px;border-radius:50%;background:var(--acc2);box-shadow:0 0 8px var(--acc2);animation:live 1.6s ease-in-out infinite;flex:none}@keyframes live{50%{opacity:.35}}.minimap{display:none}.minimap canvas{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:pointer}.odo{display:inline-flex;overflow:hidden;height:1.05em;line-height:1.05;vertical-align:top}.odo .d{display:inline-block;width:1ch;height:1.05em;overflow:hidden;text-align:center}.odo .d>span{display:block;transition:transform .38s var(--out)}.odo .d>span>i{display:block;height:1em;line-height:1.05;font-style:normal}.odo .c{display:inline-block;width:.28em;text-align:center}.ctrls{position:absolute;z-index:21;top:calc(var(--top-y) + 42px);right:98px;display:flex;align-items:center;gap:2px;height:26px;padding:0 3px;border-radius:999px}.ctrls button{min-width:24px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;color:var(--ink-dim);font:700 11px/1 var(--numf)!important;font-variant-numeric:tabular-nums}.ctrls button svg{width:12px;height:12px}.ctrls button:hover,.ctrls button.on,.ctrls button[aria-pressed=true]{color:var(--acc-ink);background:var(--acc)}.more{position:absolute;z-index:47;min-width:210px;padding:8px;border-radius:14px;background:linear-gradient(180deg,var(--pop-top),var(--pop-bot));display:grid;gap:4px}.more.in{animation:pop .3s var(--spring)}.more .mrow{display:flex;align-items:center;gap:10px;height:34px;padding:0 6px 0 10px;border-radius:10px;font-size:12.5px;color:var(--ink);background:var(--chip);border:1px solid var(--chip-edge);text-align:left}.more .mrow span{flex:1}.more .mrow em{font:700 11px/1 var(--numf);font-style:normal;letter-spacing:.04em;color:var(--lab)}.more .mrow.on em{color:var(--acc)}.more .mh{font:700 9px/1 DM Sans;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin:4px 4px 2px}.bossbar{position:absolute;z-index:22;top:calc(var(--world-top) - 2px);left:50%;transform:translate(-50%);width:min(460px,calc(100% - 24px));padding:7px 12px 9px;border-radius:14px}.bossbar .bh{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;font-size:12px;color:var(--ink)}.bossbar .bh b{font:600 14px/1 var(--pix);letter-spacing:.04em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bossbar .bh .lv{font:700 12px/1 var(--numf);color:var(--acc)}.bossbar .bh .hpn{margin-left:auto;font:700 12px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--ink-dim);white-space:nowrap}.bossbar .bb{position:relative;height:10px;border-radius:6px;background:var(--track);overflow:hidden;box-shadow:inset 0 0 0 1px #fff4cf2e}.bossbar .bb i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;width:calc(var(--hp, 1) * 100%)}.bossbar .bb .lag{background:#fff0c8;transition:width .6s .2s var(--out);width:calc(var(--hl, 1) * 100%)}.bossbar .bb .now{background:linear-gradient(#ffad86,#e0583f);transition:width .15s}.banner{position:absolute;z-index:33;top:30%;left:50%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}.banner small{display:block;font:700 12px/1 DM Sans;letter-spacing:.3em;text-transform:uppercase;color:var(--acc-hi);text-shadow:0 1px 2px rgba(0,0,0,.7);margin-bottom:8px}.banner strong{display:block;font:700 clamp(26px,6cqw,50px)/1 var(--pix);color:#fff4cf;letter-spacing:.03em;text-shadow:0 3px 0 #3a2418,0 0 24px rgba(242,197,90,.6)}.banner.show{animation:banner 3.2s ease forwards}@keyframes banner{0%{opacity:0;transform:translate(-50%,-40%) scale(.92)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-56%)}}[data-screen=B] .toasts{margin-top:40px}.toasts{position:absolute;z-index:60;left:50%;top:calc(var(--world-top) + 46px);transform:translate(-50%);width:min(460px,calc(100% - 24px));display:flex;flex-direction:column;align-items:center;gap:6px}.toast{max-width:100%;padding:7px 14px;border-radius:999px;font-size:12.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:toast 2.8s var(--out) forwards}.toast b,.toast .n{font-family:var(--numf);font-weight:700}.toast.gold{box-shadow:0 0 0 1px var(--acc),0 6px 18px #0000004d,0 0 14px var(--acc-glow)}.toast.soft{color:var(--ink-dim)}@keyframes toast{0%{opacity:0;transform:translateY(-8px)}8%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}.dock{position:absolute;z-index:20;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px}.party{display:flex;gap:4px;padding:6px 5px 7px;border-radius:18px}.shrine{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:5px}.sockets{display:grid;grid-template-columns:repeat(3,var(--sock));grid-template-rows:repeat(2,var(--sock));gap:5px 4px;padding:5px;border-radius:15px;margin-bottom:4px}.sock{position:relative;border-radius:10px;--rc: var(--r0);cursor:pointer;background:radial-gradient(80% 80% at 50% 35%,color-mix(in srgb,var(--rc) 38%,#16163a),#121230 82%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 80%,transparent),inset 0 1px #ffffff40,0 2px 6px #0000004d}.gi{position:absolute;inset:3px;background:url(/assets/ui/gear-icons.webp) no-repeat;background-size:457% 343%;background-position:var(--ix) var(--iy)}.gi.top{background-image:url(/assets/ui/gear-icons-legendary.webp)}.sock .en{position:absolute;right:2px;bottom:1px;font:700 10px/1 var(--numf);color:var(--light);text-shadow:var(--outline)}.sock.r4,.gtile.r4{box-shadow:inset 0 0 0 1px var(--r4),inset 0 1px #ffffff4d,0 0 10px #ff9f3a80}.sock.land{animation:land .6s var(--spring)}@keyframes land{0%{transform:scale(1.35);filter:brightness(2.2)}to{transform:scale(1);filter:brightness(1)}}.goddess{position:relative;flex:none;width:calc(74px * var(--gs) + 18px);height:calc(111px * var(--gs) + 8px);cursor:pointer;outline-offset:4px}.goddess .niche{position:absolute;left:0;right:0;bottom:0;top:calc(14px * var(--gs));border-radius:999px 999px 18px 18px;overflow:hidden;background:radial-gradient(70% 45% at 50% 42%,rgba(var(--halo),.28),transparent 70%),linear-gradient(180deg,var(--niche-top),var(--niche-bot));border:1px solid var(--edge);-webkit-backdrop-filter:blur(7px) saturate(1.3);backdrop-filter:blur(7px) saturate(1.3);box-shadow:0 10px 24px #00000052,inset 0 1px 0 var(--hl),inset 0 0 18px var(--inner)}.goddess .niche:after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:22%;border-radius:50% 50% 0 0;background:radial-gradient(60% 100% at 50% 100%,rgba(var(--halo),.25),transparent 70%)}.goddess .halo{position:absolute;left:50%;top:calc(53px * var(--gs) + 4px);width:calc(150px * var(--gs));aspect-ratio:1;transform:translate(-50%,-50%) scale(var(--hs, .55));border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,#fffae1d9,rgba(var(--halo),.45) 40%,rgba(var(--halo),0) 72%);opacity:var(--ho, .35);transition:opacity .5s,transform .6s var(--spring);mix-blend-mode:screen}.goddess.awake .halo{--ho: 1;--hs: 1}.goddess .statue{position:absolute;left:9px;bottom:4px;width:calc(74px * var(--gs));height:calc(111px * var(--gs))}.goddess .statue .img,.bigstatue .img{position:absolute;inset:0;background:url(/assets/ui/goddess-sheet.webp) no-repeat;background-size:200% 100%;background-position:0 0;image-rendering:pixelated}.goddess.awake .statue .img,.bigstatue.awake .img{background-position:100% 0}.goddess .heart,.bigstatue .heart{position:absolute;left:calc(40.5 / 74 * 100%);top:calc(53 / 111 * 100%);width:40%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,#fffce6e6,#ffd26e80 45%,#ffd26e00 75%);mix-blend-mode:screen;opacity:calc(.15 + var(--wc, 0) * .55)}.goddess.awake .heart,.bigstatue.awake .heart{opacity:1;animation:heartbeat .5s ease-in-out infinite}@keyframes heartbeat{50%{transform:translate(-50%,-50%) scale(1.25)}}.goddess .zz{position:absolute;left:calc(9px + 60px * var(--gs));top:calc(10px * var(--gs));pointer-events:none}.goddess .zz i{position:absolute;left:0;top:0;font:700 calc(8px + 2px * var(--gs)) / 1 var(--pix);font-style:normal;color:var(--ink-dim);opacity:0;text-shadow:0 1px 2px rgba(0,0,0,.35);animation:zz 3.6s linear infinite}.goddess .zz i:nth-child(2){animation-delay:1.2s}.goddess .zz i:nth-child(3){animation-delay:2.4s}.goddess.awake .zz{display:none}@keyframes zz{0%{transform:translate(0) scale(.7);opacity:0}15%{opacity:.9}to{transform:translate(14px,-26px) scale(1.15);opacity:0}}.goddess .lvb{position:absolute;z-index:3;left:50%;top:-6px;transform:translate(-50%);display:flex;align-items:baseline;gap:3px;padding:3px 8px 4px;border-radius:999px;white-space:nowrap;background:linear-gradient(180deg,var(--pop-top),var(--pop-bot));border:1px solid var(--edge);box-shadow:0 3px 8px #0000004d}.goddess .lvb small{font:700 8px/1 DM Sans;letter-spacing:.12em;color:var(--lab)}.goddess .lvb b{font:700 13px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--num)}.goddess .cost{position:absolute;z-index:3;left:50%;bottom:-7px;transform:translate(-50%);display:flex;align-items:center;gap:3px;padding:2px 7px 2px 3px;border-radius:999px;white-space:nowrap;background:linear-gradient(180deg,var(--pop-top),var(--pop-bot));border:1px solid var(--edge-soft);font:700 12px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--num)}.goddess .cost .cur{width:15px;height:15px}.goddess .cost em{font-style:normal;color:var(--lab)}.goddess .auto{position:absolute;z-index:3;left:calc(100% + 6px);top:6px;overflow:hidden;white-space:nowrap;padding:3px 6px;border-radius:7px;font:700 10px/1 var(--numf);letter-spacing:.04em;color:var(--ink-dim);background:linear-gradient(180deg,var(--pop-top),var(--pop-bot));border:1px solid var(--edge-soft)}.goddess .auto span{position:relative}.goddess .auto:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--wc, 0) * 100%);background:linear-gradient(90deg,var(--acc2),var(--acc2-hi));opacity:.9}.goddess .auto.on{color:var(--acc2-ink);border-color:var(--acc2);box-shadow:0 0 10px var(--acc2-glow);background:color-mix(in srgb,var(--acc2) 35%,var(--pop-bot))}.goddess .auto.wait:before{opacity:.55}.goddess .auto.locked{color:var(--ink-mute);border-style:dashed}.goddess .auto.locked:before{display:none}.goddess .bag{position:absolute;z-index:3;right:calc(100% + 6px);top:6px;display:flex;align-items:center;gap:3px;padding:3px 6px;border-radius:7px;font:700 10px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--ink);background:linear-gradient(180deg,var(--pop-top),var(--pop-bot));border:1px solid var(--edge-soft);white-space:nowrap}.goddess .bag svg{width:11px;height:11px;color:var(--acc)}.goddess .bag .newb{position:absolute;right:-7px;top:-8px;min-width:16px;padding:2px 4px;border-radius:999px;font:700 9px/1 var(--numf);font-style:normal;text-align:center;color:#fff;background:#4a5ad0;box-shadow:0 0 0 1.5px var(--pop-bot),0 2px 6px #00000059}.goddess .bag .newb.bump{animation:land .45s var(--spring)}.goddess .bag.has-up{border-color:#2c9a3e;box-shadow:0 0 10px #2c9a3e73}.goddess .bag.has-up:after{content:"▲";position:absolute;left:-6px;top:-8px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font:700 8px/1 DM Sans;color:#fff;background:#2c9a3e;box-shadow:0 0 0 1.5px var(--pop-bot)}.goddess.bump .statue{animation:gbump .32s steps(2,end)}@keyframes gbump{50%{transform:translateY(-1px)}}.wish{position:absolute;z-index:32;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;pointer-events:none;will-change:transform}.wish .tile{position:absolute;inset:0;border-radius:12px;--rc: var(--r0);background:radial-gradient(80% 80% at 50% 35%,color-mix(in srgb,var(--rc) 45%,transparent),#0c0c1ee6 85%);box-shadow:inset 0 0 0 1.5px var(--rc),inset 0 1px #ffffff59,0 0 16px color-mix(in srgb,var(--rc) 70%,transparent),0 6px 14px #00000080}.wish .tile .gi{inset:4px}.wish .lab{position:absolute;left:50%;top:-16px;transform:translate(-50%);white-space:nowrap;padding:2px 5px;border-radius:5px;font:700 8.5px/1 DM Sans;letter-spacing:.06em;text-transform:uppercase;color:#14121e;background:var(--rc);opacity:0;transition:opacity .2s}.wish .vd{position:absolute;left:50%;bottom:-17px;transform:translate(-50%);white-space:nowrap;padding:2px 5px;border-radius:5px;font:700 11px/1 var(--numf);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .2s;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.5)}.wish .vd.eq{background:#2c9a3e}.wish .vd.kp{background:#4a5ad0}.wish .vd.sl{background:#b8741a}.wish.show .lab,.wish.show .vd{opacity:1}.wish.quiet .tile{box-shadow:inset 0 0 0 1.5px var(--rc),0 4px 10px #00000073}.up{color:var(--up)}.down{color:var(--down)}.float{position:absolute;z-index:43;pointer-events:none;font:700 15px/1 var(--numf);font-variant-numeric:tabular-nums;color:#ffe7a0;text-shadow:var(--outline);white-space:nowrap}#hudfx{position:absolute;inset:0;z-index:30;pointer-events:none;width:100%;height:100%}[data-screen=C] #hudfx,[data-screen=D] #hudfx{z-index:42}.slot{position:relative;flex:1 1 0;min-width:0;display:grid;grid-template-areas:"card" "hp" "gems";justify-items:center;row-gap:4px;border-radius:12px;outline:none;touch-action:pan-y;cursor:pointer}.slot .nm{display:none}.card{grid-area:card;position:relative;width:100%;max-width:50px;aspect-ratio:1;border-radius:12px;transform:perspective(260px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .45s var(--spring);transform-style:preserve-3d}.card.tilting{transition:transform .08s linear}.card .face{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:radial-gradient(90% 90% at 50% 30%,color-mix(in srgb,var(--el) 55%,var(--card-base)),var(--card-base) 92%);border:1px solid var(--edge);box-shadow:inset 0 1px #fff4dc59,inset 0 0 12px #00000059,0 4px 10px #0000004d}.card .face .por{position:absolute;inset:0;background-repeat:no-repeat;image-rendering:auto}.card .face:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.06) 32%,transparent 46%),linear-gradient(0deg,rgba(5,8,20,.5),transparent 36%)}.slot.ssr .card .face{border-color:#ffd36b;box-shadow:inset 0 1px #fff4dc80,inset 0 0 12px #00000059,0 0 0 1px #ffd36b99,0 0 12px #ffc4468c}.ssrb{position:absolute;z-index:4;right:-4px;top:-5px;padding:1px 4px 2px;border-radius:5px;font:800 8px/1 var(--numf);letter-spacing:.04em;color:#3a2006;background:linear-gradient(180deg,#fff3b8,#ffd24a 55%,#d69a1a);box-shadow:0 0 0 1px #8a5a0c,0 2px 6px #ffbe3c8c}.slot.tssr .card .face{border-color:#d8e6ff;box-shadow:inset 0 1px #ebf4ff99,inset 0 0 12px #00000059,0 0 0 1px #6ea0ffcc,0 0 0 2px #14267a8c,0 0 14px #4682ff8c}.slot.tssr .card .face:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 38%,rgba(200,225,255,.28) 46%,rgba(255,255,255,.55) 50%,rgba(200,225,255,.24) 54%,transparent 62%) 0 0 / 320% 100%;animation:tssrSheen 4.6s ease-in-out infinite}.ssrb.tssr{padding:1px 4px 2px 5px;color:#f6f9ff;letter-spacing:.06em;text-shadow:0 1px 0 #0b1a4d;background:linear-gradient(180deg,#5d8cf0,#2447c4 50%,#0e1a4d);box-shadow:0 0 0 1px #dfe8fb,0 0 0 2px #14267a,0 2px 8px #508cffa6}.ssrb.tssr:after{content:"";position:absolute;right:-3px;top:-3px;width:6px;height:6px;background:#fff;pointer-events:none;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 2px #9fd4ff);animation:tssrTwinkle 2.6s ease-in-out infinite}@keyframes tssrSheen{0%,58%{background-position:160% 0}to{background-position:-60% 0}}@keyframes tssrTwinkle{0%,to{transform:scale(.45) rotate(0);opacity:.55}50%{transform:scale(1.1) rotate(45deg);opacity:1}}.card .lv{position:absolute;z-index:2;left:-3px;top:-4px;padding:1px 4px 2px;border-radius:6px;font:700 10px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--acc-ink);background:linear-gradient(var(--acc-hi),var(--acc));box-shadow:0 1px 3px #0006}.card .basic{position:absolute;z-index:2;left:5px;right:5px;bottom:4px;height:3px;border-radius:2px;background:#00000080;overflow:hidden}.card .basic i{display:block;height:100%;width:calc(var(--b, 0) * 100%);background:linear-gradient(90deg,#f6d891,#fff4cf);border-radius:inherit}.card .flash{position:absolute;inset:-2px;border-radius:14px;pointer-events:none;opacity:0;background:radial-gradient(closest-side,rgba(255,248,220,.95),rgba(255,220,140,.4) 60%,transparent);mix-blend-mode:screen}.card .swapcd{position:absolute;inset:0;z-index:3;border-radius:inherit;display:none;place-items:center;background:conic-gradient(var(--cd) calc(var(--s, 0) * 360deg),rgba(4,6,16,.25) 0)}.card .swapcd b{font:700 16px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--light);text-shadow:var(--outline)}.card .swapcd svg{position:absolute;top:2px;right:2px;width:11px;height:11px;color:var(--acc2-hi)}.slot.cooling .card .swapcd{display:grid}.card .ko{position:absolute;inset:0;z-index:2;border-radius:inherit;display:none;place-items:center;background:#0a061099;font:700 11px/1 var(--numf);letter-spacing:.08em;color:#ffb3a6;text-shadow:var(--outline)}.slot.dead .card .ko{display:grid}.slot.dead .card .face .por{filter:grayscale(1) brightness(.6)}.card .press{position:absolute;inset:-4px;border-radius:15px;padding:2px;pointer-events:none;opacity:0;background:conic-gradient(var(--acc-hi) calc(var(--lp, 0) * 360deg),rgba(255,255,255,.12) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.slot.pressing .card .press{opacity:1}.slot.picking .card .face{border-color:var(--acc-hi);box-shadow:0 0 0 2px var(--acc-glow),0 0 18px var(--acc-glow)}.slot.empty{opacity:.55}.hpbar{grid-area:hp;position:relative;width:100%;max-width:50px;height:5px;border-radius:3px;background:#00000080;overflow:hidden;box-shadow:inset 0 0 0 1px #fff4cf1f}.hpbar i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit}.hpbar .lag{width:calc(var(--hl, 1) * 100%);background:#fff0c8;transition:width .6s .2s var(--out)}.hpbar .now{width:calc(var(--h, 1) * 100%);background:linear-gradient(#b9ec8e,#6fb44c);transition:width .15s}.hpbar.low .now{background:linear-gradient(#ffad86,#e0583f)}#hud.fx-low .hpbar i,#hud.fx-low .bossbar .bb i,#hud.fx-low .nbp .fb i,#hud.fx-low .foe .fb i{width:100%;transform-origin:0 50%}#hud.fx-low .hpbar .now{transform:scaleX(var(--h, 1));transition:transform .15s}#hud.fx-low .hpbar .lag,#hud.fx-low .bossbar .bb .lag{transform:scaleX(var(--hl, 1));transition:transform .6s .2s var(--out)}#hud.fx-low .bossbar .bb .now{transform:scaleX(var(--hp, 1));transition:transform .15s}#hud.fx-low .nbp .fb i,#hud.fx-low .foe .fb i{transform:scaleX(var(--hp, 1))}#hud.fx-low .nbp .fb .now,#hud.fx-low .foe .fb .now{transition:transform .3s ease-out}#hud.fx-low .nbp .fb .lag,#hud.fx-low .foe .fb .lag{transition:transform .7s .25s ease-out}.gems{grid-area:gems;display:flex;gap:3px;align-items:center;justify-content:center}.gem{position:relative;flex:none;background-color:#1a1a33;background-image:url(/assets/ui/skill-icons.webp);background-repeat:no-repeat;background-size:512% 512%;background-position:var(--gx) var(--gy)}.gem .sw{position:absolute;inset:0;border-radius:inherit;background:conic-gradient(var(--cd) calc(var(--p, 0) * 360deg),transparent 0)}.gem em{position:absolute;inset:0;display:grid;place-items:center;font:700 11px/1 var(--numf);font-variant-numeric:tabular-nums;font-style:normal;color:var(--light);text-shadow:var(--outline)}.gem .gl{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(70% 55% at 30% 22%,rgba(255,255,255,.45),transparent 60%);mix-blend-mode:screen}.gem.nrm{width:20px;height:20px;border-radius:6px;box-shadow:0 0 0 1px #fff4cf73,0 2px 5px #00000073}.gem.nrm .dbar{position:absolute;left:1px;right:1px;bottom:-4px;height:2px;border-radius:2px;background:#00000080;opacity:0}.gem.nrm .dbar i{display:block;height:100%;width:calc(var(--d, 0) * 100%);background:var(--acc2);box-shadow:0 0 4px var(--acc2)}.gem.nrm.active .dbar{opacity:1}.gem.ult{width:24px;height:24px;border-radius:50%;box-shadow:0 2px 6px #00000080}.gem.ult:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,var(--acc-hi),var(--acc) calc(var(--c, 0) * 360deg),rgba(255,255,255,.16) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px))}.gem.ult.active:before{background:conic-gradient(from 0deg,var(--acc2) calc(var(--d, 0) * 360deg),rgba(255,255,255,.12) 0)}.gem.ult.active{box-shadow:0 0 10px var(--acc2-glow),0 2px 6px #00000080}.gem.ult.active em{font-size:10px}.gem:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 0 1px #fff4cf99,0 0 14px #ffd66ef2}.gem.ready:after{animation:ready .9s ease-in-out infinite;will-change:opacity}.gem.ult.ready:before{background:conic-gradient(var(--acc-hi),#fff4cf,var(--acc),var(--acc-hi))}@keyframes ready{50%{opacity:1}}.gem.fire{animation:fire .5s var(--spring)}@keyframes fire{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.35);filter:brightness(2)}to{transform:scale(1);filter:brightness(1)}}.ci-layer{position:absolute;inset:0;z-index:31;pointer-events:none!important;overflow:hidden;overflow:clip;--ci-c-h: 50px;--ci-c-w: min(286px, 74cqw);--ci-c-nm: 15px;--ci-gold: linear-gradient(180deg, #fff8dc 8%, #ffd772 52%, #f0a43a 94%)}@container hud (min-width: 900px) and (min-height: 501px){.ci-layer{--ci-c-h: 58px;--ci-c-w: 392px;--ci-c-nm: 20px}}@container hud (max-height: 500px) and (orientation: landscape){.ci-layer{--ci-c-h: 44px;--ci-c-w: 248px;--ci-c-nm: 13.5px}}.ci{position:absolute;left:0;top:0;--el: #f2c55a}.ci-lab{display:flex;align-items:center;gap:5px;margin-bottom:3px;font:700 8.5px/1 DM Sans,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb,var(--el) 42%,var(--ink-dim))}.ci-nm{display:block;font-family:var(--numf);font-weight:700;line-height:1.04;letter-spacing:.005em;color:var(--ink);text-wrap:balance;text-shadow:0 1px 0 rgba(0,0,0,.4),0 0 14px color-mix(in srgb,var(--el) 50%,transparent)}[data-pal=rose] .ci-nm,[data-pal=sky] .ci-nm{text-shadow:0 1px 0 rgba(255,255,255,.7)}.ci-bust{position:absolute;display:block;max-width:none;pointer-events:none;background-repeat:no-repeat}.ci-sweep{position:absolute;top:-30%;bottom:-30%;left:0;width:34%;transform:translate(-130%) skew(-18deg);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,250,232,.5) 50%,transparent)}.ci-ssr{display:inline-block;padding:2px 4px 1px;border-radius:4px;font:700 8px/1 var(--numf);letter-spacing:.08em;color:#3a2408;background:linear-gradient(180deg,#fff3c4,#ffc94a 60%,#e09a2a);box-shadow:0 0 6px #ffc8508c}.ci-spk{position:absolute;z-index:3;width:10px;height:10px;opacity:0;background:#fff8dc;pointer-events:none;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 3px #ffd36b)}.ci-spk.s1{left:8px;top:-5px}.ci-spk.s2{right:22%;top:-6px;width:7px;height:7px}.ci-spk.s3{right:calc(var(--cut) - 3px);bottom:-4px}.ci-trim{display:none}.ci.ssr .ci-nm{background:var(--ci-gold);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 rgba(70,36,0,.6)) drop-shadow(0 0 8px rgba(255,200,80,.35))}[data-pal=rose] .ci.ssr .ci-nm,[data-pal=sky] .ci.ssr .ci-nm{background-image:linear-gradient(180deg,#d38d1d,#8a4e06);filter:none}.ci-c{width:var(--ci-c-w);height:var(--ci-c-h);--cut: calc(var(--ci-c-h) * .42);--win: calc(var(--ci-c-h) * 1.45);--pz: calc(var(--ci-c-h) * 2);clip-path:inset(-24px -24px -24px 0)}.ci-c.r{clip-path:inset(-24px 0 -24px -24px)}.ci-c .ci-mv{position:absolute;inset:0}.ci-c .ci-rib{position:absolute;inset:0;overflow:hidden;clip-path:polygon(0 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);background:linear-gradient(90deg,color-mix(in srgb,var(--el) 52%,var(--pop-bot)) 0%,var(--pop-top) 36%,var(--pop-bot) 100%)}.ci-c .ci-rib:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 12px,rgba(255,244,207,.05) 12px 14px),linear-gradient(180deg,rgba(255,255,255,.1),transparent 45%)}.ci-c .ci-rib:after{content:"";position:absolute;inset:0;box-shadow:inset 0 1px color-mix(in srgb,var(--el) 55%,var(--acc-hi)),inset 0 -1px color-mix(in srgb,var(--el) 55%,transparent)}.ci-c .ci-cut{position:absolute;left:0;top:0;bottom:0;width:var(--win);overflow:hidden;clip-path:polygon(0 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);background:radial-gradient(100% 120% at 30% 40%,color-mix(in srgb,var(--el) 72%,var(--card-base)),var(--card-base) 95%)}.ci-c .ci-cut:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,rgba(0,0,0,.28))}.ci-c .ci-bust{width:var(--pz);height:var(--pz);left:calc(46% - var(--fx, .5) * var(--pz));top:calc(50% - var(--fy, .64) * var(--pz));image-rendering:auto}.ci-c .ci-tx{position:absolute;left:calc(var(--win) - var(--cut) * .4 + 8px);right:calc(var(--cut) + 36px);top:50%;translate:0 -50%}.ci-c.nodur .ci-tx{right:calc(var(--cut) + 4px)}.ci-c .ci-nm{font-size:var(--ci-c-nm)}.ci-c.long .ci-nm{font-size:calc(var(--ci-c-nm) * .86)}.ci-c .ci-dur{position:absolute;right:calc(var(--cut) + 6px);top:50%;translate:0 -50%;padding:3px 5px 3px 6px;border-radius:6px;font:700 12px/1 var(--numf);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap;color:var(--ink);background:var(--chip);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--el) 55%,transparent)}.ci-c .ci-dur small{margin-left:1px;font-size:9px;font-weight:600;color:var(--ink-dim)}.ci-c .ci-edge{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--el);box-shadow:0 0 10px var(--el);transform-origin:0 50%}.ci-c .ci-trim{clip-path:polygon(0 0,100% 0,calc(100% - var(--cut)) 100%,0 100%)}.ci.ssr.ci-c .ci-trim{display:block;position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,238,186,.5) 50%,transparent 60%) 0 0 / 250% 100%}.ci.ssr.ci-c .ci-rib:after{box-shadow:inset 0 1.5px #ffd772,inset 0 -1.5px #e0a43a}.ci.ssr.ci-c .ci-edge{background:linear-gradient(#fff3c4,#ffc94a,#e09a2a);box-shadow:0 0 12px #ffc94a}.ci.ssr.ci-c .ci-cut{box-shadow:inset -1.5px 0 #ffd772}.ci.ssr.ci-c .ci-dur{box-shadow:inset 0 0 0 1px #e9b44c}.ci.tssr .ci-nm{background:linear-gradient(180deg,#fff 6%,#d6e4ff 42%,#7aa6ff 72%,#3a6ae6 96%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(10,22,70,.75)) drop-shadow(0 0 8px rgba(110,170,255,.5))}[data-pal=rose] .ci.tssr .ci-nm,[data-pal=sky] .ci.tssr .ci-nm{background-image:linear-gradient(180deg,#3a6ae6,#14267a);filter:none}.ci.tssr .ci-ssr{color:#f6f9ff;text-shadow:0 1px 0 #0b1a4d;background:linear-gradient(180deg,#5d8cf0,#2447c4 55%,#0e1a4d);box-shadow:0 0 0 1px #dfe8fb,0 0 8px #5a96ffb3}.ci.tssr.ci-c .ci-trim{background:linear-gradient(105deg,transparent 40%,rgba(205,228,255,.55) 50%,transparent 60%) 0 0 / 250% 100%}.ci.tssr.ci-c .ci-rib:after{box-shadow:inset 0 1.5px #dce8ff,inset 0 -1.5px #4f7fe8}.ci.tssr.ci-c .ci-edge{background:linear-gradient(#fff,#a9c6ff,#2f5fd8);box-shadow:0 0 12px #6fa0ff}.ci.tssr.ci-c .ci-cut{box-shadow:inset -1.5px 0 #d6e4ff}.ci.tssr.ci-c .ci-dur{box-shadow:inset 0 0 0 1px #8fb0ff}.ci.tssr .ci-spk{background:#f6faff;filter:drop-shadow(0 0 3px #7fb0ff)}.ci-spk.s4{left:36%;bottom:-5px;width:7px;height:7px}.ci-spk.s5{right:50%;top:-5px;width:9px;height:9px}.ci-c.r .ci-rib,.ci-c.r .ci-trim{clip-path:polygon(0 0,100% 0,100% 100%,var(--cut) 100%)}.ci-c.r .ci-rib{background:linear-gradient(270deg,color-mix(in srgb,var(--el) 52%,var(--pop-bot)) 0%,var(--pop-top) 36%,var(--pop-bot) 100%)}.ci-c.r .ci-cut{left:auto;right:0;clip-path:polygon(0 0,100% 0,100% 100%,var(--cut) 100%)}.ci-c.r .ci-cut:after{background:linear-gradient(270deg,transparent 70%,rgba(0,0,0,.28))}.ci-c.r .ci-bust{left:calc(54% - var(--fx, .5) * var(--pz))}.ci-c.r .ci-tx{left:calc(var(--cut) + 36px);right:calc(var(--win) - var(--cut) * .4 + 8px);text-align:right}.ci-c.r.nodur .ci-tx{left:calc(var(--cut) + 4px)}.ci-c.r .ci-lab{justify-content:flex-end}.ci-c.r .ci-dur{right:auto;left:calc(var(--cut) + 6px)}.ci-c.r .ci-edge{left:auto;right:0;transform-origin:100% 50%}.ci-c.r .ci-spk.s1{left:auto;right:8px}.ci-c.r .ci-spk.s2{right:auto;left:22%}.ci-c.r .ci-spk.s3{right:auto;left:calc(var(--cut) - 3px)}.ci-c.r .ci-spk.s4{left:auto;right:36%}.ci-c.r .ci-spk.s5{right:auto;left:50%}.card .ci-glow{position:absolute;inset:-3px;z-index:5;border-radius:15px;padding:2px;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .35s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card .ci-glow i{position:absolute;left:-30%;top:-30%;width:160%;height:160%;background:conic-gradient(from 0deg,transparent 0 28%,color-mix(in srgb,var(--ci-el) 70%,transparent) 48%,#fff8dc 57%,var(--ci-el) 66%,transparent 88%);animation:ciSpin 1.6s linear infinite}.card.ci-gold .ci-glow i{background:conic-gradient(from 0deg,#b57a1e,#ffe9a3 18%,#d49a34 35%,#fff7da 50%,#c9871f,#ffe08a 82%,#b57a1e)}.card .ci-halo{position:absolute;inset:-1px;z-index:0;border-radius:13px;pointer-events:none;opacity:0;transition:opacity .35s}.card .ci-halo:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 10px 1px var(--ci-el),0 0 22px 4px color-mix(in srgb,var(--ci-el) 40%,transparent);animation:ciHalo 1.3s ease-in-out infinite}.card.ci-gold .ci-halo:before{box-shadow:0 0 10px 1px #ffd36b,0 0 24px 5px #ffc45073}.card.ci-tssr .ci-glow i{background:conic-gradient(from 0deg,#14267a,#cfe0ff 16%,#2f5fd8,#fff,#3f7cff,#b4ceff 80%,#14267a)}.card.ci-tssr .ci-halo:before{box-shadow:0 0 10px 1px #7fb0ff,0 0 24px 5px #4678ff80}.card.ci-on .ci-glow,.card.ci-on .ci-halo{opacity:1}.card:not(.ci-on) .ci-glow i,.card:not(.ci-on) .ci-halo:before{animation-play-state:paused}@keyframes ciSpin{to{transform:rotate(1turn)}}@keyframes ciHalo{0%,to{opacity:1}50%{opacity:.45}}.picker{position:absolute;z-index:45;width:min(400px,calc(100% - 16px));padding:12px 12px 10px;border-radius:18px;background:linear-gradient(180deg,var(--pop-top),var(--pop-bot))}.picker.in{animation:pop .38s var(--spring)}@keyframes pop{0%{transform:translateY(10px) scale(.92);opacity:0}to{transform:none;opacity:1}}.picker .arrow{position:absolute;bottom:-7px;left:var(--ax, 50%);width:14px;height:14px;transform:translate(-50%) rotate(45deg);background:var(--pop-bot);border-right:1px solid var(--edge);border-bottom:1px solid var(--edge)}.picker.side .arrow{bottom:auto;left:-7px;top:var(--ay, 50%);transform:translateY(-50%) rotate(45deg);border:0;border-left:1px solid var(--edge);border-bottom:1px solid var(--edge)}.picker header{display:flex;align-items:baseline;gap:8px;margin:0 2px 10px}.picker header b{font:700 15px/1 var(--numf);color:var(--ink)}.picker header small{font-size:11px;color:var(--ink-dim)}.x{margin-left:auto;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--ink-dim);background:var(--chip);border:1px solid var(--chip-edge)!important;flex:none}.picker .slotcool{margin:-2px 2px 10px;padding:7px 10px;border-radius:10px;font-size:12px;color:var(--ink);background:var(--chip);border:1px solid var(--edge-soft);display:flex;gap:6px;align-items:center}.picker .slotcool b{font:700 13px/1 var(--numf);color:var(--lab)}.roster{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.rc{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 3px 6px!important;border-radius:12px;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot))!important;border:1px solid var(--chip-edge)!important;transition:transform .35s var(--spring),border-color .2s,background .2s}.rc .pp{position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:radial-gradient(90% 90% at 50% 30%,color-mix(in srgb,var(--el, #3f4a80) 55%,var(--card-base)),var(--card-base) 92%)}.rc .pp .por{position:absolute;inset:0;background-repeat:no-repeat}.rc .pp svg{width:100%;height:100%;display:block}.rc .rn{font-size:11px;font-weight:600;color:var(--ink);line-height:1;white-space:nowrap}.rc .tg{position:absolute;z-index:2;top:2px;right:2px;padding:1px 4px 2px;border-radius:5px;font:700 10px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--light);background:#060614cc}.rc .tg svg{width:9px;height:9px}.rc .ssrb{right:auto;left:2px;top:2px}.rc .ssrb.sr{color:#f3ecdcd1;font-weight:700;background:#0606149e;box-shadow:0 0 0 1px #ffffff29}.rc.can:hover,.rc.can:focus-visible,.rc.hl{transform:translateY(-3px);border-color:var(--acc)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 22%,transparent),var(--panel-bot))!important}.rc.here{border-color:var(--acc)!important}.rc.here .tg{color:var(--acc-ink);background:var(--acc)}.rc.rest .pp .por{filter:grayscale(1) brightness(.55)}.rc.rest .pp:after{content:"";position:absolute;inset:0;background:conic-gradient(var(--cd) calc(var(--s, 0) * 360deg),transparent 0)}.rc.rest .rt{position:absolute;z-index:1;left:0;right:0;top:5px;aspect-ratio:1;display:grid;place-items:center;font:700 17px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--light);text-shadow:var(--outline)}.rc.rest .rn,.rc.lock .rn{color:var(--ink-mute)}.rc.busy{opacity:.6}.rc.lock{border-style:dashed!important}.rc.lock .rn{font-weight:500;font-size:10px}.rc.lock .pp{background:radial-gradient(90% 90% at 50% 30%,#2a2a4a,#0f0f22 90%)}.rc.nope{animation:nope .38s}@keyframes nope{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.picker footer{margin:9px 2px 0;font-size:10.5px;color:var(--ink-mute);line-height:1.35}.picker footer b{color:var(--lab);font-weight:600;font-family:var(--numf)}.coach{position:absolute;z-index:21;left:50%;transform:translate(-50%);top:calc(var(--world-top) + 34px);display:none;align-items:center;gap:10px;padding:8px 14px;border-radius:14px;font-size:12px;color:var(--ink);white-space:nowrap}[data-screen=B] .coach{display:flex}.coach .k{font:600 11px/1 var(--pix);color:var(--lab)}.coach .dk{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px!important;border-radius:10px;font-weight:700!important;font-size:12px!important;letter-spacing:.02em;white-space:nowrap;color:var(--acc-ink)!important;background:linear-gradient(180deg,var(--acc-hi),var(--acc) 55%,var(--acc-lo))!important;box-shadow:0 3px 10px var(--acc-glow),inset 0 1px #ffffff8c,inset 0 -2px #0000002e;transition:transform .25s var(--spring),filter .2s}.btn .n{font-weight:700}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn:active{transform:translateY(1px) scale(.98)}.btn.ghost{color:var(--ink)!important;background:var(--chip)!important;box-shadow:inset 0 0 0 1px var(--edge-soft)}.btn[disabled]{filter:grayscale(.8);opacity:.6;cursor:not-allowed!important}.scrim{position:absolute;inset:0;z-index:38;background:var(--scrim);opacity:0;pointer-events:none!important;transition:opacity .35s}[data-screen=C] .scrim,[data-screen=D] .scrim{opacity:1;pointer-events:auto!important}.sheet{position:absolute;z-index:40;left:0;right:0;top:calc(var(--seg-top) + var(--seg-h) + 8px);bottom:0;border-radius:22px 22px 0 0;border-bottom:0;background:linear-gradient(180deg,var(--sh-top),var(--sh-bot) 40%);transform:translateY(40px);opacity:0;pointer-events:none!important;transition:transform .55s var(--spring),opacity .25s,visibility 0s .55s;visibility:hidden;display:flex;flex-direction:column;overflow:hidden}.sheet.open{transform:none;opacity:1;pointer-events:auto!important;visibility:visible;transition:transform .55s var(--spring),opacity .25s,visibility 0s}.sh-head{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px;padding:14px 16px 10px}.sh-head .hbal{grid-column:1 / -1;grid-row:2;display:flex;gap:6px}.sh-head h2{margin:0;font:600 20px/1 var(--pix);color:var(--ink);letter-spacing:.02em}.sh-head .sub{font-size:11px;color:var(--ink-dim);margin-top:4px}.sh-head .x{width:32px;height:32px;border-radius:10px}.chipval{display:flex;align-items:center;gap:5px;height:28px;padding:0 9px 0 4px;border-radius:999px;background:var(--chip);border:1px solid var(--chip-edge);font:700 14px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--num);white-space:nowrap}.chipval.gold{color:var(--num-gold)}.chipval .cur{width:20px;height:20px}.sh-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 14px 24px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--edge-soft) transparent}.panel{position:relative;padding:12px;border-radius:16px;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--edge-soft);box-shadow:inset 0 1px 0 var(--hl);min-width:0}.panel h3{margin:0 0 10px;font:700 10px/1 DM Sans;letter-spacing:.16em;text-transform:uppercase;color:var(--lab);display:flex;align-items:center;gap:8px}.panel h3 .r{margin-left:auto;letter-spacing:.02em;text-transform:none;color:var(--ink-mute);font-weight:500}.panel h3 .r .n{font-weight:700;color:var(--ink)}.cols{display:flex;flex-direction:column;gap:10px}.cols>div{display:contents}.bl-hero{display:flex;gap:14px;align-items:center}.p-hero{overflow:hidden}.bigstatue{position:relative;flex:none;width:calc(74px * var(--bs, 2));height:calc(111px * var(--bs, 2))}.bigstatue .halo{position:absolute;left:50%;top:48%;width:118%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(var(--halo),.55),rgba(var(--halo),0) 70%);opacity:.5;transition:opacity .4s}.bigstatue.awake .halo{opacity:1}.lvl{flex:1;min-width:0}.lvl .big{display:flex;align-items:baseline;gap:8px}.lvl .big small{font:700 10px/1 DM Sans;letter-spacing:.16em;color:var(--lab)}.lvl .big b{font:700 36px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--num)}.prog{position:relative;height:10px;margin:8px 0 5px;border-radius:6px;background:var(--track);overflow:hidden}.prog i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p, 0) * 100%);border-radius:inherit;background:linear-gradient(90deg,var(--acc-lo),var(--acc) 70%,var(--acc-hi));transition:width .6s var(--out)}.lvl .meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--ink-dim)}.lvl .meta b,.lvl .meta .n{font:700 12px/1 var(--numf);color:var(--ink)}.lvl .next{margin-top:7px;font-size:11px;color:var(--ink-dim);line-height:1.4}.lvl .next b{color:var(--lab);font-weight:700;font-family:var(--numf)}.costbox{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.costbox>div{padding:9px 10px;border-radius:12px;background:var(--chip);border:1px solid var(--chip-edge);min-width:0}.costbox small{display:block;font:700 9px/1 DM Sans;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px}.costbox .v{display:flex;align-items:center;gap:5px;font:700 26px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--num)}.costbox .v small{display:inline;margin:0;font:600 13px/1 DM Sans;letter-spacing:0;text-transform:none;color:var(--ink-dim)}.costbox .v .cur{width:22px;height:22px}.costbox em{display:block;margin-top:5px;font-style:normal;font-size:10.5px;color:var(--ink-dim)}.costbox em b{color:var(--down);font-weight:700;font-family:var(--numf)}.costbox em .n{font-weight:700;color:var(--ink)}.wishbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.chips{display:inline-flex;padding:3px;border-radius:10px;background:var(--chip);border:1px solid var(--chip-edge);gap:2px;flex-wrap:wrap}.chip{position:relative;min-width:36px;height:32px;padding:0 7px!important;border-radius:8px;font:700 13px/1 var(--numf)!important;font-variant-numeric:tabular-nums;color:var(--ink-dim);transition:background .2s,color .2s}.chip.on{color:var(--acc-ink)!important;background:linear-gradient(var(--acc-hi),var(--acc))!important;box-shadow:inset 0 1px #ffffff80}.chip.lockd{color:var(--ink-mute);opacity:.65;cursor:not-allowed!important}.chip small{display:block;font:700 8px/1 var(--numf);letter-spacing:.02em;margin-top:2px}.btn.go{height:42px;padding:0 16px!important;font-size:14px!important;margin-left:auto}.btn.go .cur{width:18px;height:18px}.autorow{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--chip-edge);font-size:12.5px}.autorow .lbl{flex:1;min-width:0}.autorow .lbl .n{font-weight:700}.ds{display:block;font-size:10.5px;color:var(--ink-mute);margin-top:2px;font-weight:400}.ds .n{font-weight:700;color:var(--ink-dim)}.switch{position:relative;width:42px;height:24px;border-radius:999px;flex:none;background:var(--track)!important;box-shadow:inset 0 0 0 1px var(--chip-edge);transition:background .3s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:linear-gradient(#fff,#e2ddd0);box-shadow:0 2px 4px #00000059;transition:transform .4s var(--spring)}.switch[aria-checked=true]{background:linear-gradient(90deg,var(--acc2),var(--acc2-hi))!important;box-shadow:0 0 10px var(--acc2-glow)}.switch[aria-checked=true]:after{transform:translate(18px)}.switch[disabled]{opacity:.5;cursor:not-allowed!important}.lockpill{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;font:700 10px/1 var(--numf);letter-spacing:.04em;color:var(--ink-mute);background:var(--chip);border:1px dashed var(--chip-edge)}.lockpill svg{width:9px;height:9px}.frow{display:grid;gap:6px;padding:9px 0;border-top:1px solid var(--chip-edge)}.frow:first-of-type{border-top:0;padding-top:2px}.frow .fl{display:flex;align-items:center;gap:10px;font-size:12.5px}.frow .fl .lbl{flex:1;min-width:0}.rf{height:28px;padding:0 9px!important;border-radius:8px;font-size:11px!important;font-weight:700!important;color:color-mix(in srgb,var(--rc) 55%,var(--ink))!important;background:color-mix(in srgb,var(--rc) 14%,transparent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 45%,transparent)}.rf.sell{opacity:.5;text-decoration:line-through}.rf.on{color:#14121e!important;background:var(--rc)!important}.rf.lk{opacity:.35;cursor:not-allowed!important}.chiprow{display:flex;flex-wrap:wrap;gap:5px}.slotchip{position:relative;width:34px;height:34px;border-radius:9px;background:var(--chip)!important;box-shadow:inset 0 0 0 1px var(--chip-edge)}.slotchip .gi{inset:4px}.slotchip.off .gi{filter:grayscale(1);opacity:.35}.slotchip.on{box-shadow:inset 0 0 0 1.5px var(--acc2),0 0 8px var(--acc2-glow)}.statchip{height:28px;padding:0 9px!important;border-radius:8px;font-size:11px!important;font-weight:600!important;color:var(--ink-dim)!important;background:var(--chip)!important;box-shadow:inset 0 0 0 1px var(--chip-edge)}.statchip.on{color:var(--acc2-ink)!important;background:var(--acc2)!important;box-shadow:none}.bagline{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-dim)}.bagline .bbar{flex:1;height:6px;border-radius:4px;background:var(--track);overflow:hidden}.bagline .bbar i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--acc2),var(--acc2-hi))}.bagline b{font:700 12px/1 var(--numf);color:var(--ink)}.odds{width:100%;border-collapse:collapse;font-size:12px}.odds th{text-align:right;font:700 9px/1 DM Sans;letter-spacing:.1em;color:var(--ink-mute);padding:0 0 6px;text-transform:uppercase}.odds th .n{font-size:10px;letter-spacing:.02em}.odds th:first-child{text-align:left}.odds td{padding:5px 0;border-bottom:1px solid var(--chip-edge)}.odds .rn{display:flex;align-items:center;gap:7px;font-weight:700;white-space:nowrap;color:color-mix(in srgb,var(--rc) 60%,var(--ink))}.odds .rn i{width:9px;height:9px;border-radius:3px;background:var(--rc);box-shadow:0 0 6px var(--rc)}.odds .bar{width:38%;padding:0 10px}.odds .bar div{height:6px;border-radius:3px;background:var(--track);overflow:hidden}.odds .bar div i{display:block;height:100%;width:var(--w);background:var(--rc);border-radius:inherit}.odds .pc{text-align:right;font:700 13px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--num);white-space:nowrap}.odds .nx{text-align:right;font:700 12px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--ink-mute);white-space:nowrap;padding-left:8px}.odds .nx.up{color:var(--up)}.odds .nx.down{color:var(--down)}.odds tr.lk td{opacity:.5}.odds tr.lk .pc{font-size:11px}.odds td .fade{display:block;margin:2px 0 0 16px;font:600 9.5px/1.2 var(--numf);font-style:normal;letter-spacing:.02em;color:var(--down)}.odds td .fade.soon{color:var(--ink-mute)}.odds tr.gone td{opacity:.45}.odds tr.gone .rn{text-decoration:line-through}.odds tr.fading .bar div i{background:repeating-linear-gradient(90deg,var(--rc) 0 4px,transparent 4px 6px)}.oddsnote{margin-top:8px;font-size:11px;line-height:1.45;color:var(--ink-dim)}.oddsnote b{color:var(--ink)}.oddsnote .n{font-weight:700;color:var(--ink)}.later{margin-top:8px;font-size:10.5px;color:var(--ink-mute);display:flex;align-items:center;gap:6px}.track{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}.track::-webkit-scrollbar{display:none}.tk{flex:none;width:66px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font:700 11px/1.15 var(--numf);color:var(--ink-dim)}.tk .tt{position:relative;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--chip);box-shadow:inset 0 0 0 1px var(--chip-edge)}.tk .tt i{width:18px;height:18px;border-radius:5px;background:var(--rc);box-shadow:0 0 8px var(--rc)}.tk .tt i.fd{background:repeating-linear-gradient(135deg,var(--rc) 0 3px,transparent 3px 6px);box-shadow:none;outline:1.5px solid var(--rc)}.tk .tt svg{width:18px;height:18px;color:var(--acc)}.tk .tt .gi{inset:6px}.tk small{font:500 9.5px/1.15 DM Sans;color:var(--ink-mute)}.tk.done .tt{box-shadow:inset 0 0 0 1.5px var(--acc2)}.tk.done{color:var(--ink)}.tk.next .tt{box-shadow:inset 0 0 0 1.5px var(--acc),0 0 12px var(--acc-glow)}.tk.fut .tt{opacity:.5}.results-sum{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.results-sum>span{display:inline-block;white-space:nowrap;padding:5px 9px;border-radius:999px;font:600 11.5px/1 DM Sans;color:#fff}.results-sum>span .n{font-weight:700}.results-sum .eq{background:#2c9a3e}.results-sum .kp{background:#4a5ad0}.results-sum .sl{background:#b8741a}.results-sum .em{color:var(--ink-mute);background:none;padding-left:0;font-weight:500}.recent{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.rcard{position:relative;aspect-ratio:3 / 4.1;perspective:500px;min-width:0}.rcard .in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s var(--spring)}.rcard.hidden .in{transform:rotateY(180deg)}.rcard .fr,.rcard .bk{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.rcard .fr{--rc: var(--r0);background:radial-gradient(90% 70% at 50% 30%,color-mix(in srgb,var(--rc) 40%,#16163a),#121230 85%);box-shadow:inset 0 0 0 1.5px var(--rc),inset 0 1px #ffffff4d;display:flex;flex-direction:column;align-items:center;padding:6px 3px 5px;gap:3px;color:#f3ecdc}.rcard .fr .ic{position:relative;width:66%;aspect-ratio:1}.rcard .fr .ic .gi{inset:0}.rcard .fr .rr{font:700 7.5px/1 DM Sans;letter-spacing:.06em;text-transform:uppercase;color:var(--rc)}.rcard .fr .sn{font:500 9px/1 DM Sans;color:#c9c2d8;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.rcard .fr .vd{margin-top:auto;max-width:100%;overflow:hidden;padding:2px 4px;border-radius:5px;font:700 10px/1 var(--numf);font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff}.rcard .fr .vk{margin-top:auto;font:700 7.5px/1 DM Sans;letter-spacing:.08em;text-transform:uppercase}.rcard .fr .vk.equip{color:#8be39b}.rcard .fr .vk.keep{color:#aeb8ff}.rcard .fr .vk.sell{color:#f2c27a}.rcard .fr .vk+.vd{margin-top:2px}.rcard .fr .vd.eq{background:#2c9a3e}.rcard .fr .vd.kp{background:#4a5ad0}.rcard .fr .vd.sl{background:#b8741a}.rcard .bk{transform:rotateY(180deg);background:radial-gradient(circle at 50% 45%,rgba(var(--halo),.9) 0,rgba(var(--halo),.3) 30%,var(--card-base) 70%);box-shadow:inset 0 0 0 1.5px var(--edge);display:grid;place-items:center}.rcard .bk:before{content:"";width:36%;aspect-ratio:1;background:url(/assets/ui/currency.webp) no-repeat;background-size:474% 237%;background-position:2.5% 93.2%}.rcard.r4:after{content:"";position:absolute;inset:-14%;z-index:-1;border-radius:30%;background:radial-gradient(closest-side,rgba(255,159,58,.6),transparent)}.rcard.sold .fr{animation:soldfade .9s .5s var(--out) forwards}@keyframes soldfade{to{filter:saturate(.4) brightness(.8)}}.empty-note{font-size:11.5px;color:var(--ink-mute);padding:6px 2px}.traygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px}.ttile{position:relative;aspect-ratio:1;border-radius:9px;--rc: var(--r0);background:radial-gradient(80% 80% at 50% 35%,color-mix(in srgb,var(--rc) 38%,#16163a),#121230 82%)!important;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--rc) 85%,transparent)}.ttile .gi{inset:3px}.ttile.up{box-shadow:inset 0 0 0 1.5px var(--rc),0 0 0 2px #2c9a3e,0 0 10px #2c9a3e8c}.ttile b{position:absolute;right:-3px;top:-4px;width:14px;height:14px;border-radius:50%;display:grid;place-items:center;font:700 8px/1 DM Sans;color:#fff;background:#2c9a3e}.ttile.extra{display:grid;place-items:center;font:700 12px/1 var(--numf);color:var(--ink-dim);background:var(--chip)!important;box-shadow:inset 0 0 0 1px var(--chip-edge)}.ttile.win{z-index:2}.trayact{display:flex;gap:8px;margin-top:12px}.trayact .btn:first-child{flex:1}.fullodds{margin-top:10px;border-top:1px solid var(--chip-edge);padding-top:8px}.fullodds summary{cursor:pointer;font:700 10px/1.4 DM Sans;letter-spacing:.12em;text-transform:uppercase;color:var(--lab);list-style:none}.fullodds summary::-webkit-details-marker{display:none}.fullodds summary:before{content:"▸ "}.fullodds[open] summary:before{content:"▾ "}.fullwrap{margin-top:8px;max-height:260px;overflow:auto;border-radius:10px;border:1px solid var(--chip-edge)}.full{width:100%;border-collapse:collapse;font:600 11px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--ink-dim);text-align:right}.full th{position:sticky;top:0;z-index:1;padding:6px 4px;background:var(--pop-bot);font:700 9px/1 DM Sans;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mute)}.full td{padding:4px;border-top:1px solid var(--chip-edge);white-space:nowrap}.full td:first-child,.full th:first-child{text-align:left;color:var(--ink)}.full td.z{color:var(--ink-mute);opacity:.5}.full tr.ev td:first-child i{display:inline-block;width:5px;height:5px;margin-left:3px;border-radius:50%;background:var(--acc);vertical-align:middle}.full tr.now td{background:color-mix(in srgb,var(--acc) 22%,transparent);color:var(--ink)}.teamhead{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.teampow small{display:block;font:700 10px/1 DM Sans;letter-spacing:.16em;color:var(--lab);text-transform:uppercase}.teampow .tv{display:flex;align-items:center;gap:8px;margin-top:6px;font:700 32px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--num)}.teampow .tv svg{width:24px;height:24px;color:var(--acc)}.teampow .tg{margin-top:6px;font-size:12px;color:var(--ink-dim)}.teampow .tg b{font:700 15px/1 var(--numf);color:var(--up)}.herorow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;flex:1;min-width:260px}.hmini{display:flex;flex-direction:column;align-items:center;gap:3px}.hmini .pp{position:relative;width:100%;max-width:52px;aspect-ratio:1;border-radius:11px;overflow:hidden;border:1px solid var(--edge-soft);background:radial-gradient(90% 90% at 50% 30%,color-mix(in srgb,var(--el) 55%,var(--card-base)),var(--card-base) 92%)}.hmini .pp .por{position:absolute;inset:0;background-repeat:no-repeat}.hmini b{font:700 12px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--num)}.hmini em{font:700 10.5px/1 var(--numf);font-style:normal;color:var(--up)}.bonuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bonus{padding:8px 10px;border-radius:12px;background:var(--chip);border:1px solid var(--chip-edge)}.bonus .bh{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-size:11.5px;color:var(--ink-dim)}.bonus .bh b{font:700 17px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--num)}.bonus .bb{height:4px;margin-top:6px;border-radius:3px;background:var(--track);overflow:hidden}.bonus .bb i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--acc-lo),var(--acc-hi))}.bonus.flash{animation:bflash .9s var(--out)}@keyframes bflash{0%{box-shadow:0 0 0 2px var(--up),0 0 14px var(--up)}to{box-shadow:none}}.bflat{grid-column:1 / -1;font-size:10.5px;color:var(--ink-mute)}.bflat .n{font-weight:700;color:var(--ink-dim)}.ggroup+.ggroup{margin-top:12px}.ggroup h4{margin:0 0 7px;display:flex;align-items:center;gap:6px;font:700 10px/1 DM Sans;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.ggroup h4 em{font:700 12px/1 var(--numf);font-style:normal;letter-spacing:0;color:var(--acc)}.gslots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 8px;padding-bottom:14px}.gtile{position:relative;aspect-ratio:1;border-radius:13px;--rc: var(--r0);cursor:pointer;transition:transform .35s var(--spring);background:radial-gradient(80% 80% at 50% 35%,color-mix(in srgb,var(--rc) 38%,#16163a),#121230 82%)!important;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--rc) 85%,transparent),inset 0 1px #ffffff47,0 3px 8px #0000004d}.gtile:hover,.gtile.sel{transform:translateY(-2px) scale(1.04)}.gtile.sel{outline:2px solid var(--acc);outline-offset:2px}.gtile .gi{inset:12%}.gtile .en{position:absolute;right:5px;top:4px;font:700 12px/1 var(--numf);color:var(--light);text-shadow:var(--outline)}.gtile .il{position:absolute;left:5px;bottom:4px;font:600 10px/1 var(--numf);color:#e6e0f0;text-shadow:var(--outline)}.gtile .ms{position:absolute;right:5px;bottom:4px;font:700 10px/1 var(--numf);color:#fff3d0;text-shadow:var(--outline)}.gtile .sl{position:absolute;left:0;right:0;bottom:-15px;text-align:center;font-size:9.5px;color:var(--ink-mute);white-space:nowrap}.gtile .new{position:absolute;left:-3px;top:-4px;padding:1px 4px 2px;border-radius:5px;font:700 8px/1 DM Sans;letter-spacing:.06em;color:#fff;background:#2c9a3e;box-shadow:0 0 8px #2c9a3e99}.gtile.locked,.gtile.empty{--rc: #6b6f86;background:#0e0e228c!important;box-shadow:inset 0 0 0 1.5px #9696be59;cursor:pointer}.gtile.empty{outline:1.5px dashed rgba(150,150,190,.5);outline-offset:-6px}.gtile .lk,.sock .lk{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:2px;color:#e6e0f0;font:700 9.5px/1 var(--numf);text-shadow:var(--outline)}.gtile .lk{font-size:12px;gap:3px}.gtile .lk svg{width:16px;height:16px}.sock .lk svg{width:9px;height:9px}.sock.locked,.sock.empty{--rc: #6b6f86;background:#0a0a1c8c;box-shadow:inset 0 0 0 1px #ffffff24}.sock.empty{box-shadow:inset 0 0 0 1px #ffffff47;outline:1px dashed rgba(255,244,220,.35);outline-offset:-4px}.sock.locked .gi,.gtile.locked .gi{filter:grayscale(1) brightness(.4);opacity:.55}.sock.empty .gi,.gtile.empty .gi{filter:grayscale(1) brightness(.75);opacity:.35}.sock.unlock{animation:unlock .9s var(--spring)}@keyframes unlock{0%{transform:scale(.6);filter:brightness(3)}50%{transform:scale(1.25);filter:brightness(1.8)}to{transform:scale(1);filter:none}}.gtile.empty .il{color:#c9c4dc}.dhead{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 10px;font-size:11px;color:var(--ink-mute)}.dhead b{color:var(--ink);font-family:var(--numf);font-weight:700}.dhead .sep{opacity:.5}.compare{position:absolute;z-index:46;width:min(360px,calc(100% - 16px));max-height:calc(100% - 16px);overflow-y:auto;overscroll-behavior:contain;padding:12px;border-radius:18px;background:linear-gradient(180deg,var(--pop-top),var(--pop-bot))}.compare.in{animation:pop .38s var(--spring)}.compare .carrow{position:absolute;width:14px;height:14px;margin-top:-7px;background:var(--pop-top);transform:rotate(45deg)}.compare .carrow.l{left:-7px;border-left:1px solid var(--edge);border-bottom:1px solid var(--edge)}.compare .carrow.r{right:-7px;border-right:1px solid var(--edge);border-top:1px solid var(--edge)}.compare .ch{display:flex;align-items:center;gap:8px;margin-bottom:10px}.compare .ch b{font:700 15px/1 var(--numf);color:var(--ink)}.compare .ch small{color:var(--ink-mute);font-size:11px}.compare .ch small .n{font-weight:700;color:var(--ink-dim)}.cmp-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cmp{padding:8px;border-radius:12px;background:var(--chip);border:1px solid var(--chip-edge);min-width:0}.cmp.cand{border-color:color-mix(in srgb,var(--rc) 60%,transparent);background:color-mix(in srgb,var(--rc) 10%,var(--chip))}.cmp .tag{font:700 8px/1 DM Sans;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px}.cmp .row1{display:flex;gap:8px;align-items:center}.cmp .ti{position:relative;width:42px;height:42px;flex:none;border-radius:10px;--rc: var(--r0);background:radial-gradient(80% 80% at 50% 35%,color-mix(in srgb,var(--rc) 40%,transparent),#0e0e22d9 85%);box-shadow:inset 0 0 0 1.5px var(--rc)}.cmp .ti .gi{inset:4px}.cmp .nm{font-size:11.5px;font-weight:600;color:var(--ink);line-height:1.2}.cmp .rr{display:inline-block;margin-top:3px;padding:1px 4px;border-radius:4px;font:700 8.5px/1.2 var(--numf);letter-spacing:.04em;text-transform:uppercase;color:#14121e;background:var(--rc)}.cmp .pw{display:block;margin-top:3px;font:700 11px/1 var(--numf);color:var(--ink-dim)}.cmp .lines{margin-top:8px;display:grid;gap:4px;font-size:11px;color:var(--ink-dim)}.cmp .lines div{display:flex;justify-content:space-between;gap:4px}.cmp .lines b{font:700 11.5px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.cmp .lines b em{font-style:normal;margin-left:3px}.cmp-none{font-size:11.5px;color:var(--ink-mute);line-height:1.4;padding:6px 2px}.cmp-none b{font-family:var(--numf)}.cmp-delta{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0;font:700 18px/1 var(--numf);font-variant-numeric:tabular-nums}.cmp-delta small{font:700 9px/1 DM Sans;letter-spacing:.14em;color:var(--ink-mute)}.cmp-act{display:flex;gap:8px}.cmp-act .btn{flex:1}.enh{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--chip-edge)}.enh>div{flex:1;min-width:0;font-size:11px;color:var(--ink-dim);line-height:1.3}.enh b{display:block;font:700 14px/1.1 var(--numf);color:var(--ink)}.enh .cap{font-size:11px;color:var(--ink-mute)}.enh small{font-size:10px;color:var(--ink-mute)}.enh .btn{height:32px;padding:0 10px!important;font-size:12px!important;gap:4px;flex:none}.modal{position:absolute;inset:0;z-index:70;display:grid;place-items:center;background:var(--scrim)}.modal-card{width:min(380px,calc(100% - 32px));padding:22px 24px 20px;border-radius:22px;text-align:center;background:linear-gradient(180deg,var(--pop-top),var(--pop-bot))}.modal-card .eyebrow{font:700 10px/1 DM Sans;letter-spacing:.2em;color:var(--lab)}.modal-card h2{margin:8px 0 12px;font:700 22px/1.15 var(--numf);color:var(--ink)}.offgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px;text-align:left}.offgrid>div{padding:8px 10px;border-radius:12px;background:var(--chip);border:1px solid var(--chip-edge)}.offgrid>div>small{display:block;font:700 9px/1 DM Sans;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:5px}.offgrid>div>b{display:flex;align-items:center;gap:5px;font:700 18px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--num)}.offgrid>div>b .cur{width:18px;height:18px}.offgrid .offshrine{grid-column:1 / -1}.offshrine p{margin:0;font-size:12px;line-height:1.45;color:var(--ink-dim)}.offshrine p .n{font-weight:700;color:var(--ink)}.offshrine .bestrow{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:12px;color:var(--ink-dim)}.offshrine .best{position:relative;flex:none;width:34px;height:34px;border-radius:9px;--rc: var(--r0);background:radial-gradient(80% 80% at 50% 35%,color-mix(in srgb,var(--rc) 38%,#16163a),#121230 82%);box-shadow:inset 0 0 0 1.5px var(--rc)}@container hud (min-width: 900px) and (min-height: 501px){.hud-root{--seg-top: 12px;--seg-h: 42px;--top-y: 68px;--world-top: 132px;--world-bot: 236px;--world-l: 7%;--world-r: 11%;--sock: 46px}.seg{width:520px}.seg button{font-size:13px}.brandtag{display:flex;position:absolute;z-index:50;top:16px;left:18px;align-items:center;gap:10px;pointer-events:none}.brandtag .sig{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:var(--acc);background:linear-gradient(180deg,var(--g-top),var(--g-bot));border:1px solid var(--edge)}.brandtag .sig svg{width:16px;height:16px}.brandtag b{display:block;font:600 15px/1 var(--pix);letter-spacing:.16em;color:#fff4dc;text-shadow:0 1px 2px rgba(0,0,0,.6)}.brandtag small{display:block;margin-top:3px;font-size:10px;letter-spacing:.16em;color:#eae2cc;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.6)}.palette{z-index:49;top:16px;right:18px;height:30px;padding:0 6px 0 11px;gap:7px}.palette .pl-lab{display:block}.palette button{width:22px;height:22px}.palette button i{width:17px;height:17px}.tophud{left:18px;right:290px;gap:10px}.res{height:48px;padding:0 16px 0 10px;border-radius:14px;gap:9px}.res .cur{width:28px;height:28px}.res .val{font-size:24px}.res small,.res .rate{font-size:11px}.powerbox{margin-left:0;height:48px;padding:0 16px;border-radius:14px}.powerbox .pl{align-items:flex-start}.powerbox .val{font-size:22px}.powerbox svg{width:22px;height:22px}.regionpill{display:none}.minimap{display:block;position:absolute;z-index:20;top:var(--top-y);right:18px;width:252px;padding:9px;border-radius:16px}.minimap .mh{display:flex;align-items:center;gap:7px;margin:0 2px 7px;font-size:12px;min-width:0}.minimap .mh b{color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minimap .mh .stg{margin-left:auto;font:700 12px/1 var(--numf);color:var(--acc);white-space:nowrap}.minimap .map{position:relative;height:130px;border-radius:10px;overflow:hidden;background:#2b4a2b;box-shadow:inset 0 0 0 1px #fff4cf40}.minimap .mf{display:flex;align-items:center;gap:8px;margin:8px 2px 0;font-size:11px;color:var(--ink-dim)}.minimap .mf .n{font-weight:700;color:var(--ink)}.minimap .wave{flex:1;width:auto;height:5px}.minimap .goal{margin:6px 2px 0;font-size:11px;color:var(--acc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctrls{top:calc(var(--top-y) + 212px);right:18px;height:34px;padding:0 4px;gap:4px;width:252px;justify-content:space-between}.ctrls button{flex:1;height:26px;font-size:13px!important}.ctrls button svg{width:14px;height:14px}.dock{left:50%;right:auto;transform:translate(-50%);width:min(1080px,calc(100% - 36px));bottom:14px;gap:8px}.party{gap:6px;padding:7px;border-radius:20px}.slot{grid-template-columns:56px 1fr;grid-template-areas:"card nm" "card hp" "card gems";grid-template-rows:auto auto 1fr;justify-items:stretch;column-gap:8px;row-gap:5px;padding:5px 7px 5px 5px;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--chip-edge);transition:background .2s,border-color .2s}.slot:hover{border-color:var(--edge)}.slot .nm{display:flex;align-items:baseline;gap:4px;grid-area:nm;font-size:12px;font-weight:600;color:var(--ink);line-height:1;white-space:nowrap;overflow:hidden;min-width:0}.slot .nm span{overflow:hidden;text-overflow:ellipsis;min-width:0}.slot .nm em{font:700 10.5px/1 var(--numf);font-style:normal;color:var(--acc);flex:none}.card{max-width:none;width:56px;align-self:center}.card .lv{display:none}.hpbar{max-width:none;height:6px;align-self:center}.gems{justify-content:flex-start;gap:6px;align-self:start}.gem.nrm{width:26px;height:26px;border-radius:8px}.gem.ult{width:30px;height:30px}.gem em{font-size:13px}.shrine{gap:14px}.sockets{gap:7px;padding:8px;border-radius:18px;margin-bottom:6px}.sock{border-radius:12px}.sock .en{font-size:12px;right:4px;bottom:3px}.goddess .lvb b{font-size:15px}.goddess .cost{font-size:14px;padding:3px 9px 3px 4px;bottom:-9px}.goddess .cost .cur{width:18px;height:18px}.goddess .auto{font-size:11px;padding:5px 9px;top:64px;left:calc(100% + 10px)}.goddess .bag{font-size:12px;padding:4px 9px;top:64px;right:calc(100% + 10px)}.wish{width:56px;height:56px;margin:-28px 0 0 -28px}.wish .lab{font-size:10px;top:-19px}.wish .vd{font-size:13px;bottom:-20px}.coach{font-size:13px}.coach .dk{display:inline}.coach .ph{display:none}.picker{width:440px}.sheet{left:50%;right:auto;width:min(1120px,calc(100% - 48px));top:calc(var(--seg-top) + var(--seg-h) + 14px);bottom:auto;max-height:calc(100% - var(--seg-top) - var(--seg-h) - 32px);border-radius:24px;border-bottom:1px solid var(--edge);transform:translate(-50%,40px)}.sheet.open{transform:translate(-50%)}.sh-head{padding:18px 22px 12px}.sh-head h2{font-size:24px}.sh-body{padding:4px 22px 22px}.gslots{grid-template-columns:repeat(6,minmax(0,86px));gap:24px 10px}.toasts{top:calc(var(--world-top) + 54px)}}@container hud (min-width: 900px) and (min-height: 720px){.hud-root{--gs: 2;--world-bot: 230px}}@container hud (min-width: 900px) and (max-width: 1199px) and (min-height: 501px){.tophud{right:248px}.slot{grid-template-columns:48px 1fr;column-gap:6px;padding:4px 5px 4px 4px}.card{width:48px}.gem.nrm{width:22px;height:22px}.gem.ult{width:26px;height:26px}.gem em{font-size:12px}.gems{gap:5px}.minimap{width:214px}.minimap .map{height:104px}.ctrls{width:214px;top:calc(var(--top-y) + 186px)}.palette .pl-lab{display:none}.gslots{grid-template-columns:repeat(4,minmax(0,76px))}}@container hud (min-width: 700px){.sh-head{display:flex}.sh-head .hbal{margin-left:auto}.cols{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start}.cols>div{display:flex;flex-direction:column;gap:10px;min-width:0}.cols.d{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}@container hud (max-width: 699px){.rcard .fr .sn{display:none}.rcard .fr .ic{width:62%}.p-hero{order:1}.p-recent{order:2}.p-tray{order:3}.p-odds{order:4}.p-filter{order:5}.p-track{order:6}.cols.d .p-team{order:1}.cols.d .p-slots{order:2}.cols.d .p-bonus{order:3}.bigstatue{--bs: 1}}@container hud (max-height: 500px) and (orientation: landscape){.hud-root{--seg-top: 6px;--seg-h: 32px;--top-y: 6px;--world-top: 46px;--world-bot: 8px;--world-l: 112px;--world-r: 214px;--sock: 27px;--gs: 1}.seg{left:112px;transform:none;width:232px}.seg button{font-size:10px;gap:3px}.seg button b{font-size:12px}.tophud{left:352px;right:214px;top:6px;gap:5px}.res{height:32px;padding:0 8px 0 4px;gap:4px}.res .cur{width:19px;height:19px}.res .val{font-size:15px}.res .rate,.res small{font-size:9px}.powerbox{height:32px;padding:0 8px;gap:5px}.powerbox .val{font-size:14px}.powerbox small{font-size:7.5px}.powerbox small b{font-size:9px}.powerbox svg{width:14px;height:14px}.regionpill{display:none}.palette{z-index:22;top:12px;right:14px;height:24px}.ctrls{z-index:22;top:12px;right:96px;height:24px}.ctrls button{height:18px;min-width:22px}.minimap{display:block;position:absolute;z-index:22;top:42px;right:14px;width:188px;padding:6px;border-radius:12px;background:var(--chip);border:1px solid var(--chip-edge);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.minimap .mh{display:flex;align-items:center;gap:5px;margin:0 2px 5px;font-size:10px;min-width:0}.minimap .mh b{color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minimap .mh .stg{margin-left:auto;font:700 10px/1 var(--numf);color:var(--acc);white-space:nowrap}.minimap .map{position:relative;height:50px;border-radius:7px;overflow:hidden;background:#2b4a2b}.minimap .mf{display:flex;align-items:center;gap:6px;margin:5px 2px 0;font-size:9px;color:var(--ink-dim)}.minimap .mf .n{font-weight:700;color:var(--ink)}.minimap .wave{flex:1;width:auto}.minimap .goal,.palette .pl-lab{display:none}.dock{display:contents}.party{position:absolute;z-index:20;left:6px;top:6px;bottom:6px;width:100px;flex-direction:column;gap:3px;padding:5px;justify-content:space-between}.slot{flex:1 1 0;min-height:0;grid-template-columns:40px 1fr;grid-template-areas:"card gems" "hp gems";grid-template-rows:1fr 4px;column-gap:4px;row-gap:2px;align-items:center;justify-items:center}.card{max-width:40px;width:40px;max-height:100%}.card .lv{display:none}.hpbar{height:3px;max-width:40px}.gems{flex-direction:column;gap:3px}.gem.nrm{width:18px;height:18px;border-radius:5px}.gem.ult{width:19px;height:19px}.gem em{font-size:10px}.gem.ult:before{inset:-2px}.gem.nrm .dbar{bottom:-3px}.shrine{position:absolute;z-index:20;right:6px;top:6px;bottom:6px;width:200px;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding:8px 6px 6px;border-radius:18px;background:linear-gradient(180deg,var(--g-top),var(--g-bot));border:1px solid var(--edge);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 10px 28px #0000004d,inset 0 1px 0 var(--hl)}.shrine .goddess{order:0;margin-bottom:8px}.shrine .sockets{order:1;grid-template-columns:repeat(6,var(--sock));grid-template-rows:var(--sock);padding:3px;gap:3px;margin:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.goddess .auto{left:calc(100% + 3px);top:40px;max-width:50px;padding:3px 4px;font-size:9px;white-space:normal;text-align:center;line-height:1.15}.goddess .bag{right:calc(100% + 3px);top:40px;max-width:52px;padding:3px 4px;font-size:9px}.coach{left:calc(112px + (100% - 326px)/2);top:calc(var(--world-top) - 2px)}.toasts{left:calc(112px + (100% - 326px)/2);width:min(420px,calc(100% - 340px));top:calc(var(--world-top) + 40px)}.bossbar{left:calc(112px + (100% - 326px)/2);width:min(380px,calc(100% - 340px));top:calc(var(--world-top) - 2px)}.banner{left:calc(112px + (100% - 326px)/2)}.picker{width:380px;padding:9px 10px 8px}.picker header{margin-bottom:7px}.picker footer{display:none}.roster{gap:5px}.rc{padding:3px 3px 4px!important;gap:2px}.rc .pp{width:46px}.rc .rn{font-size:10px}.sheet{inset:44px 8px 6px;border-radius:18px;border-bottom:1px solid var(--edge)}.sh-head{padding:10px 14px 6px}.sh-head h2{font-size:17px}.bigstatue{--bs: 1}}@container hud (max-width: 360px){.hud-root{--sock: 33px}.res{padding:0 7px 0 5px}.res .val{font-size:15px}}@media(min-width:641px){body.sbx-open #hud{right:358px}body.sbx-open.sbx-collapsed #hud{right:58px}}@media(prefers-reduced-motion:reduce){#hud *,#hud *:before,#hud *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}#hud .glint,#hud .goddess .zz,#hud .dot-live{display:none}}.amper-buffs{position:absolute;left:3px;bottom:7px;display:flex;gap:2px;pointer-events:none;z-index:5}.amper-buffs span{pointer-events:auto;display:grid;place-items:center;width:17px;height:18px;border-radius:4px;background:#193d32;color:#ceffc5;font:700 14px/1 sans-serif;box-shadow:0 0 0 1px #8fc87780}.rudi-guard{position:absolute;left:-4px;top:13px;z-index:6;display:grid;place-items:center;width:17px;height:18px;border-radius:4px;background:#2a1352;box-shadow:0 0 0 1px #b48af280,0 0 6px #8c5ade66;pointer-events:auto}.rudi-guard[hidden]{display:none}#hud .v2{position:absolute;inset:12px;z-index:46;pointer-events:auto;color:var(--hc-ivory);font:14px/1.5 var(--hc-font-text);font-variant-numeric:tabular-nums}#hud .v2[hidden]{display:none}#hud .v2 *,#hud .v2 *:before,#hud .v2 *:after{box-sizing:border-box}#hud .v2 .pp{width:min(100%,1000px);height:100%;margin:auto;display:flex;flex-direction:column;background:var(--hc-ink);border:1px solid var(--edge);border-radius:16px;overflow:hidden}#hud .v2 .pp-h{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--edge-soft);flex:none}#hud .v2 .pp-h h2{margin:0;font:22px/1.4 var(--hf-title)}#hud .v2 .orn{color:var(--hc-ice);flex:1}#hud .v2 .pp-b{overflow:auto;overscroll-behavior:contain;padding:20px;flex:1;min-height:0}#hud .v2 .pp-f{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 16px;border-top:1px solid var(--edge-soft);font-size:12px;min-height:44px}#hud .v2 .wallet{margin-left:auto;color:var(--ink-dim)}#hud .v2 .message{color:var(--hc-ice)}#hud .v2 button,#hud .v2 input,#hud .v2 select{font:inherit}#hud .v2 .btn,#hud .v2 .seg>button{min-height:44px;padding:8px 14px;border:1px solid var(--edge);border-radius:9px;color:var(--hc-ivory);background:var(--card-base);cursor:pointer}#hud .v2 .btn-1,#hud .v2 [aria-pressed=true]{background:var(--hc-ivory);color:var(--hc-ink)}#hud .v2 .btn-3{background:transparent}#hud .v2 button:disabled{opacity:.5;cursor:default}#hud .v2 :focus-visible{outline:2px solid var(--hc-ice);outline-offset:3px}#hud .v2 .pp-back,#hud .v2 .pp-x{font-size:22px;padding:0;width:44px;flex:none}#hud .v2 .seg{display:flex!important;flex-wrap:wrap;gap:8px;position:static;background:none;padding:0;border:0;height:auto;margin-bottom:18px}#hud .v2 .rows{display:grid;gap:10px}#hud .v2 .row{padding:14px;border:1px solid var(--edge-soft);border-radius:10px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}#hud .v2 .row .t{flex:1;min-width:120px;display:grid;gap:4px}#hud .v2 small,#hud .v2 .muted{color:var(--ink-dim)}#hud .v2 .actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}#hud .v2 .chip,#hud .v2 .rtag{display:inline-block;font-size:12px;padding:2px 8px;border:1px solid var(--edge-soft);border-radius:5px}#hud .v2 .rtag.tssr{color:var(--hc-ice)}#hud .v2 .rtag.ssr{color:var(--hc-ivory)}#hud .v2 .stars{display:flex;gap:3px}#hud .v2 .stars i{font-style:normal;color:var(--ink-mute);opacity:.3}#hud .v2 .stars i.on{opacity:1;color:var(--hc-ivory)}#hud .v2 .portrait{display:block;width:64px;aspect-ratio:1;border-radius:10px;flex:none;background-color:var(--card-base)}#hud .v2 .range{display:block;width:100%;height:7px;border:0;border-radius:3px;overflow:hidden;accent-color:var(--hc-ice);background:var(--track)}#hud .v2 .range::-webkit-progress-bar{background:var(--track)}#hud .v2 .range::-webkit-progress-value{background:var(--hc-ice)}#hud .v2 .empty,#hud .v2 .notice{padding:18px;border:1px solid var(--edge-soft);border-radius:10px}#hud .v2 .notice{border-left:3px solid var(--hc-ice);margin-bottom:16px}#hud .v2 input,#hud .v2 select{min-height:44px;max-width:100%;border:1px solid var(--edge);border-radius:8px;padding:8px;background:var(--card-base);color:var(--hc-ivory)}#hud .v2 .confirm{padding:12px;border:1px solid var(--hc-ice);border-radius:8px;margin:12px 0}#hud .v2 .dot{background:var(--hc-ice)}#hud .v2 h3{font-size:17px;margin:16px 0 10px}@media(max-width:600px){#hud .v2{inset:6px}#hud .v2 .pp-b{padding:12px}#hud .v2 .pp-h{padding:8px;gap:8px}#hud .v2 .pp-h h2{font-size:20px}}#hud .v2{--card-base:color-mix(in srgb,var(--hc-ink) 91%,var(--hc-ivory));--ink-dim:color-mix(in srgb,var(--hc-ivory) 78%,var(--hc-ink));--ink-mute:color-mix(in srgb,var(--hc-ivory) 60%,var(--hc-ink));--edge:color-mix(in srgb,var(--hc-ivory) 30%,transparent);--edge-soft:color-mix(in srgb,var(--hc-ivory) 14%,transparent);--track:color-mix(in srgb,var(--hc-ivory) 10%,var(--hc-ink))}#hud .v2 .btn{color:var(--hc-ivory)!important;background:var(--card-base)!important;box-shadow:none;padding:8px 14px!important;font-size:14px!important;height:auto;white-space:normal}#hud .v2 .btn-1,#hud .v2 .btn[aria-pressed=true]{background:var(--hc-ivory)!important;color:var(--hc-ink)!important}#hud .v2 .pp-back,#hud .v2 .pp-x{padding:0!important;font-size:22px!important}#hud.gx .gx-tabs .gx-tab .dot,#hud.gx .gx-nav .gx-tab .dot{background:var(--hc-ice)}#hud.gx .v2 .seg{display:flex!important;transform:none;width:auto;left:auto;top:auto;z-index:auto}#hud .hud-root.v2-open>.toasts,#hud .hud-root.v2-open>.banner{display:none}@font-face{font-family:Anuphan;src:url(/fonts/anuphan-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Anuphan;src:url(/fonts/anuphan-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Chonburi;src:url(/fonts/chonburi-400.woff2) format("woff2");font-weight:400;font-display:swap}#hud .v2-heroes{--paper:#efe8da;--paper2:#f7f2e8;--paper3:#e6ddcb;--paper-edge:#d9cfbb;--slate:#3a4152;--slate2:#6d7280;--gold:#c9ae7a;--gold2:#8a6e3e;--white:#fff8ea;--ink-dim:var(--slate2);--card-base:var(--paper3);--rail-height:112px;--rail-bottom:env(safe-area-inset-bottom,0px);inset:0;font:14px/1.45 Anuphan,sans-serif;color:var(--slate);overflow:hidden}#hud .v2-heroes [hidden]{display:none!important}#hud .v2-heroes>.pp{position:relative;width:100%;max-width:none;border:0;border-radius:0;background:var(--paper)}#hud .v2-heroes>.pp>.pp-h{position:absolute;top:0;left:0;width:100%;z-index:5;border:0;padding:max(12px,env(safe-area-inset-top)) 14px 0;pointer-events:none;gap:8px}#hud .v2-heroes>.pp>.pp-h>*{pointer-events:auto}#hud .v2-heroes .pp-h h2{font:16px Chonburi,serif;color:var(--white);text-shadow:0 1px 5px #303426}#hud .v2-heroes .pp-h .orn{visibility:hidden}#hud .v2-heroes .pp-h .btn{border:0;border-radius:50%;background:var(--slate)!important;color:var(--white)!important}#hud .v2-heroes>.pp>.pp-b{position:relative;padding:0;overflow:hidden;flex:1}#hud .v2-heroes>.pp>.pp-f{position:absolute;z-index:6;top:max(18px,env(safe-area-inset-top));right:70px;border:0;padding:0;min-height:0;pointer-events:none}#hud .v2-heroes .pp-f .wallet{color:var(--slate);background:var(--paper2);padding:8px 12px;border-radius:20px;font-weight:700}#hud .v2-heroes .pp-f .message:not(:empty){position:fixed;left:50%;top:64px;translate:-50% 0;white-space:nowrap;padding:6px 14px;border-radius:8px;background:var(--paper2);color:var(--slate)}#hud .v2-heroes button{cursor:pointer;touch-action:manipulation}#hud .v2-heroes small{font-size:11px;color:var(--slate2)}#hud .v2-heroes .hero-stage{--hx:67%;--fy:87%;--hh:220px;--ec:#c9a35a;position:absolute;inset:0 0 auto;height:calc((100% - var(--rail-height) - var(--rail-bottom)) * .4);overflow:hidden;background:#1d2419;isolation:isolate}#hud .v2-heroes .stg-world{position:absolute;inset:-30px;background:url(/bundle/hero-stage-backdrop-Chxlkncd.webp) 36% 58% / cover no-repeat;filter:blur(4px) saturate(.86) brightness(.94)}#hud .v2-heroes .stg-veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 58% 62% at var(--hx) 70%,rgb(11 13 20 / .1),rgb(11 13 20 / .56) 100%),linear-gradient(180deg,#0b0d146b,#0b0d1400 34%)}#hud .v2-heroes .stg-aura{position:absolute;left:var(--hx);top:calc(var(--fy) - var(--hh) * .5);width:calc(var(--hh) * 1.85);aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none}#hud .v2-heroes .stg-aura:before,#hud .v2-heroes .stg-aura:after{content:"";position:absolute;inset:0;border-radius:50%}#hud .v2-heroes .stg-aura:before{background:radial-gradient(closest-side,var(--ab1),var(--ab2) 55%,transparent)}#hud .v2-heroes .stg-aura:after{background:radial-gradient(closest-side,var(--au1),var(--au2) 50%,transparent);mix-blend-mode:screen}#hud .v2-heroes [data-rar=SR]{--ab1:color-mix(in srgb,var(--ec) 22%,transparent);--ab2:color-mix(in srgb,var(--ec) 8%,transparent);--au1:color-mix(in srgb,color-mix(in srgb,var(--ec) 40%,#fff0d2) 46%,transparent);--au2:color-mix(in srgb,var(--ec) 14%,transparent)}#hud .v2-heroes [data-rar=SSR]{--ab1:rgb(184 138 62 / .42);--ab2:rgb(184 138 62 / .16);--au1:rgb(255 228 156 / .9);--au2:rgb(240 192 96 / .38)}#hud .v2-heroes [data-rar=TSSR]{--ab1:rgb(42 70 184 / .3);--ab2:rgb(42 70 184 / .1);--au1:transparent;--au2:transparent}#hud .v2-heroes [data-rar=TSSR] .stg-aura:after{inset:4%;background:conic-gradient(from 0deg,#7d6bff,#4fb6ff,#6ff0d8,#ffd27a,#ff8fd0,#7d6bff);-webkit-mask:radial-gradient(closest-side,#000 22%,rgb(0 0 0 / .4) 58%,transparent);mask:radial-gradient(closest-side,#000 22%,rgb(0 0 0 / .4) 58%,transparent);opacity:.72;filter:blur(16px)}#hud .v2-heroes .stg-cone{position:absolute;left:var(--hx);top:0;width:calc(var(--hh) * 1.5);height:calc(var(--fy) + 10px);translate:-50% 0;filter:blur(14px);pointer-events:none}#hud .v2-heroes .stg-cone i{position:absolute;inset:0;clip-path:polygon(36% 0,64% 0,100% 100%,0 100%);background:linear-gradient(180deg,#fff4d642,#fff4d61a 70%,#fff4d605)}#hud .v2-heroes .stg-pool{position:absolute;left:var(--hx);top:var(--fy);width:calc(var(--hh) * 2.1);height:calc(var(--hh) * .38);translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgb(255 247 226 / .72),rgb(255 238 205 / .36) 42%,color-mix(in srgb,var(--ec) 24%,rgb(255 238 205 / .1)) 68%,transparent)}#hud .v2-heroes .stg-shadow{position:absolute;left:var(--hx);top:var(--fy);width:calc(var(--hh) * .5);height:calc(var(--hh) * .085);translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgb(11 13 20 / .5),rgb(11 13 20 / .18) 60%,transparent)}#hud .v2-heroes .hero-sprites{position:absolute;inset:0;pointer-events:none}#hud .v2-heroes .hero-sprite{position:absolute;width:calc(var(--hh) * 1.3333);height:calc(var(--hh) * 1.3333);max-width:none;left:var(--hx);top:var(--fy);translate:-50% -88.89%;transform-origin:50% 88.89%;animation:hero-breathe 3s ease-in-out infinite}#hud .v2-heroes .hero-sprite.arriving{animation:hero-walk-in .64s cubic-bezier(.25,.75,.35,1) both}#hud .v2-heroes .hero-sprite.leaving{animation:hero-walk-out .43s cubic-bezier(.45,0,.85,.55) both}@keyframes hero-breathe{50%{transform:scale(1.007,.993)}}@keyframes hero-walk-in{0%{transform:translate(calc(var(--dir) * -340px));opacity:0}22%{opacity:1}to{transform:none;opacity:1}}@keyframes hero-walk-out{to{transform:translate(calc(var(--dir) * 340px));opacity:0}}#hud .v2-heroes .stage-name{position:absolute;left:18px;top:76px;display:grid;justify-items:start;gap:6px;max-width:58%;color:var(--white);text-shadow:0 2px 9px #23283a}#hud .v2-heroes .stage-name h3{font:30px/1.15 Chonburi,serif;margin:0;color:var(--white)}#hud .v2-heroes .stage-name p{margin:0;font-weight:700}#hud .v2-heroes .stage-rarity{font-weight:700}#hud .v2-heroes .stage-rarity small{color:var(--white);opacity:.7;padding-left:10px}#hud .v2-heroes .stage-team{padding:5px 10px;border-radius:20px;background:#0b0d1470;font-size:12px}#hud .v2-heroes .stars i{color:var(--slate);font-size:18px}#hud .v2-heroes .stars i.on{color:var(--gold2)}#hud .v2-heroes .stage-name .stars i{color:var(--white)}#hud .v2-heroes .stage-name .stars i.on{color:#e8c779}#hud .v2-heroes .stage-name .six{padding:5px 10px;border-radius:10px;background:linear-gradient(100deg,#e8c77952,#e8c7791a 58%,#e8c7793d);box-shadow:inset 0 0 0 1.5px #e8c779eb,inset 0 0 0 4px #fff0c81a,0 0 22px #e8c77952}#hud .v2-heroes .hero-sheet{position:absolute;z-index:2;top:calc((100% - var(--rail-height) - var(--rail-bottom)) * .4 - 8px);bottom:calc(var(--rail-height) + var(--rail-bottom) + 6px);left:8px;right:8px;display:flex;flex-direction:column;min-height:0;border-radius:18px;background:var(--paper);box-shadow:0 0 0 1px #ffffff59;padding:5px}#hud .v2-heroes .hero-sheet:before{content:"";position:absolute;inset:5px;border:1px solid var(--gold);opacity:.7;pointer-events:none;border-radius:14px}#hud .v2-heroes .hero-growth{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:8px 12px;padding:13px 14px 10px;flex:none}#hud .v2-heroes .level-line{display:flex;align-items:baseline;justify-content:space-between;gap:4px}#hud .v2-heroes .level-line b{font-size:30px;line-height:1.2}#hud .v2-heroes .level-line>span{white-space:nowrap}#hud .v2-heroes .hero-level .range{margin:8px 0 3px;background:var(--paper3);height:7px}#hud .v2-heroes .hero-level .range::-webkit-progress-bar{background:var(--paper3)}#hud .v2-heroes .hero-level .range::-webkit-progress-value{background:var(--gold)}#hud .v2-heroes .hero-boost{display:table;margin-top:4px;border-radius:5px;background:#d2e8ed;color:#24506c;padding:2px 5px;font-size:11px;font-weight:700}#hud .v2-heroes .hero-level-action{text-align:center}#hud .v2-heroes .hero-button{min-height:44px;min-width:44px;padding:7px 12px;border:1px solid var(--paper-edge);border-radius:22px;background:var(--paper2);color:var(--slate);font-weight:700;line-height:1.3}#hud .v2-heroes .hero-button.gold{width:100%;background:var(--gold2);color:var(--white);border-color:var(--gold2)}#hud .v2-heroes .hero-button.gold small{display:block;color:inherit}#hud .v2-heroes .hero-button:disabled{opacity:1;background:var(--paper3);border-color:var(--paper-edge);color:var(--slate2);cursor:default}#hud .v2-heroes .level-reason{display:block;margin-top:3px}#hud .v2-heroes .hero-potions{display:flex;gap:8px;grid-column:1/-1}#hud .v2-heroes .hero-potions .hero-button{flex:1;font-size:11px;padding:6px}#hud .v2-heroes .hero-potions b{color:#347346;margin-left:4px}#hud .v2-heroes .hero-tabs{display:flex;margin:0 14px 8px;padding:3px;border-radius:24px;background:var(--paper3);flex:none}#hud .v2-heroes .hero-tabs button{flex:1;min-height:44px;border:0;border-radius:24px;background:transparent;color:var(--slate2);font-weight:700}#hud .v2-heroes .hero-tabs button[aria-pressed=true]{background:var(--slate);color:var(--paper2)}#hud .v2-heroes .hero-content{padding:0 14px 16px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}#hud .v2-heroes .hero-caption{display:flex;gap:8px;align-items:baseline;margin:8px 0 10px;font-weight:700;color:var(--gold2)}#hud .v2-heroes .hero-caption span{font-size:11px;color:var(--slate2);font-weight:400}#hud .v2-heroes .skill-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#hud .v2-heroes .skill-slot{min-width:0;display:flex;flex-direction:column;gap:5px;padding:5px 5px 10px;border:1px solid var(--paper-edge);border-radius:14px;background:var(--paper2);color:var(--slate);text-align:left}#hud .v2-heroes .skill-slot.ult{border-color:var(--gold)}#hud .v2-heroes .skill-slot b{font-size:12px;line-height:1.4}#hud .v2-heroes .skill-media{position:relative;width:100%;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--slate)}#hud .v2-heroes video{display:block;width:100%;height:100%;object-fit:cover}#hud .v2-heroes .skill-label{position:absolute;left:3px;top:3px;padding:2px 4px;border-radius:5px;background:var(--paper2);color:var(--slate);font-size:11px;font-weight:700}#hud .v2-heroes .skill-expand{position:absolute;right:4px;bottom:2px;color:var(--white);font-size:18px}#hud .v2-heroes .skill-lock{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--paper3);text-align:center;padding:6px}#hud .v2-heroes .skill-lock .portrait{width:42px;border-radius:8px}#hud .v2-heroes .skill-lock small{font-size:11px}#hud .v2-heroes .hero-facts dl{margin:0;display:grid;gap:8px}#hud .v2-heroes .hero-facts dl>div{display:flex;justify-content:space-between;padding:9px 10px;border-radius:8px;background:var(--paper2)}#hud .v2-heroes dd{margin:0;font-weight:700;font-size:17px}#hud .v2-heroes .hero-note{font-size:12px;color:var(--slate2)}#hud .v2-heroes .hero-stars>.stars{justify-content:center}#hud .v2-heroes .hero-stars>.stars i{font-size:26px}#hud .v2-heroes .hero-stars>p{text-align:center}#hud .v2-heroes .star-unlocks{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}#hud .v2-heroes .star-unlocks span{padding:6px;background:var(--paper3);border-radius:6px}#hud .v2-heroes .star-unlocks .unlocked{background:#dce6d5;color:#3f6547}#hud .v2-heroes .hero-rail{position:absolute;z-index:3;inset:auto 0 0;height:calc(var(--rail-height) + var(--rail-bottom));padding-bottom:var(--rail-bottom);background:var(--paper);border-top:1px solid var(--paper-edge)}#hud .v2-heroes .hero-rail-list{display:flex;gap:7px;width:100%;height:100%;padding:7px 10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scroll-padding-inline:10px}#hud .v2-heroes .hero-chip{flex:0 0 76px;min-width:44px;position:relative;display:grid;justify-items:center;gap:1px;padding:4px;border:2px solid transparent;border-radius:10px;background:var(--paper2);color:var(--slate)}#hud .v2-heroes .hero-chip[aria-current=true]{border-color:var(--gold2);background:var(--paper3);box-shadow:inset 0 -3px var(--gold2)}#hud .v2-heroes .rail-art{position:relative;display:block}#hud .v2-heroes .rail-art .portrait{width:48px;border-radius:6px}#hud .v2-heroes .rail-team{position:absolute;left:-9px;top:-2px;padding:0 3px;background:var(--slate);color:var(--white);border-radius:4px;font-size:11px}#hud .v2-heroes .rail-boost{position:absolute;right:-8px;bottom:0;padding:0 3px;border-radius:3px;background:#d2e8ed;color:#24506c;font-size:11px;font-weight:700}#hud .v2-heroes .rail-name{font-size:11px;font-weight:700}#hud .v2-heroes .rail-level{font-size:11px;display:flex;gap:9px}#hud .v2-heroes .rail-level>span{color:var(--gold2)}#hud .v2-heroes .clip-expanded{position:absolute;inset:70px 12px calc(var(--rail-height) + var(--rail-bottom) + 10px);z-index:8;padding:18px;border:1px solid var(--gold);border-radius:16px;background:var(--paper);overflow:auto}#hud .v2-heroes .clip-expanded video{height:auto;max-height:65%;object-fit:contain;background:var(--slate);border-radius:10px}#hud .v2-heroes .clip-expanded .skill-lock{height:200px}#hud .v2-heroes .stg-beam{position:absolute;left:var(--hx);top:calc(var(--fy) - var(--hh) * 1.3);width:calc(var(--hh) * .62);height:calc(var(--hh) * 1.36);translate:-50% 0;opacity:0;pointer-events:none;transform-origin:50% 100%;background:radial-gradient(ellipse 50% 40% at 50% 100%,rgb(255 244 214 / .55),transparent 72%),linear-gradient(0deg,#fff4d642,#fff4d600 92%);border-radius:50% 50% 40% 40%/22% 22% 10% 10%;filter:blur(8px)}#hud .v2-heroes .level-moment .stg-beam,#hud .v2-heroes .star-moment .stg-beam{animation:hero-rise-light 1.2s ease-out both}#hud .v2-heroes .hero-moment{position:absolute;left:var(--hx);top:100px;translate:-50% -50%;font:24px Chonburi,serif;white-space:nowrap;color:var(--white);text-shadow:0 2px 10px #8a6e3e;opacity:0}#hud .v2-heroes .level-moment .hero-moment,#hud .v2-heroes .star-moment .hero-moment{animation:hero-moment 1.2s ease-out both}#hud .v2-heroes .star-moment .hero-moment:before{content:"✦ ";color:#e8c779}@keyframes hero-rise-light{0%{opacity:0;transform:scaleY(.1) translateY(25px)}25%{opacity:1}65%{opacity:.8}to{opacity:0;transform:scaleY(1.25) translateY(-45px)}}@keyframes hero-moment{0%{opacity:0;transform:translateY(15px) scale(.9)}25%,75%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px)}}#hud .hero-picker-entry{display:block;min-height:44px;width:calc(100% - 20px);margin:5px 10px;padding:8px 12px;border:1px solid #c9ae7a;border-radius:9px;background:#efe8da;color:#3a4152;font:700 14px Anuphan,sans-serif;cursor:pointer}@media(min-width:800px){#hud .v2-heroes{--sheet-width:clamp(400px,41vw,620px);--rail-height:120px}#hud .v2-heroes .hero-stage{--hx:56%;--fy:84%;--hh:330px;bottom:calc(var(--rail-height) + var(--rail-bottom));right:calc(var(--sheet-width) + 28px);height:auto}#hud .v2-heroes .hero-sheet{left:auto;width:var(--sheet-width);right:16px;top:76px;bottom:calc(var(--rail-height) + var(--rail-bottom) + 16px)}#hud .v2-heroes .stage-name{left:44px;top:100px;gap:10px;max-width:90%}#hud .v2-heroes .stage-name h3{font-size:46px}#hud .v2-heroes .hero-growth{padding:22px 20px 18px;grid-template-columns:minmax(0,1fr) 160px;gap:16px}#hud .v2-heroes .hero-potions .hero-button{font-size:13px}#hud .v2-heroes .hero-content{padding:8px 20px 24px}#hud .v2-heroes .skill-slot b{font-size:14px}#hud .v2-heroes .skill-slot small{font-size:12px}#hud .v2-heroes .hero-rail-list{justify-content:safe center;gap:10px}#hud .v2-heroes .hero-chip{flex-basis:88px}#hud .v2-heroes .rail-art .portrait{width:54px}#hud .v2-heroes .clip-expanded{left:15%;right:15%}}@media(max-width:799px)and (max-height:760px){#hud .v2-heroes .hero-stage{--hh:160px}#hud .v2-heroes .stage-name{top:68px;gap:4px}#hud .v2-heroes .stage-name h3{font-size:25px}#hud .v2-heroes .hero-growth{padding:8px 10px;gap:5px 8px}}@media(prefers-reduced-motion:reduce){#hud .v2-heroes *,#hud .v2-heroes *:before{animation:none!important;scroll-behavior:auto!important}#hud .v2-heroes .level-moment .hero-moment,#hud .v2-heroes .star-moment .hero-moment{opacity:1}}@media(max-width:799px){#hud .v2-heroes .hero-stage[data-hero-id=CHR011]{--hx:59%}}#hud .v2-heroes .hero-passive{padding:12px;margin-top:12px;border-radius:12px;background:var(--paper2);border:1px solid var(--paper-edge);font-size:12px}#hud .v2-heroes .hero-passive b span{color:var(--gold2);margin-right:8px}#hud .v2-heroes .hero-passive p{margin:6px 0 0;color:var(--slate2)}#hud .v2-heroes .pp-h .pp-back,#hud .v2-heroes .pp-h .pp-x{position:static;inset:auto;transform:none}#hud .v2-heroes .pp-h h2{position:static;white-space:nowrap}#hud .v2-heroes .pp-f .wallet{max-width:calc(100vw - 202px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hud .v2-heroes .hero-button:not(:disabled),#hud .v2-heroes .skill-slot{box-shadow:0 2px 0 var(--paper-edge)}#hud .v2-heroes .hero-button:not(:disabled):active,#hud .v2-heroes .skill-slot:not(:disabled):active{transform:translateY(2px);box-shadow:none}#hud .v2-heroes .hero-button.gold:not(:disabled){background:var(--slate);border-color:var(--slate)}#hud .v2-heroes .potion-reason{grid-column:1/-1;text-align:center;line-height:1.4}#hud .v2-heroes .star-steps{display:grid;gap:0;list-style:none;margin:14px 0 0;padding:0;background:var(--paper2);border-radius:12px}#hud .v2-heroes .star-steps li{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px;font-size:12px;border-bottom:1px solid var(--paper-edge)}#hud .v2-heroes .star-steps li:last-child{border-bottom:0}#hud .v2-heroes .star-steps b{color:var(--gold2)}#hud .v2-heroes .star-steps small{margin-left:auto;white-space:nowrap}#hud .v2-heroes .star-steps .unlocked small{color:#3f6547}@media(min-width:800px)and (min-height:521px){#hud .v2-heroes .hero-moment{top:54%}}@media(max-height:520px)and (min-width:600px){#hud .v2-heroes{--sheet-width:52%;--rail-height:94px}#hud .v2-heroes .hero-stage{--hh:145px;--hx:72%;--fy:88%;right:calc(var(--sheet-width) + 12px)}#hud .v2-heroes .stage-name{top:72px;left:18px;gap:4px;max-width:65%}#hud .v2-heroes .stage-name h3{font-size:26px}#hud .v2-heroes .stage-name p{font-size:12px}#hud .v2-heroes .stage-team{font-size:11px}#hud .v2-heroes .hero-sheet{top:66px;right:8px;bottom:calc(var(--rail-height) + var(--rail-bottom) + 6px);overflow:auto;overscroll-behavior:contain}#hud .v2-heroes .hero-growth{padding:10px;gap:6px 10px;grid-template-columns:minmax(0,1fr) 128px}#hud .v2-heroes .hero-content{flex:none;overflow:visible;padding:0 10px 16px}#hud .v2-heroes .hero-potions .hero-button{font-size:11px}#hud .v2-heroes .hero-chip{flex-basis:76px}#hud .v2-heroes .rail-art .portrait{width:36px}#hud .v2-heroes .hero-moment{top:70px;font-size:19px}#hud .v2-heroes .clip-expanded{inset:64px 8px calc(var(--rail-height) + var(--rail-bottom) + 6px);padding:10px}}@media(max-height:520px)and (min-width:600px){#hud .v2-heroes .hero-tabs{order:-1;position:sticky;top:0;z-index:3;margin:0 4px 4px;box-shadow:0 3px 0 var(--paper)}#hud .v2-heroes .potion-reason{display:none}#hud .v2-heroes .hero-content{scroll-margin-top:54px}}#hud .v2-heroes.pick-mode .hero-stage,#hud .v2-heroes.pick-mode .hero-sheet,#hud .v2-heroes.pick-mode .clip-expanded{display:none}#hud .v2-heroes.pick-mode .pp-h h2{color:var(--slate);text-shadow:none}#hud .v2-heroes.pick-mode .hero-rail{inset:0;height:auto;padding:calc(max(12px,env(safe-area-inset-top)) + 46px) 0 var(--rail-bottom);border-top:0}#hud .v2-heroes.pick-mode .hero-rail:before{content:"แตะฮีโร่เพื่อดูรายละเอียด";display:block;padding:0 16px 8px;text-align:center;font-size:13px;color:var(--slate2)}#hud .v2-heroes.pick-mode .hero-rail-list{flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:12px;height:auto;max-height:calc(100% - 28px);padding:4px 16px 16px;overflow-x:hidden;overflow-y:auto}#hud .v2-heroes.pick-mode .hero-chip{flex:0 0 104px;padding:8px 6px;gap:3px}#hud .v2-heroes.pick-mode .hero-chip[aria-current=true]{border-color:transparent;background:var(--paper2);box-shadow:none}#hud .v2-heroes.pick-mode .rail-art .portrait{width:72px}#hud .v2-heroes.pick-mode .rail-name{font-size:13px}@media(max-width:420px){#hud .v2-heroes.pick-mode .hero-chip{flex-basis:96px}#hud .v2-heroes.pick-mode .rail-art .portrait{width:64px}}#hud .v2-bag{--paper:#efe8da;--paper2:#f7f2e8;--paper3:#e6ddcb;--paper-edge:#d9cfbb;--slate:#3a4152;--slate2:#737987;--gold:#c9ae7a;--ember:#c48343;--up:#3c8d5c;--down:#af5e4e;--ice:#8fd8ff;--ln:rgb(58 65 82 / .18);--shadow:rgb(23 27 40 / .22);--common-a:#858b97;--common-b:#b6bac2;--uncommon-a:#548f75;--uncommon-b:#8fbaa5;--fine-a:#5178af;--fine-b:#96b7df;--magic-a:#7359ad;--magic-b:#baa5d8;--epic-a:#8a6244;--epic-b:#d69955;--scroll-a:#6b9fcb;--scroll-b:#b2dcf4;--potion-a:#69987c;--potion-b:#b6d8aa;--large-a:#568d9e;--large-b:#b4dce2;--hc-ivory:var(--paper);--hc-ink:var(--slate);--ink-dim:var(--slate2);--edge:var(--ln);--card-base:var(--paper2);inset:12px;overflow:hidden;color:var(--slate);font:14px/1.45 Anuphan,sans-serif}#hud .v2-bag [hidden]{display:none!important}#hud .v2-bag .pp{position:relative;width:min(1180px,100%);height:100%;max-height:840px;background:var(--paper);border:1px solid var(--ln);border-radius:18px;box-shadow:0 15px 50px var(--shadow);padding:6px;margin:auto}#hud .v2-bag .pp:before{content:"";position:absolute;inset:5px;border:1px solid var(--gold);border-radius:13px;pointer-events:none;z-index:1;opacity:.7}#hud .v2-bag .pp-h{position:relative;min-height:61px;padding:8px 12px 12px;border:0;gap:8px}#hud .v2-bag .pp-h:after{content:"";position:absolute;bottom:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}#hud .v2-bag .pp-h h2{flex:1;text-align:center;color:var(--slate);font:21px/1.4 Chonburi,serif}#hud .v2-bag .pp-h .orn{position:absolute;bottom:-8px;left:calc(50% - 7px);font-size:14px;color:var(--gold);background:var(--paper);z-index:1}#hud .v2-bag .pp-h .btn{background:var(--slate)!important;color:var(--paper)!important;border:0;border-radius:50%;width:44px;height:44px;box-shadow:0 3px 0 var(--ln)}#hud .v2-bag .pp-h .pp-back{background:transparent!important;color:var(--slate)!important;box-shadow:none}#hud .v2-bag .pp-b{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:0}#hud .v2-bag .pp-f{flex:none;border:0;padding:5px 14px 7px;min-height:30px;font-size:11px}#hud .v2-bag .wallet{color:var(--slate2)}#hud .v2-bag .message{color:var(--up)}#hud .v2-bag button,#hud .v2-bag select{font:inherit;letter-spacing:normal;text-transform:none}#hud .v2-bag button{cursor:pointer}#hud .v2-bag button:disabled{opacity:.5;cursor:default}#hud .v2-bag :focus-visible{outline:3px solid var(--ice);outline-offset:2px}#hud .v2-bag small{font-size:11px;color:var(--slate2)}#hud .v2-bag h3{margin:0;font-size:17px;line-height:1.4}#hud .v2-bag h4{font-size:13px;margin:16px 0 10px;display:flex;justify-content:space-between;gap:8px}#hud .v2-bag .bag-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:8px 14px;border:1px solid var(--ln);border-radius:24px;background:var(--paper2);color:var(--slate);box-shadow:0 3px 0 var(--ln);font-weight:700;line-height:1.3}#hud .v2-bag .bag-btn.primary,#hud .v2-bag .bag-btn[aria-pressed=true]{background:var(--slate);color:var(--paper)}#hud .v2-bag .bag-btn.primary small,#hud .v2-bag .bag-btn[aria-pressed=true] small{color:inherit;opacity:.75}#hud .v2-bag .bag-btn:active:not(:disabled){translate:0 2px;box-shadow:none}#hud .v2-bag .bag-top{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 16px 10px;flex:none}#hud .v2-bag .bag-tabs{display:flex;border-radius:99px;background:var(--paper3);padding:3px;border:1px solid var(--ln)}#hud .v2-bag .bag-tabs .bag-btn{min-width:108px;box-shadow:none;border:0;background:transparent}#hud .v2-bag .bag-tabs .bag-btn[aria-pressed=true]{background:var(--slate)}#hud .v2-bag .bag-boost-badge{padding:5px 10px;border-radius:16px;color:var(--slate);background:var(--scroll-b);font-size:11px;margin-left:auto}#hud .v2-bag .bag-layout{position:relative;display:flex;flex:1;min-height:0;overflow:hidden}#hud .v2-bag .bag-main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}#hud .v2-bag .bag-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px 6px;flex:none;min-height:44px;color:var(--slate2);font-size:12px}#hud .v2-bag .bag-tools b{color:var(--slate)}#hud .v2-bag .bag-tools label{display:flex;align-items:center;gap:5px}#hud .v2-bag select{min-height:44px;border-radius:22px;background:var(--paper2);color:var(--slate);border:1px solid var(--ln);padding:6px 10px;font-size:12px}#hud .v2-bag .bag-filters{display:flex;gap:7px;padding:4px 16px 8px;overflow:auto;flex:none;scrollbar-width:none}#hud .v2-bag .bag-filters>*{flex:none}#hud .v2-bag .bag-filters .bag-btn{font-size:12px;box-shadow:none;padding:6px 10px}#hud .v2-bag .bag-gridwrap{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:6px 16px 18px;scrollbar-width:thin;scrollbar-color:var(--paper-edge) transparent}#hud .v2-bag .bag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(57px,1fr));gap:10px 8px;align-content:start}#hud .v2-bag .bag-grid.items{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#hud .v2-bag .bag-grid.cards{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}#hud .v2-bag .bag-gridwrap>h4:first-child{margin-top:0}#hud .v2-bag .bag-tile{position:relative;display:flex;flex-direction:column;padding:0;min-width:0;border:0;border-radius:10px;background:var(--paper2);color:var(--slate);box-shadow:0 2px 2px var(--ln),inset 0 0 0 1px var(--paper-edge)}#hud .v2-bag .bag-tile.selected{outline:2px solid var(--slate);outline-offset:2px}#hud .v2-bag .bag-tile:hover{transform:translateY(-2px)}#hud .v2-bag .bag-tile-label{font-weight:700;display:block;text-align:center;padding:4px 2px 5px;width:100%;font-size:12px}#hud .v2-bag .bag-tile.item .bag-tile-label{font-size:12px;min-height:38px;display:grid;place-items:center;padding:6px}#hud .v2-bag .bag-art{position:relative;display:block;aspect-ratio:1;width:100%;overflow:hidden;border-radius:10px 10px 14px 0;background:linear-gradient(155deg,var(--ga,var(--paper3)),var(--gb,var(--paper-edge)))}#hud .v2-bag [data-r="0"]{--ga:var(--common-a);--gb:var(--common-b)}#hud .v2-bag [data-r="1"]{--ga:var(--uncommon-a);--gb:var(--uncommon-b)}#hud .v2-bag [data-r="2"]{--ga:var(--fine-a);--gb:var(--fine-b)}#hud .v2-bag [data-r="3"]{--ga:var(--magic-a);--gb:var(--magic-b)}#hud .v2-bag [data-r="4"]{--ga:var(--epic-a);--gb:var(--epic-b)}#hud .v2-bag .bag-gi{position:absolute;inset:12%;background:url(/assets/ui/gear-icons.webp) no-repeat;background-size:457% 343%;background-position:var(--ix) var(--iy);image-rendering:pixelated;z-index:1}#hud .v2-bag .bag-gi.top{background-image:url(/assets/ui/gear-icons-legendary.webp)}#hud .v2-bag .bag-art.epic-c{box-shadow:inset 0 0 0 2px var(--ember);background:radial-gradient(ellipse at 50% 110%,var(--epic-b),transparent 70%),linear-gradient(160deg,var(--epic-a),var(--epic-b))}#hud .v2-bag .epic-c:before{content:"";position:absolute;inset:45% 0 -25%;background:radial-gradient(ellipse at bottom,var(--gold),transparent 65%);opacity:.6;animation:bag-ember 5s ease-in-out infinite}@keyframes bag-ember{50%{transform:translateY(-8%);opacity:.25}}#hud .v2-bag .bag-lock,#hud .v2-bag .bag-upmark{position:absolute;top:4px;z-index:2;display:grid;place-items:center;width:19px;height:19px;border-radius:6px;font-size:11px}#hud .v2-bag .bag-lock{left:4px;background:var(--paper2);color:var(--slate)}#hud .v2-bag .bag-lock svg{width:12px;height:12px}#hud .v2-bag .bag-upmark{right:4px;background:var(--up);color:var(--paper2)}#hud .v2-bag .bag-new{position:absolute;right:5px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--ice);box-shadow:0 0 0 2px var(--paper);z-index:3}#hud .v2-bag .bag-upmark+.bag-new{right:27px;top:9px}#hud .v2-bag .bag-item-art[data-kind=expScroll]{--ga:var(--scroll-a);--gb:var(--scroll-b)}#hud .v2-bag .bag-item-art[data-kind=expPotionS]{--ga:var(--potion-a);--gb:var(--potion-b)}#hud .v2-bag .bag-item-art[data-kind=expPotionL]{--ga:var(--large-a);--gb:var(--large-b)}#hud .v2-bag .bag-item-art[data-kind=card]{--ga:var(--epic-a);--gb:var(--paper3)}#hud .v2-bag .bag-item-art img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;image-rendering:pixelated}#hud .v2-bag .bag-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;font-weight:700;color:var(--paper2);text-shadow:0 2px 0 var(--shadow)}#hud .v2-bag .bag-item-art .portrait{position:absolute;width:80%;height:80%;left:10%;top:10%;border-radius:0;background-color:transparent}#hud .v2-bag .bag-count{position:absolute;bottom:5px;right:6px;color:var(--paper2);text-shadow:0 1px 2px var(--slate);font-size:12px;z-index:2}#hud .v2-bag .bag-bulk{display:flex;flex-wrap:wrap;gap:8px;flex:none;border-top:1px solid var(--ln);padding:10px 16px 5px}#hud .v2-bag .bag-bulk .bag-btn{flex:1;flex-direction:column;min-height:54px;padding:8px}#hud .v2-bag .bag-bulk p{width:100%;text-align:center;font-size:11px;margin:0;color:var(--slate2)}#hud .v2-bag .bag-note{font-size:11px;line-height:1.6;color:var(--slate2);margin:12px 0}#hud .v2-bag .bag-empty{text-align:center;padding:30px 8px;color:var(--slate2);font-size:13px}#hud .v2-bag .bag-side{display:flex;flex-direction:column;flex:none;width:370px;min-height:0;background:var(--paper2);border-left:1px solid var(--ln)}#hud .v2-bag .bag-side-head{display:flex;justify-content:space-between;align-items:center;padding:4px 14px;flex:none;color:var(--slate2);font-size:11px}#hud .v2-bag .bag-side-head .bag-btn{width:44px;padding:0;background:transparent;border:0;box-shadow:none;font-size:22px}#hud .v2-bag .bag-detail{overflow:auto;overscroll-behavior:contain;padding:6px 16px 12px;flex:1;min-height:0;scrollbar-width:thin}#hud .v2-bag .bag-detail-head{display:flex;align-items:center;gap:12px}#hud .v2-bag .bag-detail-head>.bag-art{width:76px;flex:none}#hud .v2-bag .bag-detail-head p{font-size:11px;margin:5px 0 0}#hud .v2-bag .bag-up{color:var(--up)}#hud .v2-bag .bag-down{color:var(--down)}#hud .v2-bag .bag-compare{display:grid;grid-template-columns:1fr auto 1fr auto;gap:12px;align-items:center;margin-top:14px;padding:12px;border-radius:10px;background:var(--paper)}#hud .v2-bag .bag-compare small,#hud .v2-bag .bag-compare b{display:block}#hud .v2-bag .bag-compare b{font-size:20px}#hud .v2-bag .bag-special{padding:10px 12px;border-radius:10px;background:var(--paper3);border-left:3px solid var(--ember)}#hud .v2-bag .bag-special>*{display:block}#hud .v2-bag .bag-stats{border-radius:10px;background:var(--paper);overflow:hidden}#hud .v2-bag .bag-stats>div{display:grid;grid-template-columns:1fr auto 65px;align-items:center;gap:8px;min-height:34px;padding:5px 10px;font-size:12px}#hud .v2-bag .bag-stats>div+div{border-top:1px solid var(--ln)}#hud .v2-bag .bag-stats em{font-style:normal;text-align:right;font-size:11px}#hud .v2-bag .bag-detail-actions{padding:12px 14px;display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--ln);flex:none}#hud .v2-bag .bag-detail-actions .bag-btn{flex:1;flex-direction:column;padding:8px 10px;font-size:13px}#hud .v2-bag .bag-detail-actions [data-action=market]{flex-basis:100%;box-shadow:none}#hud .v2-bag .bag-detail-empty{margin:auto;text-align:center;padding:20px;font-weight:700}#hud .v2-bag .bag-detail-empty small{display:block;margin-top:10px;font-weight:400}#hud .v2-bag .bag-boost{padding:14px;background:var(--scroll-b);border-radius:12px}#hud .v2-bag .bag-boost b{display:block;font-size:26px}#hud .v2-bag .bag-boost p{font-size:12px;margin:8px 0}#hud .v2-bag .bag-item-facts{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;background:var(--paper);border-radius:10px;font-size:12px;margin-top:14px}#hud .v2-bag .bag-item-facts b{text-align:right}#hud .v2-bag .bag-modal{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:auto;background:var(--paper)}#hud .v2-bag .bag-dialog{display:flex;flex-direction:column;width:min(480px,100%);max-height:100%;min-height:0;border:0;border-radius:14px;background:var(--paper2);box-shadow:0 10px 35px var(--ln);padding:18px}#hud .v2-bag .bag-dialog>header{display:flex;gap:10px;justify-content:space-between;align-items:center;flex:none;margin-bottom:12px}#hud .v2-bag .bag-dialog>header .bag-btn{width:44px;flex:none;padding:0;font-size:22px}#hud .v2-bag .bag-hero-list{display:grid;gap:8px;overflow:auto;min-height:0;overscroll-behavior:contain}#hud .v2-bag .bag-hero{display:flex;align-items:center;gap:10px;text-align:left;padding:8px;border:1px solid var(--ln);border-radius:10px;background:var(--paper);color:var(--slate);min-height:68px;flex:none}#hud .v2-bag .bag-hero .portrait{width:48px;height:48px}#hud .v2-bag .bag-hero>span:not(.portrait){flex:1;min-width:0}#hud .v2-bag .bag-hero b,#hud .v2-bag .bag-hero small{display:block}#hud .v2-bag .bag-hero b small{display:inline}#hud .v2-bag .bag-hero strong{font-size:11px}#hud .v2-bag .bag-confirm{overflow:auto;padding:24px}#hud .v2-bag .bag-warning{background:var(--paper3);color:var(--up);padding:14px;border-radius:10px;font-weight:700;margin-top:16px}#hud .v2-bag .bag-sale-total{display:flex;justify-content:space-between;padding:16px 0;border-block:1px solid var(--ln)}#hud .v2-bag .bag-confirm-actions{display:grid;gap:10px;margin-top:12px}#hud .v2-bag .bag-moment{position:absolute;pointer-events:none;left:50%;top:36%;translate:-50% -50%;z-index:9;opacity:0;background:var(--scroll-b);color:var(--slate);border-radius:16px;padding:15px 22px;font-weight:700;white-space:nowrap;box-shadow:0 6px 22px var(--shadow)}#hud .v2-bag.bag-celebrate .bag-moment{animation:bag-moment .85s ease-out both}@keyframes bag-moment{0%{opacity:0;transform:translateY(12px) scale(.95)}20%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)}}#hud.gx-desk .v2-bag{display:flex;align-items:center}#hud.gx-desk .v2-bag .bag-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:14px 12px}#hud.gx-desk .v2-bag .bag-grid.items{grid-template-columns:repeat(3,minmax(0,1fr))}#hud.gx-desk .v2-bag .bag-grid.cards{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}#hud:not(.gx-desk) .v2-bag{inset:10px}#hud:not(.gx-desk) .v2-bag .bag-side{position:absolute;z-index:5;left:0;right:0;bottom:0;width:auto;max-height:94%;border:0;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px var(--shadow);display:none}#hud:not(.gx-desk) .v2-bag .bag-side.has-selection{display:flex;animation:bag-sheet .28s ease-out}@keyframes bag-sheet{0%{transform:translateY(30px);opacity:.4}to{transform:none;opacity:1}}#hud:not(.gx-desk) .v2-bag .bag-side-head{padding-top:2px;padding-bottom:0}#hud:not(.gx-desk) .v2-bag .bag-detail-head>.bag-art{width:64px}#hud:not(.gx-desk) .v2-bag .bag-detail-actions{padding:10px 14px}#hud:not(.gx-desk) .v2-bag .bag-modal{padding:10px}#hud .v2-bag .bag-hero-list:focus-visible{outline-offset:-3px}@media(max-width:370px){#hud:not(.gx-desk) .v2-bag{inset:6px}#hud .v2-bag .bag-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px 6px}#hud .v2-bag .bag-top,#hud .v2-bag .bag-tools,#hud .v2-bag .bag-filters,#hud .v2-bag .bag-bulk,#hud .v2-bag .bag-gridwrap{padding-left:12px;padding-right:12px}#hud .v2-bag .bag-tabs .bag-btn{min-width:100px}#hud .v2-bag .bag-hero{gap:7px}#hud .v2-bag .bag-dialog{padding:12px}}@media(max-height:520px)and (min-aspect-ratio:5/4){#hud .v2-bag{inset:6px}#hud .v2-bag .pp-h{min-height:49px;padding:0 10px 5px}#hud .v2-bag .pp-h h2{font-size:17px}#hud .v2-bag .bag-top{padding:6px 12px}#hud .v2-bag .bag-side{width:330px}#hud .v2-bag .bag-tools{padding:0 12px 2px}#hud .v2-bag .bag-filters{padding:0 12px 4px}#hud .v2-bag .bag-layout{overflow:auto}#hud .v2-bag .bag-bulk{padding:5px 12px}#hud .v2-bag .bag-bulk .bag-btn{min-height:44px;padding:6px}#hud .v2-bag .bag-bulk .bag-btn small,#hud .v2-bag .bag-bulk p{display:none}#hud .v2-bag .bag-gridwrap{padding:4px 12px 8px;min-height:70px}#hud.gx-desk .v2-bag .bag-grid{grid-template-columns:repeat(auto-fill,minmax(55px,1fr));gap:8px}#hud .v2-bag .bag-side-head{min-height:44px}#hud .v2-bag .bag-detail-actions{padding:6px 10px;gap:5px}#hud .v2-bag .bag-detail-actions [data-action=market]{flex-basis:auto}#hud .v2-bag .bag-detail-actions .bag-btn{font-size:11px;padding:5px}#hud .v2-bag .bag-modal{padding:6px}#hud .v2-bag .bag-dialog{padding:10px 16px}#hud .v2-bag .bag-dialog>header{margin-bottom:6px}#hud .v2-bag .bag-dialog>.bag-note{margin:5px 0}}@media(prefers-reduced-motion:reduce){#hud .v2-bag *,#hud .v2-bag *:before,#hud .v2-bag *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#hud .v2-bag.bag-celebrate .bag-moment{opacity:1}}@media(max-height:520px)and (min-aspect-ratio:5/4){#hud .v2-bag .bag-layout{position:static;overflow:hidden}#hud .v2-bag .bag-tools{position:absolute;top:6px;right:12px;width:calc(100% - 292px);padding:0}#hud .v2-bag .bag-side{position:relative}#hud .v2-bag .bag-detail-head>.bag-art{width:56px}#hud .v2-bag .bag-detail{padding-top:0}}#hud .v2-bag[hidden]{display:none!important}#hud .v2.v2-bless{--b-paper:#efe8da;--b-paper2:#f7f2e8;--b-paper3:#e6ddcb;--b-edge:#d9cfbb;--b-slate:#3a4152;--b-muted:#707684;--b-gold:#c9ae7a;--b-gold-ink:#8a6e3e;--b-ice:#76bcec;--b-ember:#ffb374;--b-gauge:#7b95a2;--b-blue:#5f86c2;--b-green:#dbe9db;--b-shrine:#262c3c;--b-shrine-end:#474e62;--b-white:#fff8ea;--b-shadow:rgb(35 39 51 / .24);--b-line:color-mix(in srgb,var(--b-slate) 16%,transparent);inset:12px;display:flex;align-items:center;justify-content:center;color:var(--b-slate);font:14px/1.45 Anuphan,sans-serif}#hud .v2.v2-bless[hidden]{display:none}#hud .v2.v2-bless *{letter-spacing:normal;text-transform:none}#hud .v2.v2-bless .pp{position:relative;max-width:1000px;max-height:790px;height:100%;background:var(--b-paper);color:var(--b-slate);border:0;box-shadow:0 16px 55px var(--b-shadow);isolation:isolate}#hud .v2.v2-bless .pp:before{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--b-gold) 65%,transparent);border-radius:12px;pointer-events:none;z-index:4}#hud .v2.v2-bless .pp-h{position:relative;min-height:76px;justify-content:center;padding:14px 58px;border:0;text-align:center}#hud .v2.v2-bless .pp-h:after{content:"";position:absolute;bottom:0;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,var(--b-gold),transparent)}#hud .v2.v2-bless .pp-h h2{font:20px/1.3 Chonburi,serif;color:var(--b-slate)}#hud .v2.v2-bless .pp-h small{display:block;margin-top:3px;font:11px/1.4 Anuphan,sans-serif;color:var(--b-muted)}#hud .v2.v2-bless .orn{position:absolute;bottom:-10px;left:calc(50% - 10px);width:20px;font-size:14px;color:var(--b-gold);background:var(--b-paper);z-index:1}#hud .v2.v2-bless .pp-h .btn{position:absolute;top:14px;min-width:44px;width:44px;height:44px;border:0;border-radius:50%;background:var(--b-slate)!important;color:var(--b-paper2)!important;box-shadow:0 3px 0 var(--b-edge)}#hud .v2.v2-bless .pp-back{left:14px}#hud .v2.v2-bless .pp-x{right:14px}#hud .v2.v2-bless .pp-b{padding:20px 24px;scrollbar-width:thin;scrollbar-color:var(--b-edge) transparent}#hud .v2.v2-bless .pp-f{display:block;flex:none;padding:10px 18px 14px;border-color:var(--b-line);background:var(--b-paper2);color:var(--b-muted)}#hud .v2.v2-bless .pp-f .wallet{display:none}#hud .v2.v2-bless .pp-f .message{display:block;font-size:11px;color:var(--b-gold-ink);text-align:center;min-height:0}#hud .v2.v2-bless .pp-f .message:empty{display:none}#hud .v2.v2-bless small{color:var(--b-muted);font-size:11px}#hud .v2.v2-bless button{font-family:inherit;cursor:pointer;letter-spacing:normal}#hud .v2.v2-bless .b-button{position:relative;min-height:44px;border:0;padding:9px 12px;border-radius:12px;background:var(--b-paper2);color:var(--b-slate);font-size:14px;font-weight:700;line-height:1.4;box-shadow:inset 0 0 0 1px var(--b-line),0 2px 0 var(--b-edge)}#hud .v2.v2-bless .b-button:active{transform:translateY(2px);box-shadow:inset 0 0 0 1px var(--b-line)}#hud .v2.v2-bless button:disabled{opacity:.48;cursor:default}#hud .v2.v2-bless :focus-visible{outline:3px solid var(--b-blue);outline-offset:2px}#hud .v2.v2-bless .b-primary{background:var(--b-slate);color:var(--b-paper2)}#hud .v2.v2-bless .b-primary small{color:var(--b-paper2)}#hud .v2.v2-bless .b-cols{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px}#hud .v2.v2-bless .b-hero{display:grid;grid-template-columns:124px minmax(0,1fr);gap:16px}#hud .v2.v2-bless .b-shrine{position:relative;height:212px;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 90% 80%,color-mix(in srgb,var(--b-ember) 20%,transparent),transparent 65%),linear-gradient(var(--b-shrine),var(--b-shrine-end));box-shadow:0 3px 7px var(--b-shadow)}#hud .v2.v2-bless .b-statue{position:absolute;height:192px;width:120px;object-fit:contain;bottom:22px;left:50%;transform:translate(-50%);image-rendering:pixelated}#hud .v2.v2-bless .b-balance{position:absolute;bottom:7px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:3px;border-radius:20px;background:var(--b-paper);padding:2px 9px;white-space:nowrap;font-size:12px}#hud .v2.v2-bless .b-coin{display:inline-block;width:15px;height:18px;object-fit:contain;vertical-align:middle}#hud .v2.v2-bless .b-level{min-width:0}#hud .v2.v2-bless .b-kicker{font-weight:700;color:var(--b-gold-ink)}#hud .v2.v2-bless .b-level>strong{display:block;font:48px/1.2 Chonburi,serif}#hud .v2.v2-bless progress{display:block;appearance:none;width:100%;height:6px;border:0;border-radius:4px;overflow:hidden;background:var(--b-edge);margin:4px 0 6px}#hud .v2.v2-bless progress::-webkit-progress-bar{background:var(--b-edge)}#hud .v2.v2-bless progress::-webkit-progress-value{background:linear-gradient(90deg,var(--b-ice),var(--b-ember))}#hud .v2.v2-bless progress::-moz-progress-bar{background:linear-gradient(90deg,var(--b-ice),var(--b-ember))}#hud .v2.v2-bless .b-xp{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px;font-size:11px;color:var(--b-muted)}#hud .v2.v2-bless .b-xp b{color:var(--b-slate)}#hud .v2.v2-bless .b-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0}#hud .v2.v2-bless .b-facts dt{font-size:11px;color:var(--b-muted)}#hud .v2.v2-bless .b-facts dd{margin:0;display:flex;align-items:center;gap:4px;font-size:19px}#hud .v2.v2-bless .b-level p{font-size:11px;color:var(--b-muted);margin:8px 0 0}#hud .v2.v2-bless .b-level p b{color:var(--b-slate)}#hud .v2.v2-bless .b-roll{display:grid;grid-template-columns:1fr 1.15fr;gap:10px}#hud .v2.v2-bless .b-roll.b-roll-one{grid-template-columns:1fr}#hud .v2.v2-bless .b-roll button{display:grid;place-items:center;gap:2px;min-height:56px;border-radius:30px}#hud .v2.v2-bless .b-roll small{display:flex;align-items:center;gap:3px;font-size:12px}#hud .v2.v2-bless .b-desk-roll{margin-top:20px}#hud .v2.v2-bless[data-view=sheet] .b-footer-content{display:none}#hud .v2.v2-bless .b-controls{margin-top:20px;display:grid;gap:8px}#hud .v2.v2-bless .b-controls>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}#hud .v2.v2-bless .b-controls small{display:block;margin-top:3px}#hud .v2.v2-bless .b-link{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left}#hud .v2.v2-bless .b-toggle{width:48px;height:44px;flex:none;padding:0;background:transparent;box-shadow:none}#hud .v2.v2-bless .b-toggle:before{content:"";position:absolute;inset:9px 0;background:var(--b-paper3);border:1px solid var(--b-line);border-radius:20px}#hud .v2.v2-bless .b-toggle i{position:absolute;left:3px;top:12px;width:20px;height:20px;background:var(--b-white);border-radius:50%;box-shadow:0 1px 2px var(--b-shadow);transition:transform .2s}#hud .v2.v2-bless .b-toggle[aria-pressed=true]{background:transparent}#hud .v2.v2-bless .b-toggle[aria-pressed=true]:before{background:var(--b-slate)}#hud .v2.v2-bless .b-toggle[aria-pressed=true] i{transform:translate(22px)}#hud .v2.v2-bless .b-result{display:flex;align-items:center;gap:12px;background:var(--b-paper2);border-radius:14px;min-height:88px;padding:12px}#hud .v2.v2-bless .b-result>div{display:grid;gap:3px;min-width:0}#hud .v2.v2-bless .b-result b{font-size:16px;line-height:1.4}#hud .v2.v2-bless .b-result small{color:var(--b-gold-ink)}#hud .v2.v2-bless .b-result div>span{font-size:11px;color:var(--b-muted)}#hud .v2.v2-bless .b-result-icon{display:grid;place-items:center;position:relative;width:48px;height:52px;border-radius:11px;background:var(--b-paper3);flex:none;font-size:23px}#hud .v2.v2-bless .b-result-icon>img{width:30px;height:32px;object-fit:contain}#hud .v2.v2-bless .b-result-icon .portrait{width:48px;height:52px}#hud .v2.v2-bless .gi{position:static;display:block;width:28px;height:28px;flex:none;background-size:457% 343%;background-position:var(--ix) var(--iy);image-rendering:pixelated}#hud .v2.v2-bless .b-result-icon .gi{width:36px;height:36px}#hud .v2.v2-bless .b-potion{width:24px;height:32px;background:var(--b-blue);border-radius:6px 6px 10px 10px;border-top:7px solid var(--b-gold);color:var(--b-paper2);font-size:13px;text-align:center}#hud .v2.v2-bless .b-heading{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--b-gold-ink);margin:16px 0 10px}#hud .v2.v2-bless .b-heading:before{content:"◆";font-size:8px;color:var(--b-gold)}#hud .v2.v2-bless .b-heading:after{content:"";height:1px;background:var(--b-edge);flex:1}#hud .v2.v2-bless .b-heading small{font-weight:400}#hud .v2.v2-bless .b-gauges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#hud .v2.v2-bless .b-gauge{display:grid;grid-template-columns:28px minmax(0,1fr);gap:1px 4px;padding:9px 8px;text-align:left;min-width:0}#hud .v2.v2-bless .b-gauge>.gi{grid-row:1/3;align-self:center}#hud .v2.v2-bless .b-gauge>span:not(.gi):not(.b-slot-bar){font-size:11px;font-weight:400;white-space:nowrap}#hud .v2.v2-bless .b-gauge>b{font-size:12px;line-height:1.3}#hud .v2.v2-bless .b-gauge small{grid-column:1/-1;text-align:right;font-weight:400;font-size:11px;line-height:1.3}#hud .v2.v2-bless .b-slot-bar{grid-column:1/-1;display:block;height:5px;margin-top:5px;background:var(--b-paper3);-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(100% / var(--ticks) - 2px),transparent calc(100% / var(--ticks) - 2px) calc(100% / var(--ticks)));mask:repeating-linear-gradient(90deg,#000 0 calc(100% / var(--ticks) - 2px),transparent calc(100% / var(--ticks) - 2px) calc(100% / var(--ticks)))}#hud .v2.v2-bless .b-slot-bar i{display:block;height:100%;background:var(--b-gauge)}#hud .v2.v2-bless .b-locked .gi{opacity:.4;filter:grayscale(1)}#hud .v2.v2-bless .b-locked{color:var(--b-muted);background:color-mix(in srgb,var(--b-paper2) 50%,var(--b-paper))}#hud .v2.v2-bless .b-help,#hud .v2.v2-bless .b-batch-summary{font-size:11px;line-height:1.6;color:var(--b-muted);margin:10px 0}#hud .v2.v2-bless .b-odds{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#hud .v2.v2-bless .b-odds>div{display:grid;border-left:1px solid var(--b-edge);padding-left:8px}#hud .v2.v2-bless .b-odds>div:first-child{border:0;padding-left:0}#hud .v2.v2-bless .b-odds b{font-size:18px}#hud .v2.v2-bless .b-odds span{font-size:11px;color:var(--b-muted)}#hud .v2.v2-bless .b-filter-cols{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px}#hud .v2.v2-bless .b-epic{display:flex;align-items:center;gap:14px;padding:10px 0}#hud .v2.v2-bless .b-epic .gi{width:46px;height:46px;background-image:url(/assets/ui/gear-icons-legendary.webp);background-color:var(--b-paper3);border-radius:9px}#hud .v2.v2-bless .b-epic>div{display:grid;gap:3px;flex:1}#hud .v2.v2-bless .b-epic>span:last-child{color:var(--b-gold-ink)}#hud .v2.v2-bless .b-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#hud .v2.v2-bless .b-preset{padding:13px 8px;display:flex;flex-direction:column;gap:7px;text-align:left;background:var(--b-paper3);min-height:112px}#hud .v2.v2-bless .b-preset b{font-size:13px}#hud .v2.v2-bless .b-preset small{font-weight:400}#hud .v2.v2-bless .b-preset[aria-pressed=true]{background:var(--b-paper2);box-shadow:inset 0 0 0 2px var(--b-slate),0 2px 0 var(--b-edge)}#hud .v2.v2-bless .b-preset[aria-pressed=true] b:after{content:" ✓"}#hud .v2.v2-bless .b-sentences{display:grid;gap:8px}#hud .v2.v2-bless .b-sentence{padding:10px 13px;border-radius:14px;background:var(--b-paper2);box-shadow:inset 0 0 0 1px var(--b-line);font-size:14px;font-weight:700;line-height:1.8}#hud .v2.v2-bless .b-sentence>small{display:block;font-weight:400;line-height:1.5;margin-top:4px}#hud .v2.v2-bless .b-sentence-row{display:flex;align-items:center;gap:10px}#hud .v2.v2-bless .b-sentence-row>b{flex:1;line-height:1.6}#hud .v2.v2-bless .b-word{display:inline-flex;align-items:center;gap:9px;margin:3px 0;vertical-align:middle;padding:8px 10px;border:1px solid var(--b-line);font-size:13px}#hud .v2.v2-bless .b-word>span{color:var(--b-muted)}#hud .v2.v2-bless .b-slot-choices{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:9px 0}#hud .v2.v2-bless .b-slot-choice{min-width:44px;min-height:44px;padding:8px;display:grid;place-items:center}#hud .v2.v2-bless .b-slot-choice[aria-pressed=true]{background:var(--b-paper);box-shadow:inset 0 0 0 1px var(--b-slate),0 2px 0 var(--b-edge)}#hud .v2.v2-bless .b-slot-choice[aria-pressed=false] .gi{filter:grayscale(1);opacity:.3}#hud .v2.v2-bless .b-slot-choice[aria-pressed=false]:after{content:"−";position:absolute;bottom:0;right:3px;color:var(--b-gold-ink)}#hud .v2.v2-bless .b-auto-block{max-width:580px;margin:auto;display:grid;gap:12px}#hud .v2.v2-bless .b-preview>b{display:block;color:var(--b-gold-ink);font-size:12px}#hud .v2.v2-bless .b-preview>small{display:block;margin-top:5px;font-size:11px}#hud .v2.v2-bless .b-preview-counts{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:8px;margin-top:8px}#hud .v2.v2-bless .b-preview-counts span{display:grid;font-size:11px;color:var(--b-muted)}#hud .v2.v2-bless .b-preview-counts b{font-size:21px;line-height:1.4;color:var(--b-slate)}#hud .v2.v2-bless .b-preview-counts span:last-child b{color:var(--b-gold-ink)}#hud .v2.v2-bless .b-preview-bar{display:flex;height:5px;border-radius:3px;overflow:hidden;margin-top:7px;background:var(--b-edge)}#hud .v2.v2-bless .b-preview-bar i{background:var(--b-slate)}#hud .v2.v2-bless .b-preview-bar i:nth-child(2){background:var(--b-blue)}#hud .v2.v2-bless .b-preview-bar i:nth-child(3){background:var(--b-gold)}#hud .v2.v2-bless .b-pop-wrap{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:20px;background:transparent}#hud .v2.v2-bless .b-pop{width:340px;max-width:100%;max-height:100%;display:flex;flex-direction:column;background:var(--b-paper2);border-radius:16px;padding:8px;box-shadow:0 14px 40px var(--b-shadow),0 0 0 1px var(--b-gold);animation:b-arrive .2s ease-out}#hud .v2.v2-bless .b-pop>header{display:flex;align-items:center;gap:10px;padding:0 5px 5px 10px;flex:none}#hud .v2.v2-bless .b-pop header>b{flex:1;font-size:13px;color:var(--b-gold-ink)}#hud .v2.v2-bless .b-pop header button{width:44px;font-size:22px;box-shadow:none}#hud .v2.v2-bless .b-pop>div{overflow:auto;min-height:0}#hud .v2.v2-bless .b-option{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;box-shadow:none;margin:2px 0;font-size:14px}#hud .v2.v2-bless .b-option[aria-pressed=true]{background:var(--b-paper3);color:var(--b-slate)}#hud .v2.v2-bless .b-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5}#hud .v2.v2-bless .b-falling-light{position:absolute;left:0;top:0;width:8px;height:26px;border-radius:60%;background:linear-gradient(transparent,var(--b-ember),var(--b-white));box-shadow:0 0 14px var(--b-gold)}#hud .v2.v2-bless .b-hit{animation:b-hit .7s ease-out}#hud .v2.v2-bless .b-arrived{animation:b-arrive .35s ease-out}@keyframes b-hit{30%{background:var(--b-green);box-shadow:inset 0 0 0 1px var(--b-gauge)}}@keyframes b-arrive{0%{transform:translateY(5px);opacity:.3}}@media(max-width:700px){#hud .v2.v2-bless{inset:12px}#hud .v2.v2-bless .pp{max-width:460px;max-height:none}#hud .v2.v2-bless .pp-b{padding:14px 18px}#hud .v2.v2-bless .b-cols,#hud .v2.v2-bless .b-filter-cols{display:flex;flex-direction:column;gap:0}#hud .v2.v2-bless .b-left{display:contents}#hud .v2.v2-bless .b-hero{grid-template-columns:100px minmax(0,1fr);gap:14px;margin-bottom:16px;order:0}#hud .v2.v2-bless .b-shrine{height:160px}#hud .v2.v2-bless .b-statue{height:144px;width:100px;bottom:22px}#hud .v2.v2-bless .b-level>strong{font-size:38px;line-height:1.2}#hud .v2.v2-bless .b-facts{margin-top:8px}#hud .v2.v2-bless .b-facts dd{font-size:16px}#hud .v2.v2-bless .b-level p{margin-top:5px}#hud .v2.v2-bless .b-right{order:1}#hud .v2.v2-bless .b-controls{order:2;margin-top:10px}#hud .v2.v2-bless .b-desk-roll{display:none}#hud .v2.v2-bless[data-view=sheet] .b-footer-content{display:block}#hud .v2.v2-bless .b-result{min-height:76px;padding:10px;gap:12px}#hud .v2.v2-bless .b-result b{font-size:14px}#hud .v2.v2-bless .b-result-icon{width:44px;height:48px}#hud .v2.v2-bless .b-gauge{padding:8px 7px}#hud .v2.v2-bless .b-heading{margin:13px 0 9px}#hud .v2.v2-bless .b-filter-cols .b-link{margin-bottom:10px}#hud .v2.v2-bless .b-filter-cols .b-help{margin:7px 0}}@media(max-width:370px){#hud .v2.v2-bless{inset:8px}#hud .v2.v2-bless .pp-b{padding:14px}#hud .v2.v2-bless .b-gauge{padding:7px 5px;grid-template-columns:24px minmax(0,1fr);gap:1px 3px}#hud .v2.v2-bless .b-gauge .gi{width:24px;height:24px}#hud .v2.v2-bless .b-slot-choices{gap:4px}#hud .v2.v2-bless .b-preset{padding:12px 7px}}@media(min-width:701px)and (max-height:520px){#hud .v2.v2-bless{inset:8px}#hud .v2.v2-bless .pp-h{min-height:56px;padding-top:10px;padding-bottom:10px}#hud .v2.v2-bless .pp-h .btn{top:6px}#hud .v2.v2-bless .pp-h h2 small{display:none}#hud .v2.v2-bless .pp-b{padding:12px 18px}#hud .v2.v2-bless .b-cols{grid-template-columns:300px minmax(0,1fr);gap:20px}#hud .v2.v2-bless .b-filter-cols{grid-template-columns:280px minmax(0,1fr);gap:18px}#hud .v2.v2-bless .b-preview{display:grid;grid-template-columns:1fr 1.3fr;column-gap:20px}#hud .v2.v2-bless .b-preview-counts{grid-column:2;grid-row:1/3;margin:0}#hud .v2.v2-bless .b-preview-bar{grid-column:1/-1}#hud .v2.v2-bless .b-preview-counts b{font-size:18px}}@media(prefers-reduced-motion:reduce){#hud .v2.v2-bless *,#hud .v2.v2-bless *:before,#hud .v2.v2-bless *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:701px){#hud .v2.v2-bless[data-view=sheet] .pp-f:has(.message:empty){display:none}}@media(min-width:701px)and (max-height:520px){#hud .v2.v2-bless .b-hero{grid-template-columns:100px minmax(0,1fr);gap:14px}#hud .v2.v2-bless .b-shrine{height:160px}#hud .v2.v2-bless .b-statue{height:144px;width:100px}#hud .v2.v2-bless .b-level>strong{font-size:38px}#hud .v2.v2-bless .b-facts{margin-top:6px}#hud .v2.v2-bless .b-facts dd{font-size:16px}#hud .v2.v2-bless .b-desk-roll{margin-top:12px}#hud .v2.v2-bless .b-gauges{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#hud .v2.v2-bless .b-gauge{grid-template-columns:24px minmax(0,1fr);padding:6px;gap:1px 3px}#hud .v2.v2-bless .b-gauge .gi{width:24px;height:24px}#hud .v2.v2-bless .b-gauge small{display:none}#hud .v2.v2-bless .b-result{min-height:60px;padding:7px 10px}#hud .v2.v2-bless .b-result b{font-size:14px}#hud .v2.v2-bless .b-result-icon{height:44px;width:44px}}#hud .v2.v2-bless .b-tick-flight{display:grid;place-items:center;width:28px;height:28px;font:700 12px/1 Anuphan,sans-serif;font-style:normal;color:var(--b-slate);border-radius:8px;background:var(--b-paper2);border:1px solid var(--b-gold);box-shadow:0 0 12px var(--b-gold)}#hud .v2-gear .equipped-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}#hud .v2-gear .equipped-slot{min-width:0;border:1px solid var(--edge-soft);border-radius:12px;padding:12px}#hud .v2-gear .equipped-slot h3{margin:0 0 12px}#hud .v2 .gear-item{position:relative;overflow:hidden;display:grid;gap:8px;padding:12px;border:1px solid var(--edge-soft);border-radius:9px}#hud .v2 .gear-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;font-size:12px}#hud .v2 .special{font-size:12px;color:var(--hc-ember);margin:0}#hud .v2 [data-r="4"],#hud .v2-drop[data-r="4"]{border-color:var(--hc-ember);background:linear-gradient(0deg,color-mix(in srgb,var(--hc-ember) 16%,transparent),transparent 60%);box-shadow:inset 0 -10px 20px -15px var(--hc-ember)}#hud .v2 [data-r="4"]:after{content:"";pointer-events:none;position:absolute;inset:0;opacity:0;background:linear-gradient(110deg,transparent 25%,color-mix(in srgb,var(--hc-ivory) 12%,transparent) 50%,transparent 75%);animation:v2-epic-shine 7s ease-in-out infinite}@keyframes v2-epic-shine{0%,70%,to{transform:translate(-100%);opacity:0}80%{opacity:1}95%{transform:translate(100%);opacity:0}}#hud .v2-drop{position:absolute;z-index:60;top:100px;left:50%;transform:translate(-50%);max-width:calc(100% - 30px);padding:10px 18px;border:1px solid var(--hc-ice);border-radius:9px;background-color:var(--hc-ink)!important;color:var(--hc-ivory);pointer-events:none;font:14px var(--hc-font-text)}@media(prefers-reduced-motion:reduce){#hud .v2 [data-r="4"]:after{animation:none}}@media(max-width:600px){#hud .v2-gear .equipped-grid{grid-template-columns:1fr}}#hud .v2-gear .pp-b{padding:0;overflow:hidden;display:flex}#hud .v2-gear .gear-layout{display:flex;position:relative;min-height:0;width:100%}#hud .v2-gear .gear-main{flex:1;min-width:0;overflow:auto;padding:18px 20px}#hud .v2-gear .gear-detail{width:350px;flex:none;padding:18px;overflow:auto;background:var(--misc-paper2);border-left:1px solid var(--misc-edge)}#hud .v2-gear .gear-summary{display:grid;gap:18px}#hud .v2-gear .gear-power{display:grid;text-align:center;justify-items:center;gap:3px}#hud .v2-gear .gear-power>small{color:var(--misc-goldtext);font-weight:700;font-size:13px}#hud .v2-gear .gear-power>b{font-size:36px;line-height:1.2}#hud .v2-gear .gear-power>span{font-size:12px;color:var(--misc-muted)}#hud .v2-gear .gear-party{display:flex;justify-content:center;gap:8px}#hud .v2-gear .gear-party>div{min-width:0;display:grid;justify-items:center;gap:4px;font-size:11px}#hud .v2-gear .gear-party .portrait{width:clamp(28px,5vw,44px);border-radius:10px;background-color:var(--misc-slate)}#hud .v2-gear .gear-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}#hud .v2-gear .gear-tile{appearance:none;padding:0;border:1px solid var(--misc-edge);border-radius:13px;background:var(--misc-paper2);color:var(--misc-slate);overflow:hidden;cursor:pointer;text-align:left;box-shadow:0 2px 3px var(--misc-shadow);min-width:0;min-height:44px}#hud .v2-gear .gear-tile[aria-pressed=true]{outline:2px solid var(--misc-gold);outline-offset:1px;background:var(--misc-paper2);color:var(--misc-slate)}#hud .v2-gear .gear-art{display:block;position:relative;aspect-ratio:1;overflow:hidden;border-radius:11px 11px 18px 3px;background:linear-gradient(145deg,var(--gear-a),var(--gear-b));--gear-a:#7e828c;--gear-b:#a9adb6}#hud .v2-gear [data-r="1"]{--gear-a:#4f8b6c;--gear-b:#7db497}#hud .v2-gear [data-r="2"]{--gear-a:#4c70ae;--gear-b:#7fa3d8}#hud .v2-gear [data-r="3"]{--gear-a:#6e58a8;--gear-b:#a68bd7}#hud .v2-gear .gear-art[data-r="4"]{--gear-a:#7a3314;--gear-b:#2a120a;background:radial-gradient(at 50% 100%,var(--hc-ember),var(--gear-a) 45%,var(--gear-b));box-shadow:inset 0 0 0 2px var(--hc-ember)}#hud .v2-gear .gear-art .gi{position:absolute;inset:9%;width:auto;aspect-ratio:auto}#hud .v2-gear .gear-level{position:absolute;top:5px;left:5px;padding:2px 5px;border-radius:7px;color:var(--misc-paper);background:var(--misc-slate);font-size:12px}#hud .v2-gear .gear-art .range{position:absolute;bottom:6px;left:9%;width:82%;height:5px}#hud .v2-gear .gear-tile-text{display:grid;gap:3px;padding:7px 7px 9px;font-size:12px}#hud .v2-gear .gear-tile-text>b{min-height:32px;line-height:1.3;overflow-wrap:anywhere}#hud .v2-gear .gear-tile-text small{font-size:11px}#hud .v2-gear .gear-tile-text strong{font-size:15px}#hud .v2-gear .is-locked .gi{opacity:.25;filter:grayscale(1)}#hud .v2-gear .gear-note{color:var(--misc-muted);font-size:12px;line-height:1.6;margin:10px 0}#hud .v2-gear .gear-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border-radius:12px;overflow:hidden;background:var(--edge-soft)}#hud .v2-gear .gear-totals>div{display:grid;gap:3px;padding:10px;background:var(--misc-paper2)}#hud .v2-gear .gear-totals small{font-size:11px}#hud .v2-gear .gear-mobile-totals{display:none}#hud .v2-gear .gear-detail-head{display:flex;align-items:center;gap:12px}#hud .v2-gear .gear-detail-head .gear-art{width:70px;flex:none}#hud .v2-gear .gear-detail-head>div:nth-child(2){flex:1;min-width:0}#hud .v2-gear .gear-detail-head h3{font:18px var(--hf-title);margin:6px 0}#hud .v2-gear .gear-detail-head .btn{padding:0!important;width:44px;flex:none}#hud .v2-gear .gear-stat-list{border:1px solid var(--edge-soft);border-radius:12px;overflow:hidden}#hud .v2-gear .gear-stat-list>div{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;font-size:13px}#hud .v2-gear .gear-stat-list>div+div{border-top:1px solid var(--edge-soft)}#hud .v2-gear .gear-special{color:var(--misc-ember);background:color-mix(in srgb,var(--hc-ember) 12%,transparent)}#hud .v2-gear .gear-gauge-card{padding:14px;background:var(--misc-paper);border-radius:12px;display:flex;gap:9px;flex-wrap:wrap;align-items:center;font-size:12px}#hud .v2-gear .gear-gauge-card>b{font-size:23px}#hud .v2-gear .gear-gauge-card>small{margin-left:auto}#hud .v2-gear .gear-bonuses{display:flex;width:100%;gap:12px}#hud .v2-gear .gear-bonuses>div{display:grid;flex:1;gap:4px}#hud .v2-gear .gear-bonuses b{font-size:18px}#hud .v2-gear .gear-candidates{display:grid;gap:10px}#hud .v2-gear .gear-candidates article{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--edge-soft);padding-bottom:10px}#hud .v2-gear .gear-candidates .gear-art{width:46px;flex:none}#hud .v2-gear .gear-candidates article>div:nth-child(2){flex:1;display:grid;gap:4px;min-width:140px;font-size:13px}#hud .v2-gear .gear-up{color:var(--misc-up)}#hud .v2-gear .gear-detail-actions{display:grid;gap:9px;margin-top:18px}#hud.gx-desk .v2-gear .gear-groups{display:grid;grid-template-columns:2fr 4fr;gap:0 14px}#hud.gx-desk .v2-gear .gear-group-weapon{grid-area:1/1}#hud.gx-desk .v2-gear .gear-group-accessory{grid-area:1/2}#hud.gx-desk .v2-gear .gear-group-armor{grid-area:2/1/3/3}#hud.gx-desk .v2-gear .gear-group-weapon .gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#hud.gx-desk .v2-gear .gear-group-armor .gear-grid{grid-template-columns:repeat(6,minmax(0,1fr))}#hud:not(.gx-desk) .v2-gear .gear-main{padding:16px}#hud:not(.gx-desk) .v2-gear .gear-detail{display:none}#hud:not(.gx-desk) .v2-gear .has-detail .gear-detail{display:block;position:absolute;inset:8% 0 0;width:100%;z-index:3;border:1px solid var(--misc-edge);border-radius:18px 18px 0 0;box-shadow:0 -14px 35px var(--misc-shadow);animation:gear-sheet-in .25s ease-out}#hud:not(.gx-desk) .v2-gear .gear-mobile-totals{display:block}@keyframes gear-sheet-in{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}@media(max-height:520px){#hud.gx-desk .v2-gear .gear-detail{width:300px}#hud .v2-gear .gear-power>b{font-size:28px}}#hud .v2:is(.v2-gear,.v2-map,.v2-shop){--misc-paper:#efe8da;--misc-paper2:#f7f2e8;--misc-slate:#3a4152;--misc-muted:#788091;--misc-gold:#b79a60;--misc-edge:#d8c9ac;--misc-up:#34845a;--misc-goldtext:#896a38;--misc-track:#ded5c4;--misc-ember:#b55a28;--misc-shadow:rgb(30 34 48 / .24);--card-base:var(--misc-paper2);--ink-dim:var(--misc-muted);--edge:var(--misc-edge);--edge-soft:color-mix(in srgb,var(--misc-slate) 14%,transparent);--track:var(--misc-track);color:var(--misc-slate);color-scheme:light;inset:12px;letter-spacing:normal}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) *{letter-spacing:normal;text-transform:none}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .pp{position:relative;width:min(1080px,100%);max-height:800px;top:50%;transform:translateY(-50%);background:var(--misc-paper);border:1px solid var(--misc-edge);box-shadow:0 15px 45px var(--misc-shadow)}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .pp:before{content:"";position:absolute;inset:5px;z-index:5;border:1px solid var(--misc-edge);border-radius:12px;pointer-events:none}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .pp-h{position:relative;justify-content:center;min-height:78px;padding:16px 58px;border:0;text-align:center}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .pp-h h2{font:400 23px/1.35 var(--hf-title);color:var(--misc-slate)}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .pp-h:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--misc-gold),transparent)}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .orn{position:absolute;left:50%;bottom:-5px;width:8px;height:8px;border:1px solid var(--misc-gold);background:var(--misc-paper);transform:translate(-50%) rotate(45deg);font-size:0}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .btn{color:var(--misc-slate)!important;background:var(--misc-paper2)!important;border-color:var(--misc-edge);border-radius:999px;box-shadow:0 2px 0 var(--misc-edge);font-weight:700;min-height:44px}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .btn:active{transform:translateY(2px);box-shadow:none}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) :is(.btn-1,.btn[aria-pressed=true],.pp-back,.pp-x){color:var(--misc-paper)!important;background:var(--misc-slate)!important}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .pp-back{position:absolute;left:12px;top:15px}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .pp-x{position:absolute;right:12px;top:15px}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .pp-f{background:var(--misc-paper2);padding:10px 18px;z-index:1}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .message{color:var(--misc-up)}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .message:empty{display:none}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .wallet{color:var(--misc-slate)}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) :is(input,select){color:var(--misc-slate);background:var(--misc-paper2)}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .h4{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--misc-goldtext);margin:18px 0 10px}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .h4:before{content:"◆";font-size:9px;color:var(--misc-gold)}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .h4:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--misc-edge),transparent)}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .range::-webkit-progress-value{background:var(--misc-gold)}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) :focus-visible{outline:3px solid var(--misc-up);outline-offset:2px}@media(max-width:600px){#hud .v2:is(.v2-gear,.v2-map,.v2-shop){inset:10px}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .pp{max-height:100%}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .pp-h h2{font-size:20px}}@media(max-height:520px){#hud .v2:is(.v2-gear,.v2-map,.v2-shop){inset:6px}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) .pp-h{min-height:62px}#hud .v2:is(.v2-gear,.v2-map,.v2-shop) :is(.pp-x,.pp-back){top:8px}}@media(prefers-reduced-motion:reduce){#hud .v2:is(.v2-gear,.v2-map,.v2-shop) *,#hud .v2:is(.v2-gear,.v2-map,.v2-shop) *:after{animation:none!important;transition:none!important}}#hud .v2.v2-map{--map-paper:#fcfaf5;--map-soft:#eeeede;--map-ink:#344337;--map-muted:#788072;--map-line:#dcded1;--map-accent:#4e704b;--map-selected:#e8eddd;--map-sky:#8cc2d9;--misc-paper:#fcfaf5;--misc-paper2:#f5f3eb;--misc-slate:#344337;--misc-edge:#dcded1;--misc-muted:#788072;--misc-up:#4e704b;--misc-gold:#96a37b;--ink-dim:var(--map-muted);color:var(--map-ink);color-scheme:light}#hud .v2.v2-map.v2-map .pp{width:min(1320px,100%);max-height:880px;background:var(--map-paper);border-color:var(--map-line);box-shadow:0 12px 40px #243c2d24}#hud .v2.v2-map.v2-map .pp:before{display:none}#hud .v2.v2-map.v2-map .pp-h{min-height:75px;padding:12px 60px}#hud .v2.v2-map.v2-map .pp-h h2{color:var(--map-ink);font-size:23px}#hud .v2-map .map-subtitle{display:block;margin-top:3px;font:400 11px/1.4 var(--hc-font-text);color:var(--map-muted)}#hud .v2-map .map-top{flex:none;padding:8px 16px 0}#hud .v2-map .map-tabs{display:flex;gap:8px}#hud .v2-map .map-tabs button{flex:1;border:1px solid var(--map-line);border-radius:9px;padding:7px;background:var(--map-paper);color:var(--map-ink);cursor:pointer;min-height:46px}#hud .v2-map .map-tabs button[aria-pressed=true]{background:var(--map-selected);border-color:#9baa8a}#hud .v2-map .map-tabs b,#hud .v2-map .map-tabs small{display:block}#hud .v2-map .map-tabs b{font-size:12px}#hud .v2-map .map-tabs small{font-size:10px;color:var(--map-muted);margin-top:2px}#hud .v2.v2-map .map-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;padding:13px 16px;overflow:hidden;min-height:0}#hud .v2-map .atlas-left{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid var(--map-line);border-radius:12px;overflow:hidden}#hud .v2-map .atlas-map-heading{padding:11px 16px;display:flex;align-items:center;gap:12px;min-height:62px;background:var(--map-paper);flex:none}#hud .v2-map .atlas-map-number{font:24px Chonburi,serif;color:var(--map-accent);padding-right:12px;border-right:1px solid var(--map-line)}#hud .v2-map .atlas-map-heading b,#hud .v2-map .atlas-map-heading small{display:block}#hud .v2-map .atlas-map-heading b{font-size:14px}#hud .v2-map .atlas-map-heading small{font-size:10px;color:var(--map-muted);margin-top:2px}#hud .v2-map .atlas-online{font-size:10px;color:var(--map-muted);margin-left:auto;white-space:nowrap}#hud .v2-map .atlas-stage{flex:1;min-height:260px;position:relative;background:var(--map-sky);overflow:hidden}#hud .v2-map .atlas-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline-offset:-3px}#hud .v2-map .atlas-viewport.dragging{cursor:grabbing}#hud .v2-map .atlas-world{position:absolute;top:0;left:0}#hud .v2-map .atlas-ground,#hud .v2-map .atlas-pins,#hud .v2-map .atlas-route{position:absolute;inset:0;width:100%;height:100%}#hud .v2-map .atlas-pins,#hud .v2-map .atlas-route{pointer-events:none}#hud .v2-map .atlas-route polyline{fill:none;stroke:#fffad8;stroke-width:20;stroke-linecap:round;stroke-dasharray:1 55;filter:drop-shadow(0 1px 2px #38533b80)}#hud .v2-map .atlas-pin{position:absolute;transform:translate(-50%,-50%);white-space:nowrap}#hud .v2-map .atlas-monster{width:var(--icon,27px);height:var(--icon,27px);display:inline-flex;align-items:center;justify-content:center;flex:none;vertical-align:middle;font-size:12px}#hud .v2-map .atlas-monster img{width:100%;height:100%;object-fit:contain;pointer-events:none}#hud .v2-map .atlas-region-label{display:flex;align-items:center;flex-direction:column;pointer-events:none;font-size:10px;color:#29492e;z-index:1}#hud .v2-map .atlas-region-label b{background:#ffffedef;border-radius:4px;padding:2px 7px;box-shadow:0 2px 4px #20352c15}#hud .v2-map .atlas-region-label small{font-size:8px;background:#fffae6db;color:#3d5439;padding:0 4px;border-radius:0 0 3px 3px}#hud .v2-map .atlas-farm,#hud .v2-map .atlas-boss{pointer-events:auto;display:flex;align-items:center;gap:1px;min-height:27px;padding:1px 3px;border:1px solid #fff8;border-radius:8px;background:#fffbecef;color:#2d4630;box-shadow:0 2px 5px #24382660;cursor:pointer;z-index:3}#hud .v2-map .atlas-farm small,#hud .v2-map .atlas-boss small{font-size:9px;color:inherit;font-weight:700}#hud .v2-map .atlas-boss{background:#4c4a60;color:#fff3d0;z-index:4}#hud .v2-map .atlas-farm.selected,#hud .v2-map .atlas-boss.selected{box-shadow:0 0 0 3px #42683b,0 0 0 5px #ffffdf;z-index:6}#hud .v2-map .atlas-farm:hover,#hud .v2-map .atlas-boss:hover{z-index:8;outline:2px solid #fff}#hud .v2-map .atlas-me{display:flex;align-items:center;gap:3px;background:#fffbe5;color:#2d4a28;border:3px solid #426239;border-radius:22px;padding:2px 6px 2px 2px;z-index:9;box-shadow:0 3px 10px #153c2b30;pointer-events:none}#hud .v2-map .atlas-me .portrait{width:27px;height:27px;border-radius:50%;background-color:transparent}#hud .v2-map .atlas-me b{font-size:10px}#hud .v2-map .atlas-me:after{content:"";position:absolute;bottom:-10px;left:calc(50% - 5px);border:5px solid transparent;border-top-color:#426239}#hud .v2-map .atlas-player{pointer-events:auto;display:flex;align-items:center;gap:2px;z-index:7;padding:1px 4px 1px 2px;background:#fff7e8eb;border-radius:9px;box-shadow:0 1px 3px #243e3040;color:#314831}#hud .v2-map .atlas-player i{width:7px;height:7px;background:var(--player-color);border:1px solid white;border-radius:50%}#hud .v2-map .atlas-player b{font-size:8px}#hud .v2-map .hide-players .atlas-player{display:none}#hud .v2-map [data-zoom=far] .atlas-farm{min-height:22px;padding:0 2px}#hud .v2-map [data-zoom=far] .atlas-farm .atlas-monster{width:17px;height:17px}#hud .v2-map [data-zoom=far] .atlas-farm small{font-size:8px}#hud .v2-map [data-zoom=far] .atlas-region-label{font-size:9px}#hud .v2-map .atlas-tools{position:absolute;z-index:10;right:10px;top:11px;padding:3px;display:flex;flex-direction:column;gap:2px;background:#fcfaf5;border:1px solid #fff8;border-radius:9px;box-shadow:0 3px 12px #253a4125}#hud .v2-map .atlas-tools button{width:33px;min-height:33px;border:0;border-radius:6px;background:transparent;color:#344a36;font-size:23px;cursor:pointer;padding:0;line-height:1}#hud .v2-map .atlas-tools button:hover{background:#e1e9d8}#hud .v2-map .atlas-compass{position:absolute;left:14px;top:11px;color:#365b65;font:13px Chonburi;line-height:1.3;text-align:center;pointer-events:none}#hud .v2-map .atlas-map-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:9px;white-space:nowrap;padding:5px 10px;border-radius:15px;background:#ffffe6ed;color:#3b513c;pointer-events:none}#hud .v2-map .atlas-legend{display:flex;align-items:center;gap:12px;padding:10px 13px;font-size:9px;border-bottom:1px solid var(--map-line);flex:none;color:var(--map-muted)}#hud .v2-map .atlas-legend span{display:flex;align-items:center;gap:4px}#hud .v2-map .atlas-legend i{width:6px;height:6px;border-radius:50%;background:#4d723f}#hud .v2-map .atlas-legend i.bot{background:#cd9673}#hud .v2-map .atlas-legend i.guardian{border-radius:2px;background:#756795}#hud .v2-map .atlas-legend button{margin-left:auto;min-height:28px;padding:2px 7px;font-size:9px;border:0;border-radius:5px;background:var(--map-soft);color:var(--map-ink);cursor:pointer}#hud .v2-map .atlas-journey{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:var(--map-selected);flex:none}#hud .v2-map .atlas-status{margin:0;font-size:11px;color:var(--map-accent)}#hud .v2-map .atlas-journey button{border:1px solid #9aaa8e;border-radius:6px;min-height:32px;padding:4px 8px;background:var(--map-paper);color:var(--map-ink);font-size:10px;cursor:pointer}#hud .v2-map .atlas-world-note{font-size:10px;color:var(--map-muted);padding:8px 14px;margin:0;flex:none}#hud .v2-map .atlas-side{min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--map-line) transparent;border:1px solid var(--map-line);border-radius:12px;background:var(--map-paper)}#hud .v2-map .atlas-detail-heading{padding:17px 18px 12px}#hud .v2-map .atlas-detail-heading>small{font-size:9px;letter-spacing:1.5px;color:var(--map-muted)}#hud .v2-map .atlas-detail-heading h3{font:21px/1.4 Chonburi,serif;color:var(--map-ink);margin:4px 0 7px}#hud .v2-map .atlas-detail-heading p{font-size:10px;color:var(--map-muted);margin:0}#hud .v2-map .atlas-region-filter{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--map-muted);padding:0 18px}#hud .v2-map .atlas-region-filter select{flex:1;min-width:0;min-height:35px;padding:6px;font-size:10px;border:1px solid var(--map-line);border-radius:6px;color:var(--map-ink);background:var(--map-paper)}#hud .v2-map .atlas-filters{display:flex;gap:3px;padding:10px 14px 8px}#hud .v2-map .atlas-filters button{flex:1;font-size:10px;border:0;border-radius:6px;min-height:32px;padding:4px 2px;background:transparent;color:var(--map-muted);cursor:pointer}#hud .v2-map .atlas-filters button[aria-pressed=true]{background:var(--map-selected);color:var(--map-accent);font-weight:700}#hud .v2-map .atlas-destinations{height:165px;min-height:90px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--map-line) transparent;padding:0 10px 6px;overscroll-behavior:contain}#hud .v2-map .atlas-destination{width:100%;display:flex;align-items:center;gap:8px;text-align:left;min-height:52px;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--map-ink);cursor:pointer;margin-bottom:3px}#hud .v2-map .atlas-destination[aria-pressed=true]{background:var(--map-selected);border-color:#9cac8a80}#hud .v2-map .atlas-monsters{display:flex;min-width:44px;align-items:center}#hud .v2-map .atlas-monsters .atlas-monster+.atlas-monster{margin-left:-10px}#hud .v2-map .atlas-destination-name{flex:1;min-width:0}#hud .v2-map .atlas-destination-name b{font-size:12px;display:block}#hud .v2-map .atlas-destination-name small{font-size:9px;color:var(--map-muted);display:block}#hud .v2-map .atlas-destination-level{font-size:11px;font-weight:700;text-align:right;white-space:nowrap}#hud .v2-map .atlas-destination-level small{font-size:8px;display:block;font-weight:400;color:var(--map-muted)}#hud .v2-map .atlas-empty{font-size:12px;color:var(--map-muted);text-align:center;margin:0;padding:22px 10px}#hud .v2-map .atlas-detail{padding:15px 18px 17px;border-top:1px solid var(--map-line)}#hud .v2-map .atlas-detail-title{display:flex;align-items:center;justify-content:space-between;gap:5px}#hud .v2-map .atlas-detail-title h3{font-size:16px;line-height:1.4;margin:0;color:var(--map-ink)}#hud .v2-map .atlas-risk{font-size:9px;border-radius:4px;padding:3px 5px;background:var(--map-selected);color:var(--map-accent);white-space:nowrap}#hud .v2-map .atlas-risk.risk,#hud .v2-map .atlas-risk.hard{background:#f4e3d5;color:#9a542e}#hud .v2-map .atlas-risk.easy{background:#ede7dc;color:#837453}#hud .v2-map .atlas-location{font-size:10px;color:var(--map-muted);margin:3px 0 8px}#hud .v2-map .atlas-species{display:flex;gap:10px;flex-wrap:wrap}#hud .v2-map .atlas-species>span{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--map-ink)}#hud .v2-map .atlas-yield-heading{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:10px}#hud .v2-map .atlas-yield-heading span{font-size:8px;border:1px solid var(--map-line);padding:1px 4px;border-radius:3px;color:var(--map-muted)}#hud .v2-map .atlas-yields{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0}#hud .v2-map .atlas-yields>div{padding:8px 9px;border-radius:7px;background:var(--map-soft)}#hud .v2-map .atlas-yields small{font-size:9px;color:var(--map-muted);display:block}#hud .v2-map .atlas-yields b{font-size:21px;color:var(--map-ink);font-variant-numeric:tabular-nums}#hud .v2-map .atlas-pace-note{margin:5px 0;font-size:10px;line-height:1.5;color:var(--map-muted)}#hud .v2-map .atlas-assumptions{font-size:9px;color:var(--map-muted);margin:6px 0}#hud .v2-map .atlas-assumptions summary{cursor:pointer;min-height:24px;padding-top:3px}#hud .v2-map .atlas-assumptions p{font-size:10px;margin:5px 0 7px}#hud .v2-map .atlas-route-note{font-size:10px;color:var(--map-muted);margin:11px 0 8px}#hud .v2-map .atlas-primary{display:block;width:100%;min-height:44px;border:0;border-radius:7px;background:var(--map-accent);color:#fff;font-size:12px;font-weight:700;padding:10px 13px;cursor:pointer}#hud .v2-map .atlas-primary span{float:right}#hud .v2-map .atlas-boss-note,#hud .v2-map .atlas-locked-note{font-size:11px;padding:12px;background:var(--map-soft);border-radius:8px;color:var(--map-muted);margin:12px 0 0}#hud .v2-map .atlas-confirm{padding:12px;background:var(--map-selected);border:1px solid #9baa88;border-radius:9px;margin-top:10px}#hud .v2-map .atlas-confirm>b{font-size:13px;display:block;color:var(--map-ink)}#hud .v2-map .atlas-confirm p{font-size:10px;color:var(--map-muted);margin:3px 0 9px}#hud .v2-map .atlas-confirm>div{display:grid;grid-template-columns:1fr 1.3fr;gap:7px}#hud .v2-map .atlas-confirm button{font-size:11px;min-height:44px;border:1px solid var(--map-line);border-radius:6px;background:var(--map-paper);color:var(--map-ink);cursor:pointer;padding:6px}#hud .v2-map .atlas-confirm [data-atlas-action=confirm]{background:var(--map-accent);color:#fff;border:0;font-weight:700}#hud .v2-map .map-travel{flex:none;padding:8px 16px;border-top:1px solid var(--map-line);display:grid;grid-template-columns:1fr 330px;gap:16px;align-items:center}#hud .v2-map .map-travel p{font-size:11px;color:var(--map-muted);margin:0}#hud .v2.v2-map .map-travel .btn{font-size:12px!important}#hud .v2.v2-map.v2-map .pp-f{padding:6px 16px;min-height:27px;font-size:10px;border-color:var(--map-line);background:var(--map-paper)}#hud .v2-map [hidden]{display:none!important}#hud .v2-map button:focus-visible,#hud .v2-map .atlas-viewport:focus-visible{outline:3px solid #c19b47;outline-offset:-2px}@media(max-width:1000px){#hud .v2.v2-map .map-body{grid-template-columns:minmax(0,1fr) 300px;gap:12px;padding:12px}#hud .v2-map .atlas-map-heading{padding:10px;gap:8px}#hud .v2-map .atlas-map-heading small,#hud .v2-map .atlas-online{font-size:9px}#hud .v2-map .atlas-detail,#hud .v2-map .atlas-detail-heading{padding-left:14px;padding-right:14px}#hud .v2-map .atlas-legend{gap:8px;padding:9px}#hud .v2-map .atlas-map-hint{font-size:8px}#hud .v2-map .map-travel{grid-template-columns:1fr 300px}}@media(max-width:700px)and (min-height:521px){#hud .v2.v2-map.v2-map{inset:8px}#hud .v2.v2-map.v2-map .pp-h{min-height:72px;padding:10px 55px}#hud .v2.v2-map.v2-map .pp-h h2{font-size:20px}#hud .v2-map .map-subtitle{font-size:10px}#hud .v2-map .map-top{padding:8px 10px 0}#hud .v2-map .map-tabs{gap:5px}#hud .v2-map .map-tabs b{font-size:11px}#hud .v2-map .map-tabs small{font-size:9px}#hud .v2.v2-map .map-body{display:flex;flex-direction:column;overflow:auto;gap:13px;padding:10px;overscroll-behavior:contain}#hud .v2-map .atlas-left,#hud .v2-map .atlas-side{flex:none;overflow:visible;min-height:0}#hud .v2-map .atlas-left{overflow:hidden}#hud .v2-map .atlas-stage{height:310px;flex:none;min-height:0}#hud .v2-map .atlas-map-heading{min-height:58px;padding:10px}#hud .v2-map .atlas-map-heading b{font-size:13px}#hud .v2-map .atlas-map-heading small{font-size:8px}#hud .v2-map .atlas-map-number{font-size:21px;padding-right:8px}#hud .v2-map .atlas-online{font-size:8px}#hud .v2-map .atlas-region-label{display:none}#hud .v2-map [data-zoom=near] .atlas-region-label{display:flex}#hud .v2-map .atlas-tools{right:7px;top:8px}#hud .v2-map .atlas-tools button{width:29px;min-height:32px;font-size:21px}#hud .v2-map .atlas-me .portrait{width:22px;height:22px}#hud .v2-map .atlas-me b{font-size:8px}#hud .v2-map .atlas-me{border-width:2px;padding:1px 4px 1px 1px}#hud .v2-map .atlas-legend{font-size:8px;gap:8px}#hud .v2-map .atlas-map-hint{font-size:7px;padding:4px 6px;max-width:95%;white-space:normal;text-align:center}#hud .v2-map .atlas-journey{padding:9px 10px;gap:6px}#hud .v2-map .atlas-status{font-size:10px}#hud .v2-map .atlas-world-note{font-size:9px;padding:7px 10px}#hud .v2-map .atlas-detail-heading{padding:17px 16px 11px}#hud .v2-map .atlas-detail-heading h3{font-size:21px}#hud .v2-map .atlas-region-filter{padding:0 16px}#hud .v2-map .atlas-region-filter select{font-size:11px;min-height:40px}#hud .v2-map .atlas-filters{padding:10px 14px 8px}#hud .v2-map .atlas-filters button{font-size:11px;min-height:36px}#hud .v2-map .atlas-destinations{height:177px}#hud .v2-map .atlas-destination{min-height:56px;padding:9px}#hud .v2-map .atlas-destination-name small{font-size:10px}#hud .v2-map .atlas-detail{padding:16px}#hud .v2-map .atlas-yields>div{padding:10px}#hud .v2-map .atlas-yields b{font-size:23px}#hud .v2-map .atlas-location,#hud .v2-map .atlas-species>span,#hud .v2-map .atlas-route-note{font-size:11px}#hud .v2-map .atlas-confirm button{font-size:12px}#hud .v2-map .map-travel{grid-template-columns:1fr;gap:6px;padding:8px 12px}#hud .v2-map .map-travel p{font-size:10px;text-align:center}#hud .v2.v2-map.v2-map .pp-f{padding:5px 12px;font-size:9px}#hud .v2-map [data-zoom=far] .atlas-farm .atlas-monster{width:13px;height:13px}#hud .v2-map [data-zoom=far] .atlas-farm small{font-size:7px}#hud .v2-map [data-zoom=far] .atlas-farm{min-height:21px}#hud .v2-map [data-zoom=far] .atlas-boss .atlas-monster{width:19px;height:19px}#hud .v2-map [data-zoom=far] .atlas-boss small{font-size:8px}}@media(max-height:520px){#hud .v2.v2-map.v2-map{inset:5px}#hud .v2.v2-map.v2-map .pp-h{min-height:54px;padding:6px 55px}#hud .v2-map .map-subtitle{display:none}#hud .v2.v2-map.v2-map .pp-h .pp-back,#hud .v2.v2-map.v2-map .pp-h .pp-x{top:5px}#hud .v2-map .map-top{padding:4px 10px 0}#hud .v2-map .map-tabs button{min-height:37px;padding:3px}#hud .v2-map .map-tabs small{font-size:9px}#hud .v2.v2-map .map-body{grid-template-columns:minmax(0,1fr) 300px;gap:9px;padding:7px 10px}#hud .v2-map .atlas-stage{min-height:100px}#hud .v2-map .atlas-map-heading{min-height:42px;padding:6px 10px}#hud .v2-map .atlas-map-heading small,#hud .v2-map .atlas-world-note{display:none}#hud .v2-map .atlas-journey{padding:6px 9px}#hud .v2-map .atlas-legend{padding:5px 8px}#hud .v2-map .atlas-region-label{display:none}#hud .v2-map .map-travel{padding:5px 10px;grid-template-columns:1fr 300px}#hud .v2-map .map-travel p{font-size:10px}}@media(prefers-reduced-motion:reduce){#hud .v2-map *,#hud .v2-map *:before,#hud .v2-map *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(max-height:520px){#hud .v2-map .atlas-tools{display:grid;grid-template-columns:repeat(2,33px);gap:2px}#hud .v2-map .atlas-tools button{width:33px;min-height:33px}}.foes{position:absolute;z-index:5;top:0;left:0;width:150px;display:flex;flex-direction:column;align-items:stretch;gap:var(--fg, 3px);--fg: 3px;--hp-fill: #d9564f;pointer-events:none;user-select:none;-webkit-user-select:none;color:var(--slate, #3a4152);font-family:var(--hc-font-text, "Anuphan", "Thonburi", "Leelawadee UI", "Noto Sans Thai", system-ui, sans-serif)}.foes[hidden]{display:none!important}.foe{position:relative;flex:none;width:100%;height:23px;box-sizing:border-box;padding:0 6px 0 3px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;column-gap:5px;align-items:center;border-radius:8px;overflow:hidden;background:#efe8daf0;border:1px solid rgb(58 65 82 / .16);box-shadow:0 2px #0000004d,0 3px 7px #00000024;opacity:.72;transition:opacity .3s,box-shadow .3s,border-color .3s}.foe.fight{opacity:1}.foe.fight:before{content:"";position:absolute;left:0;top:4px;bottom:5px;width:2px;border-radius:0 2px 2px 0;background:#d9564f;z-index:1}.foe.boss{border-color:#c9ae7af2;background:linear-gradient(180deg,#fff6df,#f3e6c6);opacity:1;box-shadow:0 2px #0000004d,0 0 9px 1px #ffd67880;--hp-fill: #c6892f}.foe.boss.fight:before{background:#c6892f}.foe .fp{width:18px;height:18px;border-radius:6px;overflow:hidden;display:grid;place-items:center;margin-top:-1px;background:radial-gradient(circle at 50% 35%,#fbf7ec,#d9d0bb);box-shadow:inset 0 0 0 1px #3a41522e}.foe .fp img{width:100%;height:100%;display:block;object-fit:contain}.foe .fn{min-width:0;margin-top:-1px;font-size:10.5px;font-weight:700;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foe .fl{margin-top:-1px;padding:1px 4px;border-radius:4px;font-size:9px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:#fff;background:#4c70ae}.foe.boss .fl{background:#b8975a}.foe .fb{position:absolute;left:0;right:0;bottom:0;height:3px;background:#3a41522e}.foe .fb i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--hp, 1) * 100%)}.foe .fb .now{background:var(--hp-fill);transition:width .3s ease-out}.foe .fb .lag{background:#fff0c8;transition:width .7s .25s ease-out}.foe.low .fb .now{background:#b8342f}.foe.in{animation:foe-in .3s ease-out both}.foe.out{opacity:0;height:0;margin-bottom:calc(var(--fg) * -1);padding-top:0;padding-bottom:0;border-width:0;transition:opacity .2s,height .28s,margin .28s,padding .28s}@keyframes foe-in{0%{opacity:0;height:0;margin-bottom:calc(var(--fg) * -1);transform:translate(8px)}}.foes.tight{width:118px}.foes.tight .foe{height:21px;padding-right:4px;column-gap:4px;grid-template-columns:16px minmax(0,1fr) auto}.foes.tight .foe .fp{width:16px;height:16px;border-radius:5px}.foes.tight .foe .fn{font-size:9.5px}.foes.tight .foe .fl{font-size:8.5px;padding:1px 3px}.foes.tight .foe.fight:before{top:3px;bottom:4px}@media(prefers-reduced-motion:reduce){.foe.in{animation:none}.foe .fb .now,.foe .fb .lag,.foe.out{transition:none}}.foe.toxic{border-color:#8c5adebf;--hp-fill: #8a5ad8}.foe.toxic:after{content:"";position:absolute;left:14px;top:12px;width:8px;height:8px;border-radius:50%;z-index:2;background:radial-gradient(circle at 32% 30%,#d9ff7a 0 18%,#b48af2 26%,#6a34c0 70%,#4a1f8e);box-shadow:0 0 0 1px #efe8dae6}.foes.tight .foe.toxic:after{left:12px;top:11px;width:7px;height:7px}#hud .v2.v2-shop .pp{max-width:880px;max-height:820px}#hud .v2.v2-shop .market-top{padding:8px 20px 0;flex:none}#hud .v2.v2-shop .market-local{margin:0 0 10px;text-align:center;font-size:11px;color:var(--misc-muted)}#hud .v2.v2-shop .market-wallet{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px}#hud .v2.v2-shop .market-wallet b{display:flex;align-items:center;gap:7px;font-size:23px}#hud .v2.v2-shop .market-gold{width:21px;height:21px;background:url(/assets/ui/res/gold.webp) center / contain no-repeat}#hud .v2.v2-shop .market-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px;border-radius:28px;background:color-mix(in srgb,var(--misc-edge) 42%,var(--misc-paper));margin:0}#hud .v2.v2-shop .market-tabs .btn{min-width:0;padding:6px 3px!important;font-size:12px!important;border:0;box-shadow:none}#hud .v2.v2-shop .market-tabs .btn:not([aria-pressed=true]){background:transparent!important}#hud .v2.v2-shop .pp-b{padding:16px 20px}#hud .v2.v2-shop .pp-f{display:block;text-align:center;padding:10px 16px}#hud .v2.v2-shop .pp-f .wallet{display:none}#hud .v2.v2-shop .message:not(:empty){display:block;padding-bottom:5px}#hud .v2.v2-shop .market-foot-note{display:block;font-size:11px;color:var(--misc-muted)}#hud .v2.v2-shop .market-lead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}#hud .v2.v2-shop h3{font:400 17px/1.5 Chonburi,serif;margin:0 0 12px}#hud .v2.v2-shop .market-lead h3{margin:0}#hud .v2.v2-shop small{font-size:11px;color:var(--misc-muted)}#hud .v2.v2-shop .market-filters{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}#hud .v2.v2-shop .market-filters .btn{padding:6px 13px!important;font-size:12px!important}#hud .v2.v2-shop .products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#hud .v2.v2-shop .product{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:0 12px;min-width:0;padding:12px;border-radius:12px;background:var(--misc-paper2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--misc-slate) 12%,transparent)}#hud .v2.v2-shop .product h4{font-size:14px;line-height:1.4;margin:0 0 3px;overflow-wrap:anywhere}#hud .v2.v2-shop .product p{margin:0;font-size:12px;color:var(--misc-muted)}#hud .v2.v2-shop .buyline{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}#hud .v2.v2-shop .buyline>b{font-size:18px}#hud .v2.v2-shop .buyline .btn,#hud .v2.v2-shop [data-action=submit],#hud .v2.v2-shop [data-action=confirm]{background:var(--misc-slate)!important;color:var(--misc-paper2)!important}#hud .v2.v2-shop .market-art{width:64px;height:64px;display:grid;place-items:center;flex:none;position:relative;overflow:hidden;border-radius:12px;background:color-mix(in srgb,var(--misc-up) 14%,var(--misc-paper2))}#hud .v2.v2-shop .market-art.market-card{background:linear-gradient(150deg,#64588a,#b3a4ce)}#hud .v2.v2-shop .market-art .portrait{width:100%;height:100%;background-color:transparent;border-radius:0}#hud .v2.v2-shop .market-art .gi{display:block;width:80%;aspect-ratio:1;background-image:url(/assets/ui/gear-icons.webp);background-size:457% 343%;background-position:var(--ix) var(--iy);position:relative;z-index:1}#hud .v2.v2-shop .market-art .gi.top{background-image:url(/assets/ui/gear-icons-legendary.webp)}#hud .v2.v2-shop .market-art.market-epic{background:radial-gradient(circle at 50% 60%,#7a3314,#2a120a 74%);box-shadow:inset 0 0 0 2px #eaa062,inset 0 -15px 20px #ff783c55}#hud .v2.v2-shop .market-art.market-epic:before{content:"";position:absolute;bottom:0;inset-inline:0;height:52%;background:radial-gradient(ellipse at 50% 100%,#ffa85a99,transparent 73%)}#hud .v2.v2-shop .market-art.market-epic:after{content:"";position:absolute;inset:-40%;background:linear-gradient(105deg,transparent 43%,#ffecd066 50%,transparent 57%);animation:shop-epic-shine 6.5s infinite;transform:translate(-70%)}#hud .v2.v2-shop .potion-mark{position:relative;display:grid;place-items:center;width:31px;height:39px;margin-top:6px;border-radius:7px 7px 12px 12px;background:#739e81;color:#fff;font-weight:700;font-size:11px;box-shadow:inset -6px 0 #55776044}#hud .v2.v2-shop .potion-mark:before{content:"";position:absolute;width:17px;height:8px;top:-7px;border-radius:3px;background:#9c8260}#hud .v2.v2-shop .potion-mark.large{background:#579895}#hud .v2.v2-shop .merchant{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;background:var(--misc-paper2);margin-bottom:14px}#hud .v2.v2-shop .merchant img{width:92px;height:70px;object-fit:cover;border-radius:9px}#hud .v2.v2-shop .merchant h3{margin:0}#hud .v2.v2-shop .merchant p{font-size:12px;margin:5px 0 0;color:var(--misc-muted)}#hud .v2.v2-shop .sell-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}#hud .v2.v2-shop .sell-layout>*,#hud .v2.v2-shop .market-selected>div{min-width:0}#hud .v2.v2-shop .listing-form{display:grid;gap:12px;padding:16px;border-radius:12px;background:var(--misc-paper2)}#hud .v2.v2-shop .listing-form label{display:grid;gap:6px;font-size:12px}#hud .v2.v2-shop .listing-form input,#hud .v2.v2-shop .listing-form select{min-width:0;width:100%;min-height:46px;color-scheme:light;font-size:15px}#hud .v2.v2-shop .fee-line{display:flex;justify-content:space-between;gap:12px;font-size:12px}#hud .v2.v2-shop .fee-line.net{border-top:1px solid var(--misc-edge);padding-top:12px;font-size:15px}#hud .v2.v2-shop .market-note{font-size:12px;color:var(--misc-muted);margin:0}#hud .v2.v2-shop .products+.market-note{margin-top:12px}#hud .v2.v2-shop .market-error{color:var(--misc-slate);margin:0;font-size:12px}#hud .v2.v2-shop .market-selected{display:flex;align-items:center;gap:12px}#hud .v2.v2-shop .market-selected b{font-size:14px}#hud .v2.v2-shop .market-selected small{display:block}#hud .v2.v2-shop .market-listing{padding:12px;background:var(--misc-paper2);border-radius:12px;margin-bottom:10px;min-width:0}#hud .v2.v2-shop .market-listing-title{display:flex;align-items:center;gap:10px;font-size:13px}#hud .v2.v2-shop .market-listing-title>div{min-width:0;overflow-wrap:anywhere}#hud .v2.v2-shop .market-listing small{display:block}#hud .v2.v2-shop .market-listing-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:13px}#hud .v2.v2-shop .market-own{display:grid;grid-template-columns:1fr 1fr;gap:12px}#hud .v2.v2-shop .market-confirm{max-width:480px;margin:auto;display:grid;gap:18px}#hud .v2.v2-shop .market-confirm h3{margin:0}#hud .v2.v2-shop .market-confirm .gear-item{padding:12px;border-radius:12px;background:var(--misc-paper2)}#hud .v2.v2-shop .market-confirm .gear-lines{display:grid;gap:5px;font-size:12px}@keyframes shop-epic-shine{0%,62%{transform:translate(-70%)}86%,to{transform:translate(70%)}}@media(max-width:600px){#hud .v2.v2-shop .market-top{padding:6px 14px 0}#hud .v2.v2-shop .pp-b{padding:14px}#hud .v2.v2-shop .products,#hud .v2.v2-shop .sell-layout,#hud .v2.v2-shop .market-own{grid-template-columns:1fr}#hud .v2.v2-shop .market-top .market-tabs .btn{font-size:11px!important}#hud .v2.v2-shop .merchant img{width:75px}}@media(max-height:520px)and (min-width:601px){#hud .v2.v2-shop .market-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:6px 18px}#hud .v2.v2-shop .market-local{display:none}#hud .v2.v2-shop .market-wallet{margin:0}#hud .v2.v2-shop .market-wallet b{font-size:18px}#hud .v2.v2-shop .pp-b{padding-block:10px}#hud .v2.v2-shop .market-lead{display:none}#hud .v2.v2-shop .product{grid-template-columns:52px minmax(0,1fr);padding:10px}#hud .v2.v2-shop .market-art{width:52px;height:52px}#hud .v2.v2-shop .pp-f{padding-block:6px}}@media(prefers-reduced-motion:reduce){#hud .v2.v2-shop .market-art:after{animation:none}}#hud .v2.v2-settings{--sk-paper:#efe8da;--sk-soft:#f7f2e8;--sk-track:#e6ddcb;--sk-edge:#d9cfbb;--sk-slate:#3a4152;--sk-muted:#666c7a;--sk-faint:#a5a9b2;--sk-gold:#c9ae7a;--sk-gold2:#8a6e3e;--sk-up:#3f8f5a;--sk-brick:#9a5a4a;--sk-line:rgb(58 65 82 / 13%);--sk-line2:rgb(58 65 82 / 26%);--sk-ease:cubic-bezier(.22,1,.36,1);--sk-spring:cubic-bezier(.34,1.4,.5,1);color:var(--sk-slate);font:14px/1.5 Anuphan,sans-serif;display:grid;place-items:center;inset:10px}#hud .v2.v2-settings[hidden]{display:none}#hud .v2-settings *,#hud .v2-settings *:before,#hud .v2-settings *:after{letter-spacing:normal;text-transform:none}#hud .v2-settings button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}#hud .v2-settings button:disabled{opacity:1;cursor:default}#hud .v2-settings :focus-visible{outline:3px solid var(--sk-gold);outline-offset:2px}#hud .v2-settings small{display:block;font:12px/1.45 Anuphan,sans-serif;color:var(--sk-muted)}#hud .v2-settings b{font-weight:700}#hud .v2-settings p{margin:0}#hud .v2-settings .pp{position:relative;width:min(560px,100%);height:min(820px,100%);background:var(--sk-paper);border:1px solid var(--sk-gold);border-radius:18px;color:var(--sk-slate);box-shadow:0 16px 48px #00000040}#hud .v2-settings .pp:before{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--sk-gold) 60%,transparent);border-radius:13px;pointer-events:none;z-index:5}#hud .v2-settings .pp-h{position:relative;flex:none;display:flex;justify-content:center;text-align:center;min-height:78px;padding:15px 62px 12px;border:0}#hud .v2-settings .pp-h h2{font:22px/1.35 Chonburi,serif;color:var(--sk-slate);margin:0}#hud .v2-settings .pp-h h2 small{margin-top:2px;transition:color .2s}#hud .v2-settings .pp-h h2 small.ok{color:var(--sk-up);font-weight:700}#hud .v2-settings .pp-h:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--sk-gold),transparent)}#hud .v2-settings .pp-h .orn{position:absolute;left:50%;bottom:-3px;width:7px;height:7px;margin-left:-4px;transform:rotate(45deg);border:1px solid var(--sk-gold);background:var(--sk-paper);z-index:1;font-size:0;flex:none}#hud .v2-settings .pp-h .btn{position:absolute;top:15px;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;font-size:24px;line-height:1;z-index:6}#hud .v2-settings .pp-h .pp-x{right:16px;border:0;background:var(--sk-slate)!important;color:var(--sk-paper)!important;box-shadow:0 3px #23283a}#hud .v2-settings .pp-h .pp-back{left:16px;border:1px solid var(--sk-line2);background:transparent!important;color:var(--sk-slate)!important}#hud .v2-settings .pp-b{position:relative;padding:4px 22px 30px;scrollbar-width:thin;scrollbar-color:var(--sk-gold) transparent}#hud .v2-settings .pp-f{position:absolute;left:0;right:0;bottom:14px;z-index:40;display:flex;justify-content:center;padding:0 16px;min-height:0;border:0;background:transparent;pointer-events:none}#hud .v2-settings .message{max-width:100%;padding:9px 16px;border-radius:999px;background:#23283aeb;color:var(--sk-paper);font:700 13px/1.3 Anuphan,sans-serif;text-align:center;box-shadow:0 8px 22px #00000047;transition:opacity .2s}#hud .v2-settings .message:empty{opacity:0;padding:0;box-shadow:none}#hud .v2-settings .sk-jump{position:relative;z-index:1;flex:none;display:flex;justify-content:center;gap:6px;padding:12px 22px 10px;overflow-x:auto;scrollbar-width:none;background:linear-gradient(var(--sk-line),var(--sk-line)) 22px 100%/ calc(100% - 44px) 1px no-repeat}#hud .v2-settings .sk-jump::-webkit-scrollbar{display:none}#hud .v2-settings .sk-jump button{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px 0 10px;border:0;border-radius:999px;background:transparent;font-weight:700;font-size:13px;line-height:1;color:var(--sk-muted);box-shadow:inset 0 0 0 1px var(--sk-line);transition:background .25s,color .25s,box-shadow .25s}#hud .v2-settings .sk-jump button svg{width:16px;height:16px}#hud .v2-settings .sk-jump button[aria-current=true]{background:var(--sk-slate);color:var(--sk-paper);box-shadow:0 2px #23283a}#hud .v2-settings .sk-sec+.sk-sec{margin-top:22px}#hud .v2-settings .sk-sec:first-child{margin-top:12px}#hud .v2-settings .sk-h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:700 12.5px/1 Anuphan,sans-serif;color:var(--sk-gold2)}#hud .v2-settings .sk-h4 svg{width:15px;height:15px;flex:none}#hud .v2-settings .sk-h4:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--sk-gold) 70%,transparent),transparent)}#hud .v2-settings .sk-rows{border-radius:12px;background:var(--sk-soft);box-shadow:inset 0 0 0 1px var(--sk-line);overflow:hidden}#hud .v2-settings .sk-row{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:9px 12px 9px 14px;border:0;background:transparent;text-align:left}#hud .v2-settings .sk-row+.sk-row{border-top:1px solid var(--sk-line)}#hud .v2-settings .sk-t{flex:1;min-width:0}#hud .v2-settings .sk-t>b{display:block;font-size:14px;line-height:1.3;color:var(--sk-slate)}#hud .v2-settings .sk-t>small{margin-top:2px;transition:color .2s;white-space:pre-line}#hud .v2-settings .sk-v{flex:none;font-weight:700;font-size:13px;color:var(--sk-muted)}#hud .v2-settings .sk-tg{cursor:pointer;transition:background .15s}#hud .v2-settings .sk-tg:active,#hud .v2-settings .sk-go:active{background:color-mix(in srgb,var(--sk-slate) 5%,transparent)}#hud .v2-settings .sk-off{cursor:default}#hud .v2-settings .sk-off .sk-t,#hud .v2-settings .sk-off .sk-toggle{opacity:.5}#hud .v2-settings .sk-go{cursor:pointer;padding-right:16px;transition:background .15s}#hud .v2-settings .sk-chev{flex:none;width:8px;height:8px;margin-right:4px;border:solid var(--sk-faint);border-width:2px 2px 0 0;transform:rotate(45deg)}#hud .v2-settings .sk-rz .sk-t>b{color:var(--sk-slate)}#hud .v2-settings .sk-toggle{position:relative;flex:none;width:48px;height:44px;min-height:44px;padding:0;border:0;background:transparent}#hud .v2-settings .sk-toggle:before{content:"";position:absolute;inset:8px 0;border-radius:20px;border:1px solid color-mix(in srgb,var(--sk-slate) 30%,transparent);background:var(--sk-track);transition:background .2s}#hud .v2-settings .sk-toggle:after{content:"";position:absolute;left:3px;top:11px;width:22px;height:22px;border-radius:50%;background:var(--sk-soft);box-shadow:0 1px 3px #0003;transition:transform .32s var(--sk-spring),width .18s}#hud .v2-settings .sk-toggle[aria-checked=true]:before{background:var(--sk-slate);border-color:var(--sk-slate)}#hud .v2-settings .sk-toggle[aria-checked=true]:after{transform:translate(20px)}#hud .v2-settings .sk-toggle:not(:disabled):active:after{width:27px}#hud .v2-settings .sk-toggle[aria-checked=true]:not(:disabled):active:after{transform:translate(15px)}#hud .v2-settings .sk-mute .sk-toggle{margin-right:2px}#hud .v2-settings .sk-sw{flex-wrap:wrap;row-gap:10px}#hud .v2-settings .sk-sw>.sk-t{flex:1 1 200px}#hud .v2-settings .sk-sw>.sk-seg{flex:1 1 230px;max-width:100%}#hud .v2-settings .sk-narrow>.sk-seg{flex:0 0 232px}#hud .v2-settings .sk-speed>.sk-t{flex-basis:120px}#hud .v2-settings .sk-speed>.sk-seg{flex:0 0 150px}#hud .v2-settings .sk-stack>.sk-t,#hud .v2-settings .sk-stack>.sk-seg{flex:1 1 100%}#hud .v2-settings .sk-seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:999px;background:var(--sk-track);box-shadow:inset 0 0 0 1px var(--sk-line);isolation:isolate}#hud .v2-settings .sk-seg>button{position:relative;z-index:1;min-height:38px;min-width:0;padding:0 8px;border:0;border-radius:999px;background:transparent;font-weight:700;font-size:13px;line-height:1;color:var(--sk-muted);white-space:nowrap;transition:color .25s}#hud .v2-settings .sk-seg>button[aria-pressed=true]{color:var(--sk-paper)}#hud .v2-settings .sk-seg>button:active{transform:translateY(1px)}#hud .v2-settings .sk-seg:not(.sk-ready)>button[aria-pressed=true]{background:var(--sk-slate)}#hud .v2-settings .sk-thumb{position:absolute;z-index:0;top:3px;bottom:3px;left:0;width:var(--w,0);transform:translate(var(--x,0));border-radius:999px;background:var(--sk-slate);box-shadow:0 2px #23283a,inset 0 0 0 1px color-mix(in srgb,var(--sk-gold) 35%,transparent);transition:transform .42s var(--sk-spring),width .42s var(--sk-spring)}#hud .v2-settings .sk-seg>button[aria-label*=แนะนำ]:after{content:"";position:absolute;top:6px;right:7px;width:5px;height:5px;border-radius:50%;background:var(--sk-gold)}#hud .v2-settings .sk-vol{display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"vt pct" "rg pv";align-items:center;column-gap:6px;row-gap:0;padding:10px 6px 4px 14px}#hud .v2-settings .sk-vt{grid-area:vt;min-width:0}#hud .v2-settings .sk-vt b{font-size:14px;line-height:1.25}#hud .v2-settings .sk-vt small{display:inline;margin-left:6px}#hud .v2-settings .sk-pct{grid-area:pct;text-align:center;font:700 13px/1 Anuphan,sans-serif;color:var(--sk-slate)}#hud .v2-settings .sk-rg{grid-area:rg;position:relative;min-width:0}#hud .v2-settings .sk-pv{grid-area:pv}#hud .v2-settings .sk-rg,#hud .v2-settings .sk-pct,#hud .v2-settings .sk-pv{transition:opacity .25s}#hud .v2-settings .sk-dim .sk-rg,#hud .v2-settings .sk-dim .sk-pct,#hud .v2-settings .sk-dim .sk-pv{opacity:.42}#hud .v2-settings input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;touch-action:pan-y}#hud .v2-settings input[type=range]:disabled{cursor:default;opacity:.5}#hud .v2-settings input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:5px;background:linear-gradient(90deg,var(--sk-slate) var(--p,50%),var(--sk-track) var(--p,50%));box-shadow:inset 0 0 0 1px var(--sk-line)}#hud .v2-settings input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border:2px solid var(--sk-slate);border-radius:50%;background:var(--sk-soft);box-shadow:0 2px 0 var(--sk-track);transition:transform .2s var(--sk-spring),box-shadow .2s}#hud .v2-settings input[type=range]::-moz-range-track{height:6px;border-radius:5px;background:var(--sk-track)}#hud .v2-settings input[type=range]::-moz-range-progress{height:6px;border-radius:5px;background:var(--sk-slate)}#hud .v2-settings input[type=range]::-moz-range-thumb{width:20px;height:20px;border:2px solid var(--sk-slate);border-radius:50%;background:var(--sk-soft)}#hud .v2-settings .sk-rg.on input[type=range]::-webkit-slider-thumb{transform:scale(1.14);box-shadow:0 0 0 6px color-mix(in srgb,var(--sk-gold) 28%,transparent),0 2px 3px #00000040}#hud .v2-settings .sk-bub{position:absolute;bottom:calc(100% - 8px);left:calc(12px + (100% - 24px) * var(--pv,.5));z-index:3;min-width:44px;padding:5px 8px 6px;border-radius:9px;text-align:center;font:700 12.5px/1 Anuphan,sans-serif;color:var(--sk-paper);background:var(--sk-slate);box-shadow:0 4px 10px #23283a40;pointer-events:none;transform:translate(-50%,6px) scale(.7);transform-origin:50% 100%;opacity:0;transition:transform .28s var(--sk-spring),opacity .16s}#hud .v2-settings .sk-bub:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;margin-left:-4px;transform:rotate(45deg);background:var(--sk-slate);border-radius:1px}#hud .v2-settings .sk-rg.on .sk-bub{transform:translate(-50%) scale(1);opacity:1}#hud .v2-settings .sk-pv{position:relative;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--sk-slate)}#hud .v2-settings .sk-pv:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--sk-paper);box-shadow:inset 0 0 0 1px var(--sk-line2),0 2px 0 var(--sk-edge);transition:transform .15s,background .2s}#hud .v2-settings .sk-pv:not(:disabled):active:before{transform:translateY(1px) scale(.96);box-shadow:inset 0 0 0 1px var(--sk-line2)}#hud .v2-settings .sk-pv:disabled{opacity:.5}#hud .v2-settings .sk-pv svg{position:relative;width:13px;height:13px;margin-left:2px}#hud .v2-settings .sk-eq{position:absolute;display:none;gap:2px;align-items:end;height:12px}#hud .v2-settings .sk-eq i{width:3px;border-radius:2px;background:currentColor;animation:sk-eq .5s ease-in-out infinite alternate}#hud .v2-settings .sk-eq i:nth-child(2){animation-delay:-.25s}#hud .v2-settings .sk-eq i:nth-child(3){animation-delay:-.4s}@keyframes sk-eq{0%{height:3px}to{height:12px}}#hud .v2-settings .sk-pv.sk-playing:before{background:var(--sk-slate)}#hud .v2-settings .sk-pv.sk-playing{color:var(--sk-paper)}#hud .v2-settings .sk-pv.sk-playing svg{display:none}#hud .v2-settings .sk-pv.sk-playing .sk-eq{display:flex}#hud .v2-settings .sk-ctl{display:block;padding:12px 14px 14px}#hud .v2-settings .sk-how{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}#hud .v2-settings .sk-how>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;padding:12px 8px 10px;border-radius:10px;text-align:center;background:var(--sk-paper);box-shadow:inset 0 0 0 1px var(--sk-line)}#hud .v2-settings .sk-how small{font-size:12px;line-height:1.3}#hud .v2-settings .sk-how small b{display:block;font-size:12.5px;color:var(--sk-slate)}#hud .v2-settings .sk-fing{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--sk-slate);background:var(--sk-track)}#hud .v2-settings .sk-fing svg{width:22px;height:22px;animation:sk-drag 2.4s var(--sk-ease) infinite}@keyframes sk-drag{0%,15%{transform:translate(-3px,2px)}55%,70%{transform:translate(4px,-3px)}to{transform:translate(-3px,2px)}}#hud .v2-settings .sk-keys{display:inline-grid;grid-template-columns:repeat(3,21px);grid-template-rows:21px 21px;gap:2px}#hud .v2-settings .sk-keys kbd{display:grid;place-items:center;border-radius:5px;font:700 10.5px/1 Anuphan,sans-serif;color:var(--sk-slate);background:var(--sk-paper);box-shadow:inset 0 0 0 1px var(--sk-line2),0 2px 0 var(--sk-edge)}#hud .v2-settings .sk-keys .kw{grid-area:1 / 2}#hud .v2-settings .sk-keys .ka{grid-area:2 / 1}#hud .v2-settings .sk-keys .ks{grid-area:2 / 2}#hud .v2-settings .sk-keys .kd{grid-area:2 / 3}#hud .v2-settings .sk-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:transparent;font-weight:700;font-size:13px;line-height:1;color:var(--sk-slate);box-shadow:inset 0 0 0 1px var(--sk-line2)}#hud .v2-settings .sk-btn:active{transform:translateY(1px)}#hud .v2-settings .sk-primary{background:var(--sk-slate);color:var(--sk-paper);box-shadow:inset 0 0 0 2px var(--sk-slate),inset 0 0 0 3px color-mix(in srgb,var(--sk-gold) 70%,transparent),0 3px #23283a}#hud .v2-settings .sk-as:before{content:"";display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;border-radius:50%;background:var(--sk-up);vertical-align:middle;box-shadow:0 0 0 3px color-mix(in srgb,var(--sk-up) 18%,transparent)}#hud .v2-settings .sk-tail{display:grid;justify-items:center;gap:12px;margin:22px 0 4px}#hud .v2-settings .sk-tail p{font-size:12px;color:var(--sk-muted)}#hud .v2-settings .sk-shw{position:absolute;inset:0;z-index:30;pointer-events:none;border-radius:18px;overflow:hidden}#hud .v2-settings .sk-shw.in{pointer-events:auto}#hud .v2-settings .sk-veil{position:absolute;inset:0;background:color-mix(in srgb,var(--sk-paper) 72%,transparent);opacity:0;transition:opacity .3s}#hud .v2-settings .sk-shw.in .sk-veil{opacity:1}#hud .v2-settings .sk-sheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:calc(100% - 40px);color:var(--sk-slate);background:var(--sk-paper);border-radius:18px 18px 14px 14px;box-shadow:0 -12px 34px #3a415238,0 0 0 1px color-mix(in srgb,var(--sk-gold) 40%,transparent);transform:translateY(104%);transition:transform .42s var(--sk-ease)}#hud .v2-settings .sk-sheet:focus{outline:none}#hud .v2-settings .sk-sheet:before{content:"";position:absolute;inset:5px;z-index:5;border-radius:13px 13px 10px 10px;border:1px solid color-mix(in srgb,var(--sk-gold) 55%,transparent);pointer-events:none}#hud .v2-settings .sk-shw.in .sk-sheet{transform:none}#hud .v2-settings .sk-sh-h{position:relative;flex:none;display:grid;place-items:center;min-height:56px;padding:16px 56px 12px}#hud .v2-settings .sk-sh-h h3{margin:0;font:400 17px/1.2 Chonburi,serif;color:var(--sk-slate);text-align:center}#hud .v2-settings .sk-sh-h:after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--sk-gold),transparent)}#hud .v2-settings .sk-orn{position:absolute;left:50%;bottom:-3px;z-index:1;width:7px;height:7px;margin-left:-4px;transform:rotate(45deg);background:var(--sk-paper);border:1px solid var(--sk-gold)}#hud .v2-settings .sk-sh-x{position:absolute;top:7px;right:10px;z-index:6;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--sk-slate);color:var(--sk-paper);font-size:22px;line-height:1;box-shadow:0 3px #23283a}#hud .v2-settings .sk-sh-b{flex:1 1 auto;min-height:0;overflow:auto;padding:14px 18px 8px;overscroll-behavior:contain}#hud .v2-settings .sk-sh-f{flex:none;display:flex;gap:10px;padding:10px 18px max(16px,env(safe-area-inset-bottom))}#hud .v2-settings .sk-sh-f>.sk-btn{flex:1}#hud .v2-settings .sk-sh-f>.sk-hold{flex:1.6}#hud .v2-settings .sk-sh-p{margin:0 0 12px;font-size:13.5px;line-height:1.6;color:var(--sk-slate);text-wrap:pretty}#hud .v2-settings .sk-h4-s{margin-top:4px}#hud .v2-settings .sk-loss{border-radius:12px;background:var(--sk-soft);box-shadow:inset 0 0 0 1px var(--sk-line)}#hud .v2-settings .sk-lrow{display:flex;align-items:center;gap:12px;min-height:50px;padding:6px 14px;font-size:13.5px}#hud .v2-settings .sk-lrow+.sk-lrow{border-top:1px solid var(--sk-line)}#hud .v2-settings .sk-lrow>span:not(.sk-lic){flex:1;min-width:0;line-height:1.35}#hud .v2-settings .sk-lrow>b{flex:none;text-align:right;font-size:13px}#hud .v2-settings .sk-lic{flex:none;width:30px;height:30px;display:block;border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--sk-gold) 18%,var(--sk-track))}#hud .v2-settings .sk-lic .portrait{width:30px;height:30px;min-width:0;border-radius:8px;background-color:transparent}#hud .v2-settings .sk-gem{position:relative;background:none}#hud .v2-settings .sk-gem:before{content:"";position:absolute;inset:5px;border-radius:3px;transform:rotate(45deg);background:linear-gradient(135deg,var(--sk-gold),var(--sk-gold2))}#hud .v2-settings .sk-coin{position:relative;background:none}#hud .v2-settings .sk-coin:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--sk-gold);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--sk-gold2) 55%,var(--sk-gold))}#hud .v2-settings .sk-keep{display:flex;align-items:center;gap:8px;margin:12px 2px 4px;font-size:12.5px;color:var(--sk-muted)}#hud .v2-settings .sk-keep span{color:var(--sk-up);font-weight:700}#hud .v2-settings .sk-lnk{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;border:0;background:transparent;font-weight:700;font-size:13px;color:#4c70ae}#hud .v2-settings .sk-svc{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--sk-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sk-gold) 45%,transparent)}#hud .v2-settings .sk-svc b{display:block;font-size:13.5px}#hud .v2-settings .sk-ok{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--sk-up) 14%,transparent);color:var(--sk-up);font-weight:700}#hud .v2-settings .sk-hold{position:relative;overflow:hidden;color:var(--sk-brick);background:color-mix(in srgb,var(--sk-brick) 7%,var(--sk-soft));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--sk-brick) 60%,transparent),0 3px color-mix(in srgb,var(--sk-brick) 32%,var(--sk-edge));user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}#hud .v2-settings .sk-hold i{position:absolute;inset:0;background:color-mix(in srgb,var(--sk-brick) 28%,var(--sk-paper));transform-origin:left;transform:scaleX(var(--hold,0))}#hud .v2-settings .sk-hold span{position:relative;font-size:12.5px}@media(max-width:859px){#hud .v2.v2-settings{inset:8px}#hud .v2-settings .pp{width:100%;height:100%}#hud .v2-settings .pp-b{padding:4px 16px 26px}#hud .v2-settings .sk-jump{justify-content:flex-start;gap:5px;padding:12px 16px 10px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);background-position:16px 100%;background-size:calc(100% - 32px) 1px}#hud .v2-settings .sk-jump button{padding:0 11px 0 9px;gap:5px;font-size:12.5px}#hud .v2-settings .sk-sw.sk-narrow>.sk-seg{flex:1 1 230px}#hud .v2-settings .sk-sh-b{padding-inline:16px}}@media(min-width:860px){#hud .v2-settings .sk-vol{grid-template-columns:150px minmax(0,1fr) 48px 44px;grid-template-areas:"vt rg pct pv";padding:6px 6px 6px 14px;min-height:58px}#hud .v2-settings .sk-vt small{display:block;margin:2px 0 0}#hud .v2-settings .sk-bub{bottom:calc(100% - 14px)}#hud .v2-settings .sk-how>div{flex-direction:row;justify-content:flex-start;gap:12px;min-height:72px;padding:10px 14px;text-align:left}#hud .v2-settings .sk-sheet{left:50%;top:50%;bottom:auto;width:min(430px,calc(100% - 40px));border-radius:16px;transform:translate(-50%,-47%) scale(.97);opacity:0;transition:transform .38s var(--sk-ease),opacity .22s}#hud .v2-settings .sk-sheet:before{border-radius:12px}#hud .v2-settings .sk-shw.in .sk-sheet{transform:translate(-50%,-50%);opacity:1}}@media(max-height:520px){#hud .v2.v2-settings{inset:6px}#hud .v2-settings .pp{width:min(640px,100%)}#hud .v2-settings .pp-h{min-height:50px;padding:8px 58px 7px}#hud .v2-settings .pp-h h2{font-size:17px}#hud .v2-settings .pp-h h2 small{display:none}#hud .v2-settings .pp-h .btn{top:5px;width:40px;height:40px;min-height:40px}#hud .v2-settings .sk-jump{padding-top:8px;padding-bottom:7px}#hud .v2-settings .sk-jump button{height:32px}#hud .v2-settings .sk-sheet{max-height:calc(100% - 12px)}#hud .v2-settings .sk-sh-h{min-height:46px;padding-block:9px 6px}#hud .v2-settings .sk-sh-x{top:3px}}@media(prefers-reduced-motion:reduce){#hud .v2-settings *,#hud .v2-settings *:before,#hud .v2-settings *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}#hud [data-settings-entry]{min-height:44px}#hud .gx-badge{position:relative}#hud .v2-boost{position:absolute;top:calc(100% + 5px);left:0;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:4px 8px;border:1px solid var(--hc-ice);border-radius:999px;background:var(--hc-ivory);color:var(--hc-ink);font:700 11px/1.3 var(--hc-font-text);font-variant-numeric:tabular-nums;box-shadow:0 2px color-mix(in srgb,var(--hc-ink) 25%,transparent)}#hud .v2-boost[hidden]{display:none}#hud.gx:not(.gx-desk) .hud-root.v2-exp-active>.regionpill{top:calc(env(safe-area-inset-top,0px) + 80px)}@font-face{font-family:Anuphan;src:url(/fonts/anuphan-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Anuphan;src:url(/fonts/anuphan-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Chonburi;src:url(/fonts/chonburi-400.woff2) format("woff2");font-weight:400;font-display:swap}[data-pal=m1]{--ink: #f4ead2;--ink-dim: #cdc6b6;--ink-mute: #9e998d;--lab: #d8c08e;--g-top: rgba(22, 26, 38, .62);--g-bot: rgba(11, 13, 20, .8);--pop-top: rgba(28, 32, 46, .96);--pop-bot: rgba(11, 13, 20, .98);--sh-top: rgba(24, 28, 40, .95);--sh-bot: rgba(11, 13, 20, .97);--panel-top: rgba(255, 255, 255, .05);--panel-bot: rgba(0, 0, 0, .18);--edge: rgba(244, 234, 210, .3);--edge-soft: rgba(244, 234, 210, .14);--hl: rgba(255, 248, 234, .16);--inner: rgba(143, 216, 255, .06);--acc: #eadbb2;--acc-hi: #fff4d6;--acc-lo: #c9ae7a;--acc-ink: #1b1d26;--acc-glow: rgba(244, 234, 210, .42);--acc2: #8fd8ff;--acc2-hi: #d6f2ff;--acc2-ink: #0b1a2c;--acc2-glow: rgba(143, 216, 255, .5);--num: #fff8ea;--num-gold: #ffe3a0;--num-shadow: 0 1px 2px rgba(0, 0, 0, .6);--cd: rgba(8, 10, 16, .66);--track: rgba(0, 0, 0, .42);--chip: rgba(11, 13, 20, .55);--chip-edge: rgba(244, 234, 210, .16);--up: #b9f58e;--down: #ff9c8a;--card-base: #1b2131;--tint: 8, 10, 16;--scrim: rgba(8, 10, 16, .5);--niche-top: rgba(43, 53, 82, .6);--niche-bot: rgba(22, 27, 43, .85);--halo: 244, 234, 210}:root{--hc-ink: #0b0d14;--hc-ivory: #f4ead2;--hc-white: #fff8ea;--hc-ice: #8fd8ff;--hc-ember: #ff9a5a;--paper: #efe8da;--slate: #3a4152;--gold: #c9ae7a;--paper-lip: #9c8a66;--tray: rgba(11, 13, 20, .52);--tray-edge: rgba(244, 234, 210, .14);--tile-edge: rgba(244, 234, 210, .2);--press: 0 3px 0 rgba(0, 0, 0, .38);--press-down: 0 1px 0 rgba(0, 0, 0, .38);--hc-font-text: "Anuphan", -apple-system, "Thonburi", "Leelawadee UI", "Noto Sans Thai", system-ui, sans-serif;--hf-title: "Chonburi", var(--hc-font-text);--sky: radial-gradient(ellipse 70% 60% at 18% 62%, rgba(143, 216, 255, .34), transparent 70%), radial-gradient(ellipse 70% 60% at 82% 62%, rgba(255, 154, 90, .3), transparent 70%), linear-gradient(180deg, #2b3552, #161b2b)}#hud.gx{container-name:gx;font-family:var(--hc-font-text);--numf: var(--hc-font-text);--pix: var(--hc-font-text)}#hud.gx,#hud.gx *{letter-spacing:normal}#hud.gx :is(h2,.banner strong,.sh-head h2){font-family:var(--hf-title);font-weight:400}#hud.gx .seg,#hud.gx .palette,#hud.gx .brandtag{display:none!important}#hud.gx .hud-root:before,#hud.gx .hud-root:after{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:0}#hud.gx .hud-root:before{top:0;height:150px;background:linear-gradient(180deg,rgba(11,13,20,.6),transparent)}#hud.gx .hud-root:after{bottom:0;height:46%;background:linear-gradient(0deg,rgba(8,10,16,.86),rgba(8,10,16,.5) 40%,transparent)}#hud.gx .glass{-webkit-backdrop-filter:none;backdrop-filter:none}#hud.gx .glint{display:none}#hud.gx .res,#hud.gx .powerbox{height:36px;padding:0 12px 0 6px;gap:6px;border-radius:12px;border:0;background:#0b0d1480;box-shadow:inset 0 0 0 1px var(--chip-edge)}#hud.gx .res .val,#hud.gx .powerbox .val{font:700 16px/1 var(--hc-font-text);font-variant-numeric:tabular-nums;color:var(--hc-white);text-shadow:0 1px 2px rgba(0,0,0,.6)}#hud.gx .res.gold .val{color:#ffe3a0}#hud.gx .res .rate,#hud.gx .res small{font:400 10px/1 var(--hc-font-text);color:var(--ink-mute)}#hud.gx .cur.coin{background:url(/assets/ui/res/gold.webp) center / contain no-repeat}#hud.gx .cur.bless{background:url(/assets/ui/res/bless.webp) center / contain no-repeat}#hud.gx .res .cur{width:24px;height:24px}#hud.gx .powerbox{margin-left:0}#hud.gx .powerbox .icoPower{width:20px;height:20px;background:url(/assets/ui/res/power.webp) center / contain no-repeat}#hud.gx .powerbox .icoPower svg{display:none}#hud.gx .powerbox .pl{align-items:flex-start;gap:2px}#hud.gx .powerbox small{font:400 9.5px/1 var(--hc-font-text);color:var(--ink-mute)}#hud.gx .powerbox small b{display:none}#hud.gx .gx-badge{display:flex;align-items:center;gap:8px;height:36px;flex:none;pointer-events:auto}#hud.gx .gx-badge .ava{width:36px;height:36px;border-radius:11px;background-color:#1b2131;box-shadow:inset 0 0 0 1px var(--tile-edge),var(--press);image-rendering:auto}#hud.gx .gx-badge .t{display:grid;gap:3px}#hud.gx .gx-badge b{font:700 13px/1 var(--hc-font-text);color:var(--hc-white);text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap}#hud.gx .gx-badge .xp{position:relative;width:52px;height:3px;border-radius:2px;background:#ffffff29;overflow:hidden}#hud.gx .gx-badge .xp i{position:absolute;inset:0 auto 0 0;width:calc(var(--x, 0) * 100%);background:linear-gradient(90deg,var(--hc-ice),var(--hc-ivory))}#hud.gx .cur.bump{animation:gxbump .42s cubic-bezier(.3,1.6,.5,1)}@keyframes gxbump{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.5) rotate(-10deg)}55%{transform:scale(.9) rotate(5deg)}80%{transform:scale(1.06)}to{transform:scale(1)}}#hud.gx .gx-plus{position:absolute;z-index:44;pointer-events:none;white-space:nowrap;font:700 18px/1 var(--hc-font-text);color:#ffe8a3;-webkit-text-stroke:3px rgba(26,18,6,.85);paint-order:stroke fill;text-shadow:0 2px 6px rgba(0,0,0,.45),0 0 16px rgba(255,200,90,.55)}#hud.gx .gx-plus.bless{color:#cff0ff;-webkit-text-stroke-color:rgba(8,18,34,.85);text-shadow:0 2px 6px rgba(0,0,0,.45),0 0 16px rgba(140,215,255,.6)}#hud.gx .party{--por: 46px;--ic: clamp(13px, calc(var(--por) * .3), 20px);position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:10px 2px 2px;border:0;background:none;box-shadow:none}#hud.gx .slot{display:block;position:relative;height:calc(var(--por) + 19px);padding:0;border:0;background:none;grid-template-areas:none;border-radius:12px}#hud.gx .slot:hover{border-color:transparent}#hud.gx .slot .nm{display:none}#hud.gx .card{position:absolute;left:50%;top:4px;width:var(--por);max-width:none;height:var(--por);margin-left:calc(var(--por) / -2);border-radius:12px;transition:translate .12s,transform .45s var(--spring)}#hud.gx .card .face{border:0;border-radius:12px;background:radial-gradient(90% 90% at 50% 30%,color-mix(in srgb,var(--el) 30%,#232a40),#161b2b 92%);box-shadow:inset 0 1px #ffffff4d,inset 0 -14px 16px -10px #0000008c,0 4px color-mix(in srgb,var(--el) 22%,#070910),0 7px 12px #00000061}#hud.gx .card .face:after{background:linear-gradient(0deg,rgba(5,8,20,.45),transparent 40%)}#hud.gx .slot:active .card{translate:0 3px}#hud.gx .slot:active .card .face{box-shadow:inset 0 1px #ffffff4d,inset 0 -14px 16px -10px #0000008c,0 1px color-mix(in srgb,var(--el) 22%,#070910),0 3px 6px #0000004d}#hud.gx .card .basic{display:none}#hud.gx .card .lv{left:-5px;top:-6px;z-index:5;padding:2px 4px;border-radius:5px;font:700 9px/1 var(--hc-font-text);color:var(--slate);background:var(--hc-ivory);box-shadow:0 1px #00000073}#hud.gx .hpbar{position:absolute;left:50%;top:calc(var(--por) + 12px);width:calc(var(--por) - 6px);max-width:none;height:3px;margin-left:calc((var(--por) - 6px) / -2);border-radius:2px;box-shadow:none}#hud.gx .gems{display:contents}#hud.gx .gem{position:absolute;z-index:4;top:calc(4px + var(--por) - var(--ic) - 3px);width:var(--ic);height:var(--ic);border-radius:5px;box-shadow:0 0 0 1.5px #080a10e6}#hud.gx .gem.nrm{left:calc(50% - var(--por) / 2 + 3px);width:var(--ic);height:var(--ic);border-radius:5px}#hud.gx .gem.ult{left:calc(50% + var(--por) / 2 - var(--ic) - 3px);width:var(--ic);height:var(--ic);border-radius:5px}#hud.gx .gem.ult:before,#hud.gx .gem .gl,#hud.gx .gem em,#hud.gx .gem.nrm .dbar{display:none}#hud.gx .gem .sw{border-radius:5px}#hud.gx .slot.is-ult .gem.ult{box-shadow:0 0 0 1.5px #fff,0 0 10px 2px var(--el);scale:1.12;filter:none!important}@property --gxa{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes gxrun{to{--gxa: 360deg}}@keyframes gxbreathe{0%,to{scale:1}50%{scale:1.035}}#hud.gx .gx-gauge,#hud.gx .gx-run{position:absolute;z-index:3;left:50%;top:4px;width:var(--por);height:var(--por);margin-left:calc(var(--por) / -2);border-radius:12px;padding:2.5px;box-sizing:border-box;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}#hud.gx .gx-gauge{background:conic-gradient(var(--el) calc(var(--c, 0) * 360deg),rgba(255,255,255,.16) 0)}#hud.gx .gx-run{padding:3.5px;opacity:0;background:conic-gradient(from var(--gxa),transparent 0 50%,color-mix(in srgb,var(--el) 60%,transparent) 66%,color-mix(in srgb,var(--el) 80%,#fff) 80%,#fff 87%,#fff 91%,transparent 97%)}#hud.gx .slot.is-ult .gx-run{opacity:1;animation:gxrun 1.15s linear infinite}#hud.gx .slot.is-ult .gx-gauge{filter:drop-shadow(0 0 4px var(--el))}#hud.gx .slot.is-ult .card .face,#hud.gx .slot.is-queued .card .face{box-shadow:inset 0 1px #ffffff59,inset 0 -14px 16px -10px #00000080,0 4px color-mix(in srgb,var(--el) 40%,#070910),0 0 16px 3px color-mix(in srgb,var(--el) 55%,transparent)}#hud.gx .slot.is-tap{animation:gxbreathe 1.15s ease-in-out infinite}#hud.gx .slot.is-queued .gx-gauge{filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 8px var(--el)) brightness(1.25)}#hud.gx .slot.is-queued .gem.ult{box-shadow:0 0 0 1.5px #fff,0 0 12px 3px var(--el);scale:1.12;filter:none!important}#hud.gx .slot.dead .gx-gauge,#hud.gx .slot.dead .gx-run,#hud.gx .slot.empty .gx-gauge{display:none}@keyframes gxprism{to{background-position:200% 0}}#hud.gx .ssrb{right:0;top:0;z-index:5;padding:2px 5px 3px 6px;border-radius:0 12px 0 8px;font:700 clamp(7.5px,calc(var(--por) * .16),10px)/1 var(--hc-font-text);color:#3a2a08;background:linear-gradient(135deg,#fff2b8,#f2c35a 55%,#c98a2a);box-shadow:inset 0 1px #ffffffb3,-1px 1px #080a1099,0 0 10px #ffcd6473}#hud.gx .ssrb.tssr{color:#fff;text-shadow:0 1px 1px rgba(20,10,40,.8);background:linear-gradient(110deg,#7fd4ff,#b48cff 30%,#ff8fb1 55%,#ffb36b 75%,#7fd4ff) 0 0 / 200% 100%;animation:gxprism 2.6s linear infinite;box-shadow:inset 0 1px #fff9,-1px 1px #080a1099,0 0 12px #be96ff99}#hud.gx .ssrb.tssr:after{display:none}#hud.gx .slot.ssr .card .face,#hud.gx .slot.tssr .card .face{border:0}#hud.gx .slot.tssr .card .face:before{animation:none;display:none}#hud.gx .card .press{inset:-5px;border-radius:15px}#hud.gx .gx-autoult{position:absolute;z-index:6;right:2px;top:-46px;display:flex;align-items:center;gap:6px;height:34px;padding:0 11px 0 8px;border-radius:12px;pointer-events:auto;background:#0b0d14e6;color:#fff8eacc;box-shadow:inset 0 0 0 1px var(--tile-edge),0 3px #00000073;transition:translate .1s,background .2s,color .2s}#hud.gx .gx-autoult:active{translate:0 2px;box-shadow:inset 0 0 0 1px var(--tile-edge),0 1px #00000073}#hud.gx .gx-autoult svg{width:18px;height:18px;flex:none}#hud.gx .gx-autoult span{display:grid;gap:1px;text-align:left}#hud.gx .gx-autoult small{font:700 8px/1 var(--hc-font-text);opacity:.75}#hud.gx .gx-autoult b{font:700 11.5px/1 var(--hc-font-text)}#hud.gx .gx-autoult[aria-pressed=true]{background:linear-gradient(180deg,#fbf6ea,var(--paper));color:var(--slate);box-shadow:inset 0 0 0 1px #fff,0 3px 0 var(--paper-lip),0 0 14px #f4ead259}@keyframes gxspin{to{rotate:360deg}}#hud.gx .gx-autoult[aria-pressed=true] svg{animation:gxspin 2.8s linear infinite}#hud.gx .sockets{border:0;background:none;box-shadow:none;padding:0;margin:0}#hud.gx .sock{border-radius:9px;border:0;background:linear-gradient(180deg,#ffffff12,#0000002e),#0e111bd1;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 70%,transparent),0 2px #00000080}#hud.gx .sock.empty{box-shadow:inset 0 0 0 1px #f4ead229,0 2px #00000080}#hud.gx .sock.locked{box-shadow:inset 0 0 0 1px #f4ead21a,0 2px #00000080;opacity:.85}#hud.gx .sock:not(.locked):not(.empty){background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--rc) 30%,transparent),transparent 72%),#0e111bdb}#hud.gx .sock:active{translate:0 1px}#hud.gx .goddess{--gd: 64px;cursor:pointer;width:auto;height:auto}#hud.gx .goddess .niche,#hud.gx .goddess .zz{display:none}#hud.gx .goddess .halo{left:50%;top:calc(var(--gtop) + var(--gd) / 2);width:calc(var(--gd) + 22px);transform:translate(-50%,-50%);opacity:.85;background:radial-gradient(closest-side,rgba(244,234,210,.26),transparent)}#hud.gx .goddess.awake .halo{opacity:1;background:radial-gradient(closest-side,rgba(255,236,190,.6),transparent)}#hud.gx .goddess .statue{left:50%;bottom:auto;top:var(--gtop);width:var(--gd);height:var(--gd);margin-left:calc(var(--gd) / -2);border-radius:50%;overflow:hidden;translate:none!important;background:var(--sky);box-shadow:0 6px 14px #00000059}#hud.gx .goddess .statue .img{inset:0;background:url(/assets/ui/goddess-shrine.webp) 50% 0% / 112% auto no-repeat;image-rendering:auto}#hud.gx .goddess.awake .statue .img{background-position:50% 0%;filter:brightness(1.15)}#hud.gx .goddess .statue:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse 36% 22% at 33% 20%,rgba(255,255,255,.62),transparent 70%),radial-gradient(ellipse 12% 7% at 72% 80%,rgba(255,255,255,.35),transparent 70%),radial-gradient(circle at 50% 46%,transparent 58%,rgba(143,216,255,.14) 76%,rgba(10,12,20,.5) 100%);box-shadow:inset 0 0 0 1.5px #fff9,inset 3px 0 0 -1px #8fd8ff99,inset -3px 0 0 -1px #ff9a5a99}#hud.gx .goddess .heart{left:50%;top:calc(var(--gtop) + var(--gd) * .66);width:14px}#hud.gx .goddess .lvb,#hud.gx .goddess .cost,#hud.gx .goddess .auto,#hud.gx .goddess .bag{border:0}#hud.gx .goddess .lvb small,#hud.gx .goddess .cost em{letter-spacing:normal}#hud.gx .goddess .res.bless{position:absolute;z-index:5;height:auto;padding:0;gap:3px;margin:0;background:none;box-shadow:none;pointer-events:none}#hud.gx .goddess .res.bless .stack{flex-direction:row;align-items:baseline;gap:6px}#hud.gx:not(.gx-desk) .hud-root{--stack: min(100cqw - 16px, 640px, 80cqh);--edge: 8px}#hud.gx:not(.gx-desk) .tophud{top:calc(env(safe-area-inset-top,0px) + 8px);left:8px;right:8px;gap:8px;align-items:center}#hud.gx:not(.gx-desk) .tophud .powerbox{margin-left:auto}#hud.gx:not(.gx-desk) .regionpill{display:flex;top:calc(env(safe-area-inset-top,0px) + 52px);left:8px;max-width:calc(100% - 150px);background:none;box-shadow:none;border:0;padding:0 2px;font:400 11.5px/1 var(--hc-font-text);color:var(--hc-white);text-shadow:0 1px 2px rgba(0,0,0,.7)}#hud.gx:not(.gx-desk) .ctrls{top:calc(env(safe-area-inset-top,0px) + 48px);right:8px;height:30px;gap:4px;padding:0;background:none;box-shadow:none;border:0}#hud.gx:not(.gx-desk) .ctrls button{width:30px;height:30px;border-radius:9px;background:#0b0d148c;box-shadow:inset 0 0 0 1px var(--tile-edge),var(--press);color:var(--hc-white)}#hud.gx:not(.gx-desk) .minimap{display:none}#hud.gx:not(.gx-desk).gx-map-open .minimap{display:block;position:absolute;z-index:25;top:calc(env(safe-area-inset-top,0px) + 88px);right:8px;width:min(300px,calc(100% - 16px));padding:8px;border-radius:14px;background:#0b0d14e6;box-shadow:inset 0 0 0 1px var(--tile-edge),0 10px 24px #0006}#hud.gx:not(.gx-desk).gx-map-open .minimap .mh,#hud.gx:not(.gx-desk).gx-map-open .minimap .mf{display:flex;align-items:center;gap:6px;margin:0 2px 6px;font-size:11.5px}#hud.gx:not(.gx-desk).gx-map-open .minimap .map{position:relative;height:150px;border-radius:10px;overflow:hidden}#hud.gx:not(.gx-desk).gx-map-open .minimap .mf{margin:6px 2px 0}#hud.gx:not(.gx-desk).gx-map-open .minimap .wave{flex:1}#hud.gx:not(.gx-desk) .dock{inset:auto 8px 0;transform:none;width:auto;display:flex;flex-direction:column;align-items:center;gap:0}#hud.gx:not(.gx-desk) .party{order:1;width:var(--stack);--por: clamp(38px, min(calc((var(--stack) - 12px) / 7 - 6px), 7.4cqh), 60px)}#hud.gx:not(.gx-desk) .shrine{order:2;width:var(--stack);position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0 13px;margin:8px 0 0;padding:5px 6px;border-radius:14px;background:var(--tray);box-shadow:inset 0 0 0 1px var(--tray-edge)}#hud.gx:not(.gx-desk) .shrine:after{content:"";position:absolute;left:50%;top:9px;bottom:9px;width:1px;background:var(--tray-edge);pointer-events:none}#hud.gx:not(.gx-desk) .sockets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto;gap:3px;justify-self:stretch}#hud.gx:not(.gx-desk) .sock{width:auto;height:auto;aspect-ratio:1;border-radius:8px}#hud.gx:not(.gx-desk) .sock .lk b,#hud.gx:not(.gx-desk) .sock .lk small{display:none}#hud.gx:not(.gx-desk) .sock .en{font-size:8.5px;right:1px;bottom:0}#hud.gx #party,#hud.gx .gx-side,#hud.gx .gx-hd,#hud.gx .gx-gearbox,#hud.gx .gx-mid,#hud.gx .gx-tr,#hud.gx .gx-nav,#hud.gx .ctrls{pointer-events:none}#hud.gx .slot,#hud.gx .sock,#hud.gx .gx-tab,#hud.gx .goddess,#hud.gx .minimap,#hud.gx .ctrls>*,#hud.gx .gx-autoult{pointer-events:auto}#hud.gx .gx-tabs{display:none}#hud.gx:not(.gx-desk) .gx-tabs{order:3;position:relative;display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr 1fr;align-items:center;width:100cqw;min-height:60px;margin:16px 0 0;padding:4px max(8px,calc((100cqw - 680px)/2)) calc(6px + env(safe-area-inset-bottom,0px));pointer-events:auto;background:linear-gradient(180deg,#121622f5,#0a0c14fa);box-shadow:inset 0 1px 0 var(--tray-edge),0 -10px 24px #0000004d}#hud.gx .gx-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;border-radius:12px;color:#fff8eadb}#hud.gx .gx-tab:hover{background:#ffffff0d}#hud.gx .gx-tab:active{translate:0 1px;background:#ffffff14}#hud.gx .gx-tab svg{width:22px;height:22px}#hud.gx .gx-tab span{font:400 10px/1.2 var(--hc-font-text)}#hud.gx .gx-tab .dot{position:absolute;top:6px;right:calc(50% - 16px);width:6px;height:6px;border-radius:50%;background:var(--hc-ember);box-shadow:0 0 0 2px #0b0d14cc}#hud.gx:not(.gx-desk) .gx-tabs .goddess{--gd: clamp(58px, min(calc(var(--stack) * .16), 9.6cqh), 74px);--gtop: calc(var(--gd) * -.44);grid-column:3;grid-row:1;position:relative;height:52px;margin:0}#hud.gx:not(.gx-desk) .gx-tabs .goddess .statue{box-shadow:0 0 0 4px #10131e,0 0 0 5px var(--tray-edge)}#hud.gx:not(.gx-desk) .gx-tabs .goddess:after{content:"";position:absolute;left:50%;bottom:0;width:88px;height:20px;translate:-50% 0;z-index:4;border-radius:10px;pointer-events:none;background:linear-gradient(180deg,#fbf6ea,var(--paper));box-shadow:inset 0 0 0 1px #fff,0 2px 0 var(--paper-lip)}#hud.gx:not(.gx-desk) .goddess .lvb{z-index:5;left:calc(50% - 38px);top:auto;bottom:4px;transform:none;padding:0;gap:2px;background:none;box-shadow:none}#hud.gx:not(.gx-desk) .goddess .lvb small{display:none}#hud.gx:not(.gx-desk) .goddess .lvb b{font:700 11px/1 var(--hc-font-text);color:var(--slate)}#hud.gx:not(.gx-desk) .goddess .res.bless{right:calc(50% - 40px);bottom:3px}#hud.gx:not(.gx-desk) .goddess .res.bless .cur{width:12px;height:12px}#hud.gx:not(.gx-desk) .goddess .res.bless .val{font:700 11.5px/1 var(--hc-font-text);color:var(--slate);text-shadow:none}#hud.gx:not(.gx-desk) .goddess .res.bless small,#hud.gx:not(.gx-desk) .goddess .res.bless .rate{display:none}#hud.gx:not(.gx-desk) .goddess .cost{display:none}#hud.gx:not(.gx-desk) .goddess .auto{left:auto;right:-18px;top:calc(var(--gtop) + 20px);padding:4px 6px;font:700 8.5px/1 var(--hc-font-text);border-radius:8px;max-width:64px;white-space:nowrap}#hud.gx:not(.gx-desk) .goddess .bag{right:auto;left:-20px;top:calc(var(--gtop) + 20px);padding:3px 6px;font:700 9px/1 var(--hc-font-text);border-radius:8px}#hud.gx:not(.gx-desk) .coach{display:none}@property --dw{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --gd{syntax: "<length>"; inherits: true; initial-value: 64px;}@property --side{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --dc{syntax: "<length>"; inherits: true; initial-value: 46px;}@property --ds{syntax: "<length>"; inherits: true; initial-value: 40px;}@property --stack{syntax: "<length>"; inherits: true; initial-value: 374px;}#hud.gx.gx-desk .hud-root{--dw: min(1360px, 100cqw - 16px);--gd: clamp(80px, min(8.6cqw, 14.5cqh), 144px);--side: calc((var(--dw) - var(--gd) - 64px) / 2 - 30px);--dc: clamp(28px, min(4.1cqw, 7.2cqh, calc((var(--side) - 30px) / 7)), 66px);--ds: clamp(28px, min(3.9cqw, 6.6cqh, calc((var(--side) - 60px) / 6)), 60px)}#hud.gx.gx-desk .tophud{top:calc(env(safe-area-inset-top,0px) + 14px);left:18px;right:auto;display:flex;gap:clamp(12px,1.6cqw,26px);align-items:center}#hud.gx.gx-desk .gx-badge .ava{width:44px;height:44px;border-radius:12px}#hud.gx.gx-desk .gx-badge{height:44px}#hud.gx.gx-desk .res,#hud.gx.gx-desk .powerbox{height:40px}#hud.gx.gx-desk .regionpill,#hud.gx .gx-tr{display:none}#hud.gx.gx-desk .gx-tr{display:grid;position:absolute;z-index:21;top:calc(env(safe-area-inset-top,0px) + 12px);right:18px;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:14px;row-gap:6px;align-items:start}#hud.gx.gx-desk .gx-nav{grid-column:1;grid-row:1;display:flex;gap:4px}#hud.gx.gx-desk .gx-nav .gx-tab{width:60px;height:58px;min-height:0;gap:4px;border-radius:14px;text-shadow:0 1px 2px rgba(0,0,0,.7)}#hud.gx.gx-desk .gx-nav .gx-tab svg{width:26px;height:26px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}#hud.gx.gx-desk .gx-nav .gx-tab span{font-size:11.5px;font-weight:700}#hud.gx.gx-desk .gx-nav .gx-tab .dot{top:6px;right:14px}#hud.gx.gx-desk .gx-tr .ctrls{grid-column:1;grid-row:2;justify-self:end;position:static;display:flex;gap:6px;height:30px;width:auto;padding:0;background:none;box-shadow:none;border:0}#hud.gx.gx-desk .gx-tr .ctrls button{width:30px;height:30px;flex:none;border-radius:9px;background:#0b0d148c;box-shadow:inset 0 0 0 1px var(--tile-edge),var(--press);color:var(--hc-white)}#hud.gx.gx-desk .gx-tr .minimap{grid-column:2;grid-row:1 / 3;display:block;position:relative;inset:auto;width:clamp(160px,15cqw,252px);padding:0;border-radius:14px;overflow:hidden;cursor:pointer;background:#1a2030;box-shadow:inset 0 0 0 1px #f4ead242,0 8px 22px #0006}#hud.gx.gx-desk .gx-tr .minimap .map{position:relative;height:auto;aspect-ratio:3 / 2;border-radius:0;overflow:hidden}#hud.gx.gx-desk .gx-tr .minimap .mh{position:absolute;z-index:2;left:7px;top:7px;display:flex;align-items:center;gap:5px;max-width:calc(100% - 14px);margin:0;padding:3px 7px 3px 6px;border-radius:8px;background:#0c0f18c7;box-shadow:inset 0 0 0 1px var(--tile-edge);font:700 10.5px/1 var(--hc-font-text)}#hud.gx.gx-desk .gx-tr .minimap .mh b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}#hud.gx.gx-desk .gx-tr .minimap .mh .stg{margin-left:4px;color:var(--acc);white-space:nowrap}#hud.gx.gx-desk .gx-tr .minimap .mf{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:center;gap:6px;margin:0;padding:14px 8px 6px;font-size:10.5px;background:linear-gradient(180deg,transparent,rgba(8,10,16,.82) 55%)}#hud.gx.gx-desk .gx-tr .minimap .mf .wave{flex:1}#hud.gx.gx-desk .gx-tr .minimap .goal,#hud.gx.gx-desk .gx-tabs{display:none}#hud.gx.gx-desk .dock{inset:auto auto 0 50%;width:var(--dw);transform:translate(-50%);display:grid;grid-template-columns:minmax(0,1fr) calc(var(--gd) + 64px) minmax(0,1fr);align-items:stretch;gap:0;padding:0 0 calc(4px + env(safe-area-inset-bottom,0px))}#hud.gx.gx-desk .dock:before{content:"";position:absolute;z-index:-1;left:calc((var(--dw) - 100cqw) / 2);right:calc((var(--dw) - 100cqw) / 2);top:-110px;bottom:-40px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(8,10,16,.38) 38%,rgba(8,10,16,.72) 78%,rgba(8,10,16,.86))}#hud.gx.gx-desk .shrine{display:contents}#hud.gx .gx-side{display:none}#hud.gx.gx-desk .gx-side{display:grid;grid-template-rows:auto 1fr;gap:8px;min-width:0;padding:10px 18px 8px}#hud.gx.gx-desk .gx-hd{display:flex;align-items:center;gap:10px;min-width:0;height:32px;padding:0 4px;color:#fff8eadb;text-shadow:0 1px 2px rgba(0,0,0,.7)}#hud.gx.gx-desk .gx-hd b{font:700 13px/1 var(--hc-font-text);white-space:nowrap}#hud.gx.gx-desk .gx-hd em{font:400 11.5px/1 var(--hc-font-text);font-style:normal;color:#fff8ea8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#hud.gx.gx-desk .gx-hd .fill{flex:1}#hud.gx.gx-auto-on.gx-desk .gx-tip{display:none}#hud.gx.gx-desk .gx-gearbox{position:relative;display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-content:center;gap:0 16px;padding:4px 0 0}#hud.gx.gx-desk .sockets{display:grid;grid-template-columns:repeat(3,var(--ds));grid-template-rows:repeat(2,var(--ds));gap:6px}#hud.gx.gx-desk .sock{width:var(--ds);height:var(--ds);border-radius:11px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 70%,transparent),0 3px #0000008c,0 8px 16px #00000059}#hud.gx.gx-desk .sock .en{font-size:10px;right:3px;bottom:2px}#hud.gx.gx-desk .gx-team .party{--por: var(--dc);grid-template-columns:repeat(7,var(--dc));justify-content:center;align-content:end;gap:clamp(4px,.7cqw,12px);width:auto;padding:14px 0 0}#hud.gx.gx-desk .gx-hd .gx-autoult{position:relative;inset:auto;flex:none;height:32px}#hud.gx.gx-desk .gx-mid{position:relative}#hud.gx.gx-desk .gx-mid:before{content:"";position:absolute;left:50%;bottom:0;width:calc(var(--gd) * 2.4);height:calc(var(--gd) * 1.6);translate:-50% 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 38% 60%,rgba(143,216,255,.14),transparent 70%),radial-gradient(ellipse 50% 50% at 62% 60%,rgba(255,154,90,.12),transparent 70%)}#hud.gx.gx-desk .gx-mid .goddess{--gtop: 0px;position:absolute;left:50%;bottom:12px;width:var(--gd);height:calc(var(--gd) + 84px);translate:-50% 0;margin:0}#hud.gx.gx-desk .goddess .halo{width:calc(var(--gd) + 44px);background:radial-gradient(closest-side,#0c0f189e,#0c0f1861 78%,#0c0f1833);box-shadow:inset 0 0 0 1px var(--tray-edge),0 8px 24px #0000004d;transform:translate(-50%,-50%);opacity:1;border-radius:50%}#hud.gx.gx-desk .goddess.awake .halo{box-shadow:inset 0 0 0 1px var(--tray-edge),0 0 30px 6px #ffecbe73}#hud.gx.gx-desk .gx-mid .goddess:before{content:"";position:absolute;left:50%;top:-8px;width:calc(var(--gd) + 16px);height:calc(var(--gd) + 16px);translate:-50% 0;z-index:4;border-radius:50%;pointer-events:none;background:conic-gradient(var(--hc-ice) 0deg,var(--hc-ember) calc(var(--prog, 0) * 360deg),rgba(255,255,255,.12) calc(var(--prog, 0) * 360deg));-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px));mask:radial-gradient(closest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px))}#hud.gx.gx-desk .gx-mid .goddess:after{content:"";position:absolute;left:50%;top:-16px;width:calc(var(--gd) + 32px);height:calc(var(--gd) + 32px);translate:-50% 0;z-index:1;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(rgba(244,234,210,.42) 0 1.4deg,transparent 1.4deg 10deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(closest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px))}#hud.gx.gx-desk .goddess .statue{z-index:2;box-shadow:0 0 0 3px #0e111bcc,0 8px 20px #00000073}#hud.gx.gx-desk .goddess .statue .img{background-size:108% auto}#hud.gx.gx-desk .goddess .lvb{z-index:5;left:50%;top:calc(var(--gd) + 8px);bottom:auto;transform:translate(-50%);height:24px;padding:0 12px;gap:5px;align-items:center;border-radius:12px;background:linear-gradient(180deg,#fbf6ea,var(--paper));box-shadow:inset 0 0 0 1px #fff,0 2px 0 var(--paper-lip)}#hud.gx.gx-desk .goddess .lvb small{font:700 10.5px/1 var(--hc-font-text);color:#3a4152b8}#hud.gx.gx-desk .goddess .lvb b{font:400 14px/1 var(--hf-title);color:var(--slate)}#hud.gx.gx-desk .goddess .res.bless{top:calc(var(--gd) + 38px);right:calc(50% + 2px)}#hud.gx.gx-desk .goddess .res.bless .cur{width:17px;height:17px}#hud.gx.gx-desk .goddess .res.bless .val{font:700 16px/1 var(--hc-font-text);color:var(--hc-white)}#hud.gx.gx-desk .goddess .res.bless .stack{position:static}#hud.gx.gx-desk .goddess .res.bless small{position:absolute;left:calc(100% + 8px);top:4px;font:400 11px/1 var(--hc-font-text);color:#fff8eaa8;white-space:nowrap}#hud.gx.gx-desk .goddess .cost{left:auto;right:calc(50% + 6px);top:calc(var(--gd) + 64px);bottom:auto;transform:none;padding:0;gap:3px;background:none;box-shadow:none;font:700 11.5px/1 var(--hc-font-text);color:var(--hc-white)}#hud.gx.gx-desk .goddess .cost:before{content:"ครั้งละ";font:400 10.5px/1 var(--hc-font-text);color:#fff8ea9e;margin-right:2px}#hud.gx.gx-desk .goddess .cost .cur{width:11px;height:11px}#hud.gx.gx-desk .goddess .auto{left:calc(50% + 4px);right:auto;top:calc(var(--gd) + 60px);padding:4px 8px;font:700 9.5px/1 var(--hc-font-text);border-radius:8px}#hud.gx.gx-desk .goddess .bag{left:auto;right:calc(50% + var(--gd) / 2 + 14px);top:12px;padding:4px 8px;font:700 10px/1 var(--hc-font-text);border-radius:8px}#hud.gx.gx-desk .goddess .heart{top:calc(var(--gd) * .64)}#hud.gx.gx-desk .coach,#hud.gx.gx-desk.gx-narrow .gx-tip,#hud.gx.gx-desk.gx-tight .gx-count,#hud.gx.gx-desk.gx-tight .gx-autoult small{display:none}#hud.gx.gx-desk.gx-short .hud-root{--gd: clamp(54px, 15cqh, 76px);--dc: clamp(30px, min(10cqh, calc((var(--side) - 30px) / 7)), 46px);--ds: clamp(24px, min(8.4cqh, calc((var(--side) - 60px) / 6)), 40px)}#hud.gx.gx-desk.gx-short .gx-side{padding:6px 12px 4px;gap:4px}#hud.gx.gx-desk.gx-short .gx-hd{height:26px}#hud.gx.gx-desk.gx-short .gx-count,#hud.gx.gx-desk.gx-short .gx-tip,#hud.gx.gx-desk.gx-short .gx-autoult small{display:none}#hud.gx.gx-desk.gx-short .gx-hd .gx-autoult{height:26px;padding:0 9px 0 7px}#hud.gx.gx-desk.gx-short .gx-mid .goddess{bottom:8px;height:calc(var(--gd) + 40px)}#hud.gx.gx-desk.gx-short .goddess .lvb{top:calc(var(--gd) - 6px);height:20px;padding:0 9px}#hud.gx.gx-desk.gx-short .goddess .lvb b{font-size:12px}#hud.gx.gx-desk.gx-short .goddess .res.bless{top:calc(var(--gd) + 18px)}#hud.gx.gx-desk.gx-short .goddess .res.bless .val{font-size:13px}#hud.gx.gx-desk.gx-short .goddess .cost,#hud.gx.gx-desk.gx-short .goddess .auto{display:none}#hud.gx.gx-desk.gx-short .goddess .halo{width:calc(var(--gd) + 28px)}#hud.gx.gx-desk.gx-short .gx-mid .goddess:before{top:-6px;width:calc(var(--gd) + 12px);height:calc(var(--gd) + 12px)}#hud.gx.gx-desk.gx-short .gx-mid .goddess:after{top:-11px;width:calc(var(--gd) + 22px);height:calc(var(--gd) + 22px)}#hud.gx.gx-desk.gx-short .dock{grid-template-columns:minmax(0,1fr) calc(var(--gd) + 40px) minmax(0,1fr)}#hud.gx.gx-desk.gx-short .tophud{top:calc(env(safe-area-inset-top,0px) + 8px);left:10px;gap:10px}#hud.gx.gx-desk.gx-short .gx-tr{top:calc(env(safe-area-inset-top,0px) + 6px);right:10px;column-gap:8px}#hud.gx.gx-desk.gx-short .gx-nav .gx-tab{width:46px;height:46px;gap:3px}#hud.gx.gx-desk.gx-short .gx-nav .gx-tab svg{width:19px;height:19px}#hud.gx.gx-desk.gx-short .gx-nav .gx-tab span{font-size:9.5px}#hud.gx.gx-desk.gx-short .gx-tr .minimap{width:118px}#hud.gx.gx-desk.gx-short .gx-tr .minimap .mh,#hud.gx.gx-desk.gx-short .gx-tr .minimap .mf>span:first-child{display:none}#hud.gx.gx-desk.gx-short .gx-badge .ava{width:36px;height:36px}#hud.gx.gx-desk.gx-short .res,#hud.gx.gx-desk.gx-short .powerbox{height:34px}#hud.gx .toasts{top:calc(env(safe-area-inset-top,0px) + 96px)}#hud.gx .bossbar{top:calc(env(safe-area-inset-top,0px) + 92px)}#hud.gx.gx-desk .toasts{top:calc(env(safe-area-inset-top,0px) + 110px)}#hud.gx.gx-desk .bossbar{top:calc(env(safe-area-inset-top,0px) + 16px);width:min(460px,36cqw)}#hud.gx .banner strong{font-family:var(--hf-title);font-weight:400;color:var(--hc-white);text-shadow:0 2px 0 rgba(20,16,10,.8),0 0 24px rgba(244,234,210,.45)}#hud.gx .banner small{letter-spacing:normal;text-transform:none;font-family:var(--hc-font-text)}@container gx (min-width: 900px) and (min-height: 501px){.ci-layer{--ci-c-h: 58px;--ci-c-w: 392px;--ci-c-nm: 20px}.wish{width:56px;height:56px;margin:-28px 0 0 -28px}.wish .lab{font-size:10px;top:-19px}.wish .vd{font-size:13px;bottom:-20px}.picker{width:440px}.sheet{inset:72px auto auto 50%;width:min(1120px,calc(100% - 48px));max-height:calc(100% - 96px);border-radius:24px;border-bottom:1px solid var(--edge);transform:translate(-50%,110%)}.sheet.open{transform:translate(-50%)}.sh-head{padding:18px 22px 12px}.sh-head h2{font-size:24px}.sh-body{padding:4px 22px 22px}.gslots{grid-template-columns:repeat(6,minmax(0,86px));gap:24px 10px}}@container gx (max-height: 500px) and (orientation: landscape){.ci-layer{--ci-c-h: 44px;--ci-c-w: 248px;--ci-c-nm: 13.5px}.picker{width:380px;padding:9px 10px 8px}.picker footer{display:none}.sheet{inset:44px 8px 6px;border-radius:18px;border-bottom:1px solid var(--edge)}.sh-head{padding:10px 14px 6px}.sh-head h2{font-size:17px}.bigstatue{--bs: 1}}@container gx (min-width: 700px){.sh-head{display:flex}.sh-head .hbal{margin-left:auto}.cols{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start}.cols>div{display:flex;flex-direction:column;gap:10px;min-width:0}.cols.d{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}@container gx (max-width: 699px){.rcard .fr .sn{display:none}.rcard .fr .ic{width:62%}.p-hero{order:1}.p-recent{order:2}.p-tray{order:3}.p-odds{order:4}.p-filter{order:5}.p-track{order:6}.cols.d .p-team{order:1}.cols.d .p-slots{order:2}.cols.d .p-bonus{order:3}.bigstatue{--bs: 1}}#hud.gx .bigstatue .img{background:url(/assets/ui/goddess-shrine.webp) 50% 0% / 112% auto no-repeat,var(--sky);border-radius:50%;image-rendering:auto;box-shadow:inset 0 0 0 2px #fff9,0 6px 16px #00000059}#hud.gx .bigstatue .img{inset:auto 0;aspect-ratio:1}@media(prefers-reduced-motion:reduce){#hud.gx .slot.is-ult .gx-run,#hud.gx .slot.is-tap,#hud.gx .ssrb.tssr,#hud.gx .gx-autoult[aria-pressed=true] svg{animation:none}}#hud #offline{--off-paper:var(--paper);--off-paper2:#f7f2e9;--off-muted:#7e8490;--off-gold:#92743f;--off-edge:rgba(58,65,82,.14);--off-up:#478861;--off-lip:#232838;padding:12px;color:var(--slate);font:14px/1.5 var(--hc-font-text);font-variant-numeric:tabular-nums;pointer-events:auto;z-index:70}#hud #offline[hidden]{display:none}#hud #offline *{box-sizing:border-box;letter-spacing:normal;text-transform:none}#hud #offline .off-panel{position:relative;display:flex;flex-direction:column;width:min(100%,420px);max-height:100%;overflow:hidden;border-radius:18px;background:var(--off-paper);border:1px solid var(--off-edge);box-shadow:0 8px 24px #0003}#hud #offline .off-panel:before{content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid var(--gold);border-radius:13px;z-index:1}#hud #offline .off-header{padding:20px 18px 0;text-align:center;flex:none}#hud #offline .off-header>small{font-size:12px;font-weight:700;color:var(--off-gold)}#hud #offline h2{margin:4px 0 10px;font:22px/1.4 var(--hf-title);color:var(--slate)}#hud #offline .off-orn{display:flex;align-items:center;gap:5px;color:var(--gold);font-style:normal;line-height:1}#hud #offline .off-orn:before,#hud #offline .off-orn:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold))}#hud #offline .off-orn:after{rotate:180deg}#hud #offline .off-body{padding:16px 18px;overflow:auto;overscroll-behavior:contain;min-height:0;text-align:left}#hud #offline .off-away{text-align:center;color:var(--off-muted)}#hud #offline .off-away>small{font-size:12px}#hud #offline .off-away>div:first-of-type{padding:8px 0 12px;font-weight:700}#hud #offline .off-away b{font-size:34px;line-height:1;color:var(--slate)}#hud #offline .off-cap{display:flex;align-items:center;gap:10px;font-size:11px}#hud #offline .off-cap>span{flex:none}#hud #offline progress{appearance:none;width:100%;height:6px;min-width:0;border:0;border-radius:6px;overflow:hidden;background:var(--off-edge)}#hud #offline progress::-webkit-progress-bar{background:var(--off-edge)}#hud #offline progress::-webkit-progress-value{background:linear-gradient(90deg,var(--hc-ice),var(--gold),var(--hc-ember));border-radius:6px}#hud #offline progress::-moz-progress-bar{background:var(--gold)}#hud #offline .off-team{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:16px 0 2px}#hud #offline .off-team>div{display:grid;justify-items:center;gap:4px;min-width:0;font-size:11px}#hud #offline .off-portrait{display:block;width:100%;max-width:46px;aspect-ratio:1;border-radius:10px;background-color:var(--off-muted);box-shadow:inset 0 0 0 1px var(--off-edge)}#hud #offline .off-team small{color:var(--off-up);font-size:11px;font-weight:700;background:color-mix(in srgb,var(--off-up) 12%,transparent);border-radius:4px;padding:0 5px}#hud #offline .off-team small:empty{visibility:hidden}#hud #offline .off-team-note{text-align:center;font-size:12px;color:var(--off-muted);margin:8px 0 0}#hud #offline .off-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}#hud #offline .off-reward{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;row-gap:4px;padding:10px;min-width:0;background:var(--off-paper2);border:1px solid var(--off-edge);border-radius:12px}#hud #offline .off-icon{grid-row:span 2;width:26px;height:28px;display:grid;place-items:center;font-size:30px;font-style:normal}#hud #offline .off-icon svg,#hud #offline .cur{width:26px;height:26px}#hud #offline .off-reward small{font-size:11px;line-height:1.3;color:var(--off-muted)}#hud #offline .off-reward b{font-size:18px;line-height:1.2;overflow-wrap:anywhere}#hud #offline .off-shrine{margin-top:16px}#hud #offline h3{margin:0 0 6px;font-size:14px;color:var(--off-gold)}#hud #offline .off-shrine>p,#hud #offline .off-note{font-size:12px;color:var(--off-muted);margin:0 0 8px}#hud #offline .off-prizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#hud #offline .off-prize{background:var(--off-paper2);border-radius:10px;padding:8px 10px;display:grid;align-content:start;gap:2px}#hud #offline .off-prize>span{font-size:11px;color:var(--off-muted)}#hud #offline .off-prize>b{font-size:15px}#hud #offline .off-prize>small{font-size:11px;line-height:1.5;color:var(--off-muted)}#hud #offline .off-note{margin:14px 0 0}#hud #offline .off-footer{padding:12px 18px 18px;border-top:1px solid var(--off-edge);flex:none}#hud #offline #offline-ok{width:100%;min-height:48px;border:0;border-radius:26px;background:var(--slate);color:var(--off-paper);font:700 16px var(--hc-font-text);box-shadow:inset 0 0 0 2px var(--slate),inset 0 0 0 3px var(--gold),0 3px 0 var(--off-lip);cursor:pointer}#hud #offline #offline-ok:active{translate:0 2px;box-shadow:inset 0 0 0 2px var(--slate),inset 0 0 0 3px var(--gold),0 1px 0 var(--off-lip)}#hud #offline #offline-ok:focus-visible{outline:3px solid var(--hc-ice);outline-offset:3px}#hud #offline.off-collected .off-panel{animation:offline-collect .42s ease-in both}#hud #offline.off-collected .off-reward{animation:offline-reward .35s ease-out both}@keyframes offline-collect{0%,50%{opacity:1;transform:none}to{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes offline-reward{40%{background:color-mix(in srgb,var(--off-paper2) 65%,var(--gold));transform:translateY(-2px)}}#hud.gx-desk #offline .off-panel{width:min(100%,560px)}@media(max-height:520px)and (min-width:600px){#hud #offline{padding:8px}#hud.gx-desk #offline .off-panel{width:min(100%,760px)}#hud #offline .off-header{padding-top:10px}#hud #offline .off-header>small{display:none}#hud #offline h2{font-size:20px;margin-bottom:5px}#hud #offline .off-body{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;padding:10px 18px}#hud #offline .off-rewards{margin-top:0}#hud #offline .off-away b{font-size:28px}#hud #offline .off-footer{padding:8px 18px 12px}#hud #offline #offline-ok{min-height:44px}}@media(prefers-reduced-motion:reduce){#hud #offline *{animation:none!important;transition:none!important}}#hud.gx:not(.gx-desk) #minimap{display:block;position:absolute;z-index:25;top:calc(env(safe-area-inset-top,0px) + 86px);right:8px;width:clamp(122px,36cqw,172px);padding:0;border-radius:12px;overflow:hidden;background:#1a2030;box-shadow:inset 0 0 0 1px var(--tile-edge),0 4px 12px #00000040}#hud.gx:not(.gx-desk) #minimap .map{position:relative;height:auto;aspect-ratio:3 / 2;border-radius:0;overflow:hidden}#hud.gx:not(.gx-desk) #minimap .mh,#hud.gx:not(.gx-desk) #minimap .mf,#hud.gx:not(.gx-desk) #minimap .goal{display:none}#hud.gx #minimap .mini-toggle{display:block;width:100%;height:36px;min-height:36px;margin:0;padding:0 6px;border:0;border-radius:0;background:#202637;color:#f4ead2;font:600 11px/1 var(--hc-font-text);cursor:pointer}#hud.gx:not(.gx-desk) #minimap .mini-toggle,#hud.gx.gx-short #minimap .mini-toggle{height:44px;min-height:44px}#hud.gx #minimap.is-collapsed .map,#hud.gx #minimap.is-collapsed .mh,#hud.gx #minimap.is-collapsed .mf,#hud.gx #minimap.is-collapsed .goal{display:none}#hud.gx #minimap #mini:focus-visible,#hud.gx #minimap .mini-toggle:focus-visible{outline:2px solid #ffe0a0;outline-offset:-3px}#hud.gx.gx-desk #minimap .mf{bottom:36px;pointer-events:none}#hud.gx.gx-desk #minimap .mh{pointer-events:none}#hud.gx.gx-short #minimap .mf{bottom:44px}#hud #picker{--pk-paper: #efe8da;--pk-paper2: #f6f1e7;--pk-edge: #d8c9ae;--pk-gold: #c9ad79;--pk-slate: #3a4152;--pk-muted: #7c8494;--pk-info: #507ab7;box-sizing:border-box;display:flex;flex-direction:column;width:min(560px,calc(100% - 16px));padding:0;border:1px solid var(--pk-edge);border-radius:19px;background:var(--pk-paper);color:var(--pk-slate);font:13px/1.45 Anuphan,sans-serif;font-variant-numeric:tabular-nums;box-shadow:0 8px 24px #0000002e;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none}#hud #picker[hidden]{display:none}#hud #picker:before{content:"";position:absolute;inset:5px;border:1px solid var(--pk-gold);border-radius:14px;pointer-events:none;opacity:.65}#hud #picker:after{display:none}#hud #picker *{box-sizing:border-box}#hud #picker header{display:block;position:relative;flex:none;margin:0;padding:15px 60px 10px;text-align:center}#hud #picker h2{margin:0;color:var(--pk-slate);font:20px/1.4 Chonburi,serif;letter-spacing:normal}#hud #picker .pk-orn{display:block;width:min(200px,85%);height:1px;margin:12px auto 0;background:linear-gradient(90deg,transparent,var(--pk-gold),transparent)}#hud #picker .pk-orn:after{content:"";display:block;width:7px;height:7px;margin:auto;transform:translateY(-3px) rotate(45deg);background:var(--pk-paper);border:1px solid var(--pk-gold)}#hud #picker .x{position:absolute;right:10px;top:8px;margin:0;width:44px;height:44px;border:0!important;border-radius:50%;background:var(--pk-slate);color:var(--pk-paper);box-shadow:0 3px 0 var(--pk-edge)}#hud #picker .x svg{width:20px;height:20px}#hud #picker .pk-body{position:relative;min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 14px 8px}#hud #picker .pk-current{display:flex;align-items:center;gap:9px;margin-bottom:10px}#hud #picker .pk-avatar{display:block;flex:none;width:42px;height:42px;border-radius:10px;background-color:var(--pk-slate);background-repeat:no-repeat}#hud #picker .pk-current-text{flex:1;min-width:0}#hud #picker .pk-current-text b{display:block;color:var(--pk-slate);font:700 15px/1.3 Anuphan,sans-serif}#hud #picker .pk-current-text small{display:block;font-size:11px;color:var(--pk-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hud #picker .hero-picker-entry{display:block;flex:none;width:auto;min-height:44px;padding:8px 12px;margin:0;border:1px solid var(--pk-edge);border-radius:30px;background:var(--pk-paper2);color:var(--pk-slate);font:700 12px/1.3 Anuphan,sans-serif;box-shadow:0 2px 0 var(--pk-edge)}#hud #picker .slotcool{margin:0 0 10px;padding:8px 10px;border:0;background:color-mix(in srgb,var(--pk-info) 9%,var(--pk-paper2));color:var(--pk-slate);font-size:12px;gap:8px}#hud #picker .slotcool svg{width:16px;height:16px;color:var(--pk-info);flex:none}#hud #picker .slotcool span{flex:1}#hud #picker .slotcool b{font:700 12px/1.4 Anuphan,sans-serif;color:var(--pk-info)}#hud #picker .roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 7px}#hud #picker .rc{position:relative;min-width:0;min-height:44px;display:flex;align-items:stretch;gap:0;padding:0 0 7px!important;overflow:hidden;border-radius:10px;border:0!important;background:var(--pk-paper2)!important;box-shadow:0 2px 2px #3a41521f,inset 0 0 0 1px var(--pk-edge);transition:transform .16s,box-shadow .16s}#hud #picker .rc .pp{display:block;position:relative;width:100%;aspect-ratio:1;border-radius:10px 10px 16px 0;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--el) 25%,var(--pk-paper)),var(--pk-slate))}#hud #picker .rc .por{width:auto;inset:0;border-radius:0}#hud #picker .rc .ssrb{top:4px;right:3px;left:auto;padding:2px 4px;border:0;border-radius:5px;font:700 11px/1 Anuphan,sans-serif;color:var(--pk-paper2);background:var(--pk-slate);box-shadow:none;animation:none}#hud #picker .rc[data-r=SSR] .ssrb{background:#ad8d4a}#hud #picker .rc[data-r=TSSR] .ssrb{background:#758bb5}#hud #picker .pk-element{position:absolute;top:6px;left:5px;width:8px;height:8px;border-radius:2px;background:var(--el);transform:rotate(45deg);box-shadow:0 0 0 1px var(--pk-paper2)}#hud #picker .rc .rn{display:block;min-width:0;padding:6px 2px 0;font:700 12px/1.25 Anuphan,sans-serif;color:var(--pk-slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hud #picker .rc .tg{display:block;position:static;padding:3px 2px 0;border-radius:0;font:400 11px/1.25 Anuphan,sans-serif;color:var(--pk-muted);background:none;white-space:nowrap}#hud #picker .rc.ready .tg{color:#927643;font-weight:700}#hud #picker .rc.here{background:#fff!important;box-shadow:inset 0 0 0 2px var(--pk-slate),0 2px 2px #3a415224}#hud #picker .rc.here .tg{color:var(--pk-info);font-weight:700}#hud #picker .rc.rest .por,#hud #picker .rc.busy .por{filter:grayscale(1) opacity(.6)}#hud #picker .rc.rest .pp:after{display:none}#hud #picker .rc.busy{opacity:1}#hud #picker .rc .rt{display:grid;place-items:center;position:absolute;inset:0;width:100%;height:100%;font:700 20px/1 Anuphan,sans-serif;color:#fff;text-shadow:0 1px 4px rgb(0 0 0 / .75)}#hud #picker .rc.can:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px var(--pk-gold),0 4px 8px #3a41522e}#hud #picker button:focus-visible{outline:3px solid var(--pk-info);outline-offset:2px}#hud #picker button:active{transform:translateY(2px)}#hud #picker footer{display:block;flex:none;margin:0;padding:10px 14px 14px;border-top:1px solid var(--pk-edge);font:12px/1.45 Anuphan,sans-serif;color:var(--pk-muted)}#hud #picker footer b{color:var(--pk-slate);font:700 12px/1.45 Anuphan,sans-serif}#hud #picker .arrow{background:var(--pk-paper);border-color:var(--pk-gold)}@media(max-height:520px)and (min-width:600px){#hud #picker{width:min(780px,calc(100% - 16px))}#hud #picker header{padding:8px 60px}#hud #picker h2{font-size:17px}#hud #picker .pk-orn{margin-top:7px}#hud #picker .roster{grid-template-columns:repeat(11,minmax(0,1fr));gap:6px}#hud #picker .pk-current{margin-bottom:6px}#hud #picker footer{padding:7px 14px 10px;font-size:11px}}@media(prefers-reduced-motion:reduce){#hud #picker,#hud #picker *{animation:none!important;transition:none!important}}.sndpop{position:absolute;z-index:48;width:min(300px,calc(100% - 16px));max-height:calc(100% - 16px);overflow-y:auto;overscroll-behavior:contain;padding:10px 12px;border-radius:16px;background:linear-gradient(180deg,var(--pop-top),var(--pop-bot));display:grid;gap:2px}.sndpop.in{animation:pop .3s var(--spring)}.sndpop header{display:flex;align-items:center;gap:8px;margin:0 0 6px 2px}.sndpop header .ico{flex:none;width:18px;height:18px;display:grid;color:var(--acc)}.sndpop header .ico svg{width:100%;height:100%}.sndpop h2{margin:0;display:flex;align-items:baseline;gap:7px;font:700 15px/1.1 var(--numf);color:var(--ink)}.sndpop h2 small{font:700 9.5px/1 DM Sans,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.sndpop .x{width:32px;height:32px;border-radius:10px}.sndpop .x svg{width:15px;height:15px}.sndpop .lab{display:grid;gap:2px;min-width:0;cursor:pointer}.sndpop .lab b{font:600 13px/1.15 var(--numf);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sndpop .lab small{font:500 10.5px/1.1 DM Sans,system-ui,sans-serif;color:var(--ink-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sndrow{display:grid;grid-template-columns:94px minmax(0,1fr) 38px;align-items:center;gap:8px;min-height:40px;padding:0 2px}.sndrow.mute{grid-template-columns:minmax(0,1fr) auto;min-height:44px;padding:4px 8px 4px 10px;margin-bottom:4px;border-radius:12px;background:var(--chip);border:1px solid var(--chip-edge)}.sndrow .v{font:700 12px/1 var(--numf);font-variant-numeric:tabular-nums;color:var(--ink-dim);text-align:right}.sndpop[data-state=muted] .sndrow.lvl,.sndpop[data-state=off] .sndrow.lvl{opacity:.5}.sndstate{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 10px;margin-bottom:4px;border-radius:12px;background:var(--chip);border:1px dashed var(--chip-edge);color:var(--ink-dim)}.sndstate .t{flex:1;min-width:0;display:grid;gap:2px}.sndstate .t b{font:600 12px/1.25 var(--numf);color:var(--ink)}.sndstate .t small{font:500 10.5px/1.25 DM Sans,system-ui,sans-serif;color:var(--ink-mute)}.sndstate .btn{height:32px;padding:0 12px!important;flex:none}.sndpop input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:32px;margin:0;padding:0;background:transparent;cursor:pointer;touch-action:pan-y;--f: 50%}.sndpop input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--acc) var(--f),var(--track) var(--f));box-shadow:inset 0 0 0 1px var(--chip-edge)}.sndpop input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border:0;border-radius:50%;background:linear-gradient(#fff,#e2ddd0);box-shadow:0 2px 4px #00000059,0 0 0 1px #00000014;transition:transform .2s var(--spring)}.sndpop input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}.sndpop input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--track);box-shadow:inset 0 0 0 1px var(--chip-edge)}.sndpop input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--acc)}.sndpop input[type=range]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:linear-gradient(#fff,#e2ddd0);box-shadow:0 2px 4px #00000059}.sndpop input[type=range]:disabled{cursor:not-allowed}#hud .sndpop input[type=range]:focus-visible{outline:none}.sndpop input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--acc-hi),0 2px 4px #00000059}.sndpop input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--acc-hi)}.more #soundRow em{min-width:3.2em;text-align:right}@container hud (max-height: 500px) and (orientation: landscape){.sndpop{padding:8px 10px;width:290px}.sndpop header{margin-bottom:4px}.sndrow{min-height:36px}.sndrow.mute{min-height:40px}}.qcard{position:absolute;z-index:6;right:10px;bottom:120px;height:32px;width:max-content;max-width:min(300px,76%);display:flex;align-items:center;gap:7px;padding:0 11px 0 7px;border-radius:12px;overflow:hidden;pointer-events:auto;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;color:var(--slate, #3a4152);font-family:var(--hc-font-text, "Anuphan", "Thonburi", "Leelawadee UI", "Noto Sans Thai", system-ui, sans-serif);background:linear-gradient(90deg,rgb(143 216 255 / .5) var(--qp, 0%),rgb(239 232 218 / .95) var(--qp, 0%));border:1px solid rgb(58 65 82 / .16);box-shadow:0 3px #00000061,0 4px 12px #0000002e;transform-origin:85% 100%;transition:box-shadow .35s,border-color .35s,background .35s}.qcard[hidden]{display:none!important}.qcard .qi{flex:none;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:11px;line-height:1;color:#fff;background:#4c70ae}.qcard .qi svg{width:13px;height:13px;display:block}.qcard .qt{flex:0 1 auto;min-width:0;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qcard .qn,.qcard .qr{flex:none;margin-left:4px;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}.qcard .qr{display:none;color:#7a5e2e}.qcard:active{transform:translateY(2px);box-shadow:0 1px #00000061,0 2px 8px #0000002e}.qcard.ready{background:linear-gradient(90deg,#fff6df,#f6e6bc);border-color:#c9ae7af2;box-shadow:0 3px #0000004d,0 0 16px 4px #ffd678e6,0 0 34px 10px #ffc45a73;animation:qc-breathe 1.8s ease-in-out infinite}.qcard.ready .qi{background:#b8975a}.qcard.ready .qn{display:none}.qcard.ready .qr{display:block}.qcard:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transform:translate(-100%);background:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .85) 50%,transparent 65%)}.qcard.ready:after{opacity:1;animation:qc-sweep 1.8s ease-in-out infinite}.qcard.pop{animation:qc-pop .42s cubic-bezier(.3,1.5,.5,1) both}.qcard.out{animation:qc-out .3s ease-in both;pointer-events:none}@keyframes qc-breathe{50%{box-shadow:0 3px #0000004d,0 0 24px 7px #ffdc82,0 0 48px 16px #ffc45a8c}}@keyframes qc-sweep{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}@keyframes qc-pop{0%{opacity:0;transform:translateY(12px) scale(.86)}to{opacity:1;transform:none}}@keyframes qc-out{to{opacity:0;transform:translateY(-10px) scale(.94)}}.qcard .qa{flex:none;padding:2px 6px 3px;border-radius:7px;font-size:10.5px;font-weight:700;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;color:#4c5670;background:#3a41521a;box-shadow:inset 0 0 0 1px #3a415224}.qcard .qa.off{display:none}.qcard.ready .qa{color:#7a5e2e;background:#b8975a29;box-shadow:inset 0 0 0 1px #b8975a52}.qcard.has-act{max-width:min(340px,calc(100% - 20px))}.qseal{position:absolute;z-index:6;right:10px;bottom:156px;width:max-content;max-width:min(300px,76%);display:flex;flex-direction:column;gap:1px;padding:4px 10px 4px 8px;border-radius:10px;pointer-events:none;user-select:none;-webkit-user-select:none;color:#eef0f8;font-family:var(--hc-font-text, "Anuphan", "Thonburi", "Leelawadee UI", "Noto Sans Thai", system-ui, sans-serif);background:#0e121eb3;box-shadow:inset 0 0 0 1px #d6e2ff38,0 2px 8px #0003}.qseal.off,.qseal .off{display:none}.qseal .qs-l{display:flex;align-items:flex-start;gap:5px;font-size:11.5px;font-weight:700;line-height:1.3;text-shadow:0 1px 2px rgb(0 0 0 / .6)}.qseal .qs-i{flex:none;width:13px;height:13px;margin-top:1px;color:#cfe0ff}.qseal .qs-i svg{width:13px;height:13px;display:block}.qseal .qs-b{padding-left:18px;font-size:11px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;color:#ffe3a0;text-shadow:0 1px 2px rgb(0 0 0 / .6)}.qseal.m3{background:#0a1630b8;box-shadow:inset 0 0 0 1px #96cdff4d,0 2px 8px #0003}.qseal.m3 .qs-i{color:#bfe3ff}.qseal.m3 .qs-b{color:#ffe9a8}.qfly{position:absolute;z-index:7;pointer-events:none;padding:4px 8px;border-radius:8px;white-space:nowrap;font:700 13px/1 var(--hc-font-text, "Anuphan", system-ui, sans-serif);font-variant-numeric:tabular-nums;color:#7a5e2e;background:#fff8eaf2;box-shadow:0 2px 8px #0003}@media(prefers-reduced-motion:reduce){.qcard.ready,.qcard.ready:after,.qcard.pop,.qcard.out{animation:none}}#app.in-town:not(.stage-show) .post-gl,#app.in-town:not(.stage-show) .post-top{visibility:hidden!important}#app.in-town #banner:not(.tw){visibility:hidden!important}#app.in-town #minimap,#app.in-town #hud .bossbar,#app.in-town #hud .boss,#app.in-town .ci-layer,#app.in-town #foes,#app.in-town #nearby{display:none!important}.tw-fight{position:absolute;z-index:30;left:50%;top:calc(10px + env(safe-area-inset-top,0px));translate:-50% 0;display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:5px 5px 5px 12px;border-radius:14px;pointer-events:auto;color:var(--ink, #f4ead2);background:linear-gradient(180deg,var(--g-top, rgba(22,26,38,.62)),var(--g-bot, rgba(11,13,20,.8)));box-shadow:inset 0 0 0 1px var(--edge-soft, rgba(244,234,210,.14)),0 6px 18px #00000040;font:500 12.5px/1.2 var(--hc-font-text, Anuphan, sans-serif)}.tw-fight .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.tw-fight .dot{width:8px;height:8px;border-radius:50%;flex:none;background:#8fd16a;box-shadow:0 0 0 3px #8fd16a38;animation:tw-pulse 1.6s ease-in-out infinite}@keyframes tw-pulse{50%{box-shadow:0 0 0 6px #8fd16a00}}.tw-back,.tw-skip{flex:none;padding:7px 12px;border-radius:10px;font:700 12.5px/1 var(--hc-font-text, Anuphan, sans-serif);color:var(--acc-ink, #1b1d26);background:linear-gradient(180deg,var(--acc-hi, #fff4d6),var(--acc, #eadbb2));box-shadow:var(--press, 0 3px 0 rgba(0,0,0,.38))}.tw-back:active,.tw-skip:active{translate:0 2px;box-shadow:var(--press-down, 0 1px 0 rgba(0,0,0,.38))}.tw-skip{position:absolute;z-index:31;right:16px;top:50%;padding:10px 18px;font-size:14px;pointer-events:auto}.tw-chatkey{position:absolute;z-index:30;left:12px;bottom:calc(var(--tw-bottom, 150px) + 6px);display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:14px;pointer-events:auto;color:var(--ink, #f4ead2);background:linear-gradient(180deg,var(--g-top),var(--g-bot));box-shadow:inset 0 0 0 1px var(--edge-soft),0 6px 16px #00000040;font:700 13px/1 var(--hc-font-text, Anuphan, sans-serif)}.tw-chatkey svg{width:18px;height:18px}.tw-chatkey.on{box-shadow:inset 0 0 0 1px var(--acc, #eadbb2),0 6px 16px #00000040}.tw-sheet{position:absolute;z-index:32;left:12px;bottom:calc(var(--tw-bottom, 150px) + 52px);width:min(360px,calc(100% - 24px));padding:10px;border-radius:16px;pointer-events:auto;background:linear-gradient(180deg,var(--pop-top, rgba(28,32,46,.96)),var(--pop-bot, rgba(11,13,20,.98)));box-shadow:inset 0 0 0 1px var(--edge-soft),0 12px 30px #00000059}.tw-sheet .st{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:8px}.tw-sheet .stk{aspect-ratio:1;border-radius:10px;background:#ffffff0d;display:grid;place-items:center}.tw-sheet .stk canvas{width:34px;height:34px}.tw-sheet .stk:hover,.tw-sheet .phr:hover{background:#ffffff1a}.tw-sheet .ph{display:flex;flex-wrap:wrap;gap:6px}.tw-sheet .phr{padding:7px 10px;border-radius:10px;background:#ffffff0f;color:var(--ink, #f4ead2);font:500 13px/1.1 var(--hc-font-text, Anuphan, sans-serif);box-shadow:inset 0 0 0 1px var(--chip-edge, rgba(244,234,210,.16))}.tw-log{position:absolute;z-index:29;left:12px;bottom:calc(var(--tw-bottom, 150px) + 50px);width:min(300px,60%);pointer-events:auto;color:var(--ink, #f4ead2);font:400 12px/1.35 var(--hc-font-text, Anuphan, sans-serif)}.tw-chatkey:not([hidden])~.tw-log{bottom:calc(var(--tw-bottom, 150px) + 50px)}.tw-log .hd{display:none}.tw-log ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.tw-log li{padding:2px 8px;border-radius:8px;background:#0b0d1461;width:fit-content;max-width:100%;text-shadow:0 1px 2px rgba(0,0,0,.6)}.tw-log li b{color:var(--lab, #d8c08e);font-weight:700}.tw-log li.npc b{color:#b9c3e8}.tw-log li.me b{color:#ffe3a0}.tw-log.open ol{max-height:40vh;overflow:auto;padding:6px;border-radius:12px;background:#0b0d14b8}.tw-log{cursor:pointer}.tw-modal{position:absolute;z-index:60;inset:0;display:grid;place-items:center;padding:16px;pointer-events:auto;background:#080a1047}.tw-card{width:min(380px,100%);padding:18px 18px 16px;border-radius:18px;text-align:center;color:var(--ink, #f4ead2);background:linear-gradient(180deg,var(--sh-top, rgba(24,28,40,.95)),var(--sh-bot, rgba(11,13,20,.97)));box-shadow:inset 0 0 0 1px var(--edge, rgba(244,234,210,.3)),0 18px 40px #0006}.tw-card small{display:block;color:var(--lab, #d8c08e);font:500 12px/1.2 var(--hc-font-text, Anuphan, sans-serif);letter-spacing:.02em}.tw-card h3{margin:4px 0 6px;font:400 22px/1.2 var(--hf-title, Chonburi, serif);color:var(--hc-white, #fff8ea)}.tw-card p{margin:0 0 12px;color:var(--ink-dim, #cdc6b6);font:400 13.5px/1.4 var(--hc-font-text, Anuphan, sans-serif)}.tw-card .soon{display:inline-block;margin:0 0 14px;padding:4px 12px;border-radius:999px;font:700 12px/1.2 var(--hc-font-text);font-style:normal;color:var(--acc-ink, #1b1d26);background:var(--acc, #eadbb2)}.tw-card button[data-close],.tw-card .ok{display:block;width:100%;padding:11px;border-radius:12px;font:700 14px/1 var(--hc-font-text, Anuphan, sans-serif);color:var(--acc-ink, #1b1d26);background:linear-gradient(180deg,var(--acc-hi, #fff4d6),var(--acc, #eadbb2));box-shadow:var(--press, 0 3px 0 rgba(0,0,0,.38))}.pick-card{width:min(520px,100%)}.tw-card .pks{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 14px}.tw-card .pk{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 5px;border-radius:12px;color:var(--ink);background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--chip-edge, rgba(244,234,210,.16))}.tw-card .pk.on{background:#ffe3a029;box-shadow:inset 0 0 0 2px var(--num-gold, #ffe3a0)}.tw-card .pk .pt{width:44px;height:44px;border-radius:10px;image-rendering:pixelated;background-color:#2a3046}.tw-card .pk b{font:700 11px/1.1 DM Sans,sans-serif}.tw-card .pk i{font:700 9px/1 DM Sans,sans-serif;font-style:normal;color:#ffd970;letter-spacing:-.5px}.tw-card .pk em{position:absolute;top:3px;right:3px;padding:1px 4px;border-radius:5px;font:800 8px/1.2 DM Sans,sans-serif;font-style:normal;color:#3b2a10;background:linear-gradient(90deg,#ffe7a3,#f2b84a)}.tw-card .pk.tssr em{background:linear-gradient(90deg,#9fe7ff,#f7b7ff,#ffe39a)}@media(max-width:420px){.tw-card .pks{grid-template-columns:repeat(5,1fr);gap:4px}.tw-card .pk .pt{width:38px;height:38px}}#hud.gx:not(.gx-desk) .gx-tab.gx-town-chip{position:absolute;z-index:25;left:10px;top:calc(86px + env(safe-area-inset-top,0px))}#hud.gx:not(.gx-desk) .tw-fight{top:calc(128px + env(safe-area-inset-top,0px))}#hud.gx .gx-tab.gx-town-chip{flex-direction:row;gap:5px;min-height:30px;padding:0 10px;border-radius:12px;pointer-events:auto;background:linear-gradient(180deg,var(--g-top),var(--g-bot));box-shadow:inset 0 0 0 1px var(--edge-soft)}#hud.gx .gx-tab.gx-town-chip svg{width:17px;height:17px}#hud.gx .gx-tab.gx-town-chip span{font-size:12px;font-weight:700}#hud.gx .gx-tab[data-m=town].in-town{color:var(--num-gold, #ffe3a0)}.m2chip{position:absolute;z-index:18;left:10px;top:122px;display:flex;align-items:center;gap:6px;height:22px;padding:0 10px 0 6px;border-radius:11px;max-width:calc(100% - 160px);pointer-events:none;user-select:none;-webkit-user-select:none;white-space:nowrap;color:var(--hc-white, #fff8ea);font-family:var(--hc-font-text, "Anuphan", "Thonburi", "Leelawadee UI", "Noto Sans Thai", system-ui, sans-serif);background:#0b0d1480;box-shadow:inset 0 0 0 1px var(--chip-edge, rgb(244 234 210 / .16));transition:background .6s,box-shadow .6s,color .6s}.m2chip.off{display:none}.m2chip .m2i{flex:none;width:15px;height:15px;display:grid;place-items:center;color:#cfe0ff;transition:color .6s}.m2chip .m2i svg{width:15px;height:15px;display:block}.m2chip .m2i .i-full,.m2chip .m2i .i-ecl{display:none}.m2chip .m2t{min-width:0;display:flex;flex-direction:column;justify-content:center}.m2chip .m2t b{font-size:11.5px;line-height:1.1;font-weight:700;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgb(0 0 0 / .6)}.m2chip .m2t small{display:none;font-size:10px;line-height:1.1;font-weight:400;font-variant-numeric:tabular-nums;color:var(--ink-dim, #cdc6b6)}.m2chip.is-full{background:linear-gradient(90deg,#3a3646a8,#1e1e2a8f);box-shadow:inset 0 0 0 1px #ffecaa8c,0 0 12px 1px #ffecaa52;animation:m2-breathe 3.8s ease-in-out infinite}.m2chip.is-full .m2i .i-wane,.m2chip.is-eclipse .m2i .i-wane{display:none}.m2chip.is-full .m2i .i-full{display:block}.m2chip.is-full .m2i{color:#fff1c4}.m2chip.is-full .m2t b{color:#fff6dc}.m2chip.is-eclipse{background:linear-gradient(90deg,#5c4216b3,#34261094);box-shadow:inset 0 0 0 1px #ffce6ecc,0 0 16px 2px #ffc8646b;animation:m2-breathe-gold 3.2s ease-in-out infinite}.m2chip.is-eclipse .m2i .i-ecl{display:block}.m2chip.is-eclipse .m2i{color:#ffd978}.m2chip.is-eclipse .m2t b{color:#ffe9b0}@keyframes m2-breathe{50%{box-shadow:inset 0 0 0 1px #fff0becc,0 0 20px 3px #ffecaa80}}@keyframes m2-breathe-gold{50%{box-shadow:inset 0 0 0 1px #ffdc8c,0 0 24px 5px #ffcc6e94}}#hud.gx-desk .m2chip{height:auto;min-height:28px;padding:3px 12px 3px 8px;border-radius:12px;max-width:320px}#hud.gx-desk .m2chip .m2i,#hud.gx-desk .m2chip .m2i svg{width:18px;height:18px}#hud.gx-desk .m2chip .m2t b{font-size:13px}#hud.gx-desk .m2chip .m2t small{display:block}#hud.gx-desk.gx-short .m2chip .m2t small{display:none}.toast.m2-wrap{white-space:normal;text-align:center;line-height:1.4;border-radius:16px}.m2f{position:absolute;z-index:44;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;white-space:nowrap;font-family:var(--hc-font-text, "Anuphan", system-ui, sans-serif);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #3a2418,0 0 5px rgb(40 24 8 / .8),0 0 10px rgb(255 214 110 / .4)}.m2f b{font-size:14px;line-height:1;font-weight:700;color:#ffe9a8}.m2f em{font-style:normal;font-size:11.5px;line-height:1;font-weight:700;color:#e6edff}.m2f small{font-size:11px;line-height:1;font-weight:700;color:#fff4d6;letter-spacing:.04em}.m2f.big b{font-size:22px}.m2f.big em{font-size:14px}.m2f.big small{font-size:13px}.m2u{position:absolute;z-index:34;left:50%;top:47%;transform:translate(-50%,-50%);width:min(92%,520px);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;pointer-events:none;opacity:0;font-family:var(--hc-font-text, "Anuphan", system-ui, sans-serif);color:var(--hc-white, #fff8ea)}.m2u.in{opacity:1}.m2u-fx{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.m2s{position:absolute;left:0;top:0;display:block;opacity:0;filter:drop-shadow(0 0 5px var(--c, #ffe3a0)) drop-shadow(0 1px 1px rgb(70 44 12 / .5))}.m2s i{display:block;width:100%;height:100%;background:radial-gradient(circle,#fff 0 24%,var(--c, #ffe3a0) 27% 100%);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.m2u-k{font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#f4e6bd;text-shadow:0 1px 2px rgb(30 18 6 / .9),0 0 6px rgb(30 18 6 / .6)}.m2u-t{font-family:var(--hf-title, "Chonburi", serif);font-weight:400;font-size:clamp(26px,6cqw,44px);line-height:1.1;color:#fff8ea;text-shadow:0 2px 0 #3a2418,0 0 5px rgb(40 24 8 / .9),0 0 18px rgb(40 24 8 / .45),0 0 26px rgb(255 236 170 / .5)}.m2u-big{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:2px}.m2u-big small{font-size:15px;font-weight:700;color:#e6edff;text-shadow:0 1px 3px rgb(0 0 0 / .75)}.m2u-big em{font-style:normal;font-size:20px;font-weight:700;color:#fff4d6;text-shadow:0 1px 3px rgb(0 0 0 / .75)}.m2u-big b{min-width:2ch;font-size:clamp(54px,13cqw,92px);line-height:1;font-weight:700;font-variant-numeric:tabular-nums;color:#ffe39a;background:linear-gradient(180deg,#fffbe6 8%,#ffd978 62%,#f0b84e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 rgb(58 36 24 / .85)) drop-shadow(0 0 16px rgb(255 214 110 / .55))}.m2u-sub{display:flex;flex-direction:column;gap:3px;margin-top:4px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff4d6;text-shadow:0 1px 2px rgb(30 18 6 / .9),0 0 6px rgb(30 18 6 / .6)}.m2u-sub span:last-child{color:#eef2ff}.m2u.in .m2u-k{animation:m2u-fade .4s ease-out both}.m2u.in .m2u-t{animation:m2u-rise .55s cubic-bezier(.2,1.3,.4,1) .05s both}.m2u.in .m2u-big{animation:m2u-pop .5s cubic-bezier(.3,1.6,.5,1) .25s both}.m2u.in .m2u-sub{animation:m2u-fade .5s ease-out .95s both}.m2u.out{animation:m2u-out .55s ease-in forwards}@keyframes m2u-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes m2u-rise{0%{opacity:0;transform:translateY(14px) scale(.86)}to{opacity:1;transform:none}}@keyframes m2u-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes m2u-out{to{opacity:0;transform:translate(-50%,calc(-50% - 14px))}}.m2u.m3 .m2s{filter:drop-shadow(0 0 5px var(--c, #bfe3ff)) drop-shadow(0 1px 1px rgb(12 26 56 / .5))}.m2u.m3 .m2u-k{color:#d8ecff;text-shadow:0 1px 2px rgb(8 18 42 / .9),0 0 6px rgb(8 18 42 / .6)}.m2u.m3 .m2u-t{color:#f4faff;text-shadow:0 2px 0 #16284a,0 0 5px rgb(8 18 42 / .9),0 0 18px rgb(8 18 42 / .45),0 0 26px rgb(191 227 255 / .55)}.m2u.m3 .m2u-big small{color:#bfe3ff;text-shadow:0 1px 3px rgb(0 0 0 / .75)}.m2u.m3 .m2u-big em{color:#e8f4ff;text-shadow:0 1px 3px rgb(0 0 0 / .75)}.m2u.m3 .m2u-big b{color:#bfe3ff;background:linear-gradient(180deg,#f6fbff 8%,#bfe3ff 62%,#7fb4f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 rgb(18 34 68 / .85)) drop-shadow(0 0 16px rgb(150 205 255 / .55))}.m2u.m3 .m2u-sub{color:#e8f4ff;text-shadow:0 1px 2px rgb(8 18 42 / .9),0 0 6px rgb(8 18 42 / .6)}.m2u.m3 .m2u-sub span:last-child{color:#ffe9a8}@media(prefers-reduced-motion:reduce){.m2chip.is-full,.m2chip.is-eclipse,.m2u.in .m2u-k,.m2u.in .m2u-t,.m2u.in .m2u-big,.m2u.in .m2u-sub,.m2u.out{animation:none}.m2u.out{opacity:0;transition:opacity .3s}}.m2u.still.in .m2u-k,.m2u.still.in .m2u-t,.m2u.still.in .m2u-big,.m2u.still.in .m2u-sub{animation:none}.hud-root>.steer-stick{position:absolute;left:0;top:0;width:0;height:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .2s var(--out, ease-out)}.hud-root>.steer-stick.on{opacity:1;transition-duration:.08s}.steer-stick>i{position:absolute;display:block;border-radius:50%}.steer-stick .base{left:-54px;top:-54px;width:108px;height:108px;background:radial-gradient(closest-side,rgba(var(--tint, 8, 8, 30),.44),rgba(var(--tint, 8, 8, 30),.38) 80%,rgba(var(--tint, 8, 8, 30),0))}.steer-stick .knob{left:-22px;top:-22px;width:44px;height:44px;will-change:transform;background:radial-gradient(circle at 50% 36%,#fffcf2f7,#fff6e2d6 55%,#ffecc8b3);box-shadow:0 3px 12px #00000052}