@font-face{font-family:Anuphan Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/anuphan-thai-wght-normal-M2SYPT7d.woff2)format("woff2-variations");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/anuphan-vietnamese-wght-normal-BNxdSFSW.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/anuphan-latin-ext-wght-normal-CLfxpfVx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/anuphan-latin-wght-normal-DvQ8j10x.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/chakra-petch-thai-300-normal-C7zVQijz.woff2)format("woff2"),url(/assets/chakra-petch-thai-300-normal-hRMdOe8s.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:300;src:url(data:font/woff2;base64,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)format("woff2"),url(/assets/chakra-petch-vietnamese-300-normal-D3IiUFXN.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/chakra-petch-latin-ext-300-normal-CdnXTHEL.woff2)format("woff2"),url(/assets/chakra-petch-latin-ext-300-normal-ANreJk3c.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/chakra-petch-latin-300-normal-GlM59gnw.woff2)format("woff2"),url(/assets/chakra-petch-latin-300-normal-48XQDxYt.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/chakra-petch-thai-600-normal-C620THcd.woff2)format("woff2"),url(/assets/chakra-petch-thai-600-normal-BiM5MXH8.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(data:font/woff2;base64,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)format("woff2"),url(/assets/chakra-petch-vietnamese-600-normal-Pvj4qcw_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/chakra-petch-latin-ext-600-normal-CdGvbdDU.woff2)format("woff2"),url(/assets/chakra-petch-latin-ext-600-normal-nL80L4xU.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/chakra-petch-latin-600-normal-DVQm9bgb.woff2)format("woff2"),url(/assets/chakra-petch-latin-600-normal-DQKfcdKo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--c-bg:#07090c;--c-bg-deep:#0000006b;--c-shade:#040609cc;--c-panel:#080b10b8;--c-panel-2:#080b10e0;--c-window:#0a0d12;--c-surface:var(--c-panel-2);--c-surface-2:#ffffff0d;--c-disc:#14181e85;--c-chip:#04060999;--c-scrim:#06080c9e;--c-line:#ffffff29;--c-line-strong:#ffffff52;--c-text:#fff;--c-text-2:#ffffffbd;--c-text-3:#ffffff80;--c-icon:#fff;--halo:0 0 2px #000000e6, 0 1px 3px #000c;--fade-t:linear-gradient(to bottom, var(--c-shade), #04060973 55%, transparent);--fade-b:linear-gradient(to top, var(--c-shade), #04060973 55%, transparent);--scroll-fade:32px;--fade-l:linear-gradient(to right, var(--c-shade), #04060966 60%, transparent);--fade-r:linear-gradient(to left, var(--c-shade), #04060966 60%, transparent);--c-paper:#f4f3f0;--c-paper-2:#e6e4df;--c-ink:#0a0b0d;--c-ink-2:#4a4a4e;--c-accent:#f4ebb0;--c-gold:#c9ae7c;--c-gold-deep:#97855f;--c-glow:#f0c85a61;--c-lacquer:#8b3a2e;--c-vermilion:#d0405a;--c-jade:#4e7a6c;--c-vermilion-wash:#d0405a1f;--c-vermilion-line:#d0405ab3;--c-vermilion-ink:#f2a7b4;--c-jade-line:#4e7a6ccc;--c-jade-ink:#7fc4ae;--c-accent-wash:#f4ebb012;--c-map-text-2:#c3c7ce;--c-map-text-3:#a3a8b0;--c-cta:#ede6d8;--c-cta-ink:#0c0d10;--c-positive:#a6e3a0;--c-warn:#f0a33c;--c-disabled:#ffffff14;--c-disabled-ink:#ffffff6b;--c-hp:#e5484d;--c-hp-ghost:#ffffffb3;--c-sp:#5aa9f0;--c-exp:var(--c-gold);--c-tie-1:#cda8f2;--c-tie-2:#7fd6c2;--c-tie-3:#f2a2be;--c-tie-4:#f2b98a;--el-earth:#c08a3e;--el-water:#3e8fd6;--el-fire:#e0562e;--el-wind:#5dbe8a;--el-neutral:#b8bec8;--r1:#9dd8f5;--r1-glow:#80c8f54d;--r2:#c9a2f2;--r2-glow:#aa6eeb57;--r3:#f2d46b;--r3-glow:#ffdc6466;--rarity-bar:3px;--font-ui:"Anuphan Variable", "Anuphan", "Noto Sans Thai", "Leelawadee UI", "Thonburi", system-ui, sans-serif;--font-display:"Chakra Petch", var(--font-ui);--font-num:var(--font-ui);--fs-micro:12px;--fs-small:clamp(12px, .7rem + .25vw, 14px);--fs-body:clamp(14px, .8rem + .35vw, 16px);--fs-lead:clamp(16px, .9rem + .5vw, 20px);--fs-h3:clamp(17px, 1rem + .4vw, 20px);--fs-h2:clamp(20px, 1.1rem + .8vw, 28px);--fs-h1:clamp(28px, 1.2rem + 2.4vw, 56px);--fs-hero:clamp(40px, 1.4rem + 3vw, 64px);--lh-tight:1.2;--lh-body:1.4;--track-label:.06em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:clamp(20px, 1rem + .6vw, 24px);--sp-6:clamp(24px, 1rem + 1.2vw, 32px);--gutter:clamp(16px, 2.5vw, 36px);--hit:48px;--hit-battle:clamp(56px, 14vw, 64px);--disc:44px;--disc-big:98px;--px:1px;--r-sm:4px;--r-md:8px;--r-lg:16px;--r-pill:999px;--chamfer:8px;--stroke-hair:1px;--stroke-sel:calc(2 * var(--px));--stroke-focus:2px;--shadow-hard:var(--px) var(--px) 0 #0000008c;--shadow-win:0 20px 48px #0000006b, 0 0 0 1px #ffffff1a, inset 0 1px 0 #ffffff12;--glow-select:inset 0 0 0 1px var(--c-accent), 0 0 14px var(--c-glow);--blur-snapshot:14px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-pop:cubic-bezier(.3, 1.4, .5, 1);--t-press:80ms;--t-fast:.12s;--t-base:.18s;--t-panel:.24s;--t-reward:.3s;--stagger:30ms;--t-hitstop:90ms;--t-shake:.22s;--t-pop:.16s}:lang(th){--lh-tight:1.45;--lh-body:1.65;--track-label:0;letter-spacing:0;text-transform:none}:lang(th) .display{padding-block:.1em;line-height:1.55}@media (pointer:fine){:root{--hit:36px;--hit-battle:48px;--disc:48px}}@media (prefers-reduced-motion:reduce){:root{--t-fast:0s;--t-base:0s;--t-panel:0s;--t-reward:0s;--stagger:0s;--t-hitstop:0s;--t-shake:0s}}.ui-root{background:var(--c-bg);color:var(--c-text);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;position:fixed;inset:0;overflow:hidden}:where(.ui-root) *{-webkit-tap-highlight-color:transparent}.ui-root :is(input,textarea,[contenteditable=true],.selectable){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}:where(.ui-root) img{-webkit-user-drag:none}@supports not selector(::-webkit-scrollbar){:where(.ui-root),:where(.ui-root) *{scrollbar-width:thin;scrollbar-color:var(--c-line-strong) transparent}}:where(.ui-root) ::-webkit-scrollbar{width:6px;height:6px}:where(.ui-root) ::-webkit-scrollbar-track{background:0 0}:where(.ui-root) ::-webkit-scrollbar-thumb{background:var(--c-line-strong);border-radius:3px}:where(.ui-root) ::-webkit-scrollbar-button{display:none}.scroll-fade[data-more-below]{-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--scroll-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--scroll-fade)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--scroll-fade)), transparent)}:where(.ui-root) *,:where(.ui-root) :before,:where(.ui-root) :after{box-sizing:border-box}:where(.ui-root) button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.ui-root button:is(:disabled,[aria-disabled=true]){opacity:1;cursor:default}.ui-root :focus-visible{outline:var(--stroke-focus) solid var(--c-accent);outline-offset:2px}:where(.ui-root) :is(h1,h2,h3,p,ul,ol){margin:0}.display{font-family:var(--font-display);font-weight:600}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:500}.px-art{image-rendering:pixelated}.halo{text-shadow:var(--halo)}.ui-root kbd{min-width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text);font:600 11px/18px var(--font-ui);text-align:center;pointer-events:none;background:#0000008c;border-radius:4px;padding:0 4px;position:absolute;top:-6px;right:-8px}.ui-root kbd.key{flex:none;display:inline-block;position:static}@media not (pointer:fine){.ui-root kbd,.ui-root .key-hints{display:none}}.section-label{font:600 var(--fs-micro)/1.3 var(--font-display);color:var(--c-text-2);text-transform:uppercase;letter-spacing:var(--track-label);align-items:center;gap:var(--sp-2);flex:1;display:flex}.section-label:after{content:"";background:var(--c-line);flex:1;height:1px}:lang(th) .section-label{text-transform:none}.el-chip{border-radius:50%;flex:none;place-items:center;display:inline-grid}.fade-t{background:var(--fade-t)}.fade-b{background:var(--fade-b)}.fade-l{background:var(--fade-l)}.fade-r{background:var(--fade-r)}.fade-corner{pointer-events:none;background:radial-gradient(110% 100% at var(--fade-at,0 0), #040609cc, #04060973 45%, transparent 74%)}.disc{width:var(--disc);height:var(--disc);background:var(--c-disc);box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-icon);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.disc:before{content:"";border-radius:50%;position:absolute;inset:min(0px,50% - 22px)}.disc:is(.on,[aria-pressed=true]){color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent), 0 0 14px var(--c-glow)}.disc:is(:disabled,[aria-disabled=true]){color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line)}.glyph-btn{min-width:44px;min-height:44px;color:var(--c-text);filter:drop-shadow(0 1px 2px #000c);background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:relative}.disc>kbd.key{position:absolute;inset:auto auto -9px 50%;transform:translate(-50%)}.new-mark{background:var(--c-vermilion);pointer-events:none;width:8px;height:8px;position:absolute;top:3px;right:3px;transform:rotate(45deg);box-shadow:0 0 0 2px #04060999}.points-mark{background:var(--c-vermilion);pointer-events:none;border-radius:2px;flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 2px #04060999}:is(.disc,.tab)>.points-mark{position:absolute;top:4px;right:4px}@keyframes points-pulse{40%{transform:scale(1.5)}}.btn-primary,.btn-secondary,.btn-paper,.btn-paper-secondary{min-height:var(--hit);border-radius:var(--r-pill);font:600 var(--fs-body)/1.3 var(--font-display);transition:transform var(--t-press) var(--ease-out), filter var(--t-fast);justify-content:center;align-items:center;gap:8px;padding:.15em 22px;display:inline-flex}.btn-primary{background:var(--c-cta);color:var(--c-cta-ink);border:0}.btn-secondary{color:var(--c-text);box-shadow:inset 0 0 0 1px var(--c-line-strong);background:0 0;border:0}.btn-primary:is(:disabled,[aria-disabled=true]),.btn-secondary:is(:disabled,[aria-disabled=true]){color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line);background:0 0}.btn-paper{background:var(--c-ink);color:#fff;border:0}.btn-paper.danger{background:var(--c-vermilion);color:#fff}.btn-paper-secondary{color:var(--c-ink);background:0 0;border:0;box-shadow:inset 0 0 0 1px #0a0b0d59}:lang(th) :is(.btn-primary,.btn-secondary,.btn-paper,.btn-paper-secondary){line-height:1.55}@media (hover:hover) and (pointer:fine){.btn-primary:not(:disabled,[aria-disabled=true]):hover,.btn-secondary:not(:disabled,[aria-disabled=true]):hover{filter:brightness(1.1)}}.ui-root{--press-lift:brightness(1.15);--press-ring:var(--stroke-hair) solid color-mix(in srgb, var(--c-gold) 75%, transparent)}:where(.ui-root) :where(button,[role=button]):where(:active:not(:disabled,[aria-disabled=true])){filter:var(--press-lift);outline:var(--press-ring);outline-offset:calc(-1 * var(--stroke-hair))}@media (prefers-reduced-motion:no-preference){:where(.ui-root) :where(button,[role=button]):where(:active:not(:disabled,[aria-disabled=true])){animation:press var(--t-press) var(--ease-out);transform:scale(.96)}.points-mark{animation:points-pulse .6s var(--ease-pop) 1}}@keyframes press{0%{transform:none}}:is(.tab,.icon-btn.bare,.glyph-btn):active:not(:disabled,[aria-disabled=true]){background-color:var(--c-surface-2);outline:none}.switch:active:not(:disabled,[aria-disabled=true]){outline:none}.switch:active:not(:disabled,[aria-disabled=true]) .switch-track{outline:var(--press-ring);outline-offset:calc(-1 * var(--stroke-hair))}:where(.ui-root) :where(.bh-action:active:not(:disabled,[aria-disabled=true])){outline:none}:where(.ui-root) :where(.bh-action:active:not(:disabled,[aria-disabled=true]) .bh-disc){outline:var(--press-ring);outline-offset:calc(-1 * var(--stroke-hair))}.icon-btn{min-width:var(--hit);height:var(--hit);border-radius:var(--r-pill);background:var(--c-disc);box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-icon);border:0;flex:none;justify-content:center;align-items:center;gap:6px;padding:0;display:inline-flex;position:relative}.icon-btn.on{color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent), 0 0 14px var(--c-glow)}.icon-btn.bare{box-shadow:none;background:0 0}.icon-btn-label{font:600 var(--fs-small)/1 var(--font-display);padding-right:4px}.pill{border-radius:var(--r-pill);background:var(--c-chip);height:30px;box-shadow:inset 0 0 0 1px var(--c-line);font-size:var(--fs-small);align-items:center;gap:6px;padding:0 12px 0 8px;display:inline-flex}.stepper{border-radius:var(--r-sm);width:36px;height:36px;color:var(--c-ink);font:600 18px/1 var(--font-ui);background:0 0;border:0;flex:none;box-shadow:inset 0 0 0 1px #0a0b0d59}.stepper.wide{width:auto;font-size:var(--fs-small);padding:0 10px}.stepper:is(:disabled,[aria-disabled=true]){opacity:.35}.currency{font-size:var(--fs-small);color:var(--c-text);white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.bar{background:#ffffff29;border-radius:2px;flex:auto;min-width:24px;height:4px;display:block;position:relative;overflow:hidden}.bar-fill{border-radius:inherit;position:absolute;inset:0 auto 0 0}.bar-hp .bar-fill{background:var(--c-hp)}.bar-sp .bar-fill{background:var(--c-sp)}.bar-exp .bar-fill{background:var(--c-exp)}.bar-ghost{background:var(--c-hp-ghost);position:absolute;inset:0 auto 0 0}.bar-spend{background:repeating-linear-gradient(135deg, var(--c-sp) 0 2px, #5aa9f040 2px 4px);position:absolute;top:0;bottom:0}.bar-fill{transition:width var(--t-reward) var(--ease-out)}.bar-ghost{transition:width var(--t-reward) var(--ease-out) var(--t-reward)}.bar-spend{transition:left var(--t-reward) var(--ease-out), width var(--t-reward) var(--ease-out)}@media (prefers-reduced-motion:reduce){.bar-fill,.bar-ghost,.bar-spend{transition:none}}.tabs{border-bottom:1px solid var(--c-line);flex:none;display:flex}.tab{min-height:46px;color:var(--c-text-3);font-size:var(--fs-small);white-space:nowrap;transition:color var(--t-fast);background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:7px;padding:.15em 18px;display:flex;position:relative}.tabs.stacked .tab{flex-direction:column;flex:1 1 0;gap:3px;min-height:52px;padding:.2em 4px}.tab .display{font-size:13px}:lang(th) .tab .display{line-height:1.55}.tab[aria-selected=true]{color:var(--c-text)}.tab[aria-selected=true]>svg{color:var(--c-accent)}.tab[aria-selected=true]:after{content:"";background:var(--c-accent);height:2px;position:absolute;bottom:-1px;left:18%;right:18%}@media (hover:hover) and (pointer:fine){.tab:not([aria-selected=true],[aria-disabled=true]):hover{color:var(--c-text)}}.tile{aspect-ratio:1;background:var(--c-bg-deep);box-shadow:inset 0 0 0 1px var(--c-line);transition:background var(--t-fast);border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:relative}.tile.r1{--rare:var(--r1);--rare-glow:var(--r1-glow)}.tile.r2{--rare:var(--r2);--rare-glow:var(--r2-glow)}.tile.r3{--rare:var(--r3);--rare-glow:var(--r3-glow)}.tile:is(.r1,.r2,.r3){background:linear-gradient(to top, var(--rare-glow), transparent 60%), var(--c-bg-deep);box-shadow:inset 0 calc(-1 * var(--rarity-bar)) 0 var(--rare), inset 0 0 0 1px var(--c-line)}.tile.selected:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--c-accent), 0 0 16px var(--c-glow);pointer-events:none;animation:sel-in .16s var(--ease-out);position:absolute;inset:0}@keyframes sel-in{0%{opacity:0;transform:scale(1.06)}}@media (hover:hover) and (pointer:fine){.tile:not(.empty,[aria-disabled=true]):hover{background-color:#ffffff0f}}.tile.empty{background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff0f}.tile-glyph{color:#ffffff3d;place-items:center;display:grid}.item-portrait{place-items:center;display:grid}.item-portrait>span{border-radius:50%;overflow:hidden}.tile-count{color:var(--c-text);text-shadow:var(--halo);font-size:12px;font-weight:600;line-height:1;position:absolute;bottom:3px;right:4px}.tile.r1 .tile-count,.tile.r2 .tile-count,.tile.r3 .tile-count{bottom:calc(var(--rarity-bar) + 3px)}.tile-refine{color:var(--c-accent);text-shadow:var(--halo);font-size:12px;font-weight:600;line-height:1;position:absolute;top:3px;left:4px}.seal{background:var(--c-vermilion);width:7px;height:7px;animation:seal .6s var(--ease-pop) 1;position:absolute;top:4px;right:4px;transform:rotate(45deg);box-shadow:0 0 0 2px #04060999}@keyframes seal{40%{transform:rotate(45deg)scale(1.6)}}.pips{gap:6px;padding:5px 2px 2px;display:flex}.pips i{background:#ffffff24;width:7px;height:7px;transform:rotate(45deg)}.pips.r1 i.lit{background:var(--r1)}.pips.r2 i.lit{background:var(--r2)}.pips.r3 i.lit{background:var(--r3);box-shadow:0 0 6px var(--r3-glow)}.row{align-items:center;gap:var(--sp-3);width:100%;min-height:56px;padding:6px var(--sp-4);text-align:left;background:0 0;border:0;display:flex;position:relative}.row:is(:disabled,[aria-disabled=true]){color:var(--c-disabled-ink)}.row:is(:disabled,[aria-disabled=true]) .el-chip{filter:grayscale()brightness(.7)}.row kbd{flex:none;position:static}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-title{align-items:center;gap:var(--sp-2);font-weight:500;display:flex}.row-sub{font-size:var(--fs-small);color:var(--c-text-2)}.row:is(:disabled,[aria-disabled=true]) .row-sub{color:var(--c-disabled-ink)}.row-why{color:var(--c-text-2);align-items:center;gap:4px;font-weight:500;display:inline-flex}.row-value{color:var(--c-accent);font-size:var(--fs-small)}.row:is(:disabled,[aria-disabled=true]) .row-value{color:var(--c-disabled-ink)}.row-glyph{width:32px;height:32px;color:var(--c-text-2);background:var(--c-bg-deep);border-radius:var(--r-sm);flex:none;place-items:center;display:grid}.row-glyph.px{width:40px;height:40px}.row.picked,.row[aria-current=true]{box-shadow:inset 2px 0 0 var(--c-accent);background:#f4ebb012!important}@media (hover:hover) and (pointer:fine){.row:not(:disabled,[aria-disabled=true]):hover{background:#ffffff12!important}}.sheet{z-index:50;background:var(--c-panel-2);color:var(--c-text);border:0;flex-direction:column;min-height:0;display:flex}.sheet-bottom{border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--c-window);max-height:82%;padding-bottom:env(safe-area-inset-bottom);animation:sheet-up var(--t-panel) var(--ease-out);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 32px #0006,inset 0 1px #ffffff14}.sheet-full{background:var(--c-window);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);animation:sheet-fade var(--t-base) var(--ease-out);position:fixed;inset:0}.sheet-grab{background:#ffffff4d;border-radius:2px;flex:none;align-self:center;width:36px;height:4px;margin:8px 0 2px}.sheet-head{align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-4);display:flex}.sheet-title{font-size:var(--fs-h3);line-height:var(--lh-tight);flex:1;min-width:0}.sheet-list{padding:0 0 var(--sp-2);margin:0;list-style:none;overflow-y:auto}.sheet-list li:nth-child(2n) .row{background:var(--c-surface-2)}.sheet-scrim{z-index:40;animation:sheet-fade var(--t-base);background:#04060973;position:fixed;inset:0}@keyframes sheet-up{0%{opacity:0;transform:translateY(12px)}}@keyframes sheet-fade{0%{opacity:0}}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}.paper-scrim{z-index:80;animation:sheet-fade var(--t-base);background:#0406099e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.paper-scrim.bottom{align-items:flex-end}.paper{width:100%;color:var(--c-ink);background:var(--c-paper);padding:var(--sp-6) var(--sp-6) var(--sp-5);position:relative}.paper-bottom{border-radius:var(--r-lg) var(--r-lg) 0 0;padding-bottom:calc(var(--sp-5) + env(safe-area-inset-bottom));animation:sheet-up var(--t-panel) var(--ease-out)}.paper-centre{max-width:560px;margin:var(--gutter);border-radius:var(--r-sm);animation:sheet-up var(--t-panel) var(--ease-out);box-shadow:0 24px 60px #00000080}.paper-title{font-size:var(--fs-h3);line-height:var(--lh-tight)}:lang(th) .paper-title{line-height:1.55}.paper p{color:var(--c-ink)}.paper-warn{color:var(--c-lacquer);font-weight:600;font-size:var(--fs-small)}.paper-actions{gap:var(--sp-2);margin-top:var(--sp-5);display:flex}.paper-bottom .paper-actions{flex-direction:column}.paper-centre .paper-actions{justify-content:flex-end}.paper-centre .paper-actions>*{min-width:140px}.paper .paper-title+*{margin-top:var(--sp-3)}.paper p+p{margin-top:var(--sp-2)}.paper-body{color:var(--c-ink)}.paper-fine{color:var(--c-ink-2);font-size:var(--fs-small)}.shell{grid-template:"header""content"minmax(0,1fr)"actions"/minmax(0,1fr);display:grid}.shell.has-detail{grid-template:"header header" auto "content detail" minmax(0, 1fr) "actions actions" auto / minmax(0, 1fr) var(--detail-w,360px)}.shell-header{align-items:center;gap:var(--sp-2);grid-area:header;min-width:0;display:flex;position:relative}.shell-title{font-weight:600;font-size:var(--fs-h2);line-height:var(--lh-tight);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:lang(th) .shell-title{padding-block:.1em;line-height:1.55}.shell-currencies{align-items:center;gap:var(--sp-3);min-width:0;margin-left:auto;display:flex}.shell-currencies:empty{display:none}.shell-close{margin-left:auto}.shell-currencies:not(:empty)~.shell-close,.shell-currencies:not(:empty)~.shell-key{margin-left:0}.shell-content{min-width:0;min-height:0;padding:0 var(--sp-4);flex-direction:column;grid-area:content;display:flex;position:relative}.shell-detail{border-left:1px solid var(--c-line);background:#00000038;flex-direction:column;grid-area:detail;min-width:0;min-height:0;display:flex;position:relative}.shell-actions{justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));border-top:1px solid var(--c-line);grid-area:actions;display:flex}.shell-page{animation:sheet-fade var(--t-base) var(--ease-out);position:fixed;inset:0}.shell-page.shell-medium{--detail-w:340px}.shell-backdrop{z-index:-1;background:0 0;position:fixed;inset:0;overflow:hidden}.shell-snapshot{object-fit:contain;width:calc(100% + 48px);height:calc(100% + 48px);filter:blur(var(--blur-snapshot)) saturate(.8);opacity:.8;position:absolute;inset:-24px}.shell-scrim{background:linear-gradient(to bottom, #06080cb8, var(--c-scrim) 30%, var(--c-scrim) 70%, #06080cdb);position:absolute;inset:0}.shell-page .shell-header{min-height:60px;padding:calc(env(safe-area-inset-top) + var(--sp-2)) var(--sp-3) var(--sp-2) var(--sp-4)}.shell-page.shell-medium .shell-header{padding:var(--sp-4) var(--sp-4) var(--sp-2) var(--sp-5)}.shell-page.shell-medium .shell-content{padding:0 var(--sp-5)}.shell-page .shell-back{margin-left:-10px}.shell-page .shell-close{width:var(--disc);height:var(--disc);min-width:0}.shell-page .shell-detail{background:#0000004d}.ui-scale>.win-layer{z-index:20;pointer-events:none;position:fixed;inset:0}.win-layer>*{pointer-events:auto}.shell-window:has(.paper-scrim,.sheet-scrim){z-index:60!important}.shell-window{--detail-w:min(340px, 45%);border-radius:var(--r-md);background:var(--c-window);box-shadow:var(--shadow-win);animation:win-in var(--t-base) var(--ease-out);position:absolute;overflow:hidden}@keyframes win-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}.shell-window .shell-header{border-bottom:1px solid var(--c-line);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;gap:10px;height:44px;padding:0 6px 0 12px}.shell-window .shell-header:not([aria-disabled=true]):active{cursor:grabbing}.shell-window .shell-title{color:var(--c-text-2);font-size:15px;line-height:1.2}:lang(th) .shell-window .shell-title{line-height:1.55}.shell-window .shell-glyph{color:var(--c-text-2);flex:none}.shell-window .shell-back{min-width:36px;height:36px;margin-left:-6px}.shell-window.shell-top .shell-title{color:var(--c-text)}.shell-window.shell-top .shell-glyph{color:var(--c-accent)}.shell-window.shell-top .shell-header:after{content:"";background:var(--c-accent);width:32px;height:2px;position:absolute;bottom:-1px;left:12px}.shell-grip{opacity:.5;background-image:radial-gradient(circle,#fff 1px,#0000 1.3px);background-size:4px 4.6px;flex:none;width:8px;height:14px;margin-right:-2px}.shell-window .shell-close{min-width:36px;height:36px;color:var(--c-text-2)}.shell-window .shell-content{padding:var(--sp-3) var(--sp-4) 0}.shell-window .shell-detail{background:#0003}.shell-window .shell-key{margin-left:auto}.shell-window .shell-key~.shell-close{margin-left:0}.licences{gap:var(--sp-4);min-height:0;padding-bottom:var(--sp-6);flex-direction:column;max-width:720px;display:flex;overflow-y:auto}.licences-intro{color:var(--c-text-2);max-width:60ch}.licences-list{overflow:visible}.licence{flex-direction:column;flex:1;min-height:0;display:flex}.licence-head{padding:var(--sp-3) var(--sp-5) var(--sp-4);border-bottom:1px solid var(--c-line);flex-direction:column;gap:4px;display:flex}.shell-detail .licence-head{padding-top:var(--sp-6)}.licence-name{font-size:var(--fs-h3);line-height:var(--lh-tight)}.licence-kind{color:var(--c-accent);font-size:var(--fs-small)}.licence-meta{color:var(--c-text-3);font-size:var(--fs-small);overflow-wrap:anywhere}.licence-url{color:var(--c-text-2)}.licence-text{min-height:0;padding:var(--sp-4) var(--sp-5) calc(var(--sp-6) + env(safe-area-inset-bottom));gap:var(--sp-3);font:400 13px/1.6 var(--font-ui);color:var(--c-text-2);overflow-wrap:anywhere;flex-direction:column;flex:1;margin:0;display:flex;overflow:auto}.licence-text hr{width:100%;margin:var(--sp-2) 0;border:0;border-top:1px solid var(--c-line)}.licence-status{color:var(--c-text-3)}.licence-h{font:600 var(--fs-micro)/1.3 var(--font-display);letter-spacing:var(--track-label);color:var(--c-text);margin-top:var(--sp-2)}.licence-face{font-weight:600}.game-layer{position:fixed;inset:0}.shell-scene{position:absolute;inset:0}.ui-scale{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:auto}.ui-scale>*{pointer-events:auto}.segmented{border-radius:var(--r-pill);background:var(--c-chip);box-shadow:inset 0 0 0 1px var(--c-line);gap:4px;padding:4px;display:flex}.segment{border-radius:var(--r-pill);min-width:0;min-height:40px;color:var(--c-text-2);font-size:var(--fs-small);white-space:nowrap;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0;flex:1 1 0;padding:.1em 10px}.segment[aria-checked=true]{color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent);background:#ffffff1f}.segment[aria-disabled=true]{color:var(--c-disabled-ink);cursor:default}.segment[aria-checked=true][aria-disabled=true]{box-shadow:inset 0 0 0 1px var(--c-line-strong);background:0 0}:lang(th) .segment{line-height:1.55}@media (hover:hover) and (pointer:fine){.segment:not([aria-checked=true],[aria-disabled=true]):hover{color:var(--c-text)}}.switch{justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--hit);text-align:left;background:0 0;border:0;padding:0;display:flex}.switch-track{width:44px;height:26px;box-shadow:inset 0 0 0 1px var(--c-line-strong);transition:background var(--t-fast);background:#ffffff1f;border-radius:13px;flex:none;position:relative}.switch-knob{background:var(--c-text-2);width:20px;height:20px;transition:transform var(--t-fast) var(--ease-out), background var(--t-fast);border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-checked=true] .switch-track{background:var(--c-gold-deep)}.switch[aria-checked=true] .switch-knob{background:var(--c-accent);transform:translate(18px)}.switch:is(:disabled,[aria-disabled=true]){color:var(--c-disabled-ink)}.slider{align-items:center;gap:var(--sp-3);grid-template-columns:minmax(5em,auto) minmax(0,1fr) 3.4em;min-height:44px;display:grid}.slider input{width:100%;height:44px;accent-color:var(--c-gold);margin:0}.slider input:is(:disabled,[aria-disabled=true]){opacity:.4}.slider-value{text-align:right;color:var(--c-text-2);font-size:var(--fs-small)}.toast{z-index:90;top:calc(env(safe-area-inset-top) + 12px);border-radius:var(--r-pill);background:var(--c-panel-2);width:max-content;max-width:calc(100% - 32px);min-height:36px;box-shadow:inset 0 0 0 1px var(--c-line), 0 8px 24px #00000073;color:var(--c-text);font-size:var(--fs-small);pointer-events:none;animation:toast-in var(--t-base) var(--ease-out);align-items:center;gap:10px;padding:7px 18px;line-height:1.45;display:flex;position:fixed;left:50%;transform:translate(-50%)}:lang(th) .toast{line-height:1.65}.toast:is(.toast-good,.toast-bad):before{content:"";flex:none;width:7px;height:7px;transform:rotate(45deg)}.toast-good{box-shadow:inset 0 0 0 1px var(--c-jade-line), 0 8px 24px #00000073}.toast-good:before{background:var(--c-jade-ink)}.toast-bad{box-shadow:inset 0 0 0 1px var(--c-vermilion-line), 0 8px 24px #00000073}.toast-bad:before{background:var(--c-vermilion)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}}.row-chevron{color:var(--c-text-3);transform:rotate(180deg)}.row-danger .row-title,.row-danger .row-glyph{color:var(--c-vermilion)}.sheet-actions{justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));background:var(--c-window);border-top:1px solid var(--c-line);flex:none;display:flex;position:sticky;bottom:0}.sheet-actions>*{flex:1 1 0;max-width:360px}@media (prefers-reduced-motion:no-preference){.fx-flash{animation:90ms steps(2,end) 2 fx-flash}.fx-shake{animation:fx-shake var(--t-shake) var(--ease-out)}.fx-pop{animation:fx-pop var(--t-pop) var(--ease-pop) both}.fx-rise{animation:fx-rise .9s var(--ease-out) forwards}}@keyframes fx-flash{50%{filter:brightness(3)saturate(0)}}@keyframes fx-shake{15%{transform:translate(-6px,2px)}35%{transform:translate(5px,-2px)}55%{transform:translate(-3px,1px)}75%{transform:translate(2px)}}@keyframes fx-pop{0%{transform:scale(1.6)}}@keyframes fx-rise{70%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.id-logo{vertical-align:middle;image-rendering:pixelated;-webkit-user-select:none;user-select:none;flex:none;line-height:0;display:inline-block}.id-logo>img{display:block}@media (resolution<=1.5x){.id-logo-32{image-rendering:auto}}@media (prefers-reduced-motion:no-preference){.id-logo-stamp{animation:seal-stamp var(--t-reward) var(--ease-pop) both}}.id-seal{--seal-body:var(--c-lacquer);--seal-glyph:var(--c-paper);--seal-ring:var(--c-vermilion);vertical-align:middle;flex:none;display:inline-block;overflow:visible}.id-seal-jade{--seal-body:var(--c-jade);--seal-ring:var(--c-jade)}.id-seal-ink{--seal-body:var(--c-ink);--seal-ring:var(--c-ink-2)}.id-seal-body{fill:var(--seal-body)}.id-seal-glyph{fill:var(--seal-glyph)}.id-seal-ring{fill:none;stroke:var(--seal-ring);stroke-width:3px;opacity:0;transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.id-seal-stamp{animation:seal-stamp var(--t-reward) var(--ease-pop) both}.id-seal-stamp .id-seal-ring{animation:seal-ring calc(2 * var(--t-reward)) var(--ease-out) calc(.5 * var(--t-reward)) forwards}}@keyframes seal-stamp{0%{opacity:0;transform:scale(1.15)}40%{opacity:1}}@keyframes seal-ring{0%{opacity:.7;transform:scale(.96)}to{opacity:0;transform:scale(1.3)}}.ui-scale>.hub{pointer-events:none;display:block;position:absolute;inset:0}.hub-layer>.npc-dlg{z-index:30}.hub-party .party-prompts{z-index:30;position:relative}.hub>.shell-content{pointer-events:none;padding:0;display:block;position:absolute;inset:0}.hub-layer>:is(.hub-fade,.hub-tl,.hub-left,.hub-tr,.hub-notices,.hub-bl,.hub-br,.hub-exp,.hub-title){position:absolute}.hub :is(button,a,input,select,textarea,.sheet,.sheet-scrim,.paper-scrim),.hub-layer>:not(.hub-fade,.hub-tl,.hub-left,.hub-tr,.hub-notices,.hub-bl,.hub-br,.hub-exp,.hub-title){pointer-events:auto}.hub-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hub-fade{pointer-events:none}.hub-fade-tl{background:radial-gradient(110% 100% at 0 0,#040609d1,#04060980 42%,#0000 72%);width:280px;height:250px;top:0;left:0}.hub-fade-tr{background:radial-gradient(110% 100% at 100% 0,#040609cc,#0406096b 45%,#0000 75%);width:240px;height:150px;top:0;right:0}.hub-fade-bl{background:radial-gradient(110% 100% at 0 100%,#040609d1,#04060973 45%,#0000 75%);width:300px;height:170px;bottom:0;left:0}.hub-fade-br{background:radial-gradient(100% 100% at 100% 100%,#040609b3,#0406094d 45%,#0000 72%);width:260px;height:240px;bottom:0;right:0}.hub-pc .hub-fade-tl{width:520px;height:380px}.hub-pc .hub-fade-tr{width:420px;height:200px}.hub-pc .hub-fade-bl{width:540px;height:300px}.hub-pc .hub-fade-br{width:420px;height:320px}.hub-tl{left:14px;top:calc(env(safe-area-inset-top) + 10px);flex-direction:column;align-items:flex-start;gap:2px;display:flex}.hub-pc .hub-tl{top:26px;left:36px}.hub-vitals{color:var(--c-text);text-align:left;text-shadow:var(--halo);transition:filter var(--t-press) var(--ease-out);background:0 0;border:0;align-items:flex-end;gap:10px;padding:0;display:flex;position:relative}.hub-vitals:before{content:"";position:absolute;inset:-4px -6px}.hub-lv{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.hub-lv-tag{color:var(--c-accent);letter-spacing:.08em;margin-bottom:-2px;padding-block:0;font-size:12px;line-height:1}.hub-lv-n{font:600 40px/.95 var(--font-display);letter-spacing:-.02em;color:var(--c-text)}.hub-pc .hub-lv-n{font-size:48px}.hub-vitals-main{gap:5px;min-width:0;padding-bottom:3px;display:grid}.hub-name{min-width:0;font:600 15px/1.25 var(--font-display);align-items:center;gap:6px;display:flex}.hub-pc .hub-name{font-size:18px}.hub-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:150px;overflow:hidden}.hub-name-text:lang(th){font-family:var(--font-ui);line-height:1.5}.hub-bar-row{grid-template-columns:100px 30px;align-items:center;gap:6px;display:grid}.hub-pc .hub-bar-row{grid-template-columns:150px 36px}.hub-bar-row .bar{min-width:0;height:3px;box-shadow:0 0 0 1px #00000059}.hub-bar-n{color:var(--c-text-2);font-size:12px;line-height:1}.hub-crown{color:var(--c-accent);pointer-events:none;filter:drop-shadow(0 1px 1px #000000e6);display:flex;position:absolute;top:-8px;left:-6px}.hub-low{--hub-low:var(--c-vermilion)}.hub-low .bar-hp{background:color-mix(in srgb, var(--c-hp) 38%, transparent)}.hub-low .bar-hp .bar-fill{animation:hub-low 1.2s var(--ease-out) infinite alternate}.hub-low .bar-ghost{visibility:hidden}.hub-low .hub-hp-n{color:var(--c-hp)}@keyframes hub-low{to{opacity:.45}}.hub-where{max-width:200px;color:var(--c-text-2);text-shadow:var(--halo);align-items:center;gap:4px;margin-top:4px;font-size:12px;line-height:1.5;display:inline-flex}.hub-where-glyph{color:var(--c-text-3);flex:none}.hub-where-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (hover:hover) and (pointer:fine){.hub-vitals:not([aria-disabled=true]):hover,.hub-quest:not([aria-disabled=true]):hover{filter:brightness(1.15)}}.hub-left{left:14px;right:14px;top:calc(env(safe-area-inset-top) + 98px);align-items:flex-start;gap:var(--sp-3);flex-direction:column;display:flex}.hub-pc .hub-left{width:320px;top:138px;left:36px;right:auto}.hub-quests{gap:6px;max-width:100%;display:grid}.hub-quest-row{border-left:2px solid var(--c-gold);background:linear-gradient(90deg,#0406096b,#0406092e 60%,#0000);align-items:stretch;width:230px;max-width:100%;display:flex;position:relative}.hub-pc .hub-quest-row{width:280px}.hub-quest{min-width:0;color:var(--c-text);text-align:left;text-shadow:var(--halo);background:0 0;border:0;flex:1;gap:3px;padding:6px 0 6px 10px;display:grid;position:relative}.hub-quest-more{width:40px;min-height:44px;color:var(--c-text-2);text-shadow:var(--halo);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.hub-quest-chev{filter:drop-shadow(0 1px 1px #0009);transform:rotate(180deg)}.hub-quest-more>kbd.key{position:absolute;inset:auto auto -6px 50%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.hub-quest-more:not([aria-disabled=true]):hover{color:var(--c-accent)}}.hub-quest-new{background:var(--c-accent);color:var(--c-cta-ink);text-shadow:none;border-radius:3px;flex:none;padding:0 5px;font-size:10px;font-weight:700;line-height:1.5}.hub-quest-offer .hub-quest-step{color:var(--c-accent)}.hub-quest-why{z-index:1;border-radius:var(--r-md);width:max-content;max-width:min(260px,100vw - 28px);color:var(--c-text);background:#040609db;margin:0;padding:6px 12px;font-size:13px;line-height:1.45;position:absolute;top:calc(100% + 4px);left:0}.hub-quest-why:lang(th){line-height:1.65}.hub-quest-title>kbd.key{margin-left:2px}.hub-quest-title{min-width:0;color:var(--c-text-2);align-items:center;gap:6px;font-size:12px;display:flex}.hub-quest-glyph{color:var(--c-accent);flex:none}.hub-quest-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-block:0;line-height:1.3;overflow:hidden}.hub-quest-name:lang(th){line-height:1.55}.hub-quest-step{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden}.hub-pc .hub-quest-step{font-size:15px}.hub-quest-step:lang(th){line-height:1.6}.hub-quest-prog{grid-template-columns:minmax(0,96px) auto;align-items:center;gap:8px;display:grid}.hub-quest-prog .bar{min-width:0;height:3px}.hub-quest-count{color:var(--c-accent);font-size:12px;font-weight:600;line-height:1}.hub-party{align-self:stretch;position:relative}.hub-party>.party-hub{pointer-events:none}.hub-pc .hub-party{width:320px}.hub-phone .hub-left:has(.party-prompts>*) .hub-quests{display:none}.hub-phone .hub-left:has(.party-prompts>*) .party-strip{display:none}.hub-narrow:has(.hub-left .party-prompts>*) :is(.hub-wallet,.hub-arc){visibility:hidden}.hub-tr{right:12px;top:calc(env(safe-area-inset-top) + 10px);flex-direction:column;align-items:flex-end;gap:16px;display:flex}.hub-pc .hub-tr{gap:14px;top:24px;right:36px}.hub-wallet{text-shadow:var(--halo);align-items:center;gap:12px;padding-right:4px;font-size:13px;display:flex}.hub-wallet .currency{font-size:13px}.hub-pc .hub-wallet .currency{font-size:15px}.hub-gems{border-radius:var(--r-pill);background:0 0;border:0;align-items:center;padding:0;display:inline-flex;position:relative}.hub-gems:before{content:"";position:absolute;inset:-16px -8px}.hub-discs{gap:10px;display:flex}.hub-pc .hub-discs{gap:16px}.hub-disc{flex:none}.hub-pc .hub-disc{width:52px;height:52px}.hub-narrow .hub-tr{gap:6px}.hub-narrow .hub-wallet{flex-direction:column;order:2;align-items:flex-end;gap:0}.hub-narrow .hub-discs{flex-direction:column;gap:8px}.hub-narrow .hub-lv-n{font-size:34px}.hub-narrow .hub-bar-row{grid-template-columns:64px 28px}.hub-narrow .hub-name-text{max-width:92px}.hub-narrow .hub-left{right:68px;top:calc(env(safe-area-inset-top) + 92px)}.hub-narrow .hub-quests{align-self:stretch}.hub-narrow .hub-quest-row{width:100%}.hub-narrow .hub-quest-title{align-items:flex-start}.hub-narrow .hub-quest-glyph{margin-top:2px}.hub-narrow .hub-quest-name{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.hub-narrow .hub-arc>:nth-child(2){top:-108px;left:27px}.hub-narrow .hub-arc>:first-child{left:27px}.hub-narrow .hub-bl{width:calc(100% - 140px)}.hub-narrow .hub-notices{right:68px}.hub-notices{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 176px);gap:var(--sp-2);justify-items:center;display:grid}.hub-pc .hub-notices{width:min(460px,40vw);inset:24px auto auto 50%;transform:translate(-50%)}.hub-notices>*{pointer-events:auto}.hub-bl{left:14px;bottom:calc(env(safe-area-inset-bottom) + 14px);width:min(190px,100% - 170px);display:grid}.hub-pc .hub-bl{width:400px;bottom:32px;left:36px}.hub-bl>*{pointer-events:auto}.hub-br{right:12px;bottom:calc(env(safe-area-inset-bottom) + 16px);width:var(--disc-big);height:var(--disc-big)}.hub-pc .hub-br{width:108px;height:108px;bottom:44px;right:44px}.hub-arc>*{position:absolute}.hub-arc>:first-child{top:-54px;left:0}.hub-arc>:nth-child(2){top:6px;left:-54px}.hub-pc .hub-arc>*{width:52px;height:52px}.hub-pc .hub-arc>:first-child{top:-70px;left:2px}.hub-pc .hub-arc>:nth-child(2){top:4px;left:-68px}.hub-thumb{color:var(--c-text);background:#0c0f148c;border:0;border-radius:50%;place-content:center;justify-items:center;gap:1px;padding:0;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffffeb,0 0 0 5px #ffffff14,0 0 0 6px #ffffff38,0 6px 18px #00000073}.hub-thumb-talk{background:var(--c-cta);color:var(--c-cta-ink);box-shadow:0 0 0 3px #04060980, 0 0 26px var(--c-glow), 0 6px 18px #00000073}.hub-thumb-l{white-space:nowrap;margin-top:3px;font-size:14px;line-height:1.2}.hub-thumb-l:lang(th){margin-top:0;padding-block:0;line-height:1.55}.hub-pc .hub-thumb-l{font-size:15px}.hub-thumb-sub{text-overflow:ellipsis;white-space:nowrap;max-width:78px;color:var(--c-accent);font-size:12px;line-height:1.2;overflow:hidden}.hub-thumb-talk .hub-thumb-sub{color:var(--c-ink-2)}.hub-thumb>kbd.key{position:absolute;inset:auto auto -14px 50%;transform:translate(-50%)}.hub-thumb[aria-disabled=true]{color:var(--c-text-2);box-shadow:inset 0 0 0 2px #ffffff73,0 6px 18px #00000073}.hub-thumb-why{border-radius:var(--r-md);width:max-content;max-width:min(260px,100vw - 28px);color:var(--c-text);text-align:right;background:#040609db;margin:0;padding:6px 12px;font-size:13px;line-height:1.45;position:absolute;bottom:calc(100% + 64px);right:0}.hub-thumb-why:lang(th){line-height:1.65}.hub-pc .hub-thumb-why{bottom:calc(100% + 84px)}.hub-exp{pointer-events:none;bottom:0;left:0;right:0}.hub-exp .bar{background:#ffffff24;border-radius:0;min-width:0;height:2px}.hub-exp .bar-fill{box-shadow:0 0 6px var(--c-glow)}.hub-pc .hub-exp .bar{height:3px}.hub-exp-pct{letter-spacing:.02em;color:var(--c-text-2);text-shadow:var(--halo);white-space:nowrap;font-size:10px;line-height:1;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.hub-pc .hub-exp-pct{bottom:6px}.hub-phone:has(.npc-dlg:not(.npc-dlg-alone)) :is(.hub-bl,.hub-br,.hub-notices){visibility:hidden}.hub-pc:has(.npc-dlg:not(.npc-dlg-alone)) :is(.hub-bl,.hub-br){visibility:hidden}@media (prefers-reduced-motion:reduce){.hub-low .bar-hp .bar-fill{animation:none}.hub-vitals{transition:none}}.ui-scale>.hud-top{z-index:70;top:calc(env(safe-area-inset-top) + 92px);align-items:center;gap:var(--sp-2);pointer-events:none;flex-direction:column;width:max-content;max-width:calc(100% - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (width>=1024px){.ui-scale>.hud-top{top:20px}}.ui-scale:has(>.gs-reveal)>.hud-top{z-index:86}.ui-scale:has(>.hud-top>:not(.toast)) .hub-phone .hub-quests{visibility:hidden}.ui-scale:has(>.hub-narrow)>.hud-top{width:auto;max-width:none;max-height:calc(100% - 92px - 230px - env(safe-area-inset-top) - env(safe-area-inset-bottom));left:14px;right:68px;overflow:hidden;transform:none}.ui-scale:has(.hub-phone:not(.hub-narrow) .party-prompts>*)>.hud-top{top:auto;bottom:calc(env(safe-area-inset-bottom) + 176px)}.hud-banner{align-items:center;gap:var(--sp-3);border-radius:var(--r-md);color:var(--c-text);font-size:var(--fs-small);pointer-events:auto;background:#040609db;padding:8px 8px 8px 16px;display:flex;box-shadow:0 6px 18px #0006}.hud-banner:not(:has(button)){padding-right:16px}.hud-banner.bad{box-shadow:inset 0 0 0 1px var(--c-vermilion), 0 6px 18px #0006}.hud-banner .btn-secondary{min-height:44px;font-size:var(--fs-small);padding:0 14px}.hud-top .liveops-stack{pointer-events:none;justify-items:center;gap:6px;display:grid}.hud-top .toast{max-width:100%;animation-name:hud-top-in;position:static;transform:none}@keyframes hud-top-in{0%{opacity:0;transform:translateY(-6px)}}.world-tag{color:#fff;font:600 10px/1.1 var(--font-ui);white-space:nowrap;text-shadow:0 1px #000c;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0406098c;border-radius:3px;padding:1px 4px 2px}.world-tag.npc{color:#fff1a8}.world-tag.party{color:#b8f5a0}.world-tag.hired{color:#9ecbff}.world-tag.exit{color:#fff1a8;font-size:11px}.world-tag.mob .crown{vertical-align:0;image-rendering:pixelated;margin-right:3px;display:inline-block}.shell-page[data-screen=menu] .shell-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell-page[data-screen=menu] .shell-header{z-index:2;min-height:0;padding:calc(env(safe-area-inset-top) + 12px) 12px 0 0;position:absolute;top:0;right:0}.shell-page[data-screen=menu] .shell-content{padding:0}.hub-menu{flex:1;min-height:0;overflow-y:auto;container:hub-menu/size}.hub-menu-in{justify-content:space-between;gap:var(--sp-5);min-height:100%;padding:calc(env(safe-area-inset-top) + 18px) 20px calc(env(safe-area-inset-bottom) + 36px);flex-direction:column;display:flex}.hub-menu-top{gap:var(--sp-3);flex-direction:column;display:flex}.hub-menu-prof{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:12px 14px;padding-right:52px;display:grid}.hub-menu-lv{flex-direction:column;line-height:1;display:flex}.hub-menu-lv-tag{color:var(--c-accent);letter-spacing:.08em;padding-block:0;font-size:12px;line-height:1}.hub-menu-lv-n{font:600 56px/.9 var(--font-display);letter-spacing:-.02em}.hub-menu-who{gap:7px;min-width:0;padding-bottom:2px;display:grid}.hub-menu-name{align-items:center;gap:8px;min-width:0;font-size:20px;display:flex}.hub-menu-name>.display{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-block:0;line-height:1.25;overflow:hidden}.hub-menu-name>.display:lang(th){font-family:var(--font-ui);line-height:1.5}.hub-menu-exp{color:var(--c-text-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;display:grid}.hub-menu-exp-l{font:600 12px/1.2 var(--font-display);letter-spacing:.06em}.hub-menu-exp .bar{min-width:0;height:3px}.hub-menu-wallet{gap:14px;display:flex}.hub-menu-points{flex-wrap:wrap;grid-column:1/-1;gap:4px 16px;display:flex}.hub-menu-pts{min-height:24px;color:var(--c-accent);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:13px;line-height:1.4;display:inline-flex;position:relative}.hub-menu-pts:before{content:"";position:absolute;inset:-10px -4px}.hub-menu-pts:lang(th),:lang(th) .hub-menu-pts{line-height:1.6}.hub-menu-hero{flex:none;align-self:center;width:128px;height:104px;position:relative}.hub-menu-hero:before{content:"";background:radial-gradient(closest-side,#f4ebb038,#0000);border-radius:50%;height:22px;position:absolute;bottom:0;left:14px;right:14px}.hub-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px;display:grid}.hub-menu-dest{min-width:0;color:var(--c-text);background:0 0;border:0;align-content:start;justify-items:center;gap:8px;padding:0;display:grid;position:relative}.hub-menu-disc{width:64px;height:64px}.hub-menu-disc>.points-mark{top:6px;right:6px}.hub-menu-l{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;line-height:1.25;overflow:hidden}.hub-menu-l:lang(th),:lang(th) .hub-menu-l{padding-block:0;line-height:1.55}.hub-menu-dest>kbd.key{margin-top:-2px}@media (hover:hover) and (pointer:fine){.hub-menu-dest:not([aria-disabled=true]):hover .hub-menu-disc{color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent)}}@container hub-menu (height<=560px){.hub-menu-in:not(.hub-menu-pc){gap:var(--sp-3);padding-top:calc(env(safe-area-inset-top) + 12px);padding-bottom:calc(env(safe-area-inset-bottom) + 16px)}.hub-menu-in:not(.hub-menu-pc) .hub-menu-hero{display:none}.hub-menu-in:not(.hub-menu-pc) .hub-menu-lv-n{font-size:44px}.hub-menu-in:not(.hub-menu-pc) .hub-menu-grid{row-gap:12px}.hub-menu-in:not(.hub-menu-pc) .hub-menu-disc{width:52px;height:52px}}.hub-menu-pc{justify-content:space-between;align-items:center;gap:var(--sp-6);padding:var(--sp-4) var(--sp-5) var(--sp-5);flex-direction:row}.hub-menu-pc .hub-menu-top{flex:none;width:220px}.hub-menu-pc .hub-menu-prof{grid-template-columns:auto minmax(0,1fr);padding-right:0}.hub-menu-pc .hub-menu-lv-n{font-size:48px}.hub-menu-pc .hub-menu-name{font-size:18px}.hub-menu-pc .hub-menu-grid{flex:1;grid-template-columns:repeat(3,minmax(0,104px));justify-content:end;gap:22px 12px}.hub-menu-pc .hub-menu-disc{width:60px;height:60px}.shell-window[data-screen=menu] .shell-content{padding:0}.settings{gap:var(--sp-6);width:100%;max-width:560px;min-height:0;padding:var(--sp-2) 0 calc(var(--sp-6) + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow-y:auto}.settings-col{gap:var(--sp-6);flex-direction:column;min-width:0;display:flex}:is(.shell-window,.shell-expanded) .settings{align-items:start;column-gap:var(--sp-6);max-width:1040px;padding-top:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.shell-page.shell-expanded .settings{padding-top:var(--sp-5)}.settings-group{gap:var(--sp-3);flex-direction:column;display:flex}.settings-hint{color:var(--c-text-2);font-size:var(--fs-small);line-height:var(--lh-body);max-width:60ch}.settings-list{margin:0 calc(-1 * var(--sp-4));overflow:visible}.settings-list li:nth-child(2n) .row{background:0 0}.settings-list li+li{border-top:1px solid var(--c-line)}.settings-build{color:var(--c-text-3);font-size:var(--fs-small)}.settings-danger{margin-top:calc(-1 * var(--sp-3));padding-top:var(--sp-2);border-top:1px solid var(--c-line)}.settings-danger .row-glyph{background:var(--c-vermilion-wash)}.settings .segmented{box-shadow:inset 0 0 0 1px var(--c-line);background:0 0}.settings .segment{min-height:44px}.settings .segment[aria-checked=true]{background:var(--c-accent-wash);color:var(--c-accent);box-shadow:inset 0 0 0 var(--stroke-sel) var(--c-accent), 0 0 12px var(--c-glow);animation:sel-in .16s var(--ease-out)}@media (prefers-reduced-motion:reduce){.settings .segment[aria-checked=true]{animation:none}}.settings .segment[aria-disabled=true]{color:var(--c-disabled-ink)}.settings .segment[aria-checked=true][aria-disabled=true]{color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line-strong);background:0 0;animation:none}.settings .slider-label{color:var(--c-text)}.privacy{width:100%;max-width:680px;min-height:0;padding:0 var(--sp-4) var(--sp-6);gap:var(--sp-5);flex-direction:column;flex:1;margin:0 auto;display:flex;overflow-y:auto}.privacy-meta{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--c-line);color:var(--c-text-3);font-size:var(--fs-small);display:flex}.privacy-lang{min-height:44px;font-size:var(--fs-small);flex:none;padding:0 16px}.privacy-first{color:var(--c-accent);line-height:var(--lh-body)}.privacy-section h3{font-size:var(--fs-body);line-height:var(--lh-tight)}:lang(th) .privacy-section h3{line-height:1.55}.privacy-section p{color:var(--c-text-2);font-size:var(--fs-small);line-height:var(--lh-body);margin-top:6px}.bh{-webkit-user-select:none;user-select:none;pointer-events:none;--bh-strip-h:52px;--bh-aim-h:34px;--bh-say-h:32px;--bh-t-select:.16s;--bh-bonus:#ffd23f;--bh-crit:#ff5a1f;--bh-stun:#ffd24a;--bh-sleep:#c9b6ff;--bh-ice:#9ed8ff;--bh-bleed:#ff6b7a;--bh-sink:.3;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.ui-scale>.bh{pointer-events:none}.bh-scrim{pointer-events:none;background:linear-gradient(#040609cc,#04060973 50%,#04060900) top/100% 104px no-repeat,radial-gradient(110% 100% at 0 100%,#040609d1,#04060973 45%,#04060900 75%) 0 100%/260px 210px no-repeat,radial-gradient(100% 100% at 100% 100%,#040609b8,#0406094d 45%,#04060900 72%) 100% 100%/300px 260px no-repeat;position:absolute;inset:0}.bh-wide .bh-scrim{background:linear-gradient(#040609cc,#04060966 50%,#04060900) top/100% 120px no-repeat,radial-gradient(110% 100% at 0 100%,#040609d1,#04060973 45%,#04060900 75%) 0 100%/560px 300px no-repeat,radial-gradient(100% 100% at 100% 100%,#040609b8,#0406094d 45%,#04060900 72%) 100% 100%/640px 380px no-repeat}.bh-side .bh-scrim{background:linear-gradient(#040609cc,#04060966 50%,#04060900) top/100% 120px no-repeat,radial-gradient(110% 100% at 0 100%,#040609d1,#04060973 45%,#04060900 75%) 0 100%/560px 300px no-repeat,radial-gradient(100% 100% at 100% 100%,#040609b8,#0406094d 45%,#04060900 72%) 100% 100%/640px 380px no-repeat,radial-gradient(70% 70% at 50% 52%,#04060900 45%,#0406098c)}.bh :is(.bh-strip,.bh-say,.bh-target,.bh-ticker,.bh-chat-dock){text-shadow:var(--halo)}.bh :is(button,input,.bh-list,.bh-scan,.bh-chat-sheet,.bh-chat-dock){pointer-events:auto}.bh-strip{z-index:20;height:calc(var(--bh-strip-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0 14px;flex:none;align-items:center;gap:10px;display:flex;position:relative}.bh-clock{min-width:1.1ch;color:var(--c-text);transition:color var(--t-fast);flex:none;font-size:34px;font-weight:600;line-height:1}.bh-clock.amber{color:var(--c-warn)}.bh-clock.red{color:var(--c-hp)}.bh-clock.idle{color:var(--c-text-3)}.bh-lead{flex-direction:column;flex:auto;justify-content:center;gap:1px;min-width:64px;display:flex}.bh-turn{color:var(--c-text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.25;overflow:hidden}.bh-ready{color:var(--c-text-2);align-items:center;gap:4px;font-size:13px;line-height:1.25;display:inline-flex}.bh-ready b{color:var(--c-text);font-weight:600}.bh-lead-play{color:var(--c-accent);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.3;overflow:hidden}:lang(th) .bh-lead-play{line-height:1.6}.bh-of{color:var(--c-text-3)}.bh-strip-r{flex:none;gap:10px;display:flex}.bh-top-disc{background:var(--c-disc);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-icon);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.bh-top-disc.on{color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent), 0 0 14px var(--c-glow)}.bh-top-disc:is(:disabled,[aria-disabled=true]),.bh-top-disc.done{color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line)}.bh-top-disc>kbd,.bh-action>kbd,.bh-attack>kbd{inset:auto auto -9px 50%;transform:translate(-50%)}.bh-timer-bar{left:50%;top:calc(env(safe-area-inset-top) + 25px);background:#ffffff29;width:min(420px,34vw);height:2px;position:absolute;transform:translate(-50%)}.bh-timer-bar i{background:var(--c-text);transition:width .2s linear;position:absolute;inset:0 auto 0 0;box-shadow:0 0 6px #fff9}.bh-wide .bh-strip{padding:env(safe-area-inset-top) var(--gutter) 0;gap:14px}.bh-wide .bh-clock{font-size:40px}.bh-wide .bh-strip-r{gap:16px}.bh-wide .bh-top-disc{width:48px;height:48px}.bh-aimbar{z-index:20;height:var(--bh-aim-h);flex:none;justify-content:center;padding:0 16px;display:flex;position:relative}.bh-target{width:min(300px,100%);animation:bh-rise var(--t-base) var(--ease-out);flex-direction:column;gap:4px;display:flex}.bh-aim-keys{gap:3px;margin-left:4px;display:inline-flex}.bh-target-name{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.bh-target-name b{text-overflow:ellipsis;min-width:0;color:var(--c-text);font-size:16px;line-height:1.25;overflow:hidden}:lang(th) .bh-target-name b,.bh-target-name b:lang(th){line-height:1.55}.bh-target-name>:not(b){flex:none}.bh-target-name .num{color:var(--c-text-2);font-size:12px}.bh-target .bar{flex:none;width:100%;min-width:0;height:4px;box-shadow:0 0 0 1px #00000073}.bh-catchable{background:var(--c-jade);width:18px;height:18px;color:var(--c-text);text-shadow:none;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 0 0 1px #00000080}.bh-wide .bh-target{width:360px}.bh-wide .bh-target-name b{font-size:18px}.bh-field-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.bh-field{pointer-events:none;position:absolute;inset:0}.bh-unit{position:absolute;top:0;left:0}.bh-unit>.bh-plate{z-index:1}.bh-plate{pointer-events:none;white-space:nowrap;font-size:var(--fs-small);text-shadow:0 0 2px #000,0 0 3px #000,0 1px 1px #000;align-items:center;gap:4px;line-height:1.35;display:flex;position:absolute;transform:translate(-50%,-100%)}.bh-plate .bar{background:#ffffff29;border-radius:2px;flex:none;min-width:0;height:4px;box-shadow:0 0 0 1px #0009}.bh-plate.ally .bar,.bh-plate.player .bar{height:3px}.bh-plate.player{flex-direction:column;gap:2px;transform:translate(-50%)}.bh-plate.foe.aimed:before{content:"";z-index:-1;border-radius:var(--r-sm);box-shadow:inset 0 0 0 var(--stroke-hair) var(--c-accent), 0 0 10px var(--c-glow);animation:bh-aim-in var(--bh-t-select) var(--ease-out);position:absolute;inset:-3px -4px}@keyframes bh-aim-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.bh-plate.foe.aimed:before{animation:none}}.bh-plate-row{align-items:center;gap:4px;display:flex}.bh-plate-name{max-width:min(64px, calc(var(--bh-col,72px) - 8px));align-items:center;gap:3px;display:flex}.bh-wide .bh-plate-name{max-width:132px}.bh-plate-who{font:600 12px/1.3 var(--font-display);color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:lang(th) .bh-plate-who,.bh-plate-who:lang(th){line-height:1.55}.bh-plate.me .bh-plate-who{color:var(--c-accent)}.bh-plate.ko .bh-plate-who{color:var(--c-text-3)}.bh-plate-num{color:var(--c-text);font-size:12px;line-height:1}.bh-plate-ko{color:var(--c-hp);letter-spacing:.06em;font-size:12px;line-height:1.2}.bh-mark{width:14px;height:14px;color:var(--c-text-2);background:#040609b3;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 0 0 1px #0009}.bh-mark.ready{background:var(--c-positive);color:var(--c-ink)}.bh-mark.auto{color:var(--c-accent)}.bh-mark.off{background:var(--c-vermilion);color:#fff}.bh-catch-mark{background:var(--c-jade);width:14px;height:14px;color:var(--c-text);border-radius:50%;place-items:center;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 0 0 1px #0009}.bh-catch-mark svg{width:10px;height:10px}.bh-hitbox{border-radius:var(--r-md);pointer-events:auto;background:0 0;border:0;padding:0;position:absolute}.bh-hitbox.on:before{content:"";inset:0 var(--frame-r,0px) 0 var(--frame-l,0px);border-radius:var(--r-md);box-shadow:inset 0 0 0 2px var(--c-accent), 0 0 14px var(--c-glow);pointer-events:none;position:absolute}.bh-plate-paw{color:var(--c-text-2);filter:drop-shadow(0 0 1px var(--c-bg-deep)) drop-shadow(0 0 1px var(--c-bg-deep))}.bh-pet-auto{width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text-2);background:#080b10b8;border:0;border-radius:50%;flex:none;place-items:center;margin:-2px 0;padding:0;display:grid;position:relative}.bh-pet-auto:before{content:"";border-radius:50%;position:absolute;inset:-13px}.bh-pet-auto.on{color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent), 0 0 8px var(--c-glow)}.bh-pet-auto:is(:disabled,[aria-disabled=true]){color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line)}.bh-field.narrow .bh-plate-name{justify-content:center}.bh-field.narrow .bh-plate-name>.bh-plate-num{line-height:1.3}.bh-field.narrow .bh-plate-row>.bh-plate-num{line-height:10px}.bh-field.narrow .bh-plate-row{gap:3px;min-height:10px}.bh-field.narrow .bh-mark{width:10px;height:10px}.bh-field.narrow .bh-plate.ally{gap:3px}.bh-plate-stack{flex-direction:column;align-items:center;display:flex}.bh-plate-stack .bh-plate-num{line-height:11px}.bh-field.narrow .bh-catch-mark{right:-5px}.bh-status{color:var(--st);box-shadow:0 0 0 1px #0009, 0 0 6px color-mix(in srgb, var(--st) 50%, transparent);position:relative}.bh-status.st-stun{--st:var(--bh-stun)}.bh-status.st-sleep{--st:var(--bh-sleep)}.bh-status.st-freeze,.bh-status.st-guard{--st:var(--bh-ice)}.bh-status.st-bleed{--st:var(--bh-bleed)}.bh-status-drop{color:var(--bh-bleed);filter:drop-shadow(0 0 1px #000000f2)drop-shadow(0 0 1px #000000f2);display:grid;position:absolute;bottom:-4px;right:-4px}.bh-mark.bled{position:relative}.bh-status-n{font:700 10px/1 var(--font-display);color:var(--st);-webkit-text-stroke:2.5px #000000e6;paint-order:stroke fill;position:absolute;top:-7px;right:-6px}.bh-status.ride{position:absolute;top:-9px;left:-4px}.bh-field.narrow .bh-status.ride{top:-7px;left:-3px}.bh-say-held .bh-say-text{color:var(--c-text)}.bh-pet-auto .bh-status{box-shadow:none;background:0 0}.bh-plate.guarded .bar{box-shadow:0 0 0 1px var(--bh-ice), 0 0 4px color-mix(in srgb, var(--bh-ice) 60%, transparent)}.bh-plate.tied .bh-plate-paw,.bh-plate-tie{color:var(--tie)}.bh-plate-tie{filter:drop-shadow(0 0 1px var(--c-bg-deep)) drop-shadow(0 0 1px var(--c-bg-deep));flex:none}.bh-plate.player.above{flex-direction:row;gap:4px;transform:translate(-50%,-100%)}.bh-plan-pill{z-index:20000;pointer-events:none;min-width:24px;height:22px;box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text);background:#080b10bd;border-radius:11px;justify-content:center;align-items:center;gap:2px;padding:0 5px;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.bh-plan-pill.armed{color:var(--c-accent);box-shadow:inset 0 0 0 1.5px var(--c-accent), 0 0 10px var(--c-glow);animation:bh-arm var(--t-base) var(--ease-pop)}.bh-plan-pill.sent>svg:first-child{color:var(--c-positive)}.bh-plan-pill.active{color:var(--c-accent);box-shadow:inset 0 0 0 1.5px var(--c-accent), 0 0 10px var(--c-glow)}.bh-plan-pill.open{color:var(--c-text-3)}@media (hover:hover) and (pointer:fine){.bh-hitbox.switch:not(:disabled,[aria-disabled=true]):hover{box-shadow:inset 0 0 0 1px var(--c-line-strong)}}.bh-float{z-index:30000;pointer-events:none;white-space:nowrap;position:absolute;transform:translate(-50%,-100%)}.bh-float-n{font:700 26px/1 var(--font-display);color:var(--c-text);-webkit-text-stroke:4px #000000d9;paint-order:stroke fill;display:block}.bh-float-bonus .bh-float-n{color:var(--bh-bonus);font-size:32px}.bh-float-resist .bh-float-n{color:var(--c-text-3);font-size:18px}.bh-float-combo .bh-float-n{color:var(--c-accent);filter:drop-shadow(0 0 10px var(--c-glow));font-size:40px}.bh-float-heal .bh-float-n{color:var(--c-positive);font-size:24px}.bh-float-sp .bh-float-n{color:var(--c-sp);font-size:22px}.bh-float:is(.bh-float-info,.bh-float-good,.bh-float-bad,.bh-float-miss,.bh-float-word,.bh-float-stun,.bh-float-sleep,.bh-float-ice,.bh-float-bleed) .bh-float-n{-webkit-text-stroke-width:3px;font-size:15px;line-height:1.2}:lang(th) .bh-float:is(.bh-float-info,.bh-float-good,.bh-float-bad,.bh-float-miss,.bh-float-word,.bh-float-stun,.bh-float-sleep,.bh-float-ice,.bh-float-bleed) .bh-float-n{line-height:1.6}.bh-float-stun .bh-float-n{color:var(--bh-stun)}.bh-float-sleep .bh-float-n{color:var(--bh-sleep)}.bh-float-ice .bh-float-n{color:var(--bh-ice)}.bh-float-bleed .bh-float-n{color:var(--bh-bleed)}.bh-float.under{transform:translate(-50%,2px)}.bh-float-info .bh-float-n{color:#bfe3ff}.bh-float-good .bh-float-n{color:var(--c-positive)}.bh-float-bad .bh-float-n{color:#ff9e7a}.bh-float-miss .bh-float-n{color:var(--c-text-3)}.bh-float-crit .bh-float-n{-webkit-text-stroke:6px var(--bh-crit);filter:drop-shadow(0 0 1px #000000e6)drop-shadow(0 0 1px #000000e6)drop-shadow(0 0 10px #ff5a1f8c)}@media (prefers-reduced-motion:no-preference){.bh-float{animation:bh-rise-out .9s var(--ease-out) forwards}.bh-float-n{animation:bh-pop var(--t-pop) var(--ease-pop) both}.bh-float.above .bh-float-n{animation-delay:var(--t-pop)}.bh-float.under{animation-name:bh-rise-under}.bh-float.under .bh-float-n{animation-delay:var(--t-pop)}}@keyframes bh-rise-under{0%,55%{opacity:1;transform:translate(-50%,2px)}to{opacity:0;transform:translate(-50%,-16px)}}@keyframes bh-rise-out{0%,55%{opacity:1;transform:translate(-50%,-100%)}to{opacity:0;transform:translate(-50%,calc(-100% - 18px))}}@keyframes bh-pop{0%{transform:scale(var(--bh-pop,1.6))}}.bh-combo{z-index:29999;left:50%;top:calc(env(safe-area-inset-top) + var(--bh-strip-h) + var(--bh-aim-h) + 10px);pointer-events:none;justify-items:center;display:grid;position:absolute;transform:translate(-50%)}.bh-combo-t{color:var(--c-accent);white-space:nowrap;text-shadow:0 0 18px var(--c-glow), 0 2px 0 #0009;background:linear-gradient(90deg,#0000,#0406098c 25% 75%,#0000);padding:2px 34px;font-size:30px;font-style:italic;line-height:1.1}.bh-combo-t:lang(en){letter-spacing:.04em}.bh-combo-t:before,.bh-combo-t:after{content:"";background:linear-gradient(90deg, transparent, var(--c-gold), transparent);height:1px;margin:0 -34px;display:block}@media (prefers-reduced-motion:no-preference){.bh-combo{animation:bh-combo 1.08s var(--ease-out) both}}.bh-ask{z-index:40;left:50%;top:calc(env(safe-area-inset-top) + var(--bh-strip-h) + var(--bh-aim-h) + 8px);width:min(360px, calc(100% - 2 * var(--gutter,16px)));pointer-events:auto;justify-items:center;gap:4px;display:grid;position:absolute;transform:translate(-50%)}.bh-ask-more{color:var(--c-text-2);text-shadow:0 1px 2px #000c;font-size:12px}@media (prefers-reduced-motion:no-preference){.bh-ask .party-prompt{animation:bh-rise .18s var(--ease-out) both}}@keyframes bh-combo{0%{opacity:0;transform:translate(calc(40px - 50%))}16.7%,81.5%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@media (prefers-reduced-motion:no-preference){.bh-field-layer.bh-shaking{animation:bh-shake var(--bh-shake-t,var(--t-shake)) linear}}@keyframes bh-shake{15%{transform:translate(calc(var(--bh-shake,4px) * -1), calc(var(--bh-shake,4px) / 3))}35%{transform:translate(calc(var(--bh-shake,4px) * 5 / 6), calc(var(--bh-shake,4px) / -3))}55%{transform:translate(calc(var(--bh-shake,4px) * -.5), calc(var(--bh-shake,4px) / 6))}75%{transform:translate(calc(var(--bh-shake,4px) / 3), 0)}}.bh :is(.bh-plate,.bh-target) .bar-ghost{transition:width .4s var(--ease-out) .25s}@media (prefers-reduced-motion:reduce){.bh :is(.bh-plate,.bh-target) .bar-ghost{transition:none}}.bh-hud{z-index:30;width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom);flex:none;align-self:center;margin-top:auto;position:relative}.bh-dock{flex-direction:column;display:flex;position:relative}.bh-say{height:var(--bh-say-h);color:var(--c-text);white-space:nowrap;flex:none;align-items:center;gap:8px;padding:0 12px 0 14px;font-size:13px;line-height:1.3;display:flex;position:relative}.bh-say>svg{color:var(--c-accent);flex:none}.bh-say-text{text-overflow:ellipsis;min-width:0;color:var(--c-text-2);overflow:hidden}:lang(th) .bh-say-text,:lang(th) .bh-plan-pending,:lang(th) .bh-plan-why{line-height:1.6}.bh-say-who{text-overflow:ellipsis;max-width:7em;color:var(--c-accent);flex:none;font-size:13px;overflow:hidden}.bh-say-who:lang(th){line-height:1.55}.bh-say-who kbd.key,.bh-say-who kbd{margin-left:6px;display:inline-block;position:static;transform:none}.bh-say-line{flex:1;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.bh-say-line>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.bh-plan-pending{color:var(--c-text-2)}.bh-plan-armed{align-items:center;gap:5px;display:flex}.bh-plan-armed b{color:var(--c-text);font-weight:600}.bh-say-face{color:var(--c-accent);flex:none;align-items:center;gap:2px;display:inline-flex}.bh-plan-why{min-width:0}.bh-plan-why svg{flex:none}.bh-plan-why>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.bh-arrow{color:var(--c-text-3);font-weight:400}.bh-shape{color:var(--c-text-2);margin-left:4px;font-size:12px}.bh-shape-glyph{flex:none;display:block}.bh-sp{color:var(--c-text-2);flex:none;align-items:center;gap:4px;font-size:12px;display:flex}.bh-sp b{color:var(--c-sp);font-weight:600}.bh-sp-label{color:var(--c-sp);font-size:12px;line-height:1.2}.bh-cancel{background:var(--c-disc);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-icon);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.bh-cancel:before{content:"";border-radius:50%;position:absolute;inset:-6px}.bh-cancel>kbd{inset:auto auto -9px 50%;transform:translate(-50%)}.bh-dots{flex:none;gap:3px;display:inline-flex}.bh-dots i{background:var(--c-gold);border-radius:50%;width:4px;height:4px;animation:1s ease-in-out infinite bh-dot}.bh-dots i:nth-child(2){animation-delay:.15s}.bh-dots i:nth-child(3){animation-delay:.3s}@keyframes bh-dot{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.bh-dots i{animation:none}}.bh-arc{flex:none;margin-left:auto;position:relative}.bh-arc>*,.bh-quickbar>*{position:absolute}.bh-quickbar{pointer-events:none;inset:0}.bh-arc-say{display:flex}.bh-arc-say .bh-say{flex:1;min-width:0;height:100%;padding:0}.bh-arc-chat{align-items:flex-end;min-width:0;display:flex}.bh-arc-chat .bh-ticker{align-content:end;min-height:44px}.bh-quick{border-radius:var(--r-pill);text-align:left;background:var(--c-disc);box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text);pointer-events:auto;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out), filter .22s var(--ease-out), box-shadow var(--t-fast);border:0;align-items:center;gap:6px;padding:0 10px 0 9px;display:flex}.bh-quick>.el-chip{flex:none}.bh-quick-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;line-height:1.2;overflow:hidden}.bh-quick-sp{min-width:20px;height:17px;color:var(--c-sp);text-shadow:none;background:#040609e0;border-radius:9px;place-items:center;padding:0 4px;font-size:12px;line-height:1;display:grid;position:absolute;top:-8px;right:-4px;box-shadow:inset 0 0 0 1px #5aa9f080}.bh-quick>kbd{top:-8px;left:-4px;right:auto}.bh-quick.on{color:var(--c-accent);box-shadow:inset 0 0 0 2px var(--c-accent), 0 0 0 4px #f0c85a29, 0 0 18px var(--c-glow);background:#3c3014c7}.bh-quick:is(:disabled,[aria-disabled=true]){color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line)}.bh-quick:is(:disabled,[aria-disabled=true]) .el-chip{filter:grayscale()brightness(.7)}.bh-quick:is(:disabled,[aria-disabled=true]) .bh-quick-sp{color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line)}.bh-quick.empty{pointer-events:none;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff1a}.bh-quick.catch{color:#7fe0bd;border-radius:50%;justify-content:center;padding:0}.bh-quick.catch:not(:disabled,[aria-disabled=true]){box-shadow:inset 0 0 0 1px #6fd6b099}.bh-quick.catch.on{background:var(--c-jade);box-shadow:inset 0 0 0 2px var(--c-positive), 0 0 16px #6fd6b080;color:var(--c-text)}.bh-quick.catch>kbd{top:auto;bottom:-9px;left:50%;transform:translate(-50%)}.bh-action{background:var(--c-disc);box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-icon);transition:opacity .22s var(--ease-out), transform .22s var(--ease-out), filter .22s var(--ease-out), box-shadow var(--t-fast), color var(--t-fast);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.bh-action.on{color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent), 0 0 14px var(--c-glow)}.bh-action:is(:disabled,[aria-disabled=true]){color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line)}.bh-attack{color:var(--c-text);transition:background var(--t-fast), box-shadow var(--t-fast), opacity .22s var(--ease-out), transform .26s var(--ease-pop), filter .22s var(--ease-out);background:#0c0f1499;border:0;border-radius:50%;place-content:center;justify-items:center;gap:1px;padding:0;display:grid;box-shadow:inset 0 0 0 2px #ffffffe6,0 8px 22px #00000073}.bh-attack-face{align-items:center;gap:2px;display:flex}.bh-attack-label{white-space:nowrap;margin-top:2px;font-size:15px;line-height:1.1}.bh-attack-sub{opacity:.72;white-space:nowrap;text-overflow:ellipsis;max-width:72px;font-size:12px;line-height:1.15;overflow:hidden}.bh-attack.on{background:var(--c-cta);color:var(--c-cta-ink);box-shadow:0 0 0 3px #04060980, 0 0 26px var(--c-glow), 0 8px 22px #00000073}.bh-attack.ghost{color:var(--c-accent);box-shadow:inset 0 0 0 2px var(--c-accent), 0 0 18px var(--c-glow);background:#0c0f1499}.bh-attack:is(:disabled,[aria-disabled=true]){color:var(--c-disabled-ink);box-shadow:inset 0 0 0 2px var(--c-line);background:#0c0f1473}.bh-quick.on,.bh-attack.on .bh-attack-face{animation:bh-arm var(--t-base) var(--ease-pop)}@keyframes bh-arm{0%{transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.bh-quick.on,.bh-attack.on .bh-attack-face,.bh-plan-pill.armed{animation:none}}.bh-ring-timer{pointer-events:none;width:calc(100% + 14px);height:calc(100% + 14px);position:absolute;inset:-7px;overflow:visible;transform:rotate(-90deg)}.bh-ring-timer circle{fill:none;stroke:#ffffff2e;stroke-width:3px}.bh-ring-timer .left{stroke:var(--c-text);stroke-dasharray:100;stroke-linecap:round;filter:drop-shadow(0 0 3px #fff9);transition:stroke-dashoffset .2s linear}.bh-attack.amber .bh-ring-timer .left{stroke:var(--c-warn)}.bh-attack.red .bh-ring-timer .left{stroke:var(--c-hp)}.bh-arc.sunk :is(.bh-quick,.bh-action),.bh-arc.sunk .bh-attack:not(.ghost){opacity:var(--bh-sink);filter:saturate(0);transform:translateY(10px)}.bh-arc.listing .bh-quick{opacity:var(--bh-sink);filter:saturate(0);pointer-events:none}.bh-arc:not(.sunk) :is(.bh-quick,.bh-action){transition-timing-function:var(--ease-pop);transition-duration:.26s}@media (prefers-reduced-motion:reduce){.bh-arc.sunk :is(.bh-quick,.bh-action),.bh-arc.sunk .bh-attack:not(.ghost){transform:none}}.bh-tier-narrow .bh-attack-sub{display:none}.bh-tier-narrow .bh-attack-label{font-size:13px}.bh-tier-pc .bh-quick{gap:8px;padding:0 14px 0 12px}.bh-tier-pc .bh-quick-name{font-size:14px}.bh-tier-pc .bh-attack-label{font-size:18px}.bh-tier-pc .bh-attack-sub{max-width:88px;font-size:13px}.bh-ticker{text-align:left;width:100%;min-width:0;color:var(--c-text);background:0 0;border:0;gap:2px;padding:0;display:grid}.bh-ticker-l{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;line-height:1.4;display:block;overflow:hidden}.bh-ticker-l:lang(th){line-height:1.6}.bh-ticker-l b{font-weight:600}.bh-ticker-ch{vertical-align:-2px;color:var(--c-text-3);filter:drop-shadow(0 0 1px #000)drop-shadow(0 1px 2px #000c);margin-right:5px}.bh-ticker-ch.party{color:var(--c-accent)}.bh-ticker-empty{color:var(--c-text-3)}.bh-say .bh-ticker{flex:1}.bh-chat{flex-direction:column;gap:8px;min-width:0;display:flex}.bh-chat-head{align-items:center;gap:4px;display:flex}.bh-chat-tab{min-height:32px;color:var(--c-text-3);background:0 0;border:0;padding:.1em 10px;font-size:13px;position:relative}.bh-chat-tab.on{color:var(--c-accent)}.bh-chat-tab.on:after{content:"";background:var(--c-accent);height:2px;box-shadow:0 0 8px var(--c-glow);position:absolute;bottom:2px;left:10px;right:10px}.bh-chat-head .bh-cancel{margin-left:auto}.bh-chat-lines{color:var(--c-text);flex-direction:column;gap:3px;margin:0;padding:0;font-size:14px;line-height:1.45;list-style:none;display:flex}.bh-chat-lines li:lang(th){line-height:1.65}.bh-chat-lines b{color:var(--c-text-2);font-weight:600}.bh-chat-lines b.me{color:var(--c-accent)}.bh-chat-lines li{overflow-wrap:anywhere}.bh-chat-notice{color:var(--c-warn);font-size:var(--fs-small)}.bh-chat-input{gap:6px;display:flex}.bh-chat-input input{min-width:0;height:40px;box-shadow:inset 0 -1px 0 var(--c-line-strong);color:var(--c-text);font:400 14px var(--font-ui);-webkit-user-select:text;user-select:text;background:0 0;border:0;border-radius:0;flex:1;padding:0 2px}.bh-chat-input input:focus{box-shadow:inset 0 -2px 0 var(--c-accent);outline:none}.bh-chat-input input::placeholder{color:var(--c-text-3)}.bh-chat-send{border-radius:var(--r-pill);height:40px;box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text);font-size:var(--fs-small);background:0 0;border:0;flex:none;padding:0 14px}.bh-chat-dock{z-index:25;left:var(--gutter);width:min(400px, var(--bh-side,400px));position:absolute;bottom:28px}.bh-chat-sheet,.bh-list,.bh-scan{background:var(--c-window);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--c-line), 0 14px 32px #00000073;animation:sheet-up var(--t-panel) var(--ease-out)}.bh-chat-sheet{z-index:50;left:8px;right:8px;bottom:calc(100% - var(--bh-say-h) + var(--sp-1));max-height:min(34vh, 280px, var(--bh-list-max,280px));flex-direction:column;padding:6px 12px 8px;display:flex;position:absolute}.bh-chat-sheet .bh-chat{flex:1;gap:4px;min-height:0}.bh-chat-sheet .bh-chat-lines{min-height:0;overflow-y:auto}.bh-chat-sheet .bh-chat.fitted .bh-chat-lines{scroll-snap-type:y mandatory;overscroll-behavior:contain}.bh-chat-sheet .bh-chat.fitted .bh-chat-lines>li{scroll-snap-align:start}.bh.playing .bh-chat-lines li{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;overflow:hidden}.bh-list,.bh-scan{flex-direction:column;min-height:0;display:flex;overflow:hidden}.bh-tall .bh-list{z-index:50;left:8px;right:8px;bottom:calc(100% - var(--bh-say-h) + var(--sp-1));max-height:min(28vh, 240px, var(--bh-list-max,240px));position:absolute}.bh-list.fitted{max-height:none}.bh-wide .bh-list{z-index:50;width:min(100%,360px);max-height:min(52vh,480px);position:absolute;bottom:calc(100% + 12px);right:0}.bh-list-head{align-items:center;gap:var(--sp-3);min-height:44px;padding:2px 6px 2px var(--sp-4);border-bottom:1px solid var(--c-line);flex:none;display:flex}.bh-list-sp{font-size:var(--fs-small);color:var(--c-text);white-space:nowrap}.bh-list-more{font-size:var(--fs-small);color:var(--c-accent);flex:none;align-items:center;gap:2px;line-height:1;display:inline-flex}.bh-list-more svg{transform:rotate(-90deg)}.bh-list-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.bh-list .sheet-list{overscroll-behavior:contain;scroll-snap-type:y mandatory;flex:1;min-height:0;padding:0;overflow-y:auto}.bh-list .sheet-list>li{scroll-snap-align:start}.bh-list .sheet-list li:nth-child(2n) .row{background:0 0}.bh-list .sheet-list li+li .row{box-shadow:inset 0 1px 0 var(--c-line)}.bh-tall .bh-list .sheet-list{scrollbar-width:none}.bh-tall .bh-list .sheet-list::-webkit-scrollbar{display:none}.bh-list-rail{z-index:1;top:var(--sp-1);bottom:var(--sp-1);background:var(--c-line);pointer-events:none;width:2px;position:absolute;right:3px}.bh-list-rail i{background:var(--c-gold);position:absolute;left:0;right:0}.bh-list .row{background:0 0;min-height:52px}.bh-list .row[aria-disabled=true]{color:var(--c-disabled-ink)}.bh-list .row[aria-disabled=true] .el-chip{filter:grayscale()brightness(.7)}.bh-list .row[aria-disabled=true] .row-sub,.bh-list .row[aria-disabled=true] .row-value{color:var(--c-disabled-ink)}.bh-tall .bh-list .row-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bh-combo-tag{font:600 12px/1.3 var(--font-display);color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-gold-deep);border-radius:2px;padding:0 5px}.bh-row-diamond{isolation:isolate;flex:none;place-items:center;width:36px;height:36px;display:grid;position:relative}.bh-row-diamond:before{content:"";z-index:-1;background:var(--c-bg-deep);position:absolute;inset:6px;transform:rotate(45deg);box-shadow:inset 0 0 0 1px #ffffff38}.bh-list .row-title.display{font-size:var(--fs-body)}.bh-scan{z-index:45;padding-bottom:var(--sp-3);position:absolute;bottom:calc(100% + 6px);left:8px;right:8px}.bh-wide .bh-scan{width:min(100%,400px);bottom:calc(100% + 12px);left:auto;right:0}.bh-scan-name{min-width:0;font-size:var(--fs-body);flex:1}.bh-scan-line{padding:var(--sp-2) var(--sp-4) 0;font-size:var(--fs-small);color:var(--c-text-2)}.bh-scan-stats{padding:0 var(--sp-4);font-size:var(--fs-small);grid-template-columns:repeat(4,auto 1fr);gap:2px 8px;margin:6px 0 0;display:grid}.bh-scan-stats dt{color:var(--c-text-3)}.bh-scan-stats dd{color:var(--c-text);margin:0}.bh-wide .bh-hud{right:var(--gutter);width:auto;max-width:none;padding:0;position:absolute;bottom:28px}.bh-wide .bh-dock{align-items:flex-end}.bh-wide .bh-say{width:100%;padding:0 0 0 4px}.bh-wide :is(.bh-say-text,.bh-plan-pending,.bh-sp){color:var(--c-map-text-2)}.bh-side .bh-hud{right:40px}.bh-result-scrim{z-index:80;pointer-events:auto;padding-top:env(safe-area-inset-top);background:var(--c-scrim);animation:bh-fade var(--t-base) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bh-result-scrim.bh-compact{align-items:flex-end}.bh-result-scrim:not(.bh-compact){padding-left:var(--gutter);background:linear-gradient(90deg, var(--c-scrim), #06080c33 60%, transparent);justify-content:flex-start}.bh-result-scrim:not(.bh-compact) .bh-result{width:min(560px,46%)}.bh-result{align-items:center;gap:var(--sp-4);width:100%;padding:var(--sp-5) var(--gutter);color:var(--c-text);text-align:center;background:linear-gradient(#040609e6, #040609f2), var(--c-bg);box-shadow:0 -1px 0 var(--c-gold-deep), 0 1px 0 var(--c-gold-deep), 0 -28px 36px var(--c-scrim), 0 28px 36px var(--c-scrim);animation:bh-band var(--t-panel) var(--ease-out) both;flex-direction:column;max-height:100%;display:flex;position:relative;overflow-y:auto}.bh-compact .bh-result{gap:var(--sp-3);padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));box-shadow:0 -1px 0 var(--c-gold-deep), 0 -28px 36px var(--c-scrim)}.bh-result-head,.bh-loot,.bh-result-warn,.bh-result-foot{width:100%;max-width:520px}.bh-result.won{height:min(100%,700px)}.bh-compact .bh-result.won{height:min(calc(100% - 128px), calc(364px + env(safe-area-inset-bottom)));gap:var(--sp-2);padding:var(--sp-2) var(--gutter) calc(var(--sp-3) + env(safe-area-inset-bottom))}.bh-result.won .bh-loot{overscroll-behavior:contain;justify-content:flex-start;min-height:0;overflow-y:auto}.bh-result.won .bh-loot>:first-child{margin-top:auto}.bh-result.won .bh-loot>:last-child{margin-bottom:auto}.bh-loot-more:after{content:"";pointer-events:none;background:linear-gradient(transparent, var(--c-scrim));flex:none;align-self:stretch;height:28px;margin-top:-28px;position:sticky;bottom:0}.bh-result-head{align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.bh-result-head>.id-seal{flex:none}.bh-result-words{align-items:inherit;gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.bh-compact .bh-result.won .bh-result-head{justify-content:center;gap:var(--sp-3);text-align:left;flex-direction:row}.bh-compact .bh-result.won .bh-result-words{align-items:flex-start}.bh-compact .bh-result.won .bh-result-foot{gap:var(--sp-1)}.bh-compact .bh-result.won .bh-loot{gap:var(--sp-2)}.bh-compact .bh-result.won .bh-loot-pal{padding-block:var(--sp-1)}.bh-compact .bh-result.won .bh-loot-title{display:none}.bh-result-title{font-size:var(--fs-h1);line-height:var(--lh-tight);color:var(--c-text);animation:bh-rise var(--t-reward) var(--ease-out) both}.bh-result.won .bh-result-title{color:var(--c-accent)}:lang(th) .bh-result-title{line-height:1.55}.bh-result-detail{font-size:var(--fs-body);color:var(--c-text-2);animation:bh-rise var(--t-reward) var(--stagger) var(--ease-out) both;line-height:1.45}.bh-result-detail.bh-result-gain{color:var(--c-accent);font-weight:600}.bh-result-gain:has(>.bh-result-exp){align-items:center;gap:var(--sp-2);display:flex}.bh-result-exp{flex:none;width:96px;min-width:0;height:4px}.bh-result-exp .bar-fill{transition:none}.bh-result-exp.bh-exp-run .bar-fill{transition:width var(--exp-ms,.7s) var(--ease-out)}:lang(th) .bh-result-detail{line-height:1.65}.bh-loot{justify-content:center;align-items:center;gap:var(--sp-3);flex-direction:column;flex:1;display:flex}.bh-loot-none{font-size:var(--fs-small);color:var(--c-text-3);line-height:1.45}:lang(th) .bh-loot-none{line-height:1.65}.bh-loot-title{align-items:center;gap:var(--sp-2);width:100%;font-size:var(--fs-small);color:var(--c-gold);text-transform:uppercase;letter-spacing:var(--track-label);animation:bh-rise var(--t-reward) calc(var(--t-reward) * .5) var(--ease-out) both;line-height:1.3;display:flex}.bh-loot-title:before,.bh-loot-title:after{content:"";background:var(--c-line);flex:1;height:1px}:lang(th) .bh-loot-title{text-transform:none}.bh-loot-tiles{justify-content:center;gap:var(--sp-3) var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.bh-loot-drop{width:76px;animation:bh-drop var(--t-reward) var(--ease-pop) both;animation-delay:calc(var(--t-reward) + var(--i,0) * 2 * var(--stagger));flex-direction:column;align-items:center;gap:6px;display:flex}.bh-loot-tile{width:56px}.bh-result-scrim:not(.bh-compact) .bh-loot-drop{width:88px}.bh-result-scrim:not(.bh-compact) .bh-loot-tile{width:64px}.bh-loot-name{max-width:100%;font-size:var(--fs-small);color:var(--c-text);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.bh-loot-quest-mark{color:var(--c-accent);filter:drop-shadow(0 1px 1px #000000b3);position:absolute;top:3px;left:3px}.bh-loot-quest .bh-loot-name{color:var(--c-accent)}.bh-loot-pal{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2);text-align:left;background:color-mix(in srgb, var(--c-jade) 80%, var(--c-bg-deep));animation:bh-banner var(--t-reward) var(--ease-out) both;animation-delay:calc(var(--t-reward) + var(--i,0) * 2 * var(--stagger));border-radius:2px;display:flex}.bh-loot-pal-well{background:var(--c-chip);border-radius:2px;flex:none;position:relative;overflow:hidden}.bh-loot-pal-text{flex-direction:column;gap:2px;min-width:0;display:flex}.bh-loot-pal-text b{font-size:var(--fs-lead);color:var(--c-text);align-items:center;gap:6px;line-height:1.3;display:flex}.bh-loot-pal-text>span{font-size:var(--fs-small);color:var(--c-text);line-height:1.4}:lang(th) .bh-loot-pal-text b,:lang(th) .bh-loot-pal-text>span{line-height:1.65}.bh-levelup{align-items:center;column-gap:var(--sp-3);width:100%;max-width:520px;padding:6px var(--sp-2) 6px var(--sp-3);text-align:left;background:linear-gradient(90deg, transparent, var(--c-gold) 18%, var(--c-gold) 82%, transparent) top / 100% 1px no-repeat, linear-gradient(90deg, transparent, var(--c-gold) 18%, var(--c-gold) 82%, transparent) bottom / 100% 1px no-repeat, linear-gradient(90deg, var(--c-accent-wash), transparent 75%);animation:bh-banner var(--t-reward) var(--ease-out) both;animation-delay:var(--t-reward);flex:none;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lv title go""lv points go";display:grid}.bh-levelup-text{display:contents}.bh-levelup-lv{color:var(--c-accent);flex-direction:column;grid-area:lv;align-items:center;gap:2px;line-height:1;display:flex}.bh-levelup-lv>span{letter-spacing:var(--track-label);font-size:11px}.bh-levelup-lv>b{font-size:var(--fs-h1)}.bh-levelup-lv>.display{padding-block:0;line-height:1}.bh-levelup-text>b{font-size:var(--fs-lead);color:var(--c-accent);grid-area:title;line-height:1.3}.bh-levelup-text>span{font-size:var(--fs-small);color:var(--c-text);grid-area:points;line-height:1.4}:lang(th) .bh-levelup-text>b,:lang(th) .bh-levelup-text>span{line-height:1.65}.bh-levelup-go{min-height:max(var(--hit), 44px);grid-area:go;justify-content:center;align-items:center;gap:6px;display:inline-flex}.bh-compact .bh-levelup-go{border-radius:50%;width:44px;padding:0}.bh-compact .bh-result.won:has(>.bh-levelup) .bh-result-detail:not(.bh-result-gain){display:none}.bh-compact .bh-levelup-go>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bh-result-warn{text-align:left;font-size:var(--fs-small);color:var(--c-text);background:color-mix(in srgb, var(--c-vermilion) 14%, transparent);box-shadow:inset 2px 0 0 var(--c-vermilion);flex:none;padding:6px 10px;line-height:1.45}:lang(th) .bh-result-warn{line-height:1.65}.bh-result-lost{animation:bh-rise var(--t-reward) var(--ease-out) both;animation-delay:calc(var(--t-reward) + var(--i,0) * 2 * var(--stagger))}.bh-result-foot{align-items:center;gap:var(--sp-2);flex-direction:column;margin-top:auto;display:flex}.bh-result-continue{width:100%;max-width:320px;min-height:max(var(--hit), 48px);font-size:var(--fs-lead)}.bh-compact .bh-result-continue{max-width:none}.ui-root .bh-result-continue:is(:disabled,[aria-disabled=true]){background:var(--c-disabled);color:var(--c-disabled-ink)}.bh-result-turns{color:var(--c-text-3);font-size:12px;line-height:1.3}.bh-head-shown,.bh-head-shown .bh-result-words>*,.bh-loot-shown .bh-loot *,.bh-loot-shown .bh-result-lost,.bh-loot-shown .bh-levelup{animation:none}@keyframes bh-fade{0%{opacity:0}}@keyframes bh-band{0%{opacity:0;transform:translateY(12px)}}@keyframes bh-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes bh-drop{0%{opacity:0;transform:translateY(10px)scale(.8)}}@keyframes bh-banner{0%{opacity:0;transform:translate(-16px)}}@media (prefers-reduced-motion:reduce){.bh-result-scrim,.bh-result-scrim *,.bh-result-scrim :after{animation:none!important}}.char-screen{min-height:0;padding:var(--sp-1) 0 calc(var(--sp-6) + env(safe-area-inset-bottom));flex:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"card""stats""side";align-content:start;gap:10px;display:grid;overflow-y:auto;container:char-screen/inline-size}:is(.shell-medium,.shell-expanded) .char-screen{column-gap:var(--sp-6);row-gap:var(--sp-4);padding-top:var(--sp-3);grid-template:"card stats""side stats"1fr/minmax(0,13fr) minmax(0,17fr)}.shell-window .char-screen{padding:var(--sp-3) 0 var(--sp-4)}.shell-compact .char-screen{margin-inline:calc(-1 * var(--sp-4));padding-inline:var(--sp-4)}.char-card{align-items:end;column-gap:var(--sp-2);row-gap:var(--sp-2);grid-area:card;grid-template-columns:minmax(0,1fr) 128px;grid-template-areas:"id stage""skill skill";min-width:0;display:grid}:is(.shell-medium,.shell-expanded) .char-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""id""skill";align-content:start}.char-id{flex-wrap:wrap;grid-area:id;align-items:flex-end;gap:4px 12px;min-width:0;padding-bottom:4px;display:flex}.char-level{flex-direction:column;flex:none;line-height:1;display:flex}.char-lv{letter-spacing:.08em;color:var(--c-accent);font-size:12px}.char-hero{letter-spacing:-.02em;color:var(--c-text);font-size:56px}.char-level :is(.char-hero,.char-lv){padding-block:0;line-height:.9}.char-level .char-lv{line-height:1}.char-who{flex-direction:column;flex:72px;gap:4px;min-width:0;padding-bottom:3px;display:flex}.char-name{text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.2;overflow:hidden}.char-name:lang(th){font-family:var(--font-ui);padding-block:0;line-height:1.55}.char-element{color:var(--c-text-2);font-size:var(--fs-small);align-items:center;gap:6px;line-height:1.3;display:inline-flex}:lang(th) .char-element{line-height:1.55}.char-stage{grid-area:stage;justify-self:end;width:128px;height:104px;position:relative}.shell-compact .char-stage{margin-top:-20px}@container char-screen (width<300px){.char-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""id""skill"}.shell-compact .char-stage{justify-self:center;margin-top:-12px;margin-bottom:-8px}}:is(.shell-medium,.shell-expanded) .char-stage{margin:var(--sp-2) 0 0;justify-self:center}.char-stage:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--char-el,var(--c-gold)) 34%, #ffffff1f), transparent);border-radius:50%;height:30px;position:absolute;top:70px;left:8px;right:8px}.char-shadow{background:#00000073;border-radius:50%;width:34px;height:9px;position:absolute;top:84px;left:47px}.char-exp{color:var(--c-text-2);flex-direction:column;gap:5px;margin-top:4px;font-size:12px;display:flex}.char-exp .bar{flex:none;width:100%;min-width:0;height:3px}.char-exp .num{white-space:nowrap;line-height:1.2}.char-skill-line{border:0;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);min-height:40px;color:var(--c-text-2);text-align:left;z-index:1;background:0 0;grid-area:skill;align-items:center;gap:8px;padding:0;font-size:13px;display:flex;position:relative}.char-skill-line:before{content:"";position:absolute;inset:-3px 0}.char-skill-n{font-size:var(--fs-body);color:var(--c-text)}.char-skill-go{font:600 12px/1.3 var(--font-display);letter-spacing:.04em;color:var(--c-text-2);align-items:center;gap:4px;margin-left:auto;display:inline-flex}:lang(th) .char-skill-go{letter-spacing:0;line-height:1.55}.char-chevron{transform:rotate(180deg)}.char-skill-lit,.char-skill-lit .char-skill-n{color:var(--c-accent)}@media (hover:hover) and (pointer:fine){.char-skill-line:not([aria-disabled=true]):hover .char-skill-go{color:var(--c-accent)}}.char-stats{gap:var(--sp-2);flex-direction:column;grid-area:stats;min-width:0;display:flex}.char-vitals{align-items:center;gap:6px var(--sp-3);font-size:var(--fs-small);grid-template-columns:26px minmax(0,1fr) auto 6ch;padding-bottom:2px;display:grid}.char-vital{display:contents}.char-vital .bar{height:4px}.char-vital>.char-vital-label{letter-spacing:.06em;color:var(--c-text-2);padding-block:0;font-size:12px;line-height:1.2}.char-vital .num{color:var(--c-text);text-align:right;min-width:7ch;line-height:1.2}.char-vital .char-vital-next{min-width:0;margin-left:calc(-1 * var(--sp-2));text-align:left;white-space:nowrap;color:var(--c-accent);font-weight:600}.char-points{height:30px;color:var(--c-text-2);flex:0 auto;gap:8px;min-width:0;padding:0 12px;font-size:13px}.char-points-l{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.char-points b{color:var(--c-text);font-size:var(--fs-body);flex:none}.char-points-lit b{color:var(--c-accent)}.char-stat-list{border-top:1px solid var(--c-line);margin:0;padding:0;list-style:none;display:grid}.char-stat{align-items:center;column-gap:var(--sp-2);border-bottom:1px solid var(--c-line);grid-template-columns:minmax(0,1fr) auto 36px 44px 44px;grid-template-areas:"name value delta minus plus""meaning meaning meaning minus plus";min-height:46px;padding:1px 0 1px 8px;display:grid;position:relative}.char-stat-staged{box-shadow:inset 2px 0 0 var(--c-accent)}.char-stat-name{color:var(--c-text-2);letter-spacing:.06em;grid-area:name;font-size:14px}.char-stat>.char-stat-name{padding-block:0;line-height:1.3}.char-stat-staged .char-stat-name{color:var(--c-text)}.char-stat-value{color:var(--c-text);text-align:right;grid-area:value;min-width:3ch;font-size:20px;line-height:1.15}.char-stat-delta{font-size:var(--fs-body);color:var(--c-accent);grid-area:delta;justify-self:start;font-weight:600;line-height:1.2}.char-stat-max{font:600 12px/1 var(--font-display);color:var(--c-gold);text-transform:uppercase;letter-spacing:.06em;grid-area:delta;justify-self:start}:lang(th) .char-stat-max{text-transform:none;letter-spacing:0;line-height:1.55}.char-stat-meaning{min-width:0;color:var(--c-text-3);text-overflow:ellipsis;white-space:nowrap;grid-area:meaning;font-size:12px;line-height:1.3;overflow:hidden}:lang(th) .char-stat-meaning{line-height:1.65}.char-minus{grid-area:minus}.char-plus{grid-area:plus}.char-step{background:var(--c-disc);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.char-plus:not(:disabled,[aria-disabled=true]){box-shadow:inset 0 0 0 1px var(--c-gold);color:var(--c-accent)}.char-step:is(:disabled,[aria-disabled=true]){color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line);background:0 0}@media (hover:hover) and (pointer:fine){.char-step:not(:disabled,[aria-disabled=true]):hover{box-shadow:inset 0 0 0 1px var(--c-accent), 0 0 12px var(--c-glow)}}.char-stat-why{color:var(--c-warn)}.char-pop{animation:char-pop var(--t-pop,var(--t-base)) var(--ease-pop);display:inline-block}@keyframes char-pop{0%{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.char-pop,.char-commit{animation:none}}.char-why{color:var(--c-text-2);font-size:var(--fs-small);line-height:1.4}:lang(th) .char-why{line-height:1.6}.char-error{color:var(--c-vermilion);font-size:var(--fs-small);font-weight:500}.char-spent{font-size:var(--fs-small);color:var(--c-text);line-height:1.45}.char-spent-was{color:var(--c-text-2)}.char-spent b{color:var(--c-accent);font-weight:600}:lang(th) .char-spent{line-height:1.65}.char-commit{bottom:calc(-1 * (var(--sp-6) + env(safe-area-inset-bottom)));z-index:1;gap:var(--sp-2);margin:0 calc(-1 * var(--sp-4));padding:var(--sp-3) var(--sp-4) calc(var(--sp-2) + env(safe-area-inset-bottom));animation:sheet-up var(--t-panel) var(--ease-out);background:linear-gradient(#0000,#04060999 10%,#040609f5 24%);grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid;position:sticky}.char-commit>button{min-width:0;min-height:max(var(--hit), 48px)}.char-commit>.char-why{grid-column:1/-1}.char-confirm{justify-content:center;align-items:center;gap:var(--sp-2);display:inline-flex}.char-confirm-n{font:600 var(--fs-body)/1 var(--font-num)}.char-confirm:is(:disabled,[aria-disabled=true]){background:var(--c-disabled);color:var(--c-disabled-ink)}:is(.char-step,.char-confirm)[aria-disabled=true]{cursor:default;filter:none}:is(.shell-medium,.shell-expanded) .char-commit{margin:var(--sp-1) 0 0;padding:var(--sp-2) 0 0;background:0 0;position:static}:is(.char-side,.char-totals,.qs-group,.qs-detail section)>.section-label{flex:none}.char-side{gap:var(--sp-3);flex-direction:column;grid-area:side;min-width:0;display:flex}.char-worn{grid-template-columns:repeat(auto-fill,minmax(42px,52px));gap:6px;margin:0;padding:0;list-style:none;display:grid}.char-worn-well{width:100%}.tile.char-worn-empty{box-shadow:none;border:1px dashed var(--c-line-strong);background:0 0}.char-worn-empty .tile-glyph{color:var(--c-text-3)}@media (hover:hover) and (pointer:fine){.char-worn-well:not([aria-disabled=true]):hover{outline:1px solid var(--c-accent);outline-offset:-1px}}.char-totals{gap:var(--sp-2);flex-direction:column;display:flex}.char-totals-line{gap:2px var(--sp-3);font-size:var(--fs-small);color:var(--c-text-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.char-total{white-space:nowrap}.char-total-k{font:600 12px/1.3 var(--font-display);color:var(--c-text-3);letter-spacing:.06em}.char-total .num{color:var(--c-text)}.char-total .char-total-plus{color:var(--c-positive)}.char-total-next{color:var(--c-accent);margin-left:4px;font-weight:600}.char-dev-open{margin-top:var(--sp-2);font-size:var(--fs-small);color:var(--c-text-2);align-self:flex-start;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.char-dev{gap:var(--sp-2);padding:var(--sp-2) var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom));display:grid;overflow-y:auto}.char-dev-row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.char-dev-row .btn-secondary{padding:0 14px}.char-dev-label{color:var(--c-text-2);font-size:var(--fs-small);margin-right:var(--sp-2)}.char-dev-select{min-width:120px;min-height:var(--hit);border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--c-line-strong);background:var(--c-bg-deep);color:var(--c-text);font:inherit;border:0;flex:1;padding:0 10px}.needs-town{align-items:center;gap:var(--sp-3);width:min(100%,460px);padding:var(--sp-2) var(--sp-2) var(--sp-2) 26px;border-radius:var(--r-pill);font-size:var(--fs-small);text-shadow:var(--halo);background:linear-gradient(90deg,#040609e6,#040609c7);line-height:1.4;display:flex;position:relative;box-shadow:0 6px 18px #00000059}:lang(th) .needs-town{line-height:1.6}.needs-town:before{content:"";background:var(--c-vermilion);width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;left:12px;transform:rotate(45deg)}.needs-town p{flex:1;min-width:0}.needs-town .btn-primary{min-height:var(--hit);font-size:var(--fs-small);text-shadow:none;flex:none;padding:0 16px}.needs-town .btn-primary:is(:disabled,[aria-disabled=true]){background:var(--c-disabled);color:var(--c-disabled-ink)}.sk-screen{gap:var(--sp-3);min-height:0;padding:var(--sp-1) 0 calc(var(--sp-6) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;overflow-y:auto}.shell-window .sk-screen{padding:var(--sp-3) 0 var(--sp-4)}.sk-points{height:30px;color:var(--c-text-2);flex:0 auto;gap:8px;min-width:0;padding:0 12px;font-size:13px}.sk-points-l{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sk-points b{color:var(--c-text);font-size:var(--fs-body);flex:none}.sk-points-lit b{color:var(--c-accent)}.sk-error{color:var(--c-vermilion);font-size:var(--fs-small);font-weight:500}:is(.sk-learn,.sk-pin-slot,.sk-pin-clear)[aria-disabled=true]{cursor:default;filter:none}:is(.sk-quickbar,.sk-pin)>.section-label{flex:none}.sk-quickbar{gap:var(--sp-2);display:grid}.sk-quick-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.sk-quick-slot{border-radius:var(--r-sm);background:var(--c-disc);min-width:0;height:52px;box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text);text-align:left;border:0;flex-direction:column;justify-content:center;gap:4px;padding:0 8px;display:flex;position:relative}.sk-quick-slot[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--c-accent), 0 0 14px var(--c-glow);color:var(--c-accent)}.sk-quick-slot.sk-quick-empty{box-shadow:none;border:1px dashed var(--c-line);color:var(--c-text-3);background:0 0}.sk-quick-top{justify-content:space-between;align-items:center;gap:4px;display:flex}@media (pointer:fine){.sk-quick-top{padding-right:22px}}.sk-quick-sp{color:var(--c-sp);font-size:12px;line-height:1}.sk-quick-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;overflow:hidden}:lang(th) .sk-quick-name{line-height:1.55}.sk-quick-slot kbd{top:5px;right:5px}.sk-quick-hint{color:var(--c-text-3);font-size:12px;line-height:1.4}:lang(th) .sk-quick-hint{line-height:1.6}@media not (pointer:fine){.sk-quick-hint{display:none}}.sk-tree-tabs{gap:2px}.sk-tree-tabs .tab{min-width:34px;min-height:48px;color:var(--c-text-2);flex:1 1 0;gap:6px;padding:0 6px;position:relative}.sk-tree-tabs .tab[aria-selected=true]{color:var(--c-text);flex:none;padding:0 10px}.sk-tree-tabs .tab:not([aria-selected=true]) .el-chip{filter:saturate(.55)brightness(.8)}.sk-tab-l{white-space:nowrap;text-overflow:ellipsis;padding-block:0;font-size:14px;line-height:1.3;overflow:hidden}:lang(th) .sk-tab-l{line-height:1.55}.sk-tab-lock{color:var(--c-text-3);position:absolute;bottom:8px;left:calc(50% + 6px)}.sk-tree-tabs .tab[aria-selected=true] .sk-tab-lock{position:static}.sk-tree-tabs .tab>.points-mark{top:8px;left:calc(50% + 6px);right:auto}.sk-tree-tabs .tab[aria-selected=true]>.points-mark{flex:none;margin-left:-2px;position:static}.sk-trees{gap:var(--sp-4);grid-template-columns:minmax(0,1fr);display:grid}.sk-tree:not(.sk-current){display:none}.sk-tree{gap:var(--sp-2);flex-direction:column;min-width:0;display:flex;container:sk-tree/inline-size}.sk-tree-head{border-bottom:1px solid var(--c-line);align-items:center;gap:8px;min-height:24px;padding:0 2px 6px;display:flex}.sk-tree-kind{font:600 12px/1.3 var(--font-display);color:var(--c-text-3);letter-spacing:.06em;white-space:nowrap}:lang(th) .sk-tree-kind{letter-spacing:0;line-height:1.55}.sk-tree-note{color:var(--c-text-3);font-size:var(--fs-small);line-height:1.4}:lang(th) .sk-tree-note{line-height:1.6}.sk-tree.sk-forbidden .sk-tree-grid{opacity:.45}.sk-tree-grid{--row:88px;height:calc(5 * var(--row));margin-top:var(--sp-1);position:relative}.sk-tree-links{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sk-tree-links polyline{fill:none;stroke:var(--c-line-strong);stroke-width:1px}.sk-tree-links polyline.sk-link-on{stroke:var(--c-gold)}.sk-node{--node-w:min(104px, 31cqw);width:var(--node-w);margin-left:calc(var(--node-w) / -2);color:var(--c-text-2);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;margin-top:-24px;padding:0;display:flex;position:absolute}.sk-diamond{width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--c-line-strong);transition:box-shadow var(--t-fast);background:#00000080;place-items:center;margin:7px;display:grid;position:relative;transform:rotate(45deg)}.sk-glyph{place-items:center;display:grid;transform:rotate(-45deg)}.sk-diamond .el-chip{filter:grayscale()brightness(.7)}:is(.sk-learned>.sk-diamond,.sk-diamond.sk-learned){box-shadow:inset 0 0 0 1px var(--c-gold), 0 0 10px #f0c85a2e}:is(.sk-learned,.sk-open)>.sk-diamond .el-chip,.sk-diamond:is(.sk-learned,.sk-open) .el-chip{filter:none}:is(.sk-open>.sk-diamond,.sk-diamond.sk-open){box-shadow:inset 0 0 0 1px var(--c-text)}:is(.sk-locked>.sk-diamond,.sk-diamond.sk-locked){color:var(--c-text-3);box-shadow:inset 0 0 0 1px var(--c-line);background:#00000059}.sk-node.sk-locked{color:var(--c-text-3)}.sk-node.sk-learned{color:var(--c-text)}.sk-node[aria-pressed=true] .sk-diamond{box-shadow:inset 0 0 0 2px var(--c-accent), 0 0 16px var(--c-glow)}.sk-node[aria-pressed=true]{color:var(--c-accent)}.sk-node>.sk-node-mark{position:absolute;top:4px;left:calc(50% + 12px);right:auto}.sk-node-label{max-width:100%;min-height:16px;text-shadow:var(--halo);justify-content:center;align-items:baseline;gap:4px;display:flex}.sk-node-label>.sk-node-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;padding-block:0;font-size:12px;line-height:1.3;overflow:hidden}:lang(th) .sk-node-name{line-height:1.3}.sk-node-level{color:var(--c-text-3);flex:none;font-size:12px;line-height:1.3}.sk-node-level:empty{display:none}.sk-learned .sk-node-level{color:var(--c-gold)}@media (hover:hover) and (pointer:fine){.sk-node:not([aria-pressed=true],[aria-disabled=true]):hover .sk-diamond{box-shadow:inset 0 0 0 1px var(--c-accent)}}.sk-detail{flex-direction:column;flex:1;min-height:0;display:flex}.sk-detail-body{gap:var(--sp-4);min-height:0;padding:var(--sp-3) var(--sp-4) var(--sp-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.shell-detail .sk-detail-body{padding-top:var(--sp-5)}.sk-detail-head{align-items:center;gap:var(--sp-3);display:flex}.sk-diamond-big{flex:none;width:44px;height:44px;margin:10px}.sk-detail-title{min-width:0}.sk-detail-title h2{font-size:20px;line-height:1.25}:lang(th) .sk-detail-title h2{line-height:1.55}.sk-detail-title .row-sub{line-height:1.4}:lang(th) .sk-detail-title .row-sub{line-height:1.6}.sk-facts{font-size:var(--fs-small);color:var(--c-text-2);margin:0;padding:0;list-style:none;display:grid}.sk-facts li{align-items:center;gap:var(--sp-2);border-bottom:1px solid var(--c-line);min-height:34px;display:flex}:lang(th) .sk-facts li{line-height:1.6}.sk-facts li:first-child{color:var(--c-text)}.sk-sp{color:var(--c-sp);margin-left:auto}.sk-tag{border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--c-gold-deep);color:var(--c-accent);margin-left:auto;padding:1px 8px;font-size:12px;line-height:1.4}.sk-why{color:var(--c-warn);font-size:var(--fs-small);line-height:1.4}:lang(th) .sk-why{line-height:1.6}.sk-hint{color:var(--c-text-3);font-size:var(--fs-small)}.sk-learn{flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:52px;display:flex}.sk-cost{font:500 12px/1.2 var(--font-ui);opacity:.72}.sk-learn:is(:disabled,[aria-disabled=true]){background:var(--c-disabled);color:var(--c-disabled-ink)}.sk-actions{row-gap:var(--sp-2);flex-wrap:wrap}.sk-actions>.sk-why{flex:1 0 100%;max-width:none}.sk-pin{gap:var(--sp-2);flex-direction:column;display:flex}.sk-pin-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.sk-pin-slot{border-radius:var(--r-sm);background:var(--c-disc);min-width:0;min-height:52px;box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text);text-align:left;border:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:4px 8px;display:flex}.sk-pin-n{color:var(--c-text-3);font-size:13px;line-height:1}.sk-pin-what{max-width:100%;color:var(--c-text-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;overflow:hidden}:lang(th) .sk-pin-what{line-height:1.55}.sk-pin-slot.sk-pin-on{box-shadow:inset 0 0 0 1px var(--c-accent), 0 0 12px var(--c-glow)}.sk-pin-on .sk-pin-n,.sk-pin-on .sk-pin-what{color:var(--c-accent)}.sk-pin-slot:is(:disabled,[aria-disabled=true]):not(.sk-pin-on){box-shadow:inset 0 0 0 1px var(--c-line);background:0 0}.sk-pin-slot:is(:disabled,[aria-disabled=true]):not(.sk-pin-on) .sk-pin-what{color:var(--c-disabled-ink)}@media (hover:hover) and (pointer:fine){.sk-pin-slot:not(:disabled,[aria-disabled=true]):not(.sk-pin-on):hover{box-shadow:inset 0 0 0 1px var(--c-accent)}}.sk-pin-clear{min-height:var(--hit);font-size:var(--fs-small);align-self:flex-start;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.sk-planned>.sk-diamond{outline:1px dashed var(--c-gold);outline-offset:3px}.sk-planned .sk-node-level{color:var(--c-accent)}.sk-steps{gap:var(--sp-2);display:flex}.sk-steps>.sk-learn{flex:1;min-width:0}.sk-unstage{flex:none;place-items:center;width:52px;min-height:52px;padding:0;display:grid}.sk-plan{gap:var(--sp-2);animation:sheet-up var(--t-panel) var(--ease-out);flex:1;grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid}:is(.shell-medium,.shell-expanded) .sk-plan{flex:0 440px}.sk-plan>.sk-why{grid-column:1/-1}.sk-plan>button{min-width:0;min-height:max(var(--hit), 48px)}.sk-plan-apply{justify-content:center;align-items:center;gap:var(--sp-2);display:inline-flex}.sk-plan-n{font:600 var(--fs-body)/1 var(--font-num)}.sk-plan-apply:is(:disabled,[aria-disabled=true]){background:var(--c-disabled);color:var(--c-disabled-ink)}.sk-plan-apply[aria-disabled=true]{cursor:default;filter:none}@media (prefers-reduced-motion:reduce){.sk-plan{animation:none}}.sk-plan-rows{margin:0;padding:0;list-style:none;display:grid}.sk-plan-rows li{align-items:center;gap:var(--sp-2);border-bottom:1px solid #0a0b0d26;grid-template-columns:auto minmax(0,1fr) auto auto;min-height:36px;display:grid}.sk-plan-name{min-width:0;font-size:var(--fs-small);white-space:nowrap;text-overflow:ellipsis;padding-block:0;overflow:hidden}:lang(th) .sk-plan-name{line-height:1.3}.sk-plan-lv,.sk-plan-cost{font-size:var(--fs-small);color:var(--c-ink-2)}.sk-plan-cost{text-align:right;min-width:4.5em;color:var(--c-ink)}.sk-plan-rows+.paper-body{margin-top:var(--sp-3)}.shell-live .shell-content>.npc-dlg{pointer-events:none}.npc-dlg{animation:npc-dlg-in var(--t-panel) var(--ease-out);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.npc-dlg-close,.npc-dlg-foot>*{pointer-events:auto}.shell-live .shell-content>.npc-dlg-advance{pointer-events:auto;cursor:pointer}@keyframes npc-dlg-in{0%{opacity:0}}.shell-live:has(>.shell-content>.npc-dlg:not(.npc-dlg-alone))>.shell-content>:is(.hub-tl,.hub-tr,.hub-fade){visibility:hidden}.shell-live:has(>.shell-content>.npc-dlg:not(.npc-dlg-alone))>.shell-content>.hub-left>:not(.hub-party){visibility:hidden}.npc-dlg-foot{pointer-events:none;justify-content:flex-end;gap:var(--sp-3);min-height:min(44%,300px);max-height:100%;padding:var(--sp-3) var(--sp-3) calc(var(--sp-3) + env(safe-area-inset-bottom));background:linear-gradient(#0000,#04060966 20%,#040609cc 55%,#040609eb);flex-direction:column;padding-top:min(96px,10vh);display:flex}.npc-dlg-close{top:calc(env(safe-area-inset-top) + 12px);width:var(--disc);height:var(--disc);position:absolute;right:12px}.npc-dlg-close>kbd.key{position:absolute;inset:auto auto -9px 50%;transform:translate(-50%)}.npc-dlg-line{min-height:0;padding:0 var(--sp-1);flex-direction:column;gap:6px;display:flex;position:relative}.npc-dlg-head{flex:none;align-items:center;gap:10px;min-height:40px;display:flex}.npc-dlg-portrait{width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--c-line-strong);background:#ffffff0f;border-radius:50%;flex:none;overflow:hidden}.npc-dlg-name{min-width:0;color:var(--c-accent);text-shadow:var(--halo);flex:1;font-size:17px;line-height:1.3}:lang(th) .npc-dlg-name{line-height:1.55}.npc-dlg-text{overscroll-behavior:contain;min-height:0;color:var(--c-text);text-shadow:var(--halo);margin:0;font-size:17px;font-weight:500;line-height:1.55;overflow-y:auto}:lang(th) .npc-dlg-text{line-height:1.75}.npc-dlg-error{color:var(--c-text);font-size:var(--fs-small);text-shadow:var(--halo);align-items:baseline;gap:8px;margin:0;font-weight:600;display:flex}.npc-dlg-error:before{content:"";background:var(--c-vermilion);flex:none;width:7px;height:7px;transform:translateY(-1px)rotate(45deg)}:lang(th) .npc-dlg-error{line-height:1.65}.npc-dlg-choices{flex:none;gap:8px;display:grid}.npc-dlg-choice{align-items:center;gap:var(--sp-3);width:100%;min-height:48px;padding:.2em var(--sp-4);box-shadow:inset 0 0 0 1px var(--c-line);text-align:left;font:500 15px/1.35 var(--font-ui);color:var(--c-text);transition:transform var(--t-press) var(--ease-out);background:#0c10169e;border:0;border-radius:6px;display:flex;position:relative}:lang(th) .npc-dlg-choice{line-height:1.6}.npc-dlg-choice:before{content:"";background:var(--c-gold);flex:none;width:6px;height:6px;transform:rotate(45deg)}.npc-dlg-shop:before{background:var(--c-jade);box-shadow:0 0 0 1px #ffffff80}.npc-dlg-choice-text{flex:1;min-width:0}.dlg-key{color:var(--c-accent);font-style:normal;font-weight:700}.npc-dlg-key{box-shadow:inset 0 0 0 1px var(--c-accent), 0 0 12px var(--c-glow);color:var(--c-accent);background:#f4ebb01f;font-weight:600}.npc-dlg-key:before{background:var(--c-accent)}.npc-dlg-key-glyph{color:var(--c-accent);flex:none}.npc-dlg-key:is(:disabled,[aria-disabled=true]){box-shadow:inset 0 0 0 1px var(--c-line)}.npc-dlg-key:is(:disabled,[aria-disabled=true]) .npc-dlg-key-glyph{color:var(--c-disabled-ink)}.npc-dlg-choice:active:not(:disabled,[aria-disabled=true]){background:#f4ebb024;transform:scale(.98)}.npc-dlg-choice:is(:disabled,[aria-disabled=true]){color:var(--c-disabled-ink);background:#0c101680}.npc-dlg-choice:is(:disabled,[aria-disabled=true]):before{background:var(--c-disabled-ink)}.npc-dlg-pc .npc-dlg-choice:before{display:none}@media (hover:hover) and (pointer:fine){.npc-dlg-choice:not(:disabled,[aria-disabled=true]):hover{box-shadow:inset 0 0 0 1px var(--c-accent);color:var(--c-accent);background:#f4ebb01a}}.npc-dlg-next{min-height:44px;color:var(--c-text-2);font:600 13px/1.3 var(--font-display);text-shadow:var(--halo);background:0 0;border:0;align-self:flex-end;align-items:center;gap:6px;padding:0 2px 0 12px;display:inline-flex}:lang(th) .npc-dlg-next{line-height:1.55}.npc-dlg-next-chev{color:var(--c-accent);animation:npc-dlg-bob 1.1s var(--ease-out) infinite;transform:rotate(-90deg)}@keyframes npc-dlg-bob{50%{translate:0 3px}}@media (prefers-reduced-motion:reduce){.npc-dlg,.npc-dlg-next-chev{animation:none}}.npc-dlg-alone .npc-dlg-foot{min-height:0;padding-top:72px}.npc-dlg-refusal{align-items:center;gap:var(--sp-3);flex-direction:row}.npc-dlg-refusal .npc-dlg-error{font-size:var(--fs-body);flex:1}.npc-dlg-refusal .btn-secondary{flex:none;min-height:44px;padding:0 18px}:is(.shell-medium,.shell-expanded) .npc-dlg-foot{align-items:end;column-gap:var(--sp-6);padding:200px var(--sp-6) calc(var(--sp-6) + 8px);background:linear-gradient(#0000,#04060942 28%,#040609ad 60%,#040609e6);grid-template-columns:minmax(0,1fr) minmax(0,680px) minmax(240px,1fr);display:grid}:is(.shell-medium,.shell-expanded) .npc-dlg-close{top:32px;right:44px}:is(.shell-medium,.shell-expanded) .npc-dlg-line{text-align:center;align-items:center;gap:var(--sp-2);grid-area:1/2}:is(.shell-medium,.shell-expanded) .npc-dlg-head{justify-content:center}:is(.shell-medium,.shell-expanded) .npc-dlg-name{flex:none;font-size:18px}:is(.shell-medium,.shell-expanded) .npc-dlg-text{max-width:34em;font-size:19px}:is(.shell-medium,.shell-expanded) .npc-dlg-next{align-self:center}.npc-dlg-line-go{cursor:pointer}:is(.shell-medium,.shell-expanded) .npc-dlg-choices{grid-area:1/3;place-self:end start;width:min(100%,360px)}:is(.shell-medium,.shell-expanded) .npc-dlg-alone .npc-dlg-foot{padding-top:120px}:is(.shell-medium,.shell-expanded) .npc-dlg-refusal{justify-content:center}:is(.shell-medium,.shell-expanded) .npc-dlg-refusal .npc-dlg-error{flex:none}.shell-window[data-screen=quests]{--detail-w:min(330px, 55%)}.qs-list{gap:var(--sp-5);width:100%;max-width:640px;min-height:0;padding:var(--sp-2) 0 calc(var(--sp-6) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;overflow-y:auto}.qs-group{gap:var(--sp-1);flex-direction:column;display:flex}.qs-rows,.qs-next{margin:0;padding:0;list-style:none;display:grid}.qs-row{align-items:center;gap:var(--sp-3);border:0;border-bottom:1px solid var(--c-line);width:100%;min-height:64px;color:var(--c-text);text-align:left;background:0 0;border-radius:0;padding:10px 6px 10px 16px;display:flex;position:relative}.qs-row:before{content:"";background:var(--c-line-strong);width:2px;position:absolute;top:12px;bottom:12px;left:0}.qs-row-now:before{background:var(--c-gold);box-shadow:0 0 8px var(--c-glow)}.qs-row[aria-current=true]{background:linear-gradient(90deg,#f4ebb01a,#f4ebb005)}.qs-row[aria-current=true] .qs-row-name{color:var(--c-accent)}@media (hover:hover) and (pointer:fine){.qs-row:not([aria-disabled=true]):hover{background:#ffffff0a}}.qs-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.qs-row-title{align-items:baseline;gap:var(--sp-2);min-width:0;display:flex}.qs-row-name{min-width:0;color:var(--c-text);overflow-wrap:anywhere;font-size:16px;line-height:1.3}:lang(th) .qs-row-name{line-height:1.55}.qs-row-step{font-size:var(--fs-small);color:var(--c-text-2);line-height:1.4}:lang(th) .qs-row-step{line-height:1.65}.qs-row-done:before{background:var(--c-line)}.qs-row-done .qs-row-name{color:var(--c-text-3)}.qs-check{color:var(--c-text-3);flex:none}.qs-chev{color:var(--c-text-3);flex:none;transform:rotate(180deg)}.qs-now{color:var(--c-accent);text-transform:uppercase;letter-spacing:.08em;flex:none;font-size:12px;line-height:1.3}:lang(th) .qs-now{text-transform:none;letter-spacing:0;line-height:1.55}.qs-prog{align-items:center;gap:var(--sp-2);grid-template-columns:minmax(0,160px) auto;margin-top:4px;display:grid}.qs-bar{background:#ffffff29;border-radius:2px;height:3px;display:block;position:relative;overflow:hidden}.qs-bar i{background:var(--c-gold);transition:width var(--t-reward) var(--ease-out);border-radius:2px;position:absolute;inset:0 auto 0 0}.qs-count{color:var(--c-accent);font-size:12px;font-weight:600;line-height:1}.qs-none{color:var(--c-text-2);font-size:var(--fs-small);margin:0}:lang(th) .qs-none{line-height:1.65}.qs-empty{align-items:center;gap:var(--sp-3);max-width:30ch;padding:var(--sp-6) 0;text-align:center;color:var(--c-text-2);flex-direction:column;margin:auto;display:flex}.qs-empty svg{color:var(--c-text-3)}:lang(th) .qs-empty{line-height:1.65}.qs-next li{align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--c-line);min-height:60px;padding:8px 6px 8px 4px;display:flex}.qs-next-mark{width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text-3);border-radius:50%;flex:none;place-items:center;display:grid}.qs-next-ready .qs-next-mark{color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-gold), 0 0 10px var(--c-glow)}.qs-next-later .qs-row-name{color:var(--c-text-2)}.qs-fold{align-items:center;gap:var(--sp-2);width:100%;min-height:48px;color:var(--c-text-2);font-size:var(--fs-small);background:0 0;border:0;border-radius:0;padding:0 6px 0 0;display:flex}.qs-fold-k{font-size:13px}.qs-fold-n{color:var(--c-text-3)}.qs-fold-rule{background:var(--c-line);flex:1;height:1px}.qs-fold-chev{transition:transform .16s var(--ease-out);color:var(--c-text-2);transform:rotate(-90deg)}.qs-fold[aria-expanded=true] .qs-fold-chev{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.qs-bar i,.qs-fold-chev{transition:none}}.qs-detail{min-height:0;padding:var(--sp-3) var(--sp-5) 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.shell-detail .qs-detail{padding-top:var(--sp-4)}.qs-detail-body{gap:var(--sp-5);flex-direction:column;flex:1 0 auto;display:flex}.qs-detail-head{gap:2px;display:grid}.qs-from{font:600 12px/1.3 var(--font-display);color:var(--c-text-2);margin:0}:lang(th) .qs-from{line-height:1.55}.qs-detail-name{font:300 24px/1.2 var(--font-display);color:var(--c-text);margin:0}:lang(th) .qs-detail-name{line-height:1.55}.qs-story{padding:2px 0 2px var(--sp-4);border-left:1px solid var(--c-gold);color:var(--c-text-2);font-size:var(--fs-small);margin:0;line-height:1.6}.qs-story p{margin:0}.qs-story p+p{margin-top:6px}:lang(th) .qs-story{line-height:1.75}.qs-detail-body>section{gap:var(--sp-2);flex-direction:column;display:flex}.qs-steps{margin:0;padding:0;list-style:none;display:grid}.qs-step{align-items:flex-start;gap:var(--sp-3);min-height:36px;color:var(--c-text-3);font-size:var(--fs-small);padding:6px 0;display:flex;position:relative}.qs-step+.qs-step:before{content:"";background:var(--c-line);width:1px;height:18px;position:absolute;top:-9px;left:7px}.qs-step-mark{flex:none;place-items:center;width:15px;height:1.4em;display:grid}.qs-step-mark i{width:7px;height:7px;box-shadow:inset 0 0 0 1px var(--c-line-strong);transform:rotate(45deg)}.qs-step-done,.qs-step-done .qs-step-mark{color:var(--c-text-2)}.qs-step-now{color:var(--c-text);font-size:var(--fs-body);font-weight:500}.qs-step-now .qs-step-mark i{background:var(--c-gold);box-shadow:0 0 8px var(--c-glow)}.qs-step-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.qs-step-line{align-items:baseline;column-gap:var(--sp-2);flex-wrap:wrap;line-height:1.4;display:flex}:lang(th) .qs-step-line{line-height:1.65}.qs-where-maps{align-items:center;gap:var(--sp-2);color:var(--c-text);margin:0;font-weight:500;display:flex}.qs-where-maps svg{color:var(--c-gold);flex:none}.qs-where-line{color:var(--c-text-2);font-size:var(--fs-small);margin:0}:lang(th) .qs-where-line{line-height:1.65}.qs-rewards{gap:var(--sp-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.qs-reward{text-align:center;flex-direction:column;flex:none;align-items:center;gap:6px;width:72px;display:flex}.qs-reward-tile{cursor:default;width:56px}.qs-reward-exp{color:var(--c-accent);font-size:14px}.qs-reward-coin{color:var(--c-gold)}.qs-reward-label{color:var(--c-text-2);overflow-wrap:anywhere;font-size:12px;line-height:1.35}:lang(th) .qs-reward-label{line-height:1.55}.qs-go-bar{margin:auto calc(-1 * var(--sp-5)) 0;padding:var(--sp-3) var(--sp-5) calc(var(--sp-4) + env(safe-area-inset-bottom));gap:var(--sp-2);box-shadow:0 -1px 0 var(--c-line), 0 -16px 16px -4px #080b10cc;background:#080b10f7;display:grid;position:sticky;bottom:0}.shell-window .qs-go-bar{background:var(--c-window);box-shadow:0 -1px 0 var(--c-line), 0 -16px 16px -4px var(--c-window)}.qs-go-row{gap:var(--sp-2);display:flex}.qs-go-row>*{justify-content:center;align-items:center;gap:var(--sp-2);min-height:48px;display:inline-flex}.qs-go{flex:auto;min-width:0}.qs-open-map{flex:none;width:48px;height:48px}.qs-go-to{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.qs-go-why{color:var(--c-text);text-align:center;margin:0;font-size:13px;line-height:1.45}:lang(th) .qs-go-why{line-height:1.65}.mn-map-ch{color:var(--c-text-2);font-size:var(--fs-small);white-space:nowrap}:lang(th) .mn-map-ch{line-height:1.55}.mn-map{gap:var(--sp-2);width:100%;min-height:0;padding:var(--sp-1) 0 calc(var(--sp-3) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto;container:mn-map/inline-size}.mn-map-tip{align-items:center;gap:var(--sp-2);border:0;border-bottom:1px solid var(--c-line);min-height:44px;color:var(--c-text);font-size:var(--fs-small);text-align:left;background:0 0;border-radius:0;flex:none;padding:0 2px;display:flex}.mn-map-tip-text{flex:1}:lang(th) .mn-map-tip{line-height:1.65}.mn-map-tip-dot{background:var(--c-jade);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--c-jade) 35%, transparent);border-radius:50%;flex:none}.mn-chev{color:var(--c-text-3);flex:none;transform:rotate(180deg)}.mn-map-road{min-height:470px;margin:0 calc(-1 * var(--sp-2));flex:1 0 auto;position:relative}@container mn-map (width<300px){.mn-map-road{min-height:640px}}.mn-road{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mn-road path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.mn-road-bed path{stroke:#00000061;stroke-width:10px}.mn-seg{stroke:#ffffff80;stroke-width:2px}.mn-seg-walked{stroke:var(--c-gold);stroke-width:2.5px;filter:drop-shadow(0 0 3px var(--c-glow))}.mn-seg-shut{stroke:#ffffff47;stroke-dasharray:3 6}.mn-seg-spur{stroke:#ffffff61;stroke-dasharray:1 5;stroke-width:2.5px}.mn-stops{margin:0;padding:0;list-style:none}.mn-stop{position:absolute;transform:translate(-22px,-50%)}.mn-stop-btn{align-items:center;gap:var(--sp-2);min-height:44px;color:var(--c-text);text-align:left;background:0 0;border:0;border-radius:22px;padding:2px 10px 2px 0;display:flex}.mn-stop-btn[aria-pressed=true]{background:linear-gradient(90deg,#f4ebb024,#f4ebb00a)}.mn-stop-btn[aria-pressed=true] .mn-stop-name{color:var(--c-accent)}@media (hover:hover) and (pointer:fine){.mn-stop-btn:not([aria-disabled=true]):hover{background:#ffffff0f}}.mn-node{flex:none;place-items:center;width:44px;height:44px;display:grid}.mn-node i{background:var(--c-bg);width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--c-text);border-radius:50%}.mn-stop-hub .mn-node i{width:20px;height:20px;box-shadow:inset 0 0 0 2px var(--c-accent), 0 0 10px var(--c-glow);border-radius:5px;transform:rotate(45deg)}.mn-stop-dungeon .mn-node i{width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--c-vermilion);border-radius:2px;transform:rotate(45deg)}.mn-you .mn-node i{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c-jade) 55%, white), 0 0 0 4px color-mix(in srgb, var(--c-jade) 45%, transparent)}.mn-you-head{background:var(--c-panel-2);width:40px;height:40px;box-shadow:inset 0 0 0 2px var(--c-gold), 0 0 14px var(--c-glow);border-radius:50%;place-items:center;display:grid;overflow:hidden}.mn-stop-main{flex-direction:column;gap:1px;min-width:0;display:flex}.mn-stop-name{text-shadow:var(--halo);white-space:nowrap;font-size:15px;font-weight:600;line-height:1.3}:lang(th) .mn-stop-name{line-height:1.55}.mn-here .mn-stop-name{color:var(--c-accent)}.mn-stop-sub{color:var(--c-text-2);text-shadow:var(--halo);flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:12px;display:flex}.mn-stop-kind{color:var(--c-text-3)}.mn-here{scroll-margin:64px 0}.mn-tag{border-radius:var(--r-pill);min-height:18px;font:600 12px/1.3 var(--font-display);white-space:nowrap;text-shadow:none;align-items:center;gap:3px;padding:0 6px;display:inline-flex}:lang(th) .mn-tag{line-height:1.5}.mn-tag-here{color:var(--c-cta-ink);background:var(--c-accent)}.mn-tag-you{color:var(--c-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-jade) 55%, white);background:color-mix(in srgb, var(--c-jade) 40%, transparent)}.mn-tag-quest{color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-gold);background:var(--c-shade);font-family:var(--font-num)}.mn-stop-closed .mn-stop-name{color:var(--c-text-3)}.mn-stop-closed .mn-node i{background:0 0;box-shadow:inset 0 0 0 1.5px #ffffff57}.mn-stop-closed.mn-stop-hub .mn-node i{box-shadow:inset 0 0 0 1.5px #ffffff57}.mn-tag-closed{color:var(--c-text-3);box-shadow:inset 0 0 0 1px var(--c-line)}.mn-map-hint{color:var(--c-text-3);flex:none;margin:0;font-size:12px;line-height:1.45}:lang(th) .mn-map-hint,:lang(th) .mn-sd-about{line-height:1.65}.mn-stop-detail{gap:var(--sp-5);min-height:0;padding:var(--sp-3) var(--sp-5) calc(var(--sp-6) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;overflow-y:auto}.shell-detail .mn-stop-detail{padding-top:var(--sp-4)}.mn-sd-head{gap:var(--sp-1);display:grid}.mn-sd-head h2{font-size:24px;font-weight:300;line-height:1.2}:lang(th) .mn-sd-head h2{line-height:1.55}.mn-sd-lv{color:var(--c-accent);margin:0}.mn-sd-about{margin:var(--sp-1) 0 0;color:var(--c-text-2);font-size:var(--fs-small)}.mn-stop-detail>section{gap:var(--sp-2);flex-direction:column;display:flex}.mn-stop-detail>section>.section-label{flex:none}.mn-sd-quests{gap:var(--sp-1);margin:0;padding:0;list-style:none;display:grid}.mn-sd-quests li{align-items:center;gap:var(--sp-2);min-height:32px;color:var(--c-text);display:flex}.mn-sd-quests svg{color:var(--c-gold);flex:none}.mn-sd-kinds{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));margin:0;padding:0;list-style:none;display:grid}.mn-kind{padding:var(--sp-2) var(--sp-1);box-shadow:inset 0 0 0 1px var(--c-line);border-radius:6px;flex-direction:column;align-items:center;gap:4px;display:flex}.mn-kind-well{background:#0000006b;border-radius:6px;place-items:center;width:48px;height:48px;display:grid}.mn-kind-name{font-size:var(--fs-small);text-align:center;overflow-wrap:anywhere}.mn-kind-lv{font-size:var(--fs-small);color:var(--c-text-2)}.mn-kind-els{gap:3px;display:flex}.bag-cap{color:var(--c-text-2);white-space:nowrap;font-size:13px}.bag-of{color:var(--c-text-3)}.bag{flex-direction:column;flex:1;min-height:0;display:flex;container:bag/inline-size}.shell-window:has(.bag-wide){--detail-w:280px}.bag-tabs{flex:none}.bag-tabs>.tabs{gap:2px}.bag-tabs .tab{min-width:48px;min-height:48px;color:var(--c-text-2);gap:6px;padding:.15em 10px}.bag-tabs .tab[aria-selected=true]{color:var(--c-accent)}.bag-tabs .tab[aria-selected=true]:after{box-shadow:0 0 8px var(--c-glow);left:8px;right:8px}.bag-tabs .tab .display{font-size:14px}.shell-compact .bag-tabs .tab[aria-selected=false] .display{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@container bagmain (width<=420px){.bag-main .bag-tabs .tab[aria-selected=false] .display{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@container bag (width<=300px){.bag-tabs .tab{flex:1 1 0;min-width:0;padding-inline:4px}.bag-tabs .tab .display{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bag-worn-label{text-overflow:clip;margin-inline:-3px}}.bag-scroll{min-height:0;padding:var(--sp-3) 2px calc(var(--sp-6) + env(safe-area-inset-bottom));flex:1;margin:0 -2px;overflow-y:auto}.bag-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));align-content:start;gap:6px;display:grid}.bag-wide .bag-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}.bag-grid>.tile.empty{background:#0003}.bag-empty{color:var(--c-text-2);padding:0 0 var(--sp-4)}:lang(th) .bag-empty{line-height:var(--lh-body)}.bag-only{margin:0 0 var(--sp-3);gap:6px;padding:0 12px 0 16px}.bag-worn{gap:var(--sp-3);margin-bottom:var(--sp-2);flex-direction:column;display:flex}.bag-worn-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.bag-wide .bag-worn-row{grid-template-columns:repeat(5,minmax(0,72px));gap:10px}.bag-worn-cell{min-width:0;color:var(--c-text);text-align:inherit;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex;position:relative}.bag-worn-text{flex-direction:column;min-width:0;display:flex}.bag-worn-name{display:none}.bag-worn-empty{box-shadow:none;border:var(--stroke-hair) dashed var(--c-line-strong);background:0 0}.bag-worn-empty .tile-glyph{color:var(--c-text-3)}.bag-worn-cell.into>.tile{outline:var(--stroke-hair) solid var(--c-accent);outline-offset:3px}.bag-worn-label{text-align:center;color:var(--c-text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.3;overflow:hidden}.bag-totals{font-size:var(--fs-small);color:var(--c-text-2);flex-wrap:wrap;gap:2px 14px;display:flex}.bag-total{white-space:nowrap}.bag-total-k{font:600 var(--fs-micro)/1.3 var(--font-display);color:var(--c-text-3);letter-spacing:.06em}.bag-total .num{color:var(--c-text)}.bag-total .bag-total-plus{color:var(--c-positive)}.bag-doll-stage{display:none}.bag-body{flex-direction:column;flex:1;min-height:0;display:flex}.bag-doll,.bag-doll>.section-label{flex:none}.bag-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;container:bagmain/inline-size}@container bag (width>=460px){.bag-body{gap:var(--sp-5);flex-direction:row}.bag-doll{width:158px;padding:0 2px var(--sp-4) 8px;gap:var(--sp-2);margin:0 0 0 -8px;overflow-y:auto}.bag-doll-stage{height:108px;margin-bottom:var(--sp-1);border-bottom:1px solid var(--c-line);background:radial-gradient(46% 20% at 75px 96px,#ffffff29,#0000 70%);flex:none;display:block;position:relative}.bag-wide .bag-doll .bag-worn-row{grid-template-columns:minmax(0,1fr);gap:6px}.bag-doll .bag-worn-cell{align-items:center;gap:var(--sp-3);flex-direction:row;min-height:48px}.bag-doll .bag-worn-cell>.tile{flex:none;width:44px}.bag-doll .bag-worn-cell{gap:10px}.bag-doll .bag-worn-cell.into>.tile{outline:0}.bag-doll .bag-worn-cell.into:before{content:"";background:var(--c-gold);width:2px;position:absolute;top:6px;bottom:6px;left:-8px}.bag-doll .bag-worn-label{text-align:start;font-weight:500}.bag-doll .bag-worn-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.bag-doll .bag-totals{margin-top:var(--sp-2);grid-template-columns:minmax(0,1fr);gap:1px;font-size:13px;display:grid}.bag-doll .bag-total{align-items:baseline;gap:6px;display:flex}.bag-doll .bag-total-k{flex:1}}.sheet-bottom:has(>.bag-detail){max-height:64%}@media (height<=600px){.sheet-bottom:has(>.bag-detail){max-height:76%}}.bag-detail-close{z-index:2;min-width:44px;min-height:44px;color:var(--c-text-2);position:absolute;top:-6px;right:6px}.bag-detail:has(>.bag-detail-close) .bag-id{padding-right:36px}.bag-detail{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.bag-detail-scroll{min-height:0;padding:var(--sp-2) var(--sp-5) var(--sp-2);gap:var(--sp-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.bag-detail-head{align-items:center;gap:14px;display:flex}.bag-stage{width:84px;height:84px;box-shadow:inset 0 0 0 1px var(--c-line);background:radial-gradient(closest-side,#ffffff1a,#ffffff05 70%,#0000);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.bag-stage.r1{background:radial-gradient(closest-side, var(--r1-glow), #80c8f50d 70%, transparent);box-shadow:inset 0 0 0 1px #9dd8f559}.bag-stage.r2{background:radial-gradient(closest-side, var(--r2-glow), #aa6eeb0d 70%, transparent);box-shadow:inset 0 0 0 1px #c9a2f259}.bag-stage.r3{background:radial-gradient(closest-side, var(--r3-glow), #ffdc640f 70%, transparent);box-shadow:inset 0 0 0 1px #f2d46b66}.bag-stage-art{z-index:1;filter:drop-shadow(0 4px 6px #00000080);position:relative}.bag-id{flex-direction:column;gap:4px;min-width:0;display:flex}.bag-name{font-size:19px;line-height:var(--lh-tight)}:lang(th) .bag-name{line-height:1.55}.bag-kind{color:var(--c-text-2);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;display:flex}.bag-kind .pips{gap:5px;padding:0}.bag-req.low{color:var(--c-hp)}.bag-tags{flex-wrap:wrap;gap:6px;display:flex}.bag-tag{box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text-2);font:500 12px/1.5 var(--font-ui);border-radius:2px;padding:0 6px}.bag-tag.worn{box-shadow:none;color:var(--c-text-3);background:#ffffff14}.bag-vs{color:var(--c-text-3);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px;display:flex}:lang(th) .bag-vs{line-height:1.6}.bag-stats{border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.bag-stat{flex-direction:column;align-items:center;gap:1px;padding:7px 4px 8px;display:flex}.bag-stat:not(:nth-child(3n+1)){box-shadow:-1px 0 0 var(--c-line)}.bag-stat:nth-child(n+4){border-top:1px solid var(--c-line)}.bag-stat-k{font:600 12px/1.2 var(--font-display);color:var(--c-text-3);letter-spacing:.06em}.bag-stat-v{color:var(--c-text);align-items:baseline;gap:5px;font-size:20px;line-height:1.2;display:inline-flex}.bag-diff{font-size:13px;font-weight:600}.bag-diff.up{color:#7fdb9a}.bag-diff.down{color:#f07a7e}.bag-desc{color:var(--c-text-2);font-size:13px;line-height:1.45}:lang(th) .bag-desc{line-height:1.65}.bag-note{font-size:var(--fs-small);color:var(--c-text-3);line-height:var(--lh-body)}.bag-meta{justify-content:space-between;align-items:center;gap:var(--sp-3);color:var(--c-text-3);font-size:13px;display:flex}.bag-owned{color:var(--c-text-2)}.bag-sell{align-items:center;gap:6px;display:inline-flex}.bag-sell svg{color:var(--c-gold)}.bag-why{padding:var(--sp-2) var(--sp-5) var(--sp-1);font-size:var(--fs-small);color:var(--c-text-2);flex:none;gap:2px;display:grid}.bag-why p{line-height:var(--lh-body);align-items:center;gap:6px;display:flex}.bag-why svg{color:var(--c-text-3)}.bag-actions{padding:var(--sp-3) var(--sp-5) calc(var(--sp-3) + env(safe-area-inset-bottom));flex:none;align-items:center;gap:10px;display:flex}.bag-cta{flex:1;min-width:0;min-height:50px;font-size:16px}.bag-cta:is(:disabled,[aria-disabled=true]){cursor:default}.bag-cta-note{flex:1;min-width:0}.bag-more{flex:none;position:relative}.bag-more-btn{width:48px;height:48px}.bag-more-btn[aria-expanded=true]{color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent), 0 0 14px var(--c-glow)}.bag-more-menu{z-index:3;border-radius:var(--r-md);min-width:168px;max-width:min(260px,100vw - 32px);box-shadow:inset 0 0 0 1px var(--c-line-strong), 0 12px 28px #00000080;animation:bag-menu-in var(--t-fast) var(--ease-out);background:#0e1218fa;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0}.bag-more-menu[hidden]{display:none}@keyframes bag-menu-in{0%{opacity:0;transform:translateY(6px)}}.bag-more-item{border-radius:var(--r-sm);min-height:48px;color:var(--c-text);font:600 15px/1.3 var(--font-display);text-align:left;background:0 0;border:0;grid-template-columns:16px minmax(0,1fr);align-items:center;column-gap:10px;padding:6px 14px 6px 12px;display:grid}.bag-more-why{max-width:220px;font:500 12px/1.35 var(--font-ui);color:var(--c-hp);white-space:normal;grid-column:2}:lang(th) .bag-more-why{line-height:1.6}:lang(th) .bag-more-item{line-height:1.55}.bag-more-item svg{color:var(--c-text-2)}.bag-more-item+.bag-more-item{box-shadow:0 -1px 0 var(--c-line);border-radius:0 0 var(--r-sm) var(--r-sm)}.bag-more-item[aria-disabled=true]{color:var(--c-disabled-ink);cursor:default}.bag-more-item[aria-disabled=true] svg{color:var(--c-disabled-ink)}@media (hover:hover) and (pointer:fine){.bag-more-item:not([aria-disabled=true]):hover{background:#ffffff12}}.bag-detail.big .bag-detail-scroll{padding:0 var(--sp-5) var(--sp-4);gap:var(--sp-3)}.bag-detail.big .bag-detail-head{align-items:stretch;gap:var(--sp-3);flex-direction:column}.bag-detail.big .bag-stage{width:auto;height:150px;margin:0 calc(-1 * var(--sp-5));box-shadow:none;border-bottom:1px solid var(--c-line);background:radial-gradient(42% 52% at 50% 58%,#ffffff1f,#ffffff05 60%,#0000 76%);border-radius:0}.bag-detail.big .bag-stage.r1{background:radial-gradient(ellipse 42% 52% at 50% 58%, var(--r1-glow), #80c8f50d 60%, transparent 76%)}.bag-detail.big .bag-stage.r2{background:radial-gradient(ellipse 42% 52% at 50% 58%, var(--r2-glow), #aa6eeb0d 60%, transparent 76%)}.bag-detail.big .bag-stage.r3{background:radial-gradient(ellipse 42% 52% at 50% 58%, var(--r3-glow), #ffdc640f 60%, transparent 76%)}.bag-detail.big .bag-name{font-size:22px}.bag-detail.big .bag-why{padding:var(--sp-2) var(--sp-5) var(--sp-2)}.bag-detail.big .bag-actions{padding:var(--sp-3) var(--sp-5) var(--sp-4);border-top:1px solid var(--c-line)}.bag-nothing .bag-stage{display:grid}.bag-nothing-well{width:72px}.bag-nothing-text{text-align:center;padding:0}.bag-paper-item{align-items:center;gap:var(--sp-4);display:flex}.bag-paper-well{background:#16191e;border-radius:6px;flex:none;place-items:center;width:60px;height:60px;display:grid}.bag-paper-text{flex-direction:column;gap:4px;min-width:0;display:flex}.bag-paper-text p{line-height:var(--lh-body)}.bag-amount{margin-top:var(--sp-5);padding-top:var(--sp-3);border-top:1px solid #15171b26;grid-template-columns:48px minmax(0,1fr) 48px auto;grid-template-areas:"label label n n""minus range plus max";align-items:center;gap:6px 8px;display:grid}.bag-amount-label{font-size:var(--fs-small);color:var(--c-ink-2);grid-area:label}.bag-amount>.stepper{place-items:center;width:48px;height:48px;display:grid}.bag-amount>.stepper:first-of-type{grid-area:minus}.bag-amount>input{width:100%;min-width:0;accent-color:var(--c-ink);grid-area:range;height:48px;margin:0}.bag-amount>.stepper:nth-of-type(2){grid-area:plus}.bag-amount>.stepper.wide{grid-area:max;width:auto;min-width:56px;padding:0 12px}.bag-amount-n{font-size:var(--fs-body);color:var(--c-ink);grid-area:n;justify-self:end}.bag-amount-n span{color:var(--c-ink-2);font-size:var(--fs-small)}.bag-paper-total{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid #15171b26;justify-content:space-between;align-items:center;font-weight:600;display:flex}.bag-paper-total .num{font-size:var(--fs-lead);align-items:center;gap:6px;display:inline-flex}.bag-paper-total svg{color:var(--c-gold-deep)}.refine{gap:var(--sp-5);min-height:0;margin:0 calc(-1 * var(--sp-4));padding:var(--sp-2) var(--sp-4) 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.refine>section{min-width:0}.refine-item{align-items:center;gap:var(--sp-4);display:flex}.refine-well{width:84px;height:84px;box-shadow:inset 0 0 0 1px var(--c-line);background:radial-gradient(closest-side,#ffffff1a,#ffffff05 70%,#0000);border-radius:50%;flex:none;place-items:center;display:grid}.refine-well.r1{background:radial-gradient(closest-side, var(--r1-glow), transparent)}.refine-well.r2{background:radial-gradient(closest-side, var(--r2-glow), transparent)}.refine-well.r3{background:radial-gradient(closest-side, var(--r3-glow), transparent)}.refine-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.refine-name{font-size:19px;line-height:var(--lh-tight)}:lang(th) .refine-name{line-height:1.55}.refine-levels{color:var(--c-accent);font-size:22px;font-weight:600;line-height:1.25}.refine-line{color:var(--c-text-2);font-size:13px}.refine-line.next{color:var(--c-positive)}.refine-rate{padding:0 0 var(--sp-4);text-align:center;border-bottom:1px solid var(--c-line);background:radial-gradient(40% 60% at 50% 45%,#f0c85a1a,#0000 75%);flex-direction:column;align-items:center;gap:2px;display:flex}.refine-rate>.section-label{justify-content:center;align-self:stretch}.refine-pct{font:600 64px/1.05 var(--font-num);color:var(--c-accent);font-variant-numeric:tabular-nums}.refine-pct span{color:var(--c-text-2);margin-left:2px;font-size:.42em}.refine-mats{flex-direction:column;gap:6px;display:flex}.refine-mat{align-items:center;gap:var(--sp-3);min-height:52px;box-shadow:inset 0 0 0 1px var(--c-line);background:#00000047;border-radius:6px;padding:4px 12px;display:flex}.refine-mat-icon{width:32px;height:32px;color:var(--c-gold);flex:none;place-items:center;display:grid}.refine-mat-name{flex:1;min-width:0}.refine-mat-n{color:var(--c-text);font-weight:600}.refine-mat-have{text-align:right;min-width:6.5em;color:var(--c-text-3);font-size:13px}.refine-mat.short{box-shadow:inset 0 0 0 1px #e5484d80}.refine-mat.short .refine-mat-have{color:var(--c-hp)}.refine-hint{color:var(--c-text-2);font-size:13px;line-height:var(--lh-body)}.refine-hint.warn{color:var(--c-warn)}.refine-note{font-weight:600;line-height:var(--lh-body)}.refine-note.good{color:var(--c-positive)}.refine-note.bad{color:var(--c-hp)}.refine-max{color:var(--c-text-2)}.refine-table-toggle{border:0;border-bottom:1px solid var(--c-line);width:100%;min-height:48px;color:var(--c-text-2);font-size:var(--fs-small);background:0 0;justify-content:space-between;align-items:center;padding:0;display:flex}.refine-chevron{transition:transform var(--t-fast);transform:rotate(-90deg)}.refine-table-toggle[aria-expanded=true] .refine-chevron{transform:rotate(90deg)}.refine-grid{margin:var(--sp-3) 0;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid}.refine-cell{font-size:var(--fs-small);background:#ffffff0d;flex-direction:column;align-items:center;gap:2px;padding:6px 0;display:flex}.refine-cell.on{box-shadow:inset 0 0 0 1px var(--c-gold);color:var(--c-accent)}.refine-cell-to{color:var(--c-text-3);font-size:12px}.refine-dev{gap:var(--sp-2);display:flex}.refine-foot{z-index:1;margin-top:auto;margin-inline:calc(-1 * var(--sp-4));padding:var(--sp-5) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));background:linear-gradient(#06080c00,#06080cf5 30%);flex-direction:column;gap:6px;display:flex;position:sticky;bottom:0}.refine-why{font-size:var(--fs-small);color:var(--c-hp);line-height:var(--lh-body)}.refine-go{width:100%;min-height:50px;font-size:16px}.refine-go:is(:disabled,[aria-disabled=true]){cursor:default}.refine-near{text-align:center;color:var(--c-text-3)}.shell-window .refine{align-content:start;column-gap:var(--sp-6);row-gap:var(--sp-4);padding-top:var(--sp-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"item rate""mats rate""mats foot""table table""dev dev";display:grid}.shell-window .refine-item{grid-area:item}.shell-window .refine-rate{border:0;grid-area:rate;justify-content:center}.shell-window .refine-mats{grid-area:mats}.shell-window .refine-max{grid-area:item/rate}.shell-window .refine-table{grid-area:table}.shell-window .refine-dev{grid-area:dev}.shell-window .refine-foot{background:0 0;grid-area:foot;align-self:end;margin:0;padding:0;position:static}.shell-window .refine-pct{font-size:88px}.sheet.shop-sheet{overflow:hidden}.shop-sheet>.sheet-grab{display:none}.sheet.shop-page{max-height:none;box-shadow:none;padding:env(safe-area-inset-top) 0 0;animation:sheet-fade var(--t-base) var(--ease-out);background:#080b10ed;border-radius:0;top:0}.shop-head{align-items:center;gap:var(--sp-3);min-height:60px;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-4);flex:none;display:flex;position:relative}.shop-name{min-width:0;font-size:var(--fs-h2);line-height:var(--lh-tight);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}:lang(th) .shop-name{line-height:1.55}.shop-close{flex:none}.shop-tabs{padding:0 var(--sp-4);flex:none}.shop-tabs .tab{min-height:48px;color:var(--c-text-2);padding:.15em 14px}.shop-tabs .tab .display{font-size:14px}.shop-tabs .tab[aria-selected=true]{color:var(--c-accent)}.shop-tabs .tab[aria-selected=true]:after{box-shadow:0 0 8px var(--c-glow);left:10px;right:10px}.shop-page .shop-tabs .tab{flex:1 1 0}.shop-body{flex:1;min-height:0;display:flex}.shop-list{min-width:0;padding:var(--sp-3) var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;display:grid}.shop-page:not(:has(.shop-detail)) .shop-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr))}.shop-sheet:has(.shop-detail) .shop-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.shop-card{text-align:left;min-width:0;min-height:64px;color:var(--c-text);box-shadow:inset 0 0 0 1px var(--c-line);transition:box-shadow var(--t-fast), background-color var(--t-fast);background:#00000047;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px 8px 8px;display:flex}.shop-card[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--c-accent), 0 0 16px var(--c-glow)}@media (hover:hover) and (pointer:fine){.shop-card:not([aria-disabled=true]):hover{background-color:#ffffff0f}}.shop-well{flex:none;width:48px;height:48px}.shop-card-main{flex-direction:column;gap:2px;min-width:0;display:flex}.shop-card-name{flex-wrap:wrap;align-items:baseline;gap:0 6px;font-size:14px;font-weight:500;line-height:1.3;display:flex}.shop-card-lv{color:var(--c-text-3);font-size:12px}.shop-card-sub{color:var(--c-text-2);font-size:12px;line-height:1.35}.shop-card.low .shop-card-lv,.shop-card.low .shop-card-sub{color:var(--c-hp)}.shop-price{color:var(--c-accent);align-items:center;gap:4px;font-size:13px;display:inline-flex}.shop-price svg{color:var(--c-gold)}.shop-price.big{font-size:var(--fs-body)}.shop-empty{color:var(--c-text-2);padding:var(--sp-2) 0;line-height:var(--lh-body)}.shop-detail{width:300px;padding:0 var(--sp-5) var(--sp-5);border-left:1px solid var(--c-line);background:#0003;flex:none;overflow-y:auto}.shop-detail>.shop-empty{padding-top:var(--sp-5)}.shell-window:has(.shop-window){--detail-w:290px}.shop-window{min-height:0;margin:0 calc(-1 * var(--sp-4));flex-direction:column;flex:1;display:flex}.shop-window>.shop-tabs{padding:0 var(--sp-4)}.shop-window .shop-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.shell-detail>.shop-detail{background:0 0;border-left:0;flex:1;width:auto}.shop-detail-in{gap:var(--sp-3);flex-direction:column;display:flex}.shop-stage{height:150px;margin:0 calc(-1 * var(--sp-5));border-bottom:1px solid var(--c-line);background:radial-gradient(42% 52% at 50% 58%,#ffffff1f,#ffffff05 60%,#0000 76%);place-items:center;display:grid}.shop-stage.r1{background:radial-gradient(ellipse 42% 52% at 50% 58%, var(--r1-glow), transparent 76%)}.shop-stage.r2{background:radial-gradient(ellipse 42% 52% at 50% 58%, var(--r2-glow), transparent 76%)}.shop-stage.r3{background:radial-gradient(ellipse 42% 52% at 50% 58%, var(--r3-glow), transparent 76%)}.shop-detail-name{font-size:22px;line-height:var(--lh-tight)}:lang(th) .shop-detail-name{line-height:1.55}.shop-detail-line{color:var(--c-text-2);font-size:13px;line-height:var(--lh-body)}.shop-detail-line.low{color:var(--c-hp)}.shop-detail .btn-primary{margin-top:var(--sp-2);min-height:50px;font-size:16px}.mn-poor,.mn-poor svg{color:var(--c-hp)}.ui-root{--c-hired:#9ecbff}.social-scroll{gap:var(--sp-5);min-height:0;margin:0 calc(-1 * var(--sp-4));padding:var(--sp-4) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;overflow-y:auto}.shell-expanded .social-scroll{max-width:calc(760px + 2 * var(--sp-4))}.social-group{gap:var(--sp-2);flex-direction:column;display:flex}.social-head{align-items:center;gap:var(--sp-3);display:flex}.social-hint{color:var(--c-text-2);font-size:var(--fs-small);max-width:60ch;line-height:1.45}:lang(th) .social-hint{line-height:1.65}.social-why{color:var(--c-text-3)}.social-list{margin:0 calc(-1 * var(--sp-4));padding:0;overflow:visible}.social-list>li+li{border-top:1px solid #ffffff12}.social-list>li:nth-child(2n) .row{background:0 0}.social-btn{min-height:var(--hit);font-size:var(--fs-small);white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.social-kind{font:600 var(--fs-micro)/1.4 var(--font-display);color:var(--c-text-2);text-transform:uppercase;letter-spacing:var(--track-label);flex-wrap:wrap;align-items:center;gap:8px;display:flex}:lang(th) .social-kind{text-transform:none;letter-spacing:0;line-height:1.6}.social-detail{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.social-detail-scroll{gap:var(--sp-3);min-height:0;padding:var(--sp-2) var(--sp-5) var(--sp-4);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.shell-detail .social-detail-scroll{padding:var(--sp-5) var(--sp-5) var(--sp-4)}.social-detail-name{font-size:var(--fs-h3);line-height:var(--lh-tight);flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}:lang(th) .social-detail-name{line-height:1.55}.social-detail-sub{color:var(--c-text-2);font-size:var(--fs-small);align-items:center;gap:8px;display:flex}.social-actions{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));border-top:1px solid var(--c-line);flex:none;display:flex}.social-actions>button{flex:1 1 0}.social-actions-stack{flex-direction:column}.social-actions-stack>button{flex:none}.hired-tag{color:var(--c-hired);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-hired) 60%, transparent);font:600 11px/1.55 var(--font-display);letter-spacing:.02em;vertical-align:middle;border-radius:3px;flex:none;margin-right:4px;padding:0 5px;display:inline-block}.pals{gap:var(--sp-5);min-height:0;margin:0 calc(-1 * var(--sp-4));padding:var(--sp-2) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;overflow-y:auto}.pals-carried,.pals-storage{gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.pal-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.pal-row{align-items:center;gap:var(--sp-3);width:100%;min-height:72px;padding:4px var(--sp-2) 4px 0;color:inherit;text-align:left;background:0 0;border:0;border-radius:6px;display:flex;position:relative}.pal-row.selected{box-shadow:inset 2px 0 0 var(--c-accent);background:linear-gradient(90deg,#f4ebb01a,#0000 80%)}@media (prefers-reduced-motion:no-preference){.pal-row.selected{animation:pal-pick .16s var(--ease-out)}}@keyframes pal-pick{0%{opacity:.7;background-position:-40px 0}}.pal-row.ko .pal-main{opacity:.6}@media (hover:hover) and (pointer:fine){.pal-row:not(.empty):not(.selected):not([aria-disabled=true]):hover{background:#ffffff0d}}.pal-well{background:radial-gradient(46% 20% at 50% 90%,#ffffff1a,#0000);flex:none;display:block;position:relative}.pal-main{align-items:center;gap:5px var(--sp-2);flex:1;grid-template-columns:auto minmax(44px,1fr) auto;min-width:0;display:grid}.pal-head{grid-column:1/-1;align-items:center;gap:6px;min-width:0;display:flex}.pal-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;line-height:1.3;overflow:hidden}.pal-name:lang(th),:lang(th) .pal-name{line-height:1.55}.pal-row.selected .pal-name{color:var(--c-accent)}.pal-lv{color:var(--c-text-2);flex:none;font-size:12px}.pal-active{color:var(--c-accent);filter:drop-shadow(0 0 4px var(--c-glow));flex:none;display:inline-flex}.pal-row .pal-bar,.pal-bond-row{display:contents}.pal-k{font:600 var(--fs-micro)/1.3 var(--font-display);color:var(--c-text-3);letter-spacing:.06em}:lang(th) .pal-k{letter-spacing:0}.pal-v{text-align:right;min-width:0;color:var(--c-text-2);font-size:12px}.pal-row .bar{min-width:0;height:3px}.pal-pips{align-items:center;gap:5px;padding-left:2px;display:inline-flex}.pal-pips i{background:#ffffff29;flex:none;width:7px;height:7px;transform:rotate(45deg)}.pal-pips i.lit{background:var(--c-gold)}.pal-bond-row.low .pal-pips i.lit{background:color-mix(in srgb, var(--c-gold) 55%, transparent)}.pal-disobey{color:var(--c-warn);grid-column:2/-1;margin-top:-3px;font-size:12px;line-height:1.3}:lang(th) .pal-disobey{line-height:1.55}.pal-row.empty{min-height:44px;padding-left:var(--sp-2);color:var(--c-text-3)}.pal-empty-mark{border-top:1px dashed #fff3;flex:none;width:56px;height:1px;margin-left:8px}.pal-empty-l{font-size:var(--fs-small)}.pal-store{margin:var(--sp-1) 0 0;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px 6px;padding:0;list-style:none;display:grid}.pal-cell{width:100%;color:inherit;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:3px;padding:0;display:flex}.pal-cell-tile{width:100%;overflow:hidden}.pal-cell-lv{text-align:center;color:var(--c-text-2);font-size:12px;line-height:1.2}.pal-cell[aria-pressed=true] .pal-cell-lv{color:var(--c-accent)}.pal-cell.ko .pal-cell-tile>*{opacity:.5}.pal-cell.empty .pal-cell-lv{display:none}.pals-hint{color:var(--c-text-2);font-size:var(--fs-small);align-items:flex-start;gap:6px;line-height:1.45;display:flex}.pals-hint>svg{color:var(--c-text-3);flex:none;margin-top:2px}:lang(th) .pals-hint{line-height:1.65}.pals-store-empty{color:var(--c-text-3);font-size:var(--fs-small);margin:0;line-height:1.5}:lang(th) .pals-store-empty{line-height:1.65}.pals-empty{justify-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4) var(--sp-4);text-align:center;display:grid}.pals-empty-glyph{width:64px;height:64px;color:var(--c-accent);background:var(--c-disc);box-shadow:inset 0 0 0 1px var(--c-line-strong);border-radius:50%;place-items:center;display:grid}.pals-empty-title{margin:var(--sp-2) 0 0;font-size:var(--fs-h3);line-height:var(--lh-tight)}:lang(th) .pals-empty-title{line-height:1.55}.pals-empty-body{color:var(--c-text);max-width:34ch;margin:0}.pals-empty-how{color:var(--c-text-2);font-size:var(--fs-small);max-width:40ch;margin:0}:lang(th) :is(.pals-empty-body,.pals-empty-how){line-height:1.65}.pal-id{align-items:center;gap:var(--sp-3);display:flex}.pal-id-r{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pal-tags{flex-wrap:wrap;gap:6px;display:flex}.pal-stage{background:radial-gradient(40% 12% at 50% 89%,#f4ebb033,#0000),radial-gradient(50% 50% at 50% 55%,#ffffff0f,#0000);border-radius:50%;flex:none;place-items:center;width:112px;height:96px;display:grid}.shell-detail .pal-id{flex-direction:column;align-items:stretch}.shell-detail .pal-stage{border-radius:0;width:auto;height:132px}.pal-stage-box{display:block;position:relative}.pal-tag{box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text-2);font:500 12px/1.6 var(--font-ui);text-transform:none;letter-spacing:0;border-radius:3px;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.pal-tag.active{color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-gold-deep)}.pal-detail-lv{font-size:var(--fs-body);color:var(--c-text-2)}.pal-bars{flex-direction:column;gap:7px;display:flex}.pal-bars .pal-bar{align-items:center;gap:var(--sp-2);font-size:var(--fs-small);grid-template-columns:34px minmax(0,1fr) auto;display:grid}.pal-bars .bar{height:4px}.pal-bars .pal-v{min-width:5.5em;font-size:var(--fs-small);color:var(--c-text)}.pal-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.pal-stat{background:#ffffff0a;border-radius:6px;flex-direction:column;gap:1px;padding:6px 10px 7px;display:flex}.pal-stat .num{font-size:var(--fs-h3);color:var(--c-text);font-weight:600;line-height:1.15}.pal-bond{padding-top:var(--sp-3);border-top:1px solid var(--c-line);flex-direction:column;gap:6px;display:flex}.pal-bond-head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.pal-bond-head .pal-k{color:var(--c-text-2);font-size:var(--fs-small)}.pal-bond-bonus{color:var(--c-accent);font-size:var(--fs-small)}.pal-bond-track{background:#ffffff24;border-radius:2px;height:3px;margin:5px 4px 7px;display:block;position:relative}.pal-bond-fill{border-radius:inherit;background:var(--c-gold);position:absolute;inset:0 auto 0 0}.pal-bond-track i{background:color-mix(in srgb, var(--c-text) 10%, var(--c-bg));width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;transform:rotate(45deg);box-shadow:0 0 0 1px #ffffff4d}.pal-bond-track i.lit{background:var(--c-gold);box-shadow:0 0 6px var(--c-glow)}.pal-bond.low .pal-bond-fill{opacity:.55}.pal-warn{color:var(--c-warn);font-size:var(--fs-small);line-height:1.45}.pals-note{color:var(--c-text-3);font-size:var(--fs-small);line-height:1.45}:lang(th) :is(.pal-warn,.pals-note){line-height:1.65}.pal-actions{flex-direction:column;container:pal-acts/inline-size}.pal-busy{color:var(--c-text-2);font-size:var(--fs-small);text-align:center}.pal-act-row{gap:var(--sp-2);display:flex}.pal-act{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;min-width:0;padding:6px 8px;display:flex}.pal-act.btn-primary{flex-grow:1.3}@container pal-acts (width<=300px){.pal-act-row{flex-wrap:wrap}.pal-act{flex-basis:calc(50% - 4px)}.pal-act:last-child:nth-child(odd){flex-basis:100%}}.pal-act:has(.pal-act-why){border-radius:12px}.pal-act-row:has(.pal-act-why) .pal-act{border-radius:12px}@container pal-acts (width>=301px){.pal-act-row:has(.pal-act-why){flex-wrap:wrap}.pal-act-row .pal-act:has(.pal-act-why){flex-basis:100%;order:-1}}.pal-act-label{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.pal-act[aria-disabled=true]{background:var(--c-disabled);color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line);cursor:default;filter:none;border-color:#0000}.pal-act-why{font:400 var(--fs-small)/1.3 var(--font-ui);text-align:center;color:var(--c-text-2);white-space:normal}:lang(th) .pal-act-why{line-height:1.55}.pal-skills{padding-top:var(--sp-3);border-top:1px solid var(--c-line);flex-direction:column;gap:6px;display:flex}.pal-skills-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pal-points{color:var(--c-gold);font-size:var(--fs-small)}.pal-skill-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pal-skill{background:#ffffff0a;border-radius:6px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;min-height:40px;padding:2px 4px 2px 10px;display:grid}.pal-skill-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--c-text);overflow:hidden}.pal-skill-lv{color:var(--c-text-2);font-size:var(--fs-small)}.pal-skill-plus{grid-area:1/4}.pal-skill-why{font-size:var(--fs-small);color:var(--c-text-2);grid-area:2/2/auto/4}.pal-skill-why:empty{display:none}.pal-skill-none{color:var(--c-text-2);font-size:var(--fs-small);margin:0}.party-prompt{gap:var(--sp-2);width:100%;max-width:360px;padding:var(--sp-3) var(--sp-3) calc(var(--sp-3) + 2px);background:var(--c-panel-2);box-shadow:inset 0 0 0 1px var(--c-line), 0 8px 24px #00000059;pointer-events:auto;border-radius:10px;flex-direction:column;display:flex;position:relative;overflow:hidden}.social-group .party-prompt{max-width:none;box-shadow:inset 0 0 0 1px var(--c-line);background:#ffffff0a}.party-prompt-head{align-items:flex-start;gap:var(--sp-2);display:flex}.party-prompt-glyph{width:28px;height:28px;color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-line-strong);border-radius:50%;flex:none;place-items:center;margin-top:-2px;display:grid}.party-prompt-duel .party-prompt-glyph{color:color-mix(in srgb, var(--c-hp) 70%, var(--c-text));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-vermilion) 70%, transparent)}.party-prompt-text{min-width:0;font-size:var(--fs-small);color:var(--c-text);flex:1;padding-top:2px;line-height:1.45}:lang(th) .party-prompt-text{line-height:1.65}.party-prompt-secs{color:var(--c-text-2);flex:none;padding-top:3px;font-size:12px;line-height:1.4}.party-prompt-time{background:#ffffff14;height:2px;display:block;position:absolute;bottom:0;left:0;right:0}.party-prompt-time>span{background:var(--c-gold);height:100%;transition:width .25s linear;display:block}.party-prompt-duel .party-prompt-time>span{background:var(--c-vermilion)}.party-prompt-actions{gap:var(--sp-2);display:flex}.party-prompt-actions>*{flex:1 1 0}@media (prefers-reduced-motion:reduce){.party-prompt-time>span{transition:none}}.party-solo{justify-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4) var(--sp-4);text-align:center;display:grid}.party-solo-glyph{width:64px;height:64px;color:var(--c-accent);background:var(--c-disc);box-shadow:inset 0 0 0 1px var(--c-line-strong);border-radius:50%;place-items:center;display:grid}.party-solo-title{margin-top:var(--sp-2);font-size:var(--fs-h3);line-height:var(--lh-tight)}:lang(th) .party-solo-title{line-height:1.55}.party-solo .social-hint{max-width:36ch}.party-find{margin-top:var(--sp-3)}.party-member{min-height:64px}.party-member.away{opacity:.55}.party-face{background:var(--c-bg-deep);box-shadow:inset 0 0 0 1px var(--c-line);border-radius:50%;flex:none;display:block;overflow:hidden}.party-crown{color:var(--c-accent);display:inline-flex}.party-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.party-you{box-shadow:inset 0 0 0 1px var(--c-gold-deep);color:var(--c-accent);font:600 11px/1.55 var(--font-display);border-radius:3px;flex:none;padding:0 5px}.party-sub{flex-wrap:wrap;align-items:center;gap:2px 6px;display:flex}.party-sub .party-state{white-space:nowrap}.party-hp{color:var(--c-text-2);grid-template-columns:minmax(0,160px) auto;align-items:center;gap:8px;margin-top:4px;font-size:12px;display:grid}.party-hp .bar{min-width:0;height:3px}.party-state.fight{color:var(--c-warn)}.party-state.away{color:var(--c-text-3)}.party-kick{flex:none}.party-leave{margin-top:var(--sp-3);display:flex}.party-leave .btn-secondary{align-items:center;gap:8px;display:inline-flex}.board-goals{margin:0 calc(-1 * var(--sp-4));padding:0 var(--sp-4) 2px;scrollbar-width:none;flex:none;gap:6px;display:flex;overflow-x:auto}.board-goals::-webkit-scrollbar{display:none}.board-goal{min-height:var(--hit);border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--c-line);color:var(--c-text-2);font-size:var(--fs-small);white-space:nowrap;background:0 0;border:0;flex:none;padding:0 14px}.board-goal[aria-checked=true]{color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent);background:#f4ebb014}@media (hover:hover) and (pointer:fine){.board-goal:not([aria-checked=true]):not([aria-disabled=true]):hover{color:var(--c-text)}}.board-new{margin-left:auto}.party-seal{background:var(--c-vermilion);min-width:16px;height:16px;color:var(--c-text);font:600 11px/1 var(--font-num);animation:party-seal .6s var(--ease-pop) 1;border-radius:3px;flex:none;place-items:center;padding:0 3px;display:grid;box-shadow:0 0 0 2px #04060999}@keyframes party-seal{40%{transform:scale(1.4)}}.tabs.stacked .party-seal{position:absolute;top:4px;left:calc(50% + 8px)}.board-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.board-lv{color:var(--c-text-2);font-size:var(--fs-small);flex:none;font-weight:500}.board-mine{color:var(--c-accent);flex:none;margin-left:6px;font-size:12px;font-weight:500}.board-what{line-height:1.45}:lang(th) .board-what{line-height:1.65}.board-side{flex-direction:column;flex:none;align-items:flex-end;gap:2px;font-size:12px;display:flex}.board-fits{color:var(--c-accent);font-size:12px}.board-left{color:var(--c-text-2)}.board-facts{margin:var(--sp-2) 0 0;padding-top:var(--sp-3);border-top:1px solid var(--c-line);font-size:var(--fs-small);grid-template-columns:auto minmax(0,1fr);gap:8px 14px;display:grid}.board-facts dt{font:600 var(--fs-micro)/1.6 var(--font-display);color:var(--c-text-3);letter-spacing:.06em}:lang(th) .board-facts dt{letter-spacing:0}.board-facts dd{color:var(--c-text);margin:0;line-height:1.5}.board-fits-line{color:var(--c-accent)}.board-form{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.board-field{flex-direction:column;gap:4px;min-width:0;display:flex}.board-field-goal{grid-column:1/-1}.board-field-label{font:600 var(--fs-micro)/1.4 var(--font-display);color:var(--c-text-3);letter-spacing:.06em}:lang(th) .board-field-label{letter-spacing:0;line-height:1.6}.board-field :is(select,input){width:100%;min-height:var(--hit);box-shadow:inset 0 0 0 1px var(--c-line-strong);background:var(--c-bg-deep);color:var(--c-text);font:inherit;font-size:var(--fs-body);border:0;border-radius:6px;padding:0 10px}.board-field :is(select,input):focus-visible{box-shadow:inset 0 0 0 1px var(--c-accent)}.board-field select option{background:var(--c-bg)}.merc-listed{color:var(--c-accent);margin-left:8px}.merc-earned{color:var(--c-accent);font-size:var(--fs-small)}.merc-refresh{margin-left:auto}.merc-row{gap:var(--sp-3)}.merc-portrait{background:var(--c-bg-deep);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--c-line);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.merc-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.merc-sub{align-items:center;gap:6px;display:flex}.merc-fee{color:var(--c-accent);font-size:var(--fs-small);flex:none;align-items:center;gap:4px;display:inline-flex}.merc-fee svg{color:var(--c-gold)}.party-hub{align-items:flex-start;gap:var(--sp-3);pointer-events:none;flex-direction:column;width:100%;display:flex}.party-hub .party-prompts{align-items:stretch;gap:var(--sp-2);flex-direction:column;width:100%;max-width:360px;display:flex}.party-hub .party-prompt,.party-hub .party-picked{max-width:none}.party-col{align-self:stretch}.party-strip,.party-col{pointer-events:none;text-shadow:var(--halo);flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.party-strip-member,.party-col-member{align-items:center;gap:8px;min-width:0;display:flex}.party-strip-member{width:148px}.party-col-member{width:100%;max-width:280px}.party-strip-face{flex:none;display:block;position:relative}.party-strip-face .party-face{background:#0406098c;box-shadow:0 0 0 1px #ffffff47,0 1px 3px #0009}.party-strip-main,.party-col-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.party-strip-name,.party-col-name{min-width:0;font:600 13px/1.35 var(--font-ui);color:var(--c-text);align-items:center;gap:4px;display:flex}:lang(th) :is(.party-strip-name,.party-col-name){line-height:1.55}.party-strip-name svg,.party-col-name svg{color:var(--c-accent);filter:drop-shadow(0 1px 1px #000000e6);flex:none}.party-strip-name .hired-tag,.party-col-name .hired-tag{margin-right:0;padding:0 3px;font-size:11px;line-height:1.35}.party-strip-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.party-strip-member .bar,.party-col-member .bar{flex:none;min-width:0;height:3px;box-shadow:0 0 0 1px #00000059}:is(.party-strip-member,.party-col-member).away :is(.party-strip-text,.party-col-lv,.party-state){color:color-mix(in srgb, var(--c-text) 62%, var(--c-bg))}:is(.party-strip-member,.party-col-member).away :is(.party-face,.bar){opacity:.55}:is(.party-strip-member,.party-col-member).fight .party-strip-text{color:var(--c-warn)}.party-col-name{font-size:14px}.party-col-lv{color:color-mix(in srgb, var(--c-text) 84%, var(--c-bg));flex:none;margin-left:2px;font-size:12px;font-weight:500}.party-col-sub{color:color-mix(in srgb, var(--c-text) 84%, var(--c-bg));flex:none;align-items:center;margin-left:auto;font-size:12px;font-weight:500;display:flex}.party-col-sub .party-state.fight{color:var(--c-warn)}.party-col-sub:empty{display:none}.party-picked{gap:var(--sp-3);width:100%;max-width:360px;padding:var(--sp-2) var(--sp-2) var(--sp-3) var(--sp-3);background:var(--c-panel-2);box-shadow:inset 0 0 0 1px var(--c-line), 0 8px 24px #00000059;pointer-events:auto;border-radius:10px;flex-direction:column;display:flex;container:party-card/inline-size}.party-picked-head{align-items:center;gap:var(--sp-2);display:flex}.party-picked-name{flex-wrap:wrap;flex:1;align-items:center;gap:0 6px;min-width:0;line-height:1.5;display:flex}.party-picked-name b{white-space:nowrap;text-overflow:ellipsis;min-width:5ch;max-width:100%;font:600 15px/1.35 var(--font-display);flex:0 auto;overflow:hidden}.party-picked-lv{min-width:0;color:var(--c-text-2);flex:0 auto;font-size:12px;overflow:hidden}.party-picked-name .el-chip{flex-shrink:1;min-width:0}.party-picked-close{flex:none}.party-picked-actions{gap:var(--sp-2);padding-right:var(--sp-1);flex-wrap:wrap;display:flex}.party-picked-actions>*{flex:auto;padding:0 12px}@container party-card (width<=240px){.party-picked-actions>.btn-primary{flex-basis:100%}.party-picked-actions>.btn-secondary{width:var(--hit);flex:none;padding:0}.party-picked-actions>.btn-secondary .party-act-l{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.party-deck{pointer-events:none;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.party-deck-front{width:100%;animation:sheet-up var(--t-panel) var(--ease-out) both;flex-direction:column;align-items:stretch;display:flex}.party-deck-lip{justify-content:center;width:100%;display:flex;position:relative}.party-deck-lip:before,.party-deck-lip:after{content:"";height:5px;box-shadow:inset 0 -1px 0 var(--c-line), inset 1px 0 0 var(--c-line), inset -1px 0 0 var(--c-line);background:#0e1219e6;border-radius:0 0 8px 8px;position:absolute;top:0}.party-deck-lip:before{left:10px;right:10px}.party-deck-lip:after{background:#0a0d13d1;top:5px;left:22px;right:22px}.party-deck-more1 .party-deck-lip:after{display:none}.party-queue{z-index:1;border-radius:var(--r-pill);background:var(--c-panel-2);height:28px;box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text-2);pointer-events:auto;border:0;align-items:center;gap:6px;margin-top:5px;padding:0 4px 0 10px;display:inline-flex;position:relative}.party-queue:before{content:"";position:absolute;inset:-5px -14px -11px}.party-queue-glyph{color:var(--c-text);display:inline-flex}.party-queue-glyph.duel{color:color-mix(in srgb, var(--c-hp) 70%, var(--c-text))}.party-queue-secs{color:var(--c-text);font-size:12px;line-height:1}.party-queue .party-seal,.party-next .party-seal{min-width:22px;height:20px;font-size:12px}.party-next{align-items:center;gap:var(--sp-2);width:calc(100% - 16px);min-height:var(--hit);padding:0 var(--sp-2) 0 var(--sp-3);color:var(--c-text-2);font-size:var(--fs-small);text-align:left;box-shadow:inset 0 -1px 0 var(--c-line), inset 1px 0 0 var(--c-line), inset -1px 0 0 var(--c-line);pointer-events:auto;background:#0a0d13db;border:0;border-radius:0 0 10px 10px;display:flex}.party-next-glyph{color:var(--c-accent);flex:none;display:inline-flex}.party-next-duel .party-next-glyph{color:color-mix(in srgb, var(--c-hp) 70%, var(--c-text))}.party-next-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;line-height:1.5;overflow:hidden}:lang(th) .party-next-text{line-height:1.65}.party-next-secs{flex:none;font-size:12px}@media (hover:hover) and (pointer:fine){.party-next:not([aria-disabled=true]):hover{color:var(--c-text);background:#12171fe6}}@media (prefers-reduced-motion:reduce){.party-deck-front,.party-seal{animation:none}}:is(.social-yes,.social-group .party-prompt .btn-primary){color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent);background:0 0}:is(.social-yes,.social-group .party-prompt .btn-primary):is(:disabled,[aria-disabled=true]){color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line)}.ui-root .refine-go[aria-disabled=true],.ui-root .shop-detail .btn-primary[aria-disabled=true]{background:var(--c-disabled);color:var(--c-disabled-ink);cursor:default}.ui-root .gs-shop-price[aria-disabled=true],.ui-root .gs-pack-price[aria-disabled=true],.ui-root .gs-gems-teleport[aria-disabled=true]{color:var(--c-disabled-ink);cursor:default}.ui-root .btn-paper:is(:disabled,[aria-disabled=true]){background:var(--c-paper-2);color:var(--c-ink-2);cursor:default}.gs-shop-card .refuse-why,.gs-pack .refuse-why{font-size:var(--fs-small);line-height:1.3}:lang(th) .gs-shop-card .refuse-why,:lang(th) .gs-pack .refuse-why{line-height:1.55}@media (prefers-reduced-motion:no-preference){[aria-disabled=true][data-shake=a]{animation:.24s linear refuse-shake-a}[aria-disabled=true][data-shake=b]{animation:.24s linear refuse-shake-b}[data-refusal][data-pulse=a]{animation:.24s ease-out refuse-pulse-a}[data-refusal][data-pulse=b]{animation:.24s ease-out refuse-pulse-b}}@keyframes refuse-shake-a{0%,to{transform:none}17%,50%,83%{transform:translate(-4px)}33%,67%{transform:translate(4px)}}@keyframes refuse-shake-b{0%,to{transform:none}17%,50%,83%{transform:translate(-4px)}33%,67%{transform:translate(4px)}}@keyframes refuse-pulse-a{0%{opacity:.35}}@keyframes refuse-pulse-b{0%{opacity:.35}}.gs-shop{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;container:gs-shop/inline-size}.gs-shop .tabs{gap:4px}.gs-shop .tab{min-height:44px;color:var(--c-text-3);padding:.15em 12px}.gs-shop .tab[aria-selected=true]{color:var(--c-accent)}.gs-shop .tab[aria-selected=true]:after{box-shadow:0 0 8px var(--c-glow);left:10px;right:10px}.gs-shop .tab .display{font-size:14px}@container gs-shop (width<=300px){.gs-shop .tab{padding-inline:10px}.gs-shop .tab:not([aria-selected=true]) .display{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.gs-shop-body{overscroll-behavior:contain;min-height:0;padding:var(--sp-4) 0 calc(var(--sp-6) + env(safe-area-inset-bottom));flex:1;overflow-y:auto;container:gs-body/inline-size}.gs-shop-body.gs-shop-gacha{padding-bottom:0}.gs-shop-section{gap:var(--sp-3);flex-direction:column;display:flex}.gs-gem{color:var(--r1)}.gs-balance{align-items:center;gap:8px;display:inline-flex}.gs-balance .currency{font-size:14px}.gs-balance-get{background:var(--c-disc);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-accent);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.gs-balance-get:before{content:"";border-radius:50%;position:absolute;inset:-8px}.gs-gems{gap:var(--sp-5);flex-direction:column;display:flex}.gs-shop-status,.gs-packs-why{border-radius:var(--r-sm);font-size:var(--fs-small);margin:0;padding:10px 12px;line-height:1.5}.gs-shop-status{box-shadow:inset 2px 0 0 var(--c-jade);background:#4e7a6c2e}.gs-packs-why{box-shadow:inset 2px 0 0 var(--c-vermilion);background:#d0405a1f}:lang(th) .gs-shop-status,:lang(th) .gs-packs-why{line-height:1.65}.gs-gems-perks{align-items:center;gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;display:flex}.gs-gems-boost{color:var(--c-text-2);font-size:var(--fs-small);align-items:center;gap:6px;display:inline-flex}.gs-gems-boost svg{color:var(--c-gold)}.gs-gems-teleport{min-height:var(--hit);font-size:var(--fs-small);margin-left:auto}.ui-root .gs-gems-teleport:is(:disabled,[aria-disabled=true]){color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line)}.gs-gems-teleport-why{font-size:var(--fs-small);flex-basis:100%;justify-content:flex-end}.gs-pack-grid{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.gs-pack{min-width:0;padding:0 var(--sp-2) var(--sp-2);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--c-line);background:linear-gradient(#ffffff0f,#ffffff04 70%);flex-direction:column;align-items:center;display:flex;position:relative}.gs-pack-art{background:radial-gradient(ellipse 42% 50% at 50% 60%, var(--r1-glow), transparent 75%);width:100%;height:66px;position:relative}.gs-pack-3 .gs-pack-art{background:radial-gradient(50% 60% at 50% 58%,#80c8f570,#0000 75%)}.gs-pack-stone{color:var(--r1);filter:drop-shadow(0 2px 3px #0000008c);position:absolute}.gs-pack-gems{align-items:baseline;gap:4px;line-height:1.2;display:flex}.gs-pack-gems b{font-size:var(--fs-lead);font-weight:600}.gs-pack-gems small{color:var(--c-text-2);font-size:var(--fs-small)}.gs-pack-bonus{min-height:18px;color:var(--c-accent);font-size:12px;line-height:18px}.gs-pack .refuse-why{text-align:center}.gs-pack .gs-packs-why{margin-top:var(--sp-2);text-align:left;align-self:stretch;padding:6px 8px}.gs-pack-price{min-height:var(--hit);border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text);font-size:var(--fs-body);background:0 0;border:0;align-self:stretch;margin-top:6px;padding:0 12px}.ui-root .gs-pack-price:is(:disabled,[aria-disabled=true]){color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line)}.gs-shop-note{color:var(--c-text-3);font-size:var(--fs-small);margin:0}.gs-gems-dailies{margin:0;padding:0;list-style:none;display:grid}.gs-gems-dailies li{align-items:center;gap:6px var(--sp-3);border-bottom:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name value""bar bar";padding:10px 0;display:grid}.gs-gems-daily-name{font-size:var(--fs-small);grid-area:name}.gs-gems-daily-value{color:var(--c-accent);font-size:var(--fs-small);grid-area:value;align-items:center;gap:4px;display:inline-flex}.gs-gems-dailies .bar{flex:none;grid-area:bar}.gs-gems-dailies li.gs-done .gs-gems-daily-name,.gs-gems-dailies li.gs-done .gs-gems-daily-value{color:var(--c-text-3)}.gs-gems-dailies li.gs-done .gs-gems-daily-value svg{background:var(--c-jade);color:var(--c-text);border-radius:50%;padding:2px}.gs-shop-grid{column-gap:var(--sp-5);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.gs-shop-card{align-items:center;column-gap:var(--sp-3);border-bottom:1px solid #ffffff14;grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr) auto;min-height:60px;padding:8px 0;display:grid}.gs-shop-art{background:var(--c-bg-deep);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--c-line);color:var(--c-icon);border-radius:6px;grid-area:1/1/-1;place-items:center;display:grid}.gs-shop-name{font-size:var(--fs-small);grid-area:1/2/-1;line-height:1.4}:lang(th) .gs-shop-name{line-height:1.65}.gs-shop-card:has(.refuse-why) .gs-shop-name{grid-row:1;align-self:end}.gs-shop-card .refuse-why{grid-area:2/2;align-self:start}.gs-shop-price{min-width:76px;min-height:var(--hit);border-radius:var(--r-pill);color:var(--c-text);box-shadow:inset 0 0 0 1px var(--c-line-strong);font-size:var(--fs-body);background:0 0;border:0;grid-area:1/3/-1;justify-content:center;align-items:center;gap:4px;padding:0 14px;display:inline-flex}.ui-root .gs-shop-price:is(:disabled,[aria-disabled=true]){color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line)}.ui-root .gs-shop-price:is(:disabled,[aria-disabled=true]) svg{color:var(--c-disabled-ink)}.gs-shop-footer{padding-top:var(--sp-3);border-top:1px solid var(--c-line);color:var(--c-text-3);font-size:var(--fs-small);align-items:flex-start;gap:8px;line-height:1.5;display:flex}:lang(th) .gs-shop-footer{line-height:1.65}.gs-shop-footer svg{flex:none;margin-top:2px}@container gs-body (width>=560px){.gs-pack-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gs-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gs-gems-dailies{column-gap:var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr))}}.gs-gacha{gap:var(--sp-4);grid-template:"list""banner"1fr"dev""ctas"/minmax(0,1fr);min-height:100%;display:grid}.gs-gacha-banners{grid-area:list;gap:6px;display:flex}.gs-gacha-pick{border-radius:var(--r-md);min-width:0;min-height:52px;box-shadow:inset 0 0 0 1px var(--c-line);color:var(--c-text-2);text-align:left;background:#ffffff0a;border:0;flex-direction:column;flex:1 1 0;justify-content:center;gap:2px;padding:6px 10px;display:flex}.gs-gacha-pick[aria-pressed=true]{color:var(--c-accent);box-shadow:inset 0 0 0 var(--stroke-sel) var(--c-accent), 0 0 12px var(--c-glow);animation:sel-in .16s var(--ease-out);background:#f4ebb00f}.gs-gacha-pick-name{font-size:13px;line-height:1.25}:lang(th) .gs-gacha-pick-name{padding-block:0;line-height:1.4}.gs-gacha-pick-pity{color:var(--c-text-3);font-size:12px;line-height:1.2}.gs-gacha-banner{gap:var(--sp-3);flex-direction:column;grid-area:banner;min-width:0;display:flex;position:relative}.gs-gacha-stage{justify-content:center;align-items:flex-end;gap:var(--sp-2);min-height:148px;padding:var(--sp-4) var(--sp-2) var(--sp-3);border-radius:var(--r-md);box-shadow:inset 0 -1px 0 var(--c-line);background:radial-gradient(58% 64% at 50% 72%,#f2d46b29,#0000 72%),linear-gradient(#ffffff09,#0000 80%);display:flex;position:relative}.gs-gacha-feature{flex-direction:column;flex:0 104px;align-items:center;gap:6px;min-width:0;margin:0;display:flex;position:relative}.gs-gacha-pool{background:radial-gradient(closest-side, var(--r3-glow), transparent);pointer-events:none;border-radius:50%;width:76px;height:40px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.gs-stage-companions .gs-gacha-pool{width:88px;height:34px;top:52px}.gs-gacha-feature>span:not(.gs-gacha-pool){position:relative}.gs-gacha-feature figcaption{color:var(--c-text-2);text-align:center;font-size:12px;line-height:1.35}.gs-stage-companions{flex-wrap:wrap;row-gap:0}.gs-stage-companions .gs-gacha-feature{flex:0 50%;max-width:132px}.gs-gacha-head{flex-direction:column;gap:4px;display:flex}.gs-gacha-pips{color:var(--r3);align-items:center;gap:8px;display:flex}.gs-gacha-pips .pips{gap:5px;padding:0}.gs-gacha-pips small{letter-spacing:var(--track-label);text-transform:uppercase;font-size:12px;font-weight:600}:lang(th) .gs-gacha-pips small{letter-spacing:0;text-transform:none}.gs-gacha-title{font-weight:300;font-size:var(--fs-h2);line-height:1.15}.gs-gacha-hint{max-width:60ch;color:var(--c-text-2);font-size:var(--fs-small);margin:0;line-height:1.5}:lang(th) .gs-gacha-hint{line-height:1.65}.gs-gacha-pity{gap:6px;display:grid}.gs-gacha-pity-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;display:flex}.gs-gacha-pity-left{color:var(--c-accent);font-size:var(--fs-body);font-weight:600}.gs-gacha-pity-n{color:var(--c-text-2);font-size:var(--fs-small)}.gs-gacha-pity .bar{flex:none;height:4px}.gs-gacha-soft{background:#ffffff8c;width:2px;position:absolute;top:0;bottom:0}.gs-gacha-pity p{color:var(--c-text-3);font-size:var(--fs-small);margin:0;line-height:1.5}:lang(th) .gs-gacha-pity p{line-height:1.65}.gs-gacha-bound{color:var(--c-text-3);font-size:var(--fs-small);margin:0;line-height:1.5}:lang(th) .gs-gacha-bound{line-height:1.65}.gs-gacha-odds{min-height:var(--hit);font-size:var(--fs-small);align-self:flex-start;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.gs-gacha-last ul{flex-wrap:wrap;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.gs-gacha-last-item,.gs-rates-history-item{align-items:center;gap:5px;font-size:12px;display:inline-flex}.gs-gacha-last-item{background:var(--c-surface-2);border-radius:3px;padding:3px 8px 3px 6px}.gs-gacha-last-item .pips,.gs-rates-history-item .pips,.gs-rates-band-head .pips,.gs-reveal-text .pips{gap:4px;padding:0}.gs-gacha-last-item .pips i,.gs-rates-history-item .pips i{width:5px;height:5px}.gs-gacha-dev{flex-wrap:wrap;grid-area:dev;align-content:start;gap:8px;display:flex}.gs-small{min-height:var(--hit);font-size:var(--fs-small);padding:0 14px}.gs-gacha-ctas{z-index:1;align-items:flex-end;gap:var(--sp-2);margin:0 calc(-1 * var(--sp-4));padding:var(--sp-6) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#0000,#06080cf7 42%);grid-area:ctas;display:flex;position:sticky;bottom:0}.gs-gacha-ctas>*{pointer-events:auto}.gs-gacha-cta{border-radius:var(--r-pill);border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:56px;padding:4px 16px;display:flex}.gs-gacha-cta.gs-one{box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text);background:#080b10b3;flex:1 1 0}.gs-gacha-cta.gs-ten{background:var(--c-cta);min-height:64px;color:var(--c-cta-ink);flex:1.6 1 0;box-shadow:0 0 24px #f0c85a38}.gs-gacha-cta .display{font-size:var(--fs-lead);align-items:center;gap:6px;line-height:1.25;display:inline-flex}.gs-gacha-cta.gs-ten .display{font-size:var(--fs-h3)}:lang(th) .gs-gacha-cta .display{padding-block:0;line-height:1.5}.gs-gacha-price{font-size:var(--fs-small);align-items:center;gap:4px;display:inline-flex}.gs-gacha-cta.gs-one .gs-gacha-price svg{color:var(--r1)}.gs-gacha-cta.gs-one.gs-lead{background:var(--c-cta);color:var(--c-cta-ink);box-shadow:0 0 24px #f0c85a38}.gs-gacha-cta.gs-one.gs-lead .gs-gacha-price svg{color:currentColor}.gs-gacha-short{color:var(--c-hp);font-size:12px;line-height:1.3}:lang(th) .gs-gacha-short{line-height:1.55}.gs-gacha-cta.gs-get{flex:auto}.ui-root .gs-gacha-cta:is(:disabled,[aria-disabled=true]){color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line);background:#080b10b3}.ui-root .gs-gacha-cta:is(:disabled,[aria-disabled=true]) svg{color:var(--c-disabled-ink)}.gs-gacha-blocked{border-radius:var(--r-sm);box-shadow:inset 2px 0 0 var(--c-vermilion);font-size:var(--fs-small);background:#d0405a1f;flex:1;margin:0;padding:12px;line-height:1.5}:lang(th) .gs-gacha-blocked{line-height:1.65}@container gs-body (width<=300px){.gs-gacha-pick{padding:6px 8px}.gs-gacha-pick-pity{display:none}.gs-gacha-stage{min-height:0;padding-top:var(--sp-2)}}@container gs-body (width>=640px){.gs-gacha{column-gap:var(--sp-5);grid-template:"list banner""dev banner"1fr"dev ctas"/188px minmax(0,1fr)}.gs-gacha-banners{flex-direction:column;align-self:start;position:sticky;top:0}.gs-gacha-pick{flex:none;min-height:60px;padding:8px 14px}.gs-gacha-pick-name{font-size:14px}.gs-gacha-stage{min-height:168px}.gs-stage-companions{flex-wrap:nowrap}.gs-stage-companions .gs-gacha-feature{flex:0 112px}.gs-gacha-ctas{padding:var(--sp-5) 0 var(--sp-4);justify-content:flex-end;margin:0}.gs-gacha-cta.gs-one{flex:none;width:168px}.gs-gacha-cta.gs-ten{flex:none;width:248px}.gs-gacha-cta.gs-get{width:auto;min-width:248px}}.gs-reveal{--tier:var(--r1);--tier-glow:var(--r1-glow);z-index:85;animation:sheet-fade var(--t-base);background:#05070a;display:flex;position:fixed;inset:0;overflow-y:auto}.gs-reveal.r2{--tier:var(--r2);--tier-glow:var(--r2-glow)}.gs-reveal.r3{--tier:var(--r3);--tier-glow:var(--r3-glow)}.gs-reveal-light{pointer-events:none;background:radial-gradient(ellipse 60% 34% at 50% 14%, var(--tier-glow), transparent 72%), radial-gradient(ellipse 90% 40% at 50% 100%, color-mix(in srgb, var(--tier) 12%, transparent), transparent 72%);position:fixed;inset:0}.gs-reveal-body{align-items:center;gap:var(--sp-3);width:100%;max-width:720px;padding:calc(env(safe-area-inset-top) + 60px) var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom));flex-direction:column;margin:auto;display:flex;position:relative;container:gs-reveal/inline-size}.gs-reveal-skip{z-index:2;top:calc(env(safe-area-inset-top) + 12px);min-height:var(--hit);font-size:var(--fs-small);background:#04060980;padding:0 18px;position:fixed;right:16px}.gs-reveal-seal{filter:drop-shadow(0 0 22px var(--tier-glow))}.gs-reveal-title{font-weight:300;font-size:var(--fs-h3);color:var(--c-text-2);line-height:1.3}.gs-reveal-grid{margin:var(--sp-2) 0 var(--sp-3);justify-content:center;gap:var(--sp-4) 6px;flex-wrap:wrap;width:100%;padding:0;list-style:none;display:flex}.gs-reveal-item{text-align:center;flex-direction:column;flex:0 0 calc(20% - 4.8px);align-items:center;gap:6px;min-width:0;display:flex;position:relative}.gs-reveal-well{width:100%;max-width:64px;overflow:visible}.gs-reveal-well>span:not(.gs-reveal-burst){position:relative}.gs-reveal-burst{pointer-events:none;opacity:0;background:radial-gradient(closest-side, color-mix(in srgb, var(--rare) 60%, transparent), color-mix(in srgb, var(--rare) 14%, transparent) 55%, transparent);border-radius:50%;position:absolute;inset:-40%}.gs-reveal-text{flex-direction:column;align-items:center;gap:3px;width:100%;min-width:0;display:flex}.gs-reveal-name{overflow-wrap:anywhere;color:var(--c-text-2);font-size:12px;line-height:1.3}.gs-reveal-item.r3 .gs-reveal-name{color:var(--c-text)}.gs-reveal-note{color:var(--c-accent);font-size:12px;line-height:1.3}:lang(th) .gs-reveal-note{line-height:1.55}.gs-reveal-item.gs-companion{flex-basis:100%;order:-1}.gs-reveal-item.gs-companion .gs-reveal-well{width:128px;max-width:none}.gs-reveal-item.gs-companion .gs-reveal-name{font-size:var(--fs-small)}@container gs-reveal (width<=300px){.gs-reveal-item{flex-basis:calc(33.3333% - 4px)}}.gs-reveal-done{bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));z-index:1;min-width:200px;position:sticky;box-shadow:0 8px 24px #0009}.gs-reveal.gs-single .gs-reveal-item{flex-basis:100%}.gs-reveal.gs-single .gs-reveal-well{width:128px;max-width:none}.gs-reveal.gs-single .gs-reveal-name{font:600 var(--fs-lead)/1.3 var(--font-display);color:var(--c-text)}@media (prefers-reduced-motion:no-preference){.gs-reveal-item{animation:gs-land .34s var(--ease-pop) both;animation-delay:calc(var(--first) + var(--i,0) * var(--step) - var(--t0,0s))}.gs-reveal-burst{animation:gs-burst .64s var(--ease-out) both;animation-delay:calc(var(--first) + var(--i,0) * var(--step) - var(--t0,0s))}.gs-reveal-text .pips i{animation:gs-pip .2s var(--ease-pop) both;animation-delay:calc(var(--first) + var(--i,0) * var(--step) + var(--pips) - var(--t0,0s))}.gs-reveal-text .pips i:nth-child(2){animation-delay:calc(var(--first) + var(--i,0) * var(--step) + var(--pips) + 70ms - var(--t0,0s))}.gs-reveal-text .pips i:nth-child(3){animation-delay:calc(var(--first) + var(--i,0) * var(--step) + var(--pips) + .14s - var(--t0,0s))}.gs-reveal-done{animation:gs-land .26s var(--ease-out) both;animation-delay:calc(var(--first) + 9 * var(--step) - var(--t0,0s))}.gs-reveal.gs-single .gs-reveal-done{animation-delay:calc(var(--first) + var(--pips) + .2s - var(--t0,0s))}.gs-reveal.gs-frozen{animation:none}.gs-reveal.gs-frozen .gs-reveal-seal{animation-delay:calc(-1 * var(--t0))}.gs-reveal.gs-frozen,.gs-reveal.gs-frozen *,.gs-reveal.gs-frozen :before,.gs-reveal.gs-frozen :after{animation-play-state:paused}}.gs-reveal:not(.gs-shown) .gs-reveal-done{visibility:hidden}@keyframes gs-land{0%{opacity:0;transform:translateY(10px)scale(.9)}}@keyframes gs-burst{0%{opacity:0;transform:scale(.4)}30%{opacity:1}to{opacity:.55;transform:scale(1)}}@keyframes gs-pip{0%{opacity:0;transform:rotate(45deg)scale(2.2)}}.gs-reveal.gs-shown .gs-reveal-item,.gs-reveal.gs-shown .gs-reveal-text .pips i,.gs-reveal.gs-shown .gs-reveal-done{animation:none}.gs-reveal.gs-shown .gs-reveal-burst{opacity:.55;animation:none}@media (prefers-reduced-motion:reduce){.gs-reveal{animation:none}.gs-reveal-burst{opacity:.55}}.gs-rates{gap:var(--sp-5);flex-direction:column;display:flex}.gs-rates-spread{gap:var(--sp-5) var(--sp-6);grid-template-columns:minmax(0,1fr);display:grid}.gs-rates-col{gap:var(--sp-5);flex-direction:column;min-width:0;display:flex}.gs-rates-section{gap:var(--sp-3);flex-direction:column;display:flex}.gs-rates .segmented{box-shadow:none;background:0 0;gap:6px;padding:0}.gs-rates .segment{white-space:normal;border-radius:var(--r-md);min-height:44px;box-shadow:inset 0 0 0 1px var(--c-line);background:#ffffff0a;flex:auto;padding:4px 10px;line-height:1.2}:lang(th) .gs-rates .segment{padding-block:4px;line-height:1.4}.gs-rates .segment[aria-checked=true]{color:var(--c-accent);box-shadow:inset 0 0 0 var(--stroke-sel) var(--c-accent), 0 0 12px var(--c-glow);background:#f4ebb00f}.gs-rates-pending ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.gs-rates-pending li{border-radius:var(--r-sm);box-shadow:inset 2px 0 0 var(--c-warn);font-size:var(--fs-small);background:#f0a33c1a;align-items:flex-start;gap:8px;padding:10px 12px;line-height:1.5;display:flex}:lang(th) .gs-rates-pending li{line-height:1.65}.gs-rates-pending li svg{color:var(--c-warn);flex:none;margin-top:2px}.gs-rates-sum{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin:0;display:flex}.gs-rates-price{color:var(--c-text-2);font-size:var(--fs-small);align-items:center;gap:6px;display:inline-flex}.gs-rates-pity-n{color:var(--c-accent);font-size:var(--fs-body)}.gs-rates-band{padding:var(--sp-2) 0 var(--sp-1) var(--sp-3);box-shadow:inset 2px 0 0 var(--band,var(--c-line));background:linear-gradient(to right, var(--band-glow,transparent), transparent 40%)}.gs-rates-band.r3{--band:var(--r3);--band-glow:#ffdc6414}.gs-rates-band.r2{--band:var(--r2);--band-glow:#aa6eeb14}.gs-rates-band.r1{--band:var(--r1);--band-glow:#80c8f50f}.gs-rates-band-head{align-items:center;gap:4px var(--sp-3);flex-wrap:wrap;display:flex}.gs-rates-band-name{font-size:var(--fs-body)}.gs-rates-band-rates{gap:2px var(--sp-3);color:var(--c-text-3);font-size:var(--fs-small);flex-wrap:wrap;margin-left:auto;display:flex}.gs-rates-band-rates b{color:var(--c-accent)}.gs-rates-items{margin:0;padding:0;list-style:none;display:grid}.gs-rates-band .gs-rates-items{margin-top:var(--sp-1)}.gs-rates-items li{justify-content:space-between;gap:var(--sp-3);padding:7px var(--sp-2) 7px 0;font-size:var(--fs-small);border-top:1px solid #ffffff12;display:flex}.gs-rates-items li .num{color:var(--c-text-2);flex:none}.gs-rates-pity{color:var(--c-text-2);font-size:var(--fs-small);gap:4px;line-height:1.5;display:grid}:lang(th) .gs-rates-pity{line-height:1.65}.gs-rates-pity p{margin:0}.gs-rates-note{color:var(--c-text-2);font-size:var(--fs-small);margin:0;line-height:1.5}:lang(th) .gs-rates-note{line-height:1.65}.gs-rates-note.gs-quiet{color:var(--c-text-3)}.gs-rates-history{margin:0;padding:0;list-style:none}.gs-rates-history li{gap:var(--sp-3);border-top:1px solid #ffffff12;padding:8px 0;display:flex}.gs-rates-history-n{min-width:2.6em;color:var(--c-text-3);font-size:var(--fs-small);flex:none}.gs-rates-history-results{flex-wrap:wrap;gap:4px 12px;display:flex}.gs-rates-refine{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:0;padding:0;list-style:none;display:grid}.gs-rates-refine li{background:var(--c-surface-2);border-radius:3px;flex-direction:column;align-items:center;padding:6px 0;display:flex}.gs-rates-refine small{color:var(--c-text-3);font-size:12px}.gs-rates-refine b{font-size:var(--fs-small)}.gs-rates-loot{margin:0;padding:0;list-style:none}.gs-rates-loot li{font-size:var(--fs-small);border-top:1px solid #ffffff12;flex-direction:column;gap:2px;padding:8px 0;display:flex}.gs-rates-loot b{font-weight:500}.gs-rates-loot li>span{color:var(--c-text-2)}.gs-rates-loot-item+.gs-rates-loot-item:before{content:" · ";color:var(--c-text-3)}@container gs-body (width>=640px){.gs-rates-spread{grid-template-columns:repeat(2,minmax(0,1fr))}}.gs-rates-notice{border-radius:var(--r-pill);background:var(--c-chip);align-items:center;max-width:min(100%,440px);display:flex;box-shadow:inset 0 0 0 1px #f0a33c80,0 4px 14px #00000059}.gs-rates-notice-open{min-width:0;min-height:var(--hit);color:var(--c-text);text-align:left;text-shadow:var(--halo);background:0 0;border:0;align-items:center;gap:8px;padding:2px 4px 2px 14px;font-size:13px;line-height:1.35;display:flex}:lang(th) .gs-rates-notice-open{line-height:1.55}.gs-rates-notice-open svg{color:var(--c-warn);flex:none}.gs-rates-notice-hide{width:var(--hit);height:var(--hit);color:var(--c-text-3);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.chat-dock{width:100%;position:relative}.chat-ticker{width:100%;min-width:0;min-height:var(--hit);color:var(--c-text);text-align:left;background:0 0;border:0;gap:1px;padding:4px 0 0;display:grid}.chat-ticker-line{white-space:nowrap;text-overflow:ellipsis;min-width:0;text-shadow:var(--halo);font-size:13px;line-height:1.6;display:block;overflow:hidden}.chat-ticker-line b{margin-right:5px;font-weight:600}.chat-ticker-line.chat-ticker-announce{color:var(--c-accent)}.chat-ticker-hint{color:var(--c-map-text-3);font-size:var(--fs-micro);text-shadow:var(--halo);align-items:center;gap:6px;margin-top:2px;line-height:1.5;display:inline-flex}.chat-ticker-glyph{flex:none}@media (hover:hover) and (pointer:fine){.chat-ticker:not([aria-disabled=true]):hover .chat-ticker-hint{color:var(--c-text)}}.chat-dock:has(>.chat-sheet)>.chat-ticker{visibility:hidden}.chat-tag{vertical-align:1px;color:var(--c-map-text-3);font:600 11px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;align-items:center;margin-right:6px;display:inline-flex}:lang(th) .chat-tag{letter-spacing:0;text-transform:none}.chat-tag.chat-tag-world{color:var(--c-text)}.chat-tag.chat-tag-party{color:var(--c-accent)}.chat-tag.chat-tag-notice{color:var(--c-accent);vertical-align:-2px}.chat-dock .sheet-scrim{background:#0406094d}.chat-sheet.sheet{gap:var(--sp-2);height:64%;padding:0 var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom))}.chat-sheet :is(.chat-lines,.chat-blocked){flex:auto;min-height:88px}.chat-panel{isolation:isolate;flex-direction:column;gap:4px;display:flex}.chat-panel:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(100% 100% at 0 100%,#04060999,#0406094d 55%,#0000 80%);position:absolute;inset:-48px -140px -32px -36px}.chat-panel .chat-lines{max-height:calc(4 * var(--hit) + 20px);scrollbar-width:none;padding-top:14px;-webkit-mask-image:linear-gradient(#0000,#000 14px);mask-image:linear-gradient(#0000,#000 14px)}.chat-panel .chat-lines::-webkit-scrollbar{display:none}.chat-panel .chat-line{text-shadow:var(--halo);padding-block:2px;font-size:14px}.chat-panel .chat-empty{text-shadow:var(--halo);color:var(--c-map-text-3)}.chat-panel .chat-actions{background:var(--c-panel-2)}.chat-head{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.chat-head .segmented{min-width:0;box-shadow:none;background:0 0;border-radius:0;flex:1;gap:2px;padding:0}.chat-head .segment{min-height:var(--hit);color:var(--c-map-text-2);text-shadow:var(--halo);box-shadow:inset 0 -1px 0 var(--c-line-strong);border-radius:0;flex:none;padding:0 12px}.chat-head .segment[aria-checked=true]{color:var(--c-accent);box-shadow:inset 0 -2px 0 var(--c-accent);background:0 0}.chat-blocked-btn{min-height:var(--hit);border-radius:var(--r-pill);background:var(--c-disc);box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text-2);font-size:var(--fs-small);border:0;flex:none;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.chat-blocked-btn.chat-blocked-on{color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent), 0 0 12px var(--c-glow)}.chat-blocked{gap:var(--sp-2);flex-direction:column;padding:4px 0;display:flex;overflow-y:auto}.chat-blocked>.section-label{flex:none}.chat-blocked ul{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.chat-blocked li{align-items:center;gap:var(--sp-3);min-height:calc(var(--hit) + 8px);border-bottom:1px solid var(--c-line);padding:0 4px 0 12px;display:flex}.chat-blocked .chat-small{flex:none}.chat-blocked-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;line-height:1.65;overflow:hidden}.chat-lines{overscroll-behavior:contain;flex-direction:column;margin:0;padding:2px 0;list-style:none;display:flex;overflow-y:auto}.chat-line{width:100%;min-height:var(--hit);border-radius:var(--r-sm);color:var(--c-text);font-size:var(--fs-small);text-align:left;overflow-wrap:anywhere;background:0 0;border:0;padding:4px 8px;line-height:1.65;display:block}.chat-line b{font-weight:600}.chat-line.chat-line-picked{background:var(--c-accent-wash);box-shadow:inset 2px 0 0 var(--c-accent)}.chat-line.chat-line-announce{color:var(--c-accent)}@media (hover:hover) and (pointer:fine){.chat-line:is(button):not(.chat-line-picked,[aria-disabled=true]):hover{background:#ffffff12}}.chat-empty{padding:var(--sp-3) 4px;color:var(--c-text-3);font-size:var(--fs-small)}.chat-actions{align-items:center;gap:var(--sp-2);border-radius:var(--r-md);background:var(--c-surface-2);box-shadow:inset 0 0 0 1px var(--c-line);flex-wrap:wrap;padding:6px 8px 8px 12px;display:flex}.chat-actions-name{flex:1 1 calc(100% - var(--hit) - var(--sp-2));text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;line-height:1.65;overflow:hidden}.chat-small{min-width:0;min-height:var(--hit);font-size:var(--fs-small);flex:1 1 0;order:2;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.chat-small svg{flex:none}.chat-small.chat-small-danger{box-shadow:inset 0 0 0 1px var(--c-vermilion-line);color:var(--c-vermilion-ink)}.chat-close{width:var(--hit);height:var(--hit);color:var(--c-text-2);background:0 0;border:0;border-radius:50%;flex:none;order:1;place-items:center;display:grid}.chat-input{align-items:center;gap:var(--sp-2);display:flex}.chat-input input{min-width:0;height:var(--hit);border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--c-chip);box-shadow:inset 0 -1px 0 var(--c-line-strong);color:var(--c-text);font:400 var(--fs-body)/1.4 var(--font-ui);transition:box-shadow var(--t-fast);border:0;flex:1;padding:0 12px}.chat-input input::placeholder{color:var(--c-map-text-3)}.chat-input input:focus-visible{box-shadow:inset 0 -2px 0 var(--c-accent);outline:none}.chat-input .chat-enter{flex:none}.chat-input:focus-within .chat-enter{visibility:hidden}.chat-send{width:var(--hit);height:var(--hit);background:var(--c-disc);box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.ui-scale>.identity-page{padding:calc(env(safe-area-inset-top) + var(--sp-5)) var(--sp-4) calc(env(safe-area-inset-bottom) + var(--sp-5));background:radial-gradient(120% 55% at 50% 0%, var(--c-surface-2), transparent 70%), var(--c-bg);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto;container-type:inline-size}.identity-card{gap:var(--sp-4);flex-direction:column;width:100%;max-width:480px;margin-block:auto;display:flex;position:relative}.identity-head{align-items:center;gap:var(--sp-3);display:flex}.identity-title{min-width:0;font-weight:300;font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:.02em}.identity-title-sm{font-weight:600;font-size:var(--fs-h3);letter-spacing:0}:lang(th) .identity-title{letter-spacing:0;padding-block:.1em;line-height:1.55}.identity-body{color:var(--c-text-2);line-height:var(--lh-body)}.identity-cta{width:100%}.ui-root .identity-cta:is(:disabled,[aria-disabled=true]){background:var(--c-disabled);color:var(--c-disabled-ink)}.identity-link{min-height:var(--hit);color:var(--c-text-2);font-size:var(--fs-small);text-decoration:underline;-webkit-text-decoration-color:var(--c-line-strong);text-decoration-color:var(--c-line-strong);text-underline-offset:4px;background:0 0;border:0;align-self:center;padding:0 12px}@media (hover:hover) and (pointer:fine){.identity-link:not([aria-disabled=true]):hover{color:var(--c-text)}}.identity-error{border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--c-vermilion-wash);box-shadow:inset 2px 0 0 var(--c-vermilion);color:var(--c-text);font-size:var(--fs-small);align-items:flex-start;gap:8px;padding:10px 12px;line-height:1.5;display:flex}:lang(th) .identity-error{line-height:1.65}.identity-error svg{color:var(--c-vermilion);flex:none;margin-top:2px}.identity-centre .identity-card{align-items:center;gap:var(--sp-5);text-align:center;max-width:400px}.identity-centre .identity-head{gap:var(--sp-4);flex-direction:column}.identity-centre .identity-cta{max-width:320px}.ui-scale>.identity-gate{z-index:66}.identity-gate .identity-gate-card{gap:20px}.identity-gate .identity-gate-head{gap:16px}.identity-gate-name{min-height:36px;font-size:28px;line-height:36px}.identity-bar{background:var(--c-line);border-radius:1px;width:200px;height:2px;position:relative;overflow:hidden}.identity-bar>span{position:absolute;inset:0}.identity-bar-fill{background:var(--c-accent);box-shadow:0 0 8px var(--c-glow);transform-origin:0;transition:transform .24s var(--ease-out)}.identity-bar-sweep{background:linear-gradient(90deg, transparent, var(--c-accent), transparent);width:40%;transform:translate(-100%)}.identity-status{min-height:20px;color:var(--c-text-2);margin-top:-8px;font-size:13px;line-height:20px}.identity-gate .identity-link{margin-top:-8px}.identity-gate[data-leaving]{opacity:0;pointer-events:none;transition:opacity .24s var(--ease-out)}@media (prefers-reduced-motion:no-preference){.identity-bar-sweep{animation:sweep 1.4s var(--ease-out) infinite}.identity-gate-name,.identity-status,.identity-gate .identity-body,.identity-gate .identity-cta{animation:sheet-fade .32s var(--ease-out) both}}@media (prefers-reduced-motion:reduce){.identity-bar-sweep{opacity:.45;width:100%;transform:none}}.identity-field{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.identity-field:is(fieldset){display:block}.identity-field:is(fieldset)>legend{float:left;width:100%;margin-bottom:6px}.identity-field:is(fieldset)>legend+*{clear:both}.identity-label{font:600 var(--fs-micro)/1.3 var(--font-display);color:var(--c-text-2);text-transform:uppercase;letter-spacing:var(--track-label);padding:0}:lang(th) .identity-label{text-transform:none;line-height:1.55}.identity-input{width:100%;min-height:var(--hit);border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--c-surface-2);box-shadow:inset 0 -1px 0 var(--c-line-strong);color:var(--c-text);font:400 var(--fs-body)/1.4 var(--font-ui);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:box-shadow var(--t-fast);border:0;padding:0 12px}.identity-input::placeholder{color:var(--c-text-3)}.identity-input:focus-visible{box-shadow:inset 0 -2px 0 var(--c-accent);outline:none}.identity-hint{color:var(--c-text-3);font-size:var(--fs-small)}.identity-choice{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.identity-choice-item{min-width:0;min-height:var(--hit);border-radius:var(--r-md);background:var(--c-disc);box-shadow:inset 0 0 0 1px var(--c-line);color:var(--c-text-2);font-size:var(--fs-small);transition:background var(--t-fast), color var(--t-fast);border:0;justify-content:center;align-items:center;gap:6px;padding:.15em 8px;display:flex;position:relative}.identity-choice-item .display{white-space:nowrap;line-height:1.3}:lang(th) .identity-choice-item .display{line-height:1.55}.identity-choice-item[aria-checked=true]{color:var(--c-accent);background:var(--c-accent-wash)}.identity-choice-item[aria-checked=true]:after{content:"";border:var(--stroke-sel) solid var(--c-accent);border-radius:inherit;box-shadow:0 0 14px var(--c-glow);pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.identity-choice-item[aria-checked=true]:after{animation:sel-in .16s var(--ease-out)}}@media (hover:hover) and (pointer:fine){.identity-choice-item:not([aria-checked=true],[aria-disabled=true]):hover{color:var(--c-text)}}.login-tiles{display:flex}.login-tile{flex:1 1 0;min-width:0;padding-inline:4px}.login-tile-art{flex:none;place-items:center;display:grid}.login-tiles-fit{container:login-el/inline-size}@container login-el (width<=311.98px){.login-tiles-fit .login-tile{flex-direction:column;gap:2px;min-height:60px;padding-block:6px 4px}}.ui-scale>.login-page{container-type:size}.login-card{flex:1 0 auto;margin-block:0}.login-privacy{text-align:right;margin-left:auto;padding-inline:8px}.identity-head .login-logo-wide{display:none}@container (width>=600px){.identity-head .login-logo-phone{display:none}.identity-head .login-logo-wide{display:inline-block}}.login-body{gap:var(--sp-4);flex-direction:column;flex:1 0 auto;display:flex}.login-picks{gap:var(--sp-4);flex-direction:column;display:flex}.login-stage{flex:1 0 128px;min-height:128px;position:relative}.login-stage:before{content:"";pointer-events:none;background:radial-gradient(50% 50% at 50% 66%, color-mix(in srgb, var(--login-el) 22%, transparent), transparent 100%);position:absolute;inset:0 -16px -40px}.login-stage-cell{width:128px;height:104px;position:absolute;bottom:0;left:round(down,50% - 64px,1px)}.login-stage-cell:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--login-el) 60%, transparent), transparent);border-radius:50%;width:80px;height:16px;position:absolute;top:82px;left:24px}.login-bar{gap:var(--sp-3);padding-top:var(--sp-4);flex-direction:column;display:flex}.login-play{min-height:max(48px, calc(var(--hit) + var(--sp-2)));font-size:var(--fs-lead)}.login-channel{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.login-channel .segmented{box-shadow:inset 0 0 0 1px var(--c-line);background:0 0;flex:none;gap:2px;padding:2px}.login-channel .segment{min-width:52px;min-height:calc(var(--hit) - 4px);font-size:var(--fs-body);transition:box-shadow var(--t-fast), color var(--t-fast);flex:none}.login-channel .segment[aria-checked=true]{color:var(--c-accent);box-shadow:inset 0 0 0 var(--stroke-sel) var(--c-accent), 0 0 12px var(--c-glow);background:0 0}.login-age{padding:var(--sp-3);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--c-surface-2);box-shadow:inset 2px 0 0 var(--c-line-strong)}.login-age-head{flex-wrap:wrap;gap:2px 8px;line-height:1.5;display:flex}:lang(th) .login-age-head{line-height:1.65}.login-age-row{gap:var(--sp-2);margin-bottom:6px;display:flex}.login-age-row select{flex:1;min-width:0}.login-year{flex:none;width:96px}@container (width<=599.98px){.login-card,.login-body,.login-picks{gap:var(--sp-3)}.login-bar{bottom:calc(-1 * (env(safe-area-inset-bottom) + var(--sp-5)));z-index:1;gap:var(--sp-2);margin:0 calc(-1 * var(--sp-4)) calc(-1 * (env(safe-area-inset-bottom) + var(--sp-5)));padding:var(--sp-5) var(--sp-4) calc(env(safe-area-inset-bottom) + var(--sp-3));background:linear-gradient(to top, var(--c-bg) calc(100% - var(--sp-4)), #07090c00);position:sticky}}@container (width<=319.98px){.login-card,.login-body,.login-picks{gap:var(--sp-2)}.login-bar{align-items:center;gap:6px var(--sp-2);padding-block:var(--sp-3) calc(env(safe-area-inset-bottom) + var(--sp-2));flex-flow:wrap}.login-bar>:is(.login-age,.identity-error){flex:1 0 100%}.login-channel{flex:0 auto}.login-channel>.identity-label{display:none}.login-channel .segment{min-width:44px}.login-channel .segmented{gap:0}.login-play{flex:1 0 64px;min-width:0;min-height:48px;padding-inline:12px}.login-card .identity-head{flex-wrap:wrap;row-gap:0}.login-card .identity-title{white-space:nowrap;font-size:20px}.login-privacy{flex:1 0 100%;margin-block:-10px -6px;padding-inline:0}}@container (width<=599.98px) and (height<=520px){.login-stage{flex:0 0 76px;min-height:76px}}@container (width>=600px){.login-card{gap:var(--sp-6);flex:none;max-width:760px;margin-block:auto}.login-card .identity-head{gap:var(--sp-4)}.login-card .identity-title{font-size:clamp(28px,1.2rem + 1.4cqi,44px)}.login-body{gap:var(--sp-6);flex:none;grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:stretch;display:grid}.login-stage{min-height:248px}.login-stage:before{border-radius:var(--r-lg);background:radial-gradient(60% 55% at 50% 80%, color-mix(in srgb, var(--login-el) 26%, transparent), transparent 75%), #ffffff06;inset:0}.login-stage-cell{bottom:24px}.login-picks{justify-content:center;gap:var(--sp-5)}.login-bar{align-items:center;gap:var(--sp-3) var(--sp-5);padding-top:var(--sp-5);box-shadow:0 -1px 0 var(--c-line);flex-flow:wrap}.login-bar>:is(.login-age,.identity-error){flex:1 0 100%}.login-play{flex:1 1 0}}@container (width>=600px) and (height<=520px){.login-card{gap:var(--sp-3);margin-block:0}.login-card .identity-title{font-size:26px}.login-stage{min-height:120px}.login-stage-cell{bottom:6px}.login-picks{gap:var(--sp-3)}.login-bar{bottom:calc(-1 * (env(safe-area-inset-bottom) + var(--sp-5)));z-index:1;margin:0 calc(-1 * var(--sp-4)) calc(-1 * (env(safe-area-inset-bottom) + var(--sp-5)));padding:var(--sp-3) var(--sp-4) calc(env(safe-area-inset-bottom) + var(--sp-3));background:var(--c-bg);position:sticky}}.ui-scale>.liveops-stack{z-index:65;top:calc(env(safe-area-inset-top) + 62px);pointer-events:none;justify-items:center;gap:6px;width:max-content;max-width:min(520px,100% - 32px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.liveops-chip{border-radius:var(--r-md);background:var(--c-panel-2);min-height:40px;box-shadow:inset 0 0 0 1px var(--c-line), 0 8px 24px #00000073;color:var(--c-text);font-size:var(--fs-small);align-items:center;gap:10px;padding:8px 16px 8px 12px;line-height:1.45;display:flex}:lang(th) .liveops-chip{line-height:1.65}.liveops-glyph{flex:none}.liveops-text{min-width:0}.liveops-banner{box-shadow:inset 2px 0 0 var(--c-accent), inset 0 0 0 1px var(--c-line), 0 8px 24px #00000073;padding-right:4px}.liveops-banner .liveops-glyph{color:var(--c-accent)}.liveops-maintenance{box-shadow:inset 2px 0 0 var(--c-warn), inset 0 0 0 1px var(--c-line), 0 8px 24px #00000073}.liveops-maintenance .liveops-glyph{color:var(--c-warn)}.liveops-maintenance.liveops-closing{background:linear-gradient(var(--c-vermilion-wash), var(--c-vermilion-wash)), var(--c-panel-2);box-shadow:inset 2px 0 0 var(--c-vermilion), inset 0 0 0 1px var(--c-vermilion-line), 0 8px 24px #00000073}.liveops-maintenance.liveops-closing .liveops-glyph{color:var(--c-vermilion)}.liveops-notice{padding-left:16px}.liveops-close{width:var(--hit);height:var(--hit);color:var(--c-text-2);pointer-events:auto;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:-8px 0 -8px -4px;display:grid}.update-notice{border-radius:var(--r-md);background:var(--c-panel-2);width:440px;max-width:100%;box-shadow:inset 2px 0 0 var(--c-accent), inset 0 0 0 1px var(--c-line), 0 8px 24px #00000073;color:var(--c-text);font-size:var(--fs-small);pointer-events:auto;animation:hud-top-in var(--t-base) var(--ease-out);padding:6px 6px 8px 14px;line-height:1.45;container:update-notice/inline-size}:lang(th) .update-notice{line-height:1.65}.update-notice-head{min-height:var(--hit);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:0 6px;display:flex}.update-notice-glyph{color:var(--c-accent);flex:none}.update-notice-title{min-width:0;font-size:var(--fs-small);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:88px;margin:0 0 0 4px;font-weight:600;display:-webkit-box;overflow:hidden}.update-notice-toggle,.update-notice-close{width:var(--hit);height:var(--hit);color:var(--c-text-2);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.update-notice-go{min-height:var(--hit);font-size:var(--fs-small);flex:none;padding:0 16px}@container update-notice (width<=259.98px){.update-notice-title{flex-basis:60px}.update-notice-close{order:1}.update-notice-toggle,.update-notice-go{order:2}}.update-notice-body{border-top:1px solid var(--c-line);max-height:min(40vh,220px);margin:4px 0 0 20px;padding:8px 8px 0 0;overflow-y:auto}.update-notice-lead{color:var(--c-text-2);margin:0 0 6px}.update-notice-body ul{gap:2px;margin:0 0 6px;padding:0;list-style:none;display:grid}.update-notice-body li{padding-left:14px;position:relative}.update-notice-body li:before{content:"";background:var(--c-gold);width:5px;height:5px;position:absolute;top:.62em;left:1px;transform:rotate(45deg)}.update-notice-older{color:var(--c-text-2);font-size:var(--fs-small);margin:8px 0 2px;font-weight:600}[data-drag]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}[data-drag] img{-webkit-user-drag:none}[data-dragging]{opacity:.35}.ui-scale>.drag-ghost{z-index:90;pointer-events:none;filter:drop-shadow(0 6px 10px #0000008c);position:fixed;transform:translate(-50%,-50%)scale(1.08)}.drag-ghost[data-look=deny]{opacity:.6}.drag-ghost .drag-tile{background-color:var(--c-window);width:52px}.bag-worn-cell[data-drop-look=can]>.tile{outline:var(--stroke-hair) dashed var(--c-accent);outline-offset:3px}.bag-worn-cell[data-drop-look=over]>.tile{outline:var(--stroke-hair) solid var(--c-accent);outline-offset:3px;box-shadow:inset 0 0 0 2px var(--c-accent), 0 0 16px var(--c-glow)}.bag-scroll[data-drop-look]{outline-offset:-2px;border-radius:8px}.bag-scroll[data-drop-look=can]{outline:var(--stroke-hair) dashed var(--c-line-strong)}.bag-scroll[data-drop-look=over]{outline:var(--stroke-hair) solid var(--c-accent);background:var(--c-accent-wash)}.sk-holding .sk-quickbar{z-index:3;margin:0 calc(-1 * var(--sp-2));padding:var(--sp-2);background:var(--c-panel-2);position:sticky;top:0;box-shadow:0 8px 16px #00000059}.sk-quick-slot[data-drop-look=can]{outline:var(--stroke-hair) dashed var(--c-accent);outline-offset:2px}.sk-quick-slot[data-drop-look=over]{outline:var(--stroke-hair) solid var(--c-accent);outline-offset:2px;box-shadow:inset 0 0 0 1px var(--c-accent), 0 0 14px var(--c-glow);color:var(--c-accent)}.sk-drag{white-space:nowrap;background:var(--c-panel-2);height:36px;color:var(--c-text);box-shadow:inset 0 0 0 1px var(--c-accent);border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.sk-drag-off{color:var(--c-vermilion);box-shadow:inset 0 0 0 1px var(--c-vermilion)}.sk-drag-to{background:var(--c-accent);min-width:18px;height:18px;color:var(--c-bg-deep);border-radius:4px;place-items:center;font-size:12px;display:grid}