@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:#0f141a;--c-bg-deep:#0a0d12;--c-surface:#18202ceb;--c-surface-2:#ffffff0f;--c-chip:#060a0eb8;--c-scrim:#050608d1;--c-line:#ffffff29;--c-line-strong:#ffffff61;--c-text:#f2eee6;--c-text-2:#bdb6a8;--c-text-3:#858a91;--c-icon:#ece5dc;--c-paper:#f3eee4;--c-paper-2:#e2dbcd;--c-ink:#15171b;--c-ink-2:#4a4a4e;--c-accent:#f4ebb0;--c-gold:#c9ae7c;--c-gold-deep:#97855f;--c-glow:#f0be3c59;--c-lacquer:#8b3a2e;--c-vermilion:#c8553d;--c-jade:#4e7a6c;--c-cta:#ede6d8;--c-cta-ink:#111;--c-positive:#a6e3a0;--c-warn:#f0a33c;--c-disabled:#4f5b62;--c-disabled-ink:#9daab1;--c-hp:#e5484d;--c-hp-ghost:#f2eee699;--c-sp:#5aa9f0;--c-exp:var(--c-gold);--el-earth:#c08a3e;--el-water:#3e8fd6;--el-fire:#e0562e;--el-wind:#5dbe8a;--el-neutral:#b8bec8;--r1:#9dd8f5;--r1-glow:#80c8f559;--r2:#c9a2f2;--r2-glow:#aa6eeb6b;--r3:#f2d46b;--r3-glow:#ffdc6480;--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:clamp(11px, .64rem + .2vw, 12px);--fs-small:clamp(12px, .7rem + .25vw, 14px);--fs-body:clamp(14px, .8rem + .35vw, 17px);--fs-lead:clamp(16px, .9rem + .5vw, 20px);--fs-h3:clamp(18px, 1rem + .6vw, 22px);--fs-h2:clamp(22px, 1.1rem + 1.2vw, 32px);--fs-h1:clamp(28px, 1.2rem + 2.4vw, 56px);--fs-hero:clamp(32px, 1.4rem + 3vw, 64px);--lh-tight:1.15;--lh-body:1.45;--track-label:.08em;--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, 32px);--hit:48px;--hit-battle:clamp(56px, 14vw, 64px);--px:1px;--r-sm:4px;--r-md:8px;--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;--glow-select:0 0 0 1px var(--c-gold), 0 0 14px var(--c-glow);--blur-snapshot:12px;--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}:lang(th){--fs-micro:clamp(12px, .7rem + .2vw, 13px);--lh-tight:1.4;--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}}@media (prefers-reduced-motion:reduce){:root{--t-fast:0s;--t-base:0s;--t-panel:0s;--t-reward:0s;--stagger: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;position:fixed;inset:0;overflow:hidden}: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:disabled{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}.ui-root kbd{border:1px solid var(--c-line-strong);background:var(--c-bg-deep);min-width:18px;color:var(--c-text-2);font:600 10px/16px var(--font-display);text-align:center;pointer-events:none;border-radius:3px;padding:0 4px;position:absolute;top:-6px;right:-8px}@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-gold);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}.btn-primary,.btn-secondary,.btn-paper,.btn-paper-secondary{min-height:var(--hit);border-radius:var(--r-sm);font:600 var(--fs-body)/1.3 var(--font-display);transition:transform var(--t-press) var(--ease-out), filter var(--t-fast);padding:.15em 20px}.btn-primary{background:var(--c-cta);color:var(--c-cta-ink);border:0}.btn-secondary{color:var(--c-text);border:1px solid var(--c-line-strong);background:0 0}.btn-paper{background:var(--c-ink);color:#fff;border:0}.btn-paper.danger{background:var(--c-lacquer)}.btn-paper-secondary{color:var(--c-ink);background:0 0;border:1px solid #15171b59}:lang(th) :is(.btn-primary,.btn-secondary,.btn-paper,.btn-paper-secondary){line-height:1.55}.ui-root button:active:not(:disabled){transform:scale(.96)}@media (hover:hover) and (pointer:fine){.btn-primary:hover,.btn-secondary:hover{filter:brightness(1.1)}}.icon-btn{min-width:var(--hit);height:var(--hit);border-radius:var(--r-pill);background:var(--c-chip);color:var(--c-icon);border:0;flex:none;justify-content:center;align-items:center;gap:6px;padding:0;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff4d}.icon-btn.on{background:var(--c-cta);color:var(--c-cta-ink)}.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;font-size:var(--fs-small);align-items:center;gap:6px;padding:0 12px 0 8px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff4d}.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:1px solid #15171b59;flex:none}.stepper.wide{width:auto;font-size:var(--fs-small);padding:0 10px}.stepper:disabled{opacity:.35}.currency{font-size:var(--fs-small);color:var(--c-text);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.bar{background:#0000008c;border-radius:1px;flex:auto;min-width:24px;height:4px;display:block;position:relative;overflow:hidden}.bar-fill{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}.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-accent)}.tab[aria-selected=true]:after{content:"";background:var(--c-accent);height:2px;box-shadow:0 0 10px var(--c-glow);position:absolute;bottom:-1px;left:18%;right:18%}@media (hover:hover) and (pointer:fine){.tab:not([aria-selected=true]):hover{color:var(--c-text)}}.tile{aspect-ratio:1;transition:background var(--t-fast);background:#090d12e6;border:0;border-radius:3px;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.tile.r1{background:linear-gradient(to top, var(--r1-glow), transparent 60%), #090d12e6;box-shadow:inset 0 calc(-1 * var(--rarity-bar)) 0 var(--r1), inset 0 0 0 1px #ffffff0f}.tile.r2{background:linear-gradient(to top, var(--r2-glow), transparent 60%), #090d12e6;box-shadow:inset 0 calc(-1 * var(--rarity-bar)) 0 var(--r2), inset 0 0 0 1px #ffffff0f}.tile.r3{background:linear-gradient(to top, var(--r3-glow), transparent 60%), #090d12e6;box-shadow:inset 0 calc(-1 * var(--rarity-bar)) 0 var(--r3), inset 0 0 0 1px #ffffff0f}.tile.selected:after{content:"";border:2px solid var(--c-accent);box-shadow:inset 0 0 0 2px var(--c-bg), 0 0 16px var(--c-glow);pointer-events:none;animation:sel-in .16s var(--ease-out);border-radius:6px;position:absolute;inset:-4px}@keyframes sel-in{0%{opacity:0;transform:scale(1.06)}}@media (hover:hover) and (pointer:fine){.tile:not(.empty):hover{background-color:#141b24f2}}.tile.empty{box-shadow:none;background:#ffffff06}.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:0 0 2px #000,0 0 3px #000,0 1px 1px #000;font-size:11px;font-weight:600;line-height:1;position:absolute;bottom:4px;right:5px}.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:0 0 2px #000,0 0 3px #000;font-size:11px;font-weight:600;line-height:1;position:absolute;top:4px;left:5px}.seal{background:var(--c-vermilion);width:8px;height:8px;animation:seal .6s var(--ease-pop) 1;position:absolute;top:5px;right:5px;box-shadow:0 0 0 1px #0009,0 0 6px #c8553d99}@keyframes seal{40%{transform: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:disabled{color:var(--c-disabled-ink)}.row:disabled .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:disabled .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:disabled .row-value{color:var(--c-disabled-ink)}.row-glyph{width:32px;height:32px;color:var(--c-text-3);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:#c9ae7c14!important}@media (hover:hover) and (pointer:fine){.row:not(:disabled):hover{background:#ffffff17!important}}.sheet{z-index:50;background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-line);flex-direction:column;min-height:0;display:flex}.sheet-bottom{border-radius:var(--r-md) var(--r-md) 0 0;max-height:82%;padding-bottom:env(safe-area-inset-bottom);animation:sheet-up var(--t-panel) var(--ease-out);background:#0f151c;border-bottom:0;position:fixed;bottom:0;left:0;right:0}.sheet-full{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);animation:sheet-fade var(--t-base) var(--ease-out);border:0;position:fixed;inset:0}.sheet-grab{background:var(--c-line-strong);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:#05060880;position:fixed;inset:0}@keyframes sheet-up{0%{opacity:0;transform:translateY(12px)}}@keyframes sheet-fade{0%{opacity:0}}.paper-scrim{z-index:80;animation:sheet-fade var(--t-base);background:#0506089e;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:linear-gradient(var(--c-paper) 60%, var(--c-paper-2));padding:var(--sp-6) var(--sp-6) var(--sp-5);position:relative}.paper-bottom{border-radius:var(--r-md) var(--r-md) 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);animation:sheet-up var(--t-panel) var(--ease-out);border-radius:2px;box-shadow:0 24px 60px #00000080}.fret{border:0 solid var(--c-gold-deep);pointer-events:none;width:16px;height:16px;position:absolute}.fret:after{content:"";border:2px solid var(--c-gold-deep);width:6px;height:6px;position:absolute}.fret.tl{border-top-width:2px;border-left-width:2px;top:8px;left:8px}.fret.tl:after{top:2px;left:2px}.fret.tr{border-top-width:2px;border-right-width:2px;top:8px;right:8px}.fret.tr:after{top:2px;right:2px}.fret.bl{border-bottom-width:2px;border-left-width:2px;bottom:8px;left:8px}.fret.bl:after{bottom:2px;left:2px}.fret.br{border-bottom-width:2px;border-right-width:2px;bottom:8px;right:8px}.fret.br:after{bottom:2px;right:2px}.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}.shell{grid-template:"header""content"minmax(0,1fr)"bottom"/minmax(0,1fr);display:grid;position:fixed;inset:0}.shell-medium{grid-template:"rail header""rail content"minmax(0,1fr)/76px minmax(0,1fr)}.shell-medium.has-detail{grid-template:"rail header detail""rail content detail"minmax(0,1fr)/76px minmax(0,1fr) 340px}.shell-expanded{grid-template:"rail header""rail content"minmax(0,1fr)/220px minmax(0,1fr)}.shell-expanded.has-detail{grid-template:"rail header detail""rail content detail"minmax(0,1fr)/220px minmax(0,1fr) 400px}.shell-wide{max-width:1600px;margin:0 auto}.shell-backdrop{background:var(--c-bg);position:fixed;inset:0}.shell-snapshot{filter:blur(var(--blur-snapshot)) saturate(.7);opacity:.55;position:absolute;inset:-24px}.shell-scrim{background:var(--c-scrim);position:absolute;inset:0}.shell-scene{position:absolute;inset:0}.shell-header{min-height:58px;padding:env(safe-area-inset-top) var(--sp-4) 0;grid-area:header;align-items:center;gap:4px;display:flex;position:relative}.shell-medium .shell-header{padding:var(--sp-4) var(--sp-5) 0}.shell-expanded .shell-header{padding:var(--sp-6) clamp(24px, 3vw, 48px) 0}.shell-title{font-weight:300;font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:lang(th) .shell-title{letter-spacing:0;padding-block:.1em;line-height:1.55}.shell-back{margin-left:-10px}.shell-currencies{gap:var(--sp-4);margin-left:auto;display:flex}.shell-menu{margin-left:var(--sp-2)}.shell-content{min-width:0;min-height:0;padding:0 var(--sp-4);flex-direction:column;grid-area:content;display:flex;position:relative}.shell-medium .shell-content{padding:0 var(--sp-5)}.shell-expanded .shell-content{padding:0 clamp(24px,3vw,48px)}.shell-detail{border-left:1px solid var(--c-line);background:#0b1016eb;flex-direction:column;grid-area:detail;min-height:0;display:flex;position:relative}.rail{padding:var(--sp-5) 0;border-right:1px solid var(--c-line);background:#070a0ed1;flex-direction:column;grid-area:rail;gap:2px;display:flex;position:relative;overflow-y:auto}.rail-brand{padding:0 var(--sp-5) var(--sp-5);font-size:var(--fs-small);letter-spacing:.32em;color:var(--c-gold-deep)}.rail-item{min-height:52px;padding:0 var(--sp-5);color:var(--c-text-2);text-align:left;background:0 0;border:0;align-items:center;gap:14px;display:flex;position:relative}.rail:not(.labelled) .rail-item{justify-content:center;padding:0}.rail-item .display{font-size:var(--fs-body)}:lang(th) .rail-item .display{line-height:1.55}.rail-item[aria-current=page]{color:var(--c-accent);background:#c9ae7c14}.rail-item[aria-current=page]:before{content:"";background:var(--c-accent);width:2px;box-shadow:0 0 8px var(--c-glow);position:absolute;top:12px;bottom:12px;left:0}@media (hover:hover) and (pointer:fine){.rail-item:not([aria-current=page]):hover{color:var(--c-text)}}.bottom-bar{padding:0 0 env(safe-area-inset-bottom);border-top:1px solid var(--c-line);background:#070a0eeb;grid-area:bottom;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.bottom-item{min-height:56px;color:var(--c-text-3);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 0;display:flex;position:relative}.bottom-item .display{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;line-height:1.3;overflow:hidden}:lang(th) .bottom-item .display{line-height:1.55}.bottom-item[aria-current=page]{color:var(--c-accent)}.bottom-item[aria-current=page]:before{content:"";background:var(--c-accent);height:2px;box-shadow:0 0 8px var(--c-glow);position:absolute;top:-1px;left:28%;right:28%}.menu-grid{gap:var(--sp-2);padding:var(--sp-2) var(--sp-4) var(--sp-6);grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;display:grid;overflow-y:auto}.menu-tile{aspect-ratio:1;border-radius:var(--r-sm);background:var(--c-surface-2);min-width:0;color:var(--c-text-2);border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:2px;display:flex}.menu-tile .display{text-align:center;font-size:12px;line-height:1.3}:lang(th) .menu-tile .display{line-height:1.55}.menu-tile[aria-current=page]{color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-gold)}.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}.ui-scale{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:auto}.ui-scale>*{pointer-events:auto}.shell-snapshot{object-fit:contain;width:calc(100% + 48px);height:calc(100% + 48px)}.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]{background:var(--c-cta);color:var(--c-cta-ink)}:lang(th) .segment{line-height:1.55}@media (hover:hover) and (pointer:fine){.segment:not([aria-checked=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:disabled{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%;accent-color:var(--c-gold);margin:0}.slider input:disabled{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) + 66px);border-radius:var(--r-pill);width:max-content;max-width:calc(100% - 32px);box-shadow:inset 0 0 0 1px var(--c-line-strong), 0 6px 18px #0006;color:var(--c-text);font-size:var(--fs-small);pointer-events:none;animation:toast-in var(--t-base) var(--ease-out);background:#060a0eeb;padding:8px 16px;position:fixed;left:50%;transform:translate(-50%)}.toast-good{box-shadow:inset 0 0 0 1px var(--c-jade), 0 6px 18px #0006}.toast-bad{box-shadow:inset 0 0 0 1px var(--c-vermilion), 0 6px 18px #0006}@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-bg);border-top:1px solid var(--c-line);flex:none;display:flex;position:sticky;bottom:0}.sheet-actions>*{flex:1 1 0;max-width:360px}.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)}.ui-scale>.shell-live,.shell-live .shell-content,.shell-live .shell-header{pointer-events:none}.shell-live .shell-header>*,.shell-live .rail,.shell-live .bottom-bar,.shell-live :is(.sheet,.sheet-scrim,.paper-scrim),.shell-live .shell-content>:not(.hub-top,.hub-bottom){pointer-events:auto}.shell-live .shell-header{padding-bottom:var(--sp-3);background:linear-gradient(#070a0ec7,#070a0e59 70%,#0000)}.shell-live .shell-title{font-size:var(--fs-h3);text-shadow:0 0 3px #000,0 1px 2px #000;font-weight:600}.shell-live.shell-compact .shell-currencies{gap:var(--sp-2)}.shell-live .shell-content{padding:0}.currency-btn{border-radius:var(--r-pill);background:0 0;border:0;align-items:center;min-height:36px;padding:0 2px;display:inline-flex}.hub-sound{min-width:40px;height:40px;margin-left:2px}.hub-top,.hub-bottom{gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);pointer-events:none;justify-items:center;display:grid;position:absolute;left:0;right:0}.hub-top{top:0}.hub-bottom{bottom:0}.hub-top>*,.hub-bottom>*{pointer-events:auto}.shell-live:not(.shell-compact) .hub-bottom{width:min(440px, max(260px, calc((100% - var(--canvas-w,360px)) / 2)));padding:var(--sp-4) var(--sp-5);justify-items:stretch;right:auto}.ui-scale>.hud-top{z-index:70;top:calc(env(safe-area-inset-top) + 64px);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%)}.hud-banner{align-items:center;gap:var(--sp-3);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text);font-size:var(--fs-small);pointer-events:auto;background:#060a0ef0;padding:8px 8px 8px 16px;display:flex}.hud-banner:not(:has(button)){padding-right:16px}.hud-banner.bad{box-shadow:inset 0 0 0 1px var(--c-vermilion)}.hud-banner .btn-secondary{min-height:36px;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:#070a0e9e;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}.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}.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);max-width:60ch}.settings-list{margin:0 calc(-1 * var(--sp-4));overflow:visible}.settings-build{color:var(--c-text-3);font-size:var(--fs-small)}.privacy{width:100%;max-width:720px;min-height:0;padding:0 var(--sp-4) var(--sp-6);gap:var(--sp-4);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);color:var(--c-text-3);font-size:var(--fs-small);display:flex}.privacy-lang{min-height:36px;font-size:var(--fs-small);flex:none;padding:0 14px}.privacy-first{color:var(--c-accent)}.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);margin-top:6px}.map-card{gap:var(--sp-2);width:100%;max-width:560px;padding-top:var(--sp-4);flex-direction:column;display:flex}.map-name{font-size:var(--fs-h2);font-weight:300;line-height:var(--lh-tight)}:lang(th) .map-name{line-height:1.55}.map-channel{color:var(--c-text-2)}.bh{-webkit-user-select:none;user-select:none;pointer-events:none;--chamfer-cut:polygon(0 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%);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(#05070a9e,#05070a00) top/100% 96px no-repeat,linear-gradient(#05070a00,#05070a8c 40%,#05070ae6) bottom/100% 42% no-repeat;position:absolute;inset:0}.bh-wide .bh-scrim{background:linear-gradient(#05070a9e,#05070a00) top/100% 96px no-repeat,linear-gradient(#05070a00,#05070ab3) bottom/100% 30% no-repeat}.bh :is(.bh-strip,.bh-action-label,.bh-attack-label,.bh-status,.bh-aim){text-shadow:0 0 2px #000000e6,0 1px 3px #000c}.bh :is(button,input,.bh-list,.bh-scan,.bh-chat-sheet,.bh-chat-dock,.bh-dock){pointer-events:auto}.bh-strip{z-index:20;align-items:center;gap:var(--sp-2);height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--sp-4) 0;flex:none;display:flex;position:relative}.bh-turn{color:var(--c-text);white-space:nowrap;font-size:16px}.bh-timer{align-items:center;gap:var(--sp-3);flex:1;justify-content:flex-end;min-width:0;display:flex}.bh-timer-bar{background:#ffffff29;border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.bh-timer-bar>span{background:var(--c-text);transition:width .2s linear, background var(--t-fast);position:absolute;inset:0 auto 0 0}.bh-timer-num{text-align:right;min-width:2ch;color:var(--c-text);font-size:24px;line-height:1}.bh-timer.amber .bh-timer-bar>span{background:var(--c-warn)}.bh-timer.amber .bh-timer-num{color:var(--c-warn)}.bh-timer.red .bh-timer-bar>span{background:var(--c-hp)}.bh-timer.red .bh-timer-num{color:var(--c-hp)}.bh-timer.idle .bh-timer-bar{opacity:.4}.bh-tall .bh-timer-bar{display:none}.bh-ready{font-size:var(--fs-small);color:var(--c-text-2);align-items:center;gap:5px;display:flex}.bh-of{color:var(--c-text-3)}.bh-pill{border-radius:var(--r-pill);background:var(--c-chip);height:36px;color:var(--c-text);font:600 var(--fs-small)/1 var(--font-display);text-shadow:none;border:0;flex:none;align-items:center;gap:5px;padding:.1em 12px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff40}.bh-pill.on{background:var(--c-cta);color:var(--c-cta-ink)}.bh-pill.done,.bh-pill:disabled{color:var(--c-text-3);box-shadow:inset 0 0 0 1px #ffffff1f}.bh-pill.on:disabled{background:var(--c-disabled);color:var(--c-disabled-ink)}@media (pointer:coarse){.bh-pill{height:40px}}.bh-field{z-index:1;pointer-events:none;position:absolute;inset:0}.bh-unit{position:absolute;top:0;left:0}.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:#180a0ab3;border-radius:0;flex:none;height:5px;box-shadow:0 0 0 1px #000000b3}.bh-plate.ally .bar,.bh-plate.player .bar{height:4px}.bh-plate.player{flex-direction:column;gap:2px;transform:translate(-50%)}.bh-plate-row{align-items:center;gap:4px;display:flex}.bh-plate-name{align-items:center;gap:3px;max-width:64px;display:flex}.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{background:var(--c-bg-deep);width:14px;height:14px;color:var(--c-text-2);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{background:var(--c-surface);color:var(--c-accent)}.bh-mark.off{background:var(--c-vermilion);color:#fff}.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-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-aim{white-space:nowrap;font-size:var(--fs-small);pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%)}.bh-aim b{font:600 var(--fs-small)/1.35 var(--font-display);color:var(--c-accent)}:lang(th) .bh-aim b{line-height:1.55}.bh-hitbox{border-radius:var(--r-md);pointer-events:auto;background:0 0;border:0;padding:0;position:absolute}.bh-hitbox.on{box-shadow:inset 0 0 0 2px var(--c-accent), 0 0 14px var(--c-glow)}.bh-hud{z-index:30;width:100%;max-width:480px;padding:0 var(--sp-3) calc(var(--sp-3) + env(safe-area-inset-bottom));flex-direction:column;flex:none;align-self:center;gap:6px;margin-top:auto;display:flex;position:relative}.bh-ticker-slot{height:30px;display:flex}.bh-dock{flex-direction:column;justify-content:flex-end;min-height:208px;display:flex}.bh-dock.has-pal{min-height:244px}.bh-command{flex-direction:column;gap:8px;display:flex;position:relative}.bh-plan{flex-direction:column;gap:4px;display:flex}.bh-slot{background:var(--c-surface);min-width:0;clip-path:var(--chamfer-cut);align-items:stretch;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.bh-slot.active{box-shadow:inset 0 0 0 1px var(--c-gold), inset 0 0 18px #f0be3c1f}.bh-slot-main{text-align:left;min-width:0;min-height:40px;color:var(--c-text);background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:6px 10px 8px 12px;display:flex}.bh-slot-main:disabled{cursor:default}.ui-root .bh-slot-main:active:not(:disabled){transform:none}.bh-slot.auto .bh-slot-main{min-height:32px;padding-block:4px}.bh-slot-who{flex-direction:column;flex:none;justify-content:center;min-width:4.4em;max-width:7.5em;line-height:1.25;display:flex}.bh-slot-name{font-size:var(--fs-small);color:var(--c-text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bh-slot-line{min-width:0;color:var(--c-text);white-space:nowrap;flex:1;align-items:center;gap:5px;font-size:15px;display:flex;overflow:hidden}.bh-slot-line>span{text-overflow:ellipsis;overflow:hidden}.bh-slot.set .bh-slot-line svg{color:var(--c-positive);flex:none}.bh-plan-pending{color:var(--c-text-3)}.bh-plan-auto{color:var(--c-text-2);font-size:var(--fs-small)}.bh-plan-armed b{color:var(--c-text);font-weight:700}.bh-arrow{color:var(--c-text-3);font-weight:400}.bh-shape{font-size:var(--fs-small);color:var(--c-text-2);margin-left:6px}.bh-sp{color:var(--c-text-2);align-items:center;gap:3px;font-size:12px;display:flex}.bh-sp b{color:var(--c-sp);font-weight:600}.bh-sp-label{color:var(--c-sp);font-size:var(--fs-small)}.bh-slot-sp{pointer-events:none;position:absolute;bottom:0;left:0;right:0}.bh-slot-sp .bar{background:#00000073;border-radius:0;height:4px;display:block}.bh-switch{min-width:48px;color:var(--c-text-2);font:600 var(--fs-small)/1 var(--font-display);background:0 0;border:0;border-left:1px solid #ffffff1a;flex:none;align-items:center;gap:8px;padding:0 12px;display:inline-flex;position:relative}.bh-switch i{width:30px;height:16px;transition:background var(--t-fast);background:#ffffff2e;border-radius:8px;position:relative}.bh-switch i:after{content:"";background:var(--c-text-2);width:12px;height:12px;transition:transform var(--t-fast);border-radius:50%;position:absolute;top:2px;left:2px}.bh-switch.on{color:var(--c-text)}.bh-switch.on i{background:var(--c-jade)}.bh-switch.on i:after{background:var(--c-text);transform:translate(14px)}.bh-switch:disabled{color:var(--c-text-3)}.bh-switch kbd{top:2px;right:2px}.bh-cancel{background:var(--c-chip);width:40px;height:40px;color:var(--c-icon);border:0;border-radius:50%;flex:none;align-self:center;place-items:center;margin-right:4px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff40}@media (pointer:coarse){.bh-cancel{width:44px;height:44px}}.bh-quickbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.bh-quickbar.wild{grid-template-columns:repeat(4,minmax(0,1fr)) 54px}.bh-quick{background:var(--c-surface);min-width:0;height:48px;clip-path:var(--chamfer-cut);text-align:left;color:var(--c-text);transition:box-shadow var(--t-fast);border:0;flex-direction:column;justify-content:center;gap:3px;padding:0 5px 0 7px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.bh-quick-top{justify-content:space-between;align-items:center;gap:4px;display:flex}.bh-quick-sp{color:var(--c-sp);font-size:12px;line-height:1}.bh-quick-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.25;overflow:hidden}.bh-quick.on{box-shadow:inset 0 0 0 2px var(--c-accent), inset 0 0 16px var(--c-glow);color:var(--c-accent)}.bh-quick:disabled{color:var(--c-disabled-ink);background:#18202c99}.bh-quick:disabled .el-chip{filter:grayscale()brightness(.7)}.bh-quick:disabled .bh-quick-sp{color:var(--c-disabled-ink)}.bh-quick.empty{background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14}.bh-quick.catch:not(:disabled){box-shadow:inset 0 0 0 1px #a6e3a073}.bh-quick.catch:not(:disabled) .bh-quick-top{color:var(--c-positive)}.bh-quick.catch.on{background:var(--c-jade);box-shadow:inset 0 0 0 2px var(--c-positive);color:var(--c-text)}.bh-quick kbd{top:3px;right:3px}.bh-wide .bh-quick-sp{margin-right:20px}.bh-wide .bh-quick.catch .bh-quick-top{padding-right:20px}.bh-buttons{align-items:flex-end;gap:10px;min-height:98px;padding:0 2px;display:flex}.bh-utils{flex:1;justify-content:space-between;gap:8px;min-width:0;display:flex}.bh-action{min-width:48px;color:var(--c-text);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex;position:relative}.bh-disc{width:48px;height:48px;color:var(--c-icon);background:var(--c-chip);transition:box-shadow var(--t-fast), color var(--t-fast);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff38}.bh-action.big .bh-disc{width:60px;height:60px;box-shadow:inset 0 0 0 1px #c9ae7cbf}.bh-action.on .bh-disc{color:var(--c-accent);box-shadow:inset 0 0 0 2px var(--c-accent), 0 0 14px var(--c-glow)}.bh-action:disabled .bh-disc{color:var(--c-disabled-ink);background:#4f5b6259;box-shadow:inset 0 0 0 1px #ffffff14}.bh-action-label,.bh-attack-label{white-space:nowrap;color:var(--c-text);font-size:13px;line-height:1.3}:lang(th) .bh-action-label,:lang(th) .bh-attack-label{line-height:1.55}.bh-action.on .bh-action-label{color:var(--c-accent)}.bh-action:disabled .bh-action-label{color:var(--c-disabled-ink)}.bh-attack{background:var(--c-bg);width:88px;height:88px;color:var(--c-accent);transition:background var(--t-fast), box-shadow var(--t-fast);border:0;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;margin:0 6px 4px 4px;padding:0;display:flex;position:relative;box-shadow:inset 0 0 0 1px #c9ae7cd9,0 4px 14px #00000073}.bh-attack-face{place-items:center;display:grid}.bh-attack .bh-attack-label{font-size:var(--fs-small);color:var(--c-accent)}.bh-attack.on{background:var(--c-gold);color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-accent), 0 0 0 4px #f4ebb02e, 0 0 26px var(--c-glow)}.bh-attack.on .bh-attack-label{color:var(--c-ink);text-shadow:none}.bh-attack:disabled{background:var(--c-disabled);color:var(--c-disabled-ink);box-shadow:none}.bh-attack:disabled .bh-attack-label{color:var(--c-disabled-ink)}.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:#ffffff24;stroke-width:2px}.bh-ring-timer .left{stroke:var(--c-text);stroke-dasharray:100;stroke-linecap:round;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-disc kbd,.bh-attack kbd{top:-4px;right:-6px}.bh-keys{font-size:var(--fs-small);color:var(--c-text-3);text-align:right}.bh-waiting{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:100px;padding:0 4px;display:flex}.bh-status{min-width:0;font-size:var(--fs-small);color:var(--c-text-2);align-items:center;gap:8px;display:flex}.bh-status .num{margin-left:2px}.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-change{min-height:var(--hit);border-radius:var(--r-pill);background:var(--c-chip);color:var(--c-text);font-size:var(--fs-small);border:0;flex:none;padding:.1em 20px;box-shadow:inset 0 0 0 1px #ffffff4d}.bh-auto-on{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-direction:row;min-height:120px;padding:0 4px}.bh-auto-on .bh-status{color:var(--c-text);max-width:26ch;font-size:15px}.bh-status-bar{flex-direction:row;align-items:center;min-height:100px;padding:0 4px}.bh-playing{justify-content:flex-start;gap:10px;padding:4px 4px 0}.bh-playing .bh-chat-lines li{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;overflow:hidden}.bh-list,.bh-scan{background:var(--c-bg);min-height:0;clip-path:var(--chamfer-cut);box-shadow:inset 0 0 0 1px var(--c-line);animation:sheet-up var(--t-panel) var(--ease-out);flex-direction:column;display:flex}.bh-tall .bh-list{z-index:50;left:var(--sp-3);right:var(--sp-3);max-height:min(28vh, 240px, var(--bh-list-max,240px));position:absolute;bottom:calc(100% + 6px)}.bh-wide .bh-list{z-index:50;max-height:min(52vh,480px);position:absolute;bottom:calc(100% + 12px);left:0;right:0}.bh-list-head{align-items:center;gap:var(--sp-3);min-height:44px;padding:2px 4px 2px var(--sp-4);flex:none;display:flex}.bh-list-sp{font-size:var(--fs-small);color:var(--c-text);white-space:nowrap}.bh-list .sheet-list{overflow-y:auto}.bh-list .row{min-height:52px}.bh-combo{font:600 var(--fs-small)/1.3 var(--font-display);color:var(--c-accent);border:1px solid 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;left:var(--sp-3);right:var(--sp-3);padding-bottom:var(--sp-3);position:absolute;bottom:calc(100% + 6px)}.bh-wide .bh-scan{width:var(--bh-side,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:0 var(--sp-4);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-chat{flex-direction:column;gap:8px;min-width:0;display:flex}.bh-chat-head{align-items:center;gap:4px;display:flex}.bh-chat-tab{border-radius:var(--r-pill);min-height:32px;color:var(--c-text-3);font-size:var(--fs-small);background:0 0;border:0;padding:.1em 12px}.bh-chat-tab.on{background:var(--c-surface-2);color:var(--c-text)}.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{border-radius:var(--r-sm);min-width:0;height:40px;box-shadow:inset 0 0 0 1px var(--c-line);color:var(--c-text);font:400 14px var(--font-ui);-webkit-user-select:text;user-select:text;background:#00000059;border:0;flex:1;padding:0 12px}.bh-chat-input input::placeholder{color:var(--c-text-3)}.bh-chat-send{border-radius:var(--r-sm);background:var(--c-surface-2);height:40px;color:var(--c-text);font-size:var(--fs-small);border:0;flex:none;padding:0 14px}.bh-chat-dock{z-index:25;left:var(--gutter);bottom:var(--sp-5);width:var(--bh-side,400px);background:var(--c-surface);max-width:400px;clip-path:var(--chamfer-cut);padding:10px 12px 12px;position:absolute}.bh-chat-sheet{z-index:50;left:var(--sp-3);right:var(--sp-3);background:var(--c-bg);clip-path:var(--chamfer-cut);box-shadow:inset 0 0 0 1px var(--c-line);padding:10px 12px 12px;position:absolute;bottom:calc(100% + 6px)}.bh-ticker{border-radius:var(--r-sm);background:var(--c-chip);min-width:0;min-height:30px;color:var(--c-text-2);text-align:left;white-space:nowrap;border:0;flex:1;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:flex;overflow:hidden}.bh-ticker b{color:var(--c-text-2);flex:none;font-weight:600}.bh-ticker span{color:var(--c-text);text-overflow:ellipsis;overflow:hidden}.bh-ticker .bh-ticker-empty{color:var(--c-text-3)}.bh-wide .bh-strip{padding:0 var(--gutter);gap:var(--sp-5)}.bh-wide .bh-timer{flex:0 480px;justify-content:flex-start;margin:0 auto}.bh-wide .bh-hud{right:var(--gutter);bottom:var(--sp-5);width:var(--bh-side,440px);max-width:480px;padding:0;position:absolute}.bh-wide .bh-dock{min-height:0}.bh-wide .bh-utils{flex:none;justify-content:flex-start;gap:14px}.bh-wide .bh-buttons{justify-content:flex-end;gap:14px}.bh-wide .bh-status-bar,.bh-wide .bh-playing{align-items:flex-end;min-height:0}@media (pointer:fine){.bh-wide .bh-keys{white-space:nowrap;justify-content:flex-end;display:flex}}.bh-side .bh-scrim{background:linear-gradient(#05070a9e,#05070a00) top/100% 96px no-repeat,linear-gradient(#05070a00,#05070acc) bottom/100% 32% no-repeat,radial-gradient(70% 70% at 50% 52%,#05070a00 45%,#05070a99)}.bh-plate.player.above{flex-direction:row;gap:4px;transform:translate(-50%,-100%)}.bh-aim.banner{z-index:5000;box-sizing:border-box;border-radius:var(--r-pill);background:var(--c-chip);height:32px;text-shadow:none;gap:8px;padding:0 14px 0 8px;box-shadow:inset 0 0 0 1px #f4ebb059}.bh-aim.banner b{font-size:var(--fs-body)}.bh-aim.banner .num{color:var(--c-text-2)}.bh-side .bh-list{width:min(100%,360px);left:auto}.bh-chat-sheet{max-height:min(34vh, 280px, var(--bh-list-max,280px));flex-direction:column;display:flex}.bh-chat-sheet .bh-chat{flex:1;min-height:0}.bh-chat-sheet .bh-chat-lines{min-height:0;overflow-y:auto}.bh-result-scrim{pointer-events:auto}.bh-result{gap:var(--sp-2);flex-direction:column;display:flex}.bh-result .paper-title{font-size:var(--fs-h2)}.bh-result.won .paper-title{color:var(--c-lacquer)}.bh-result-detail{font-size:var(--fs-body);color:var(--c-ink)}:lang(th) .bh-result-detail{line-height:1.65}.bh-result-turns{font-size:var(--fs-small);color:var(--c-ink-2)}.bh-loot{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid #15171b2e}.bh-loot-title{font-size:var(--fs-small);color:var(--c-ink-2)}.bh-loot ul{margin:var(--sp-1) 0 0;gap:4px;padding:0;list-style:none;display:grid}.bh-loot li{align-items:center;gap:var(--sp-2);color:var(--c-ink);display:flex}.bh-loot-icon{background:#15171bd1;border-radius:3px;flex:none;place-items:center;width:36px;height:36px;display:grid}.bh-loot-pal{color:var(--c-jade)}.bh-result .btn-paper:disabled{background:var(--c-paper-2);color:var(--c-ink-2)}.char-screen{gap:var(--sp-5);min-height:0;padding:var(--sp-2) 0 calc(var(--sp-6) + env(safe-area-inset-bottom));flex:1;grid-template-areas:"card""stats""side";align-content:start;display:grid;overflow-y:auto}.shell-medium .char-screen{column-gap:var(--sp-6);padding-top:var(--sp-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"card stats""side stats"}.shell-expanded .char-screen{padding-top:var(--sp-5);grid-template-columns:minmax(0,1fr) minmax(240px,.8fr) minmax(0,1fr);grid-template-areas:"stats card side";column-gap:clamp(24px,3vw,48px);max-width:1180px}.char-card{gap:var(--sp-2) var(--sp-3);grid-area:card;grid-template-columns:128px minmax(0,1fr);grid-template-areas:"stage id""exp exp";align-items:end;display:grid}.shell-expanded .char-card{text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""id""exp";align-self:start;justify-items:center}.char-stage{grid-area:stage;width:128px;height:104px;position:relative}.shell-expanded .char-stage{margin:var(--sp-4) 0 var(--sp-2)}.char-shadow{background:#00000073;border-radius:50%;width:34px;height:9px;position:absolute;top:84px;left:47px}.char-id{min-width:0;padding-bottom:var(--sp-2);flex-direction:column;grid-area:id;gap:2px;display:flex}.shell-expanded .char-id{align-items:center}.char-name{font-size:var(--fs-h3);line-height:var(--lh-tight);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.char-name:lang(th){padding-block:.1em;line-height:1.55}.char-level{color:var(--c-accent);align-items:baseline;gap:6px;margin:2px 0 4px;line-height:1;display:flex}.char-lv{font-size:var(--fs-small);color:var(--c-gold)}.char-hero{font-size:var(--fs-hero)}.char-level :is(.char-hero,.char-lv){padding-block:0;line-height:1}.char-element{color:var(--c-text-2);font-size:var(--fs-small);align-items:center;gap:6px;display:inline-flex}.char-exp{align-items:center;gap:var(--sp-3);width:100%;color:var(--c-text-2);font-size:var(--fs-small);grid-area:exp;display:flex}.char-exp .bar{height:6px}.char-exp .num{flex:none}.char-stats{gap:var(--sp-3);flex-direction:column;grid-area:stats;min-width:0;display:flex}.char-vitals{gap:var(--sp-2);display:grid}.char-vital{align-items:center;gap:var(--sp-3);font-size:var(--fs-small);grid-template-columns:28px minmax(0,1fr) auto;display:grid}.char-vital .bar{height:6px}.char-vital-label{color:var(--c-text-2);font-size:13px}.char-vital .num{color:var(--c-text);text-align:right;min-width:7ch}.char-stats-head{align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);display:flex}.char-points,.sk-points{height:30px;color:var(--c-text-2);flex:none;gap:8px;padding:0 12px}.char-points b,.sk-points b{color:var(--c-text);font-size:var(--fs-body)}.char-points-lit b,.sk-points-lit b{color:var(--c-accent)}.char-stat-list{margin:0;padding:0;list-style:none;display:grid}.char-stat{align-items:center;gap:var(--sp-3);min-height:52px;padding:2px 0 2px var(--sp-3);border-bottom:1px solid var(--c-line);grid-template-columns:minmax(0,1fr) auto auto 48px;display:grid}.char-stat:nth-child(2n){background:var(--c-surface-2)}.char-stat-name{color:var(--c-text-2);letter-spacing:.04em;font-size:14px}.char-stat-value{font-size:var(--fs-lead);color:var(--c-text);text-align:right;min-width:3ch}.char-stat-max{font:600 var(--fs-micro)/1 var(--font-display);color:var(--c-gold);text-transform:uppercase;letter-spacing:var(--track-label);grid-column:3}.char-plus{border:1px solid var(--c-line-strong);border-radius:var(--r-sm);width:48px;height:48px;color:var(--c-text);background:0 0;grid-column:4;font-size:15px}.char-plus:not(:disabled){border-color:var(--c-gold);color:var(--c-accent)}.char-plus:disabled{color:var(--c-disabled-ink);border-color:var(--c-line)}.char-why{color:var(--c-text-2);font-size:var(--fs-small)}.char-error,.sk-error{color:var(--c-vermilion);font-size:var(--fs-small);font-weight:500}:is(.char-side,.sk-quickbar,.sk-pin,.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-links{margin:0 calc(-1 * var(--sp-4));overflow:visible}.shell-medium .char-links,.shell-expanded .char-links{margin:0}.char-links .row-value{font-size:var(--fs-lead);margin-right:var(--sp-2)}.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:1px solid var(--c-line-strong);border-radius:var(--r-sm);background:var(--c-bg-deep);color:var(--c-text);font:inherit;flex:1;padding:0 10px}.needs-town{align-items:center;gap:var(--sp-3);width:min(100%,460px);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--c-vermilion), 0 6px 18px #0006;font-size:var(--fs-small);background:#060a0ef0;display:flex}.needs-town p{flex:1;min-width:0}.needs-town .btn-primary{min-height:var(--hit);font-size:var(--fs-small);flex:none;padding:0 14px}.sk-screen{gap:var(--sp-3);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;container:sk-screen/inline-size}.shell-expanded .sk-screen{padding-top:var(--sp-4)}.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{background:var(--c-surface);min-width:0;height:48px;box-shadow:inset 0 0 0 1px var(--c-line);text-align:left;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);border:0;flex-direction:column;justify-content:center;gap:3px;padding:0 6px 0 8px;display:flex;position:relative}.sk-quick-slot[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--c-accent), inset 0 0 16px var(--c-glow);color:var(--c-accent)}.sk-quick-slot.sk-quick-empty{color:var(--c-text-3);background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14}.sk-quick-top{justify-content:space-between;align-items:center;gap:4px;display:flex}@media (pointer:fine){.sk-quick-top{padding-right:24px}}.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:4px;right:4px}.sk-quick-hint{color:var(--c-text-3);font-size:var(--fs-small)}@media not (pointer:fine){.sk-quick-hint{display:none}}.sk-tree-tabs .tab{min-width:0}.sk-tree-tabs .tab .display{font-size:12px}.sk-trees{gap:var(--sp-4);grid-template-columns:minmax(0,1fr);display:grid}.sk-tree:not(.sk-current){display:none}@container sk-screen (width>=660px){.sk-tree-tabs{display:none}.sk-trees{gap:var(--sp-3);grid-template-columns:repeat(5,minmax(0,1fr))}.sk-tree:not(.sk-current){display:flex}.sk-tree.sk-current .sk-tree-head{color:var(--c-accent)}}.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:32px;padding-bottom:6px;display:flex}.sk-tree-name{font-size:14px}.sk-tree-kind{font:600 var(--fs-micro)/1.3 var(--font-display);color:var(--c-text-3);text-transform:uppercase;letter-spacing:var(--track-label);white-space:nowrap;margin-left:auto}:lang(th) .sk-tree-kind{text-transform:none}.sk-tree-note{color:var(--c-text-3);font-size:var(--fs-small)}.sk-tree.sk-forbidden .sk-tree-grid{opacity:.5}.sk-tree-grid{--row:104px;height:calc(5 * var(--row));position:relative}.sk-tree-links{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sk-tree-links line{stroke:var(--c-line-strong);stroke-width:1px}.sk-tree-links line.sk-link-on{stroke:var(--c-gold)}.sk-node{width:88px;color:var(--c-text-2);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;margin-top:-24px;margin-left:-44px;padding:0;display:flex;position:absolute}.sk-diamond{background:var(--c-bg-deep);width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--c-line-strong);transition:box-shadow var(--t-fast);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(.75)}:is(.sk-learned>.sk-diamond,.sk-diamond.sk-learned){box-shadow:inset 0 0 0 1px var(--c-gold);background:#18202cf5}: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-2)}: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:#0a0d12e6}.sk-node.sk-locked{color:var(--c-text-3)}.sk-node[aria-pressed=true] .sk-diamond{box-shadow:inset 0 0 0 2px var(--c-accent), 0 0 14px var(--c-glow)}.sk-node[aria-pressed=true]{color:var(--c-accent)}.sk-node .seal{top:5px;left:calc(50% + 11px);right:auto}.sk-node-name,.sk-node-level:not(:empty){background:#07090cf5;border-radius:2px;padding:0 4px}.sk-node-name{text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:12px;line-height:1.3}:lang(th) .sk-node-name{line-height:1.55}.sk-node-level{color:var(--c-text-3);min-height:11px;font-size:11px;line-height:1}.sk-learned .sk-node-level{color:var(--c-gold)}@container sk-tree (width<250px){.sk-tree-grid{--row:72px}.sk-tree-head{flex-wrap:wrap;row-gap:0}.sk-tree-kind{flex-basis:100%;margin-left:26px}.sk-tree-note{display:none}.sk-node{width:48px;margin-left:-24px}.sk-node-name{display:none}}@media (hover:hover) and (pointer:fine){.sk-node:not([aria-pressed=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-4) var(--sp-5) var(--sp-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.shell-detail .sk-detail-body{padding-top:var(--sp-6)}.sk-detail-head{align-items:center;gap:var(--sp-4);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:var(--fs-h3);line-height:var(--lh-tight)}:lang(th) .sk-detail-title h2{line-height:1.55}.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:36px;display:flex}.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-gold);margin-left:auto;padding:1px 8px;font-size:11px}.sk-why{color:var(--c-warn);font-size:var(--fs-small)}.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;display:flex}.sk-cost{font:500 12px/1.2 var(--font-ui);opacity:.8}.sk-learn:disabled,.needs-town .btn-primary:disabled{background:var(--c-disabled);color:var(--c-disabled-ink)}.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:1px solid var(--c-line-strong);border-radius:var(--r-sm);text-align:left;background:0 0;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;min-height:56px;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{border-color:var(--c-accent);box-shadow: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:disabled:not(.sk-pin-on){border-color:var(--c-line)}.sk-pin-slot:disabled:not(.sk-pin-on) .sk-pin-what{color:var(--c-disabled-ink)}.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}.qs-list{gap:var(--sp-5);min-height:0;padding:var(--sp-2) 0 calc(var(--sp-6) + env(safe-area-inset-bottom));flex-direction:column;flex:1;max-width:720px;display:flex;overflow-y:auto}.shell-expanded .qs-list{padding-top:var(--sp-5)}.qs-group{gap:var(--sp-2);flex-direction:column;display:flex}.qs-group .sheet-list{margin:0 calc(-1 * var(--sp-4));overflow:visible}.shell-medium .qs-group .sheet-list,.shell-expanded .qs-group .sheet-list{margin:0}.qs-row .row-glyph{color:var(--c-gold)}.qs-row-done .row-glyph,.qs-row-done .row-title{color:var(--c-text-3)}.qs-check{color:var(--c-jade);flex:none}.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)}.qs-detail{gap:var(--sp-5);min-height:0;padding:var(--sp-4) var(--sp-5) calc(var(--sp-6) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;overflow-y:auto}.shell-detail .qs-detail{padding-top:var(--sp-6)}.qs-detail-head h2{font-size:var(--fs-h3);line-height:var(--lh-tight)}:lang(th) .qs-detail-head h2{line-height:1.55}.qs-steps{margin:var(--sp-2) 0 0;padding:0;list-style:none;display:grid}.qs-step{align-items:center;gap:var(--sp-3);min-height:44px;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:16px;position:absolute;top:-8px;left:9px}.qs-step-mark{flex:none;place-items:center;width:19px;display:grid}.qs-step-mark i{width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--c-line-strong);transform:rotate(45deg)}.qs-step-done{color:var(--c-text-2)}.qs-step-done .qs-step-mark{color:var(--c-jade)}.qs-step-now{color:var(--c-text);font-size:var(--fs-body)}.qs-step-now .qs-step-mark i{background:var(--c-gold);box-shadow:0 0 8px var(--c-glow)}.qs-step-text{flex:1;min-width:0}.qs-now{color:var(--c-accent);flex:none;font-size:11px}.qs-rewards{margin:var(--sp-2) 0 0;gap:var(--sp-3);padding:0;list-style:none;display:flex;overflow-x:auto}.qs-reward{text-align:center;flex-direction:column;flex:none;align-items:center;gap:6px;width:76px;display:flex}.qs-reward-well{width:56px;height:56px;color:var(--c-text-2);background:#090d12e6;border-radius:3px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.qs-reward-exp{color:var(--c-gold);font-size:13px}.qs-reward-coin{color:var(--c-gold)}.qs-reward-label{color:var(--c-text-2);overflow-wrap:anywhere;font-size:12px;line-height:1.3}:lang(th) .qs-reward-label{line-height:1.55}.shell-live .shell-content>.npc-dlg{pointer-events:none}.npc-dlg{z-index:6;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3) calc(var(--sp-3) + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.npc-dlg>*{pointer-events:auto}.npc-dlg-card{gap:var(--sp-2);padding:var(--sp-3) var(--sp-3) var(--sp-4) var(--sp-4);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--c-line-strong), 0 8px 24px #00000073;background:#0c1117f5;flex-direction:column;display:flex;position:relative}.npc-dlg-head{align-items:center;gap:var(--sp-3);min-height:40px;display:flex}.npc-dlg-portrait{border-radius:var(--r-sm);background:var(--c-bg-deep);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--c-line);flex:none;overflow:hidden}.npc-dlg-name{min-width:0;font-size:var(--fs-body);color:var(--c-gold);flex:1}:lang(th) .npc-dlg-name{line-height:1.55}.npc-dlg-close{margin:-4px -4px -4px 0}.npc-dlg-text{font-size:var(--fs-lead);color:var(--c-text);line-height:1.5}:lang(th) .npc-dlg-text{line-height:1.7}.npc-dlg-error{color:var(--c-vermilion);font-size:var(--fs-small);font-weight:500}.npc-dlg-choices{gap:6px;display:grid}.npc-dlg-choice{align-items:center;gap:var(--sp-3);width:100%;min-height:52px;padding:.2em var(--sp-4);border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--c-line-strong);text-align:left;font:500 var(--fs-body)/1.35 var(--font-ui);color:var(--c-text);background:#0c1117f0;border:0;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:7px;height:7px;transform:rotate(45deg)}.npc-dlg-shop:before{background:var(--c-jade)}.npc-dlg-choice-text{flex:1;min-width:0}.npc-dlg-choice kbd{flex:none;position:static}.npc-dlg-choice:disabled{color:var(--c-disabled-ink);box-shadow:inset 0 0 0 1px var(--c-line)}.npc-dlg-choice:disabled:before{background:var(--c-disabled)}@media (hover:hover) and (pointer:fine){.npc-dlg-choice:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--c-accent);color:var(--c-accent)}}.npc-dlg-refusal{align-items:center;gap:var(--sp-3);flex-direction:row}.npc-dlg-refusal .npc-dlg-error{flex:1}.npc-dlg-refusal .btn-secondary{min-height:var(--hit);flex:none;padding:0 16px}.npc-dlg-alone{align-items:center}.npc-dlg-alone .npc-dlg-card{width:min(100%,480px)}.shell-compact .npc-dlg:not(.npc-dlg-alone){pointer-events:auto;gap:var(--sp-3);padding-top:var(--sp-2);border-radius:var(--r-md) var(--r-md) 0 0;box-shadow:inset 0 1px 0 var(--c-line-strong), 0 -8px 24px #0006;animation:sheet-up var(--t-panel) var(--ease-out);background:#0f151c}.shell-compact .npc-dlg:not(.npc-dlg-alone) .npc-dlg-card{box-shadow:none;padding:var(--sp-2) var(--sp-1) 0 var(--sp-2);background:0 0}.shell-live .shell-content:has(>.npc-dlg:not(.npc-dlg-alone)) .hub-bottom{visibility:hidden}.shell-medium .npc-dlg,.shell-expanded .npc-dlg{align-items:end;gap:var(--sp-5);padding:96px var(--sp-5) var(--sp-5);background:linear-gradient(#0000,#050608b8 60%);grid-template-columns:minmax(0,1fr) minmax(0,640px) minmax(260px,1fr);display:grid}.shell-medium .npc-dlg>*,.shell-expanded .npc-dlg>*{pointer-events:auto}.shell-medium .npc-dlg .npc-dlg-card,.shell-expanded .npc-dlg .npc-dlg-card{padding:var(--sp-4) var(--sp-4) var(--sp-5) var(--sp-5);background:#0c1117e6;grid-column:2}.shell-medium .npc-dlg .npc-dlg-choices,.shell-expanded .npc-dlg .npc-dlg-choices{grid-column:3;justify-self:end;width:min(100%,380px)}.shell-medium .npc-dlg-alone,.shell-expanded .npc-dlg-alone{background:0 0}.shell-medium .npc-dlg-alone .npc-dlg-card,.shell-expanded .npc-dlg-alone .npc-dlg-card{grid-column:2}.bag{flex-direction:column;flex:1;min-height:0;display:flex}.bag-capacity{margin:0 0 var(--sp-2);font-size:var(--fs-micro);color:var(--c-text-2);align-items:center;gap:10px;display:flex}.bag-capacity-bar{background:#ffffff1f;flex:1;height:2px;position:relative}.bag-capacity-bar>span{background:var(--c-gold);position:absolute;inset:0 auto 0 0}.bag-of{color:var(--c-text-3)}.shell-expanded .bag .tabs{gap:4px}.bag-scroll{min-height:0;padding:var(--sp-4) 4px calc(var(--sp-6) + env(safe-area-inset-bottom));flex:1;margin:0 -4px;overflow-y:auto}.bag-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));align-content:start;gap:6px;display:grid}.shell-expanded .bag-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;max-width:760px}.bag-empty{color:var(--c-text-2);padding:0 0 var(--sp-4)}:lang(th) .bag-empty{line-height:var(--lh-body)}.bag-worn{gap:var(--sp-3);margin-bottom:var(--sp-3);flex-direction:column;display:flex}.bag-worn-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.shell-expanded .bag-worn-row{grid-template-columns:repeat(5,84px);gap:10px}.bag-worn-cell{flex-direction:column;gap:5px;min-width:0;display:flex}.bag-worn-empty{background:0 0;box-shadow:inset 0 0 0 1px #ffffff1a}.bag-worn-label{text-align:center;color:var(--c-text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;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-detail{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.bag-detail-close{z-index:2;position:absolute;top:0;right:8px}.bag-detail-scroll{min-height:0;padding:0 var(--sp-5) var(--sp-4);gap:var(--sp-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.bag-detail.big .bag-detail-scroll{padding:var(--sp-5) var(--sp-6);gap:var(--sp-4)}.bag-stage{height:104px;margin:0 calc(-1 * var(--sp-5));background:radial-gradient(34% 50% at 50% 55%,#ffffff12,#fff0);flex:none;place-items:center;display:grid;position:relative}.bag-detail.big .bag-stage{border-radius:4px;height:168px;margin:0}.bag-stage.r1{background:radial-gradient(34% 50% at 50% 55%, var(--r1-glow), #0000)}.bag-stage.r2{background:radial-gradient(34% 50% at 50% 55%, var(--r2-glow), #0000)}.bag-stage.r3{background:radial-gradient(34% 50% at 50% 55%, var(--r3-glow), #0000)}.bag-stage:after{content:"";background:linear-gradient(90deg,#fff0,#ffffff38,#fff0);height:1px;position:absolute;bottom:14%;left:22%;right:22%}.bag-stage-art{z-index:1;filter:drop-shadow(0 6px 8px #00000073);position:relative}.bag-detail-head{flex-direction:column;gap:3px;display:flex}.bag-kind{font:600 var(--fs-micro)/1.4 var(--font-display);color:var(--c-text-3);text-transform:uppercase;letter-spacing:var(--track-label);flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}:lang(th) .bag-kind{text-transform:none;line-height:1.55}.bag-tag{color:var(--c-text-2);text-transform:none;letter-spacing:0;font:500 12px/1.5 var(--font-ui);border:1px solid #ffffff38;border-radius:2px;padding:0 6px}.bag-tag.worn{background:var(--c-surface-2);color:var(--c-text-3);border:0}.bag-name{font-size:var(--fs-h3);line-height:var(--lh-tight)}:lang(th) .bag-name{line-height:1.55}.bag-detail.big .bag-name{font-size:var(--fs-h2);font-weight:300}.bag-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;display:grid}.bag-stat{background:#ffffff0b;flex-direction:column;gap:1px;padding:8px 12px 9px;display:flex}.bag-stat-k{font:600 var(--fs-micro)/1.3 var(--font-display);color:var(--c-text-3);letter-spacing:.06em}.bag-stat-v{font-size:var(--fs-h3);color:var(--c-accent);align-items:baseline;gap:6px;font-weight:600;line-height:1.15;display:inline-flex}.bag-diff{font-size:var(--fs-small);font-weight:600}.bag-diff.up{color:var(--c-positive)}.bag-diff.down{color:var(--c-hp)}.bag-vs{font-size:var(--fs-small);color:var(--c-text-2);align-items:center;gap:8px;display:flex}.bag-req{font-size:var(--fs-small);color:var(--c-text-2)}.bag-req.low{color:var(--c-hp)}.bag-desc{color:var(--c-text-2);line-height:var(--lh-body)}.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);padding-top:var(--sp-3);border-top:1px solid var(--c-line);font-size:var(--fs-small);color:var(--c-text-2);display:flex}.bag-owned{font-size:var(--fs-body);color:var(--c-text)}.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) 0;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-detail.big .bag-why{padding:var(--sp-3) var(--sp-6) 0}.bag-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);margin-top:var(--sp-2);flex:none;display:flex}.bag-actions>.btn-secondary{flex:1 1 0;min-width:0;padding-inline:10px}.bag-actions>.btn-primary{flex:1.6 1 0;min-width:0;padding-inline:10px}.bag-actions>:disabled{background:var(--c-disabled);color:var(--c-disabled-ink);border-color:#0000}.bag-refine{justify-content:center;align-items:center;gap:6px;display:inline-flex}.bag-detail.big .bag-actions{padding:var(--sp-4) var(--sp-6) var(--sp-5)}.bag-paper-item{align-items:center;gap:var(--sp-4);display:flex}.bag-paper-well{background:#1a1d22;border-radius:3px;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);width:100%;max-width:1100px;min-height:0;padding:var(--sp-2) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom));flex:1;align-content:start;margin:0 auto;display:grid;overflow-y:auto}.refine section{min-width:0}.refine-item{align-items:center;gap:var(--sp-4);display:flex}.refine-well{background:radial-gradient(50% 50% at 50% 55%, #ffffff14, #fff0), var(--c-bg-deep);border-radius:4px;flex:none;place-items:center;width:88px;height:88px;display:grid}.refine-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.refine-name{font-size:var(--fs-h3);line-height:var(--lh-tight)}:lang(th) .refine-name{line-height:1.55}.refine-levels{font-size:var(--fs-h2);color:var(--c-accent);font-weight:600;line-height:1.2}.refine-line{font-size:var(--fs-small);color:var(--c-text-2)}.refine-line.next{color:var(--c-positive)}.refine-mats,.refine-rate{gap:var(--sp-2);flex-direction:column;display:flex}.refine-mat{align-items:center;gap:var(--sp-3);background:var(--c-surface-2);border-radius:3px;min-height:52px;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;font-size:var(--fs-small);color:var(--c-text-3)}.refine-mat.short .refine-mat-have{color:var(--c-hp)}.refine-hint{font-size:var(--fs-small);color:var(--c-text-2);line-height:var(--lh-body)}.refine-hint.warn{color:var(--c-warn)}.refine-pct{font-size:var(--fs-hero);color:var(--c-accent);font-weight:600;line-height:1.05}.refine-pct span{color:var(--c-text-2);margin-left:2px;font-size:.45em}.refine-why{font-size:var(--fs-small);color:var(--c-hp)}.refine-go{width:100%;margin-top:var(--sp-1);justify-content:center;align-items:center;gap:8px;display:inline-flex}.refine-go:disabled{background:var(--c-disabled);color:var(--c-disabled-ink)}.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{background:var(--c-surface-2);font-size:var(--fs-small);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:11px}.refine-dev{gap:var(--sp-2);display:flex}@media (width>=900px){.refine{gap:var(--sp-6);padding-top:var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr))}.refine-item{flex-direction:column;align-items:flex-start}.refine-well{width:160px;height:160px}.refine-table,.refine-dev,.refine-max{grid-column:1/-1}}.sheet.shop-sheet{height:92%;max-height:92%;overflow:hidden}.shell:not(.shell-compact) .sheet.shop-sheet{height:auto;max-height:none;width:min(1040px, calc(100% - 2 * var(--gutter)));border-radius:var(--r-md);border-bottom:1px solid var(--c-line);margin:0 auto;top:6%;bottom:6%}.shell:not(.shell-compact) .shop-sheet .sheet-grab{display:none}.shop-head{align-items:center;gap:var(--sp-3);min-height:60px;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-5);background:var(--c-lacquer);color:#f6e9cf;flex:none;display:flex;position:relative}.shop-head:after{content:"";left:var(--sp-5);right:var(--sp-5);background:#c9ae7c8c;height:1px;position:absolute;bottom:4px}.shop-name{min-width:0;font-size:var(--fs-h3);text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.3;overflow:hidden}:lang(th) .shop-name{line-height:1.55}.shop-head .currency{color:#f6e9cf}.shop-head .icon-btn{background:#00000040}.shop-sheet .tabs{padding:0 var(--sp-3)}.shop-sheet .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}.shell:not(.shell-compact) .shop-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.shop-card{text-align:left;min-width:0;min-height:64px;color:var(--c-text);transition:box-shadow var(--t-fast);background:#090d12e6;border:0;border-radius:3px;align-items:flex-start;gap:10px;padding:8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.shop-card[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--c-gold), 0 0 12px var(--c-glow)}@media (hover:hover) and (pointer:fine){.shop-card:hover{background-color:#141b24f2}}.shop-well{background:var(--c-bg-deep);border-radius:3px;flex:none;place-items:center;width:40px;height:40px;display:grid}.shop-card-main{flex-direction:column;gap:2px;min-width:0;display:flex}.shop-card-name{font-size:var(--fs-small);flex-wrap:wrap;align-items:baseline;gap:0 6px;font-weight:500;line-height:1.3;display:flex}.shop-card-lv{color:var(--c-text-3);font-size:11px}.shop-card-sub{color:var(--c-text-2);font-size:11px;line-height:1.35}.shop-card.low .shop-card-lv,.shop-card.low .shop-card-sub{color:var(--c-hp)}.shop-price{font-size:var(--fs-small);color:var(--c-accent);align-items:center;gap:4px;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:320px;padding:var(--sp-5);border-left:1px solid var(--c-line);background:#0b101699;flex:none;overflow-y:auto}.shop-detail-in{gap:var(--sp-3);flex-direction:column;display:flex}.shop-stage{background:radial-gradient(34% 50% at 50% 55%,#ffffff12,#fff0);place-items:center;height:140px;display:grid}.shop-detail-name{font-size:var(--fs-h3);line-height:var(--lh-tight)}.shop-detail-line{font-size:var(--fs-small);color:var(--c-text-2);line-height:var(--lh-body)}.shop-detail-line.low{color:var(--c-hp)}.shop-detail .btn-primary{margin-top:var(--sp-2)}.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}.social-why{color:var(--c-text-3)}.social-list{margin:0 calc(-1 * var(--sp-4));padding:0;overflow:visible}.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 14px;display:inline-flex}:is(.social-btn,.social-actions button,.party-leave button,.pal-act):disabled{background:var(--c-disabled);color:var(--c-disabled-ink);border-color:#0000}.social-kind{font:600 var(--fs-micro)/1.4 var(--font-display);color:var(--c-text-3);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-6) 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{background:var(--c-hired);color:#0d2238;font:600 10px/1.6 var(--font-display);letter-spacing:.02em;vertical-align:middle;border-radius:2px;flex:none;margin-right:4px;padding:0 4px;display:inline-block}.party-prompt{gap:var(--sp-2);width:100%;max-width:360px;padding:var(--sp-3) var(--sp-3) var(--sp-3) calc(var(--sp-3) + 3px);border-radius:var(--r-md);background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line-strong), inset 3px 0 0 var(--c-jade);pointer-events:auto;flex-direction:column;display:flex}.party-prompt-duel{box-shadow:inset 0 0 0 1px var(--c-line-strong), inset 3px 0 0 var(--c-vermilion)}.social-group .party-prompt{max-width:none}.party-prompt-head{align-items:flex-start;gap:var(--sp-2);display:flex}.party-prompt-glyph{color:var(--c-gold);flex:none;padding-top:2px}.party-prompt-text{min-width:0;font-size:var(--fs-small);flex:1;line-height:1.45}:lang(th) .party-prompt-text{line-height:1.65}.party-prompt-secs{color:var(--c-text-2);flex:none;font-size:12px;line-height:1.6}.party-prompt-time{background:#ffffff1f;height:2px;display:block}.party-prompt-time>span{background:var(--c-gold);height:100%;transition:width .25s linear;display:block}.party-prompt-actions{gap:var(--sp-2);display:flex}.party-prompt-actions>*{flex:1 1 0}.pals{gap:var(--sp-5);min-height:0;padding:var(--sp-3) 0 calc(var(--sp-6) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;overflow-y:auto}.pals-expanded{align-content:start;align-items:start;gap:var(--sp-5) var(--sp-6);padding-top:var(--sp-5);grid-template-columns:auto minmax(0,1fr);display:grid}.pals-expanded .pals-empty{grid-column:1/-1}.pals-carried,.pals-storage{gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.pal-strip{margin:var(--sp-1) 0 0;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;padding:0;list-style:none;display:grid}.pals-expanded .pal-strip{row-gap:var(--sp-3);grid-template-columns:repeat(2,96px)}.pal-frame{min-width:0;color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0 0 4px;display:flex;position:relative}.pal-art{flex:none;display:block;position:relative}.pal-hex,.pal-ring{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.pal-hex polygon,.pal-hex-shape polygon{fill:#090d12e6;stroke:#ffffff29;stroke-width:1px}.pal-frame.selected .pal-hex polygon,.pal-hex-cell.selected .pal-hex-shape polygon{stroke:var(--c-accent);stroke-width:2px}.pal-frame.selected .pal-hex,.pal-hex-cell.selected .pal-hex-shape{filter:drop-shadow(0 0 6px var(--c-glow))}.pal-frame.empty .pal-hex polygon,.pal-hex-cell.empty .pal-hex-shape polygon{fill:#ffffff06;stroke:#ffffff1a;stroke-dasharray:3 3}.pal-ring-track{fill:none;stroke:#ffffff24;stroke-width:2px}.pal-ring-hp{fill:none;stroke:var(--c-hp);stroke-width:2px}.pal-ring-fill{fill:none;stroke:var(--c-gold);stroke-width:2px}.pal-pip{fill:#ffffff47}.pal-pip.lit{fill:var(--c-accent)}.pal-ring-bond.low{opacity:.5}.pal-active{color:var(--c-accent);filter:drop-shadow(0 0 2px #000)drop-shadow(0 0 1px #000);position:absolute;top:4px;left:6px}.pal-label{flex-direction:column;align-items:center;max-width:84px;font-size:12px;line-height:1.3;display:flex}:lang(th) .pal-label{line-height:1.55}.pal-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.pal-frame.selected .pal-name{color:var(--c-accent)}.pal-lv{color:var(--c-text-2);font-size:11px}@media (hover:hover) and (pointer:fine){.pal-frame:not(.empty):hover .pal-hex polygon,.pal-hex-cell:not(.empty):hover .pal-hex-shape polygon{fill:#141b24f2}}.pal-hive{margin-top:var(--sp-2);padding-bottom:var(--sp-2)}.pal-hive-row{gap:4px;margin-top:-16px;display:flex}.pal-hive-row:first-child{margin-top:0}.pal-hive-row.odd{margin-left:34px}.pal-hex-cell{width:64px;height:74px;color:inherit;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.pal-hex-shape{pointer-events:none;position:absolute;top:0;left:0}.pal-hex-face{margin-top:-10px;position:relative}.pal-hex-lv{text-align:center;color:var(--c-text-2);font-size:10px;line-height:1;position:absolute;bottom:11px;left:0;right:0}.pal-hex-cell.selected .pal-hex-lv{color:var(--c-accent)}.pal-stage{height:128px;margin:0 calc(-1 * var(--sp-5));background:radial-gradient(34% 50% at 50% 60%,#ffffff12,#fff0);flex:none;place-items:center;display:grid}.shell-detail .pal-stage{border-radius:4px;height:148px;margin:0}.pal-stage-box{display:block;position:relative}.pal-tag{color:var(--c-text-2);font:500 11px/1.6 var(--font-ui);text-transform:none;letter-spacing:0;border:1px solid #ffffff38;border-radius:2px;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.pal-tag.active{color:var(--c-accent);border-color:var(--c-gold-deep)}.pal-detail-lv{font-size:var(--fs-body);color:var(--c-text-2)}.pal-bars{flex-direction:column;gap:6px;display:flex}.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-bar .bar{height:5px}.pal-bar .num{text-align:right;min-width:5.5em;color:var(--c-text)}.pal-bar-k{font:600 var(--fs-micro)/1.3 var(--font-display);color:var(--c-text-3);letter-spacing:.06em}.pal-bond{padding:var(--sp-3) 0;border-top:1px solid var(--c-line);border-bottom: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-bar-k{color:var(--c-gold);font-size:var(--fs-small)}.pal-bond-bonus{color:var(--c-positive);font-size:var(--fs-small)}.pal-bond-track{background:#ffffff1f;height:4px;margin:4px 4px 6px;display:block;position:relative}.pal-bond-fill{background:var(--c-gold);position:absolute;inset:0 auto 0 0}.pal-bond-track i{background:#2a2f36;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;transform:rotate(45deg);box-shadow:0 0 0 1px #ffffff47}.pal-bond-track i.lit{background:var(--c-accent);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)}.pal-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}.pal-stat{background:#ffffff0b;flex-direction:column;gap:1px;padding:8px 10px 9px;display:flex}.pal-stat .num{font-size:var(--fs-h3);color:var(--c-accent);font-weight:600;line-height:1.15}.pal-actions{flex-direction:column}.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-label{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.pal-act-why{font:400 11px/1.3 var(--font-ui);text-align:center}:lang(th) .pal-act-why{line-height:1.55}.party-solo{padding:var(--sp-4) 0}.party-solo-title{font-size:var(--fs-h3);font-weight:300;line-height:var(--lh-tight)}:lang(th) .party-solo-title{line-height:1.55}.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-gold);display:inline-flex}.party-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.party-you{border:1px solid var(--c-gold-deep);color:var(--c-accent);font:600 10px/1.6 var(--font-display);border-radius:2px;flex:none;padding:0 5px}.party-sub{align-items:center;gap:6px;display:flex}.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-2);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:1px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-chip);color:var(--c-text-2);font-size:var(--fs-small);white-space:nowrap;flex:none;padding:0 14px}.board-goal[aria-checked=true]{background:var(--c-cta);color:var(--c-cta-ink);border-color:#0000}.board-new{margin-left:auto}.party-seal{background:var(--c-vermilion);color:#fff;min-width:16px;height:16px;font:600 10px/1 var(--font-num);animation:seal .6s var(--ease-pop) 1;flex:none;place-items:center;padding:0 3px;display:grid;box-shadow:0 0 0 1px #0009,0 0 6px #c8553d99}.tabs.stacked .party-seal{position:absolute;top:4px;left:calc(50% + 8px)}.board-post.fits{box-shadow:inset 2px 0 0 var(--c-jade)}.board-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;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-side{flex-direction:column;flex:none;align-items:flex-end;gap:2px;font-size:12px;display:flex}.board-fits{color:var(--c-positive);font-size:11px}.board-left{color:var(--c-text-2)}.board-facts{margin:var(--sp-2) 0 0;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}.board-facts dd{color:var(--c-text);margin:0}.board-fits-line{color:var(--c-positive)}.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}.board-field :is(select,input){width:100%;min-height:var(--hit);border:1px solid var(--c-line-strong);border-radius:var(--r-sm);background:var(--c-bg-deep);color:var(--c-text);font:inherit;font-size:var(--fs-body);padding:0 10px}.board-field select option{background:var(--c-bg)}.merc-listed{color:var(--c-positive);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{border-radius:var(--r-sm);background:var(--c-bg-deep);flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.merc-name{text-overflow:ellipsis;white-space:nowrap;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)}.hub-top>.party-hub{pointer-events:none}.party-hub.compact{gap:var(--sp-2);justify-items:center;width:100%;display:grid}.party-hub.docked{top:var(--sp-2);right:var(--sp-4);gap:var(--sp-2);width:min(300px, max(220px, calc((100% - var(--canvas-w,360px)) / 2 - 2 * var(--sp-4))));flex-direction:column;display:flex;position:absolute}.party-hub .party-prompts{align-items:center;gap:var(--sp-2);flex-direction:column;width:100%;display:flex}.party-hub.docked .party-prompts{align-items:stretch}.party-hub.docked .party-prompt,.party-hub.docked .party-picked{max-width:none}.party-hub .party-prompt{padding:var(--sp-2) var(--sp-2) var(--sp-2) calc(var(--sp-3) + 3px);gap:6px}.party-hub.compact .party-picked-actions{flex-wrap:nowrap}.party-hub.compact .party-picked-actions>*{flex:auto;min-width:0;padding:0 10px}.party-strip{border-radius:var(--r-sm);max-width:100%;box-shadow:inset 0 0 0 1px var(--c-line);pointer-events:none;background:#060a0ea8;gap:8px;margin:0;padding:5px 8px 6px;list-style:none;display:flex}.party-strip-member{flex-direction:column;flex:0 auto;align-items:center;gap:2px;width:62px;min-width:0;display:flex}.party-strip-member .bar{align-self:stretch}.party-strip-face{display:block;position:relative}.party-strip-crown{color:var(--c-gold);filter:drop-shadow(0 0 1px #000)drop-shadow(0 0 1px #000);position:absolute;top:-4px;left:-6px}.party-strip-name{justify-content:center;max-width:100%}.party-strip-member .bar,.party-col-member .bar{flex:none;min-width:0;height:3px}.party-strip-name,.party-col-name{min-width:0;color:var(--c-text);align-items:center;gap:3px;font-size:12px;line-height:1.5;display:flex}.party-strip-name svg,.party-col-name svg{color:var(--c-gold)}.party-strip-name .hired-tag,.party-col-name .hired-tag{margin-right:0;padding:0 3px;font-size:9px}.party-strip-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:is(.party-strip-member,.party-col-member).you .party-strip-text{color:var(--c-accent)}:is(.party-strip-member,.party-col-member).away{opacity:.5}.party-strip-member.fight .party-strip-text{color:var(--c-warn)}.party-col{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--c-line);pointer-events:none;background:#060a0eb8;flex-direction:column;gap:8px;margin:0;list-style:none;display:flex}.party-col-member{align-items:center;gap:8px;display:flex}.party-col-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.party-col-name{font-weight:600;font-size:var(--fs-small)}.party-col-sub{color:var(--c-text-2);align-items:center;gap:6px;font-size:11px;line-height:1.4;display:flex}.party-picked{gap:var(--sp-2);width:100%;max-width:360px;padding:var(--sp-2) var(--sp-2) var(--sp-3) var(--sp-3);border-radius:var(--r-md);background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line-strong);pointer-events:auto;flex-direction:column;display:flex}.party-picked-head{align-items:center;gap:var(--sp-2);display:flex}.party-picked-name{white-space:nowrap;flex:1;align-items:center;gap:6px;min-width:0;line-height:1.5;display:flex;overflow:hidden}.party-picked-name b{text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.party-picked-lv{color:var(--c-text-2);flex:none;font-size:12px}.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}.gs-shop{flex-direction:column;flex:1;width:100%;max-width:1180px;min-height:0;display:flex}.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}.gs-shop-body.gs-shop-gacha{padding-bottom:0}.shell-expanded .gs-shop-body{padding-top:var(--sp-5)}.gs-shop-section{gap:var(--sp-3);flex-direction:column;display:flex}.gs-gem{color:var(--r2)}.gs-gacha-banners .segment,.gs-rates .segment{white-space:normal;flex:auto;padding:4px 10px;line-height:1.2}:lang(th) .gs-gacha-banners .segment,:lang(th) .gs-rates .segment{line-height:1.4}.gs-gems{gap:var(--sp-5);flex-direction:column;display:flex}.gs-gems-balance{align-items:center;gap:var(--sp-3) var(--sp-4);padding:var(--sp-4);border-radius:var(--r-sm);background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line);flex-wrap:wrap;display:flex}.gs-gems-balance-main{flex-direction:column;line-height:1.2;display:flex}.gs-gems-balance-main small{color:var(--c-text-3);font:600 var(--fs-micro)/1.3 var(--font-display);text-transform:uppercase;letter-spacing:var(--track-label)}:lang(th) .gs-gems-balance-main small{text-transform:none}.gs-gems-balance-main b{color:var(--c-accent);font-size:var(--fs-h2)}.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:disabled{color:var(--c-disabled-ink);border-color:var(--c-disabled)}.gs-shop-status{border-radius:var(--r-sm);box-shadow:inset 2px 0 0 var(--c-jade);font-size:var(--fs-small);background:#4e7a6c29;padding:10px 12px;line-height:1.5}:lang(th) .gs-shop-status{line-height:1.65}.gs-gems-dailies{gap:2px;margin:0;padding:0;list-style:none;display:grid}.gs-gems-dailies li{align-items:center;gap:6px var(--sp-3);background:var(--c-surface-2);border-radius:2px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name value""bar bar";padding:10px 12px;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-value{color:var(--c-text-2)}.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{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.shell-medium .gs-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shell-expanded .gs-shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gs-shop-card{gap:var(--sp-2);min-width:0;padding:var(--sp-3);background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line);clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%);flex-direction:column;display:flex}.gs-shop-art{background:var(--c-bg-deep);height:56px;color:var(--c-icon);border-radius:3px;place-items:center;display:grid}.gs-shop-name{font-size:var(--fs-small);flex:1;line-height:1.4}:lang(th) .gs-shop-name{line-height:1.65}.gs-shop-card.gs-pack .gs-shop-name{font-size:var(--fs-body);font-weight:500}.gs-shop-price{min-height:var(--hit);border-radius:var(--r-sm);background:var(--c-cta);color:var(--c-cta-ink);font-size:var(--fs-body);border:0;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.ui-root .gs-shop-price:disabled{background:var(--c-disabled);color:var(--c-disabled-ink)}.gs-shop-note{color:var(--c-text-3);font-size:var(--fs-small)}.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}.gs-gacha{gap:var(--sp-4);grid-template-columns:minmax(0,1fr);grid-template-areas:"list""banner""ctas";align-content:start;min-height:100%;display:grid}.gs-gacha-banners{grid-area:list}.gs-gacha-banner-list{margin:0;padding:0;list-style:none;display:none}.shell-expanded .gs-gacha{min-height:0;padding-bottom:var(--sp-6);grid-template-columns:240px minmax(0,1fr);grid-template-areas:"list banner""list ctas"}.shell-expanded .gs-gacha-banners .segmented{display:none}.shell-expanded .gs-gacha-banner-list{gap:var(--sp-2);display:grid}.gs-gacha-banner-list .row{background:var(--c-surface-2);min-height:64px}.gs-gacha-banner-list .row-title{font-size:var(--fs-body)}.gs-gacha-banner{gap:var(--sp-3);padding:var(--sp-6) var(--sp-5) var(--sp-5);background:var(--c-bg-deep);box-shadow:inset 0 0 0 1px #97855f73, inset 0 3px 0 var(--c-lacquer);flex-direction:column;grid-area:banner;display:flex;position:relative}.gs-gacha-title{font-weight:300;font-size:var(--fs-h2);line-height:var(--lh-tight)}:lang(th) .gs-gacha-title{line-height:1.55}.gs-gacha-hint{max-width:60ch;color:var(--c-text-2);font-size:var(--fs-small);line-height:1.5}:lang(th) .gs-gacha-hint{line-height:1.65}.gs-gacha-featured{gap:var(--sp-3);flex-wrap:wrap;display:flex}.gs-gacha-feature{flex-direction:column;align-items:center;gap:4px;width:88px;margin:0;display:flex}.gs-gacha-feature .tile{width:88px}.gs-gacha-feature figcaption{color:var(--c-text-2);text-align:center;font-size:12px;line-height:1.4}.gs-gacha-pity{gap:6px;display:grid}.gs-gacha-pity b{color:var(--c-accent);font-size:var(--fs-lead)}.gs-gacha-pity .bar{flex:none;height:4px}.gs-gacha-pity p{color:var(--c-text-2);font-size:var(--fs-small);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)}.gs-gacha-odds{min-height:var(--hit);border:1px solid var(--c-line-strong);border-radius:var(--r-pill);color:var(--c-text);font-size:var(--fs-small);background:0 0;align-self:flex-start;align-items:center;gap:6px;padding:0 14px;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;gap:8px;display:flex}.gs-small{min-height:var(--hit);font-size:var(--fs-small);padding:0 14px}.gs-gacha-ctas{z-index:1;gap:var(--sp-2);margin:0 calc(-1 * var(--sp-4));padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));background:var(--c-bg);border-top:1px solid var(--c-line);grid-area:ctas;display:flex;position:sticky;bottom:0}.shell-expanded .gs-gacha-ctas{background:0 0;border:0;justify-content:flex-end;margin:0;padding:0;position:static}.gs-gacha-cta{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:6px 16px;display:flex}.gs-gacha-cta.gs-one{background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line-strong);color:var(--c-text);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}.shell-expanded .gs-gacha-cta.gs-one{flex:none;width:190px}.shell-expanded .gs-gacha-cta.gs-ten{flex:none;width:280px}.gs-gacha-cta .display{font-size:var(--fs-lead);line-height:1.3}.gs-gacha-cta.gs-ten .display{font-size:var(--fs-h3)}:lang(th) .gs-gacha-cta .display{line-height:1.55}.gs-gacha-price{font-size:var(--fs-small);align-items:center;gap:4px;display:inline-flex}.ui-root .gs-gacha-cta:disabled{background:var(--c-disabled);color:var(--c-disabled-ink);box-shadow:none}.gs-gacha-blocked{box-shadow:inset 2px 0 0 var(--c-vermilion);font-size:var(--fs-small);background:#c8553d1f;flex:1;padding:12px;line-height:1.5}:lang(th) .gs-gacha-blocked{line-height:1.65}.gs-reveal{z-index:85;animation:sheet-fade var(--t-base);background:#050608eb;display:flex;position:fixed;inset:0;overflow-y:auto}.gs-reveal-body{align-items:center;gap:var(--sp-3);width:100%;max-width:820px;padding:calc(env(safe-area-inset-top) + var(--sp-4)) var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom));flex-direction:column;margin:auto;display:flex}.gs-reveal-skip{z-index:1;top:calc(env(safe-area-inset-top) + 12px);min-height:var(--hit);font-size:var(--fs-small);position:fixed;right:16px}.gs-reveal-seal{background:var(--c-lacquer);width:56px;height:56px;color:var(--c-paper);animation:gs-seal-stamp .36s var(--ease-pop) both;border-radius:2px;flex:none;place-items:center;display:grid;position:relative}.gs-reveal-seal.r3{box-shadow:inset 0 -3px 0 var(--r3), 0 0 44px var(--r3-glow)}.gs-reveal-seal.r2{box-shadow:inset 0 -3px 0 var(--r2), 0 0 36px var(--r2-glow)}.gs-reveal-seal.r1{box-shadow:inset 0 -3px 0 var(--r1), 0 0 28px var(--r1-glow)}.gs-reveal-seal:after{content:"";border:2px solid var(--c-lacquer);opacity:0;animation:gs-ink-burst .52s .22s var(--ease-out);border-radius:2px;position:absolute;inset:-6px}@keyframes gs-seal-stamp{0%{opacity:0;transform:scale(1.6)rotate(-8deg)}60%{opacity:1;transform:scale(.94)}}@keyframes gs-ink-burst{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.9)}}.gs-reveal-title{font-weight:300;font-size:var(--fs-h3)}.gs-reveal-grid{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}.shell-medium .gs-reveal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shell-expanded .gs-reveal-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.gs-reveal-grid.n1{grid-template-columns:minmax(0,280px);justify-content:center}.gs-reveal-item{align-items:center;gap:var(--sp-2);background:var(--c-surface);min-width:0;box-shadow:inset 0 0 0 1px var(--c-line);animation:gs-reveal-in .26s var(--ease-out) both;animation-delay:calc(.36s + var(--i,0) * 60ms);padding:4px;display:flex}.shell-expanded .gs-reveal-grid:not(.n1) .gs-reveal-item:not(.gs-companion){text-align:center;flex-direction:column;padding:10px 6px}.gs-reveal-item .tile{flex:none;width:44px}.shell-expanded .gs-reveal-item .tile{width:56px}.gs-reveal-item.gs-companion{grid-column:1/-1}.gs-reveal-item.gs-companion .tile{width:88px}.gs-reveal-item.r2{box-shadow:inset 0 0 0 1px var(--r2), 0 0 14px var(--r2-glow)}.gs-reveal-item.r3{box-shadow:inset 0 0 0 1px var(--r3), 0 0 20px var(--r3-glow)}@keyframes gs-reveal-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}.gs-reveal-text{flex-direction:column;gap:2px;min-width:0;display:flex}.shell-expanded .gs-reveal-grid:not(.n1) .gs-reveal-item:not(.gs-companion) .gs-reveal-text{align-items:center}.gs-reveal-name{font-size:var(--fs-small);overflow-wrap:anywhere;line-height:1.35}.gs-reveal-note{color:var(--c-accent);font-size:12px}.gs-reveal-done{min-width:200px}.gs-reveal.gs-shown .gs-reveal-seal,.gs-reveal.gs-shown .gs-reveal-seal:after,.gs-reveal.gs-shown .gs-reveal-item{animation:none}@media (prefers-reduced-motion:reduce){.gs-reveal,.gs-reveal *,.gs-reveal :after{animation:none!important}}.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}.shell-expanded .gs-rates-spread{grid-template-columns:repeat(2,minmax(0,1fr))}.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-pending ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.gs-rates-pending li{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-price{color:var(--c-text-2);font-size:var(--fs-small);align-items:center;gap:6px;display:inline-flex}.gs-rates-band{padding:var(--sp-3) var(--sp-3) var(--sp-2) calc(var(--sp-3) + 3px);background:var(--c-surface);box-shadow:inset 3px 0 0 var(--band,var(--c-line))}.gs-rates-band.r3{--band:var(--r3)}.gs-rates-band.r2{--band:var(--r2)}.gs-rates-band.r1{--band:var(--r1)}.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-2)}.gs-rates-items li{justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-small);border-top:1px solid #ffffff12;padding:7px 0;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 b{color:var(--c-accent);font-size:var(--fs-body)}.gs-rates-note{color:var(--c-text-2);font-size:var(--fs-small);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);flex-direction:column;align-items:center;padding:6px 0;display:flex}.gs-rates-refine small{color:var(--c-text-3);font-size:11px}.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)}.gs-rates-notice{border-radius:var(--r-pill);background:#060a0ee0;align-items:center;max-width:min(100%,440px);display:flex;box-shadow:inset 0 0 0 1px #f0a33c8c}.gs-rates-notice-open{min-width:0;min-height:var(--hit);color:var(--c-text);text-align:left;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{justify-self:center;width:100%;max-width:480px;position:relative}.chat-ticker{width:100%;min-height:var(--hit);text-align:left;background:0 0;border:0;align-items:center;padding:0;display:flex}.chat-ticker-chip{border-radius:var(--r-pill);background:var(--c-chip);width:100%;min-width:0;height:34px;box-shadow:inset 0 0 0 1px var(--c-line);color:var(--c-text-2);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:13px;line-height:1.65;display:flex;overflow:hidden}.chat-ticker-chip b{text-overflow:ellipsis;flex:none;max-width:38%;font-weight:600;overflow:hidden}.chat-ticker-glyph{color:var(--c-text-3)}.chat-ticker-text{text-overflow:ellipsis;min-width:0;color:var(--c-text);overflow:hidden}.chat-ticker-text.chat-ticker-quiet{color:var(--c-text-3)}.chat-dock .sheet-scrim{background:#05060847}.chat-sheet.sheet{gap:var(--sp-2);height:62%;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{gap:var(--sp-2);background:var(--c-surface);max-width:none;box-shadow:inset 0 0 0 1px var(--c-line);clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%);flex-direction:column;padding:10px 12px 12px;display:flex}.chat-panel .chat-lines{max-height:min(220px,28vh)}.chat-head .segment{min-height:var(--hit)}.chat-head{align-items:center;gap:var(--sp-2);display:flex}.chat-head .segmented{flex:1;min-width:0}.chat-blocked-btn{min-height:var(--hit);border-radius:var(--r-pill);background:var(--c-chip);box-shadow:inset 0 0 0 1px var(--c-line);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{background:var(--c-cta);color:var(--c-cta-ink);box-shadow:none}.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);background:var(--c-surface-2);border-radius:var(--r-sm);padding:0 4px 0 10px;display:flex}.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;gap:1px;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:5px 8px;line-height:1.65;display:block}.chat-line b{color:var(--c-text-2);font-weight:600}.chat-line.chat-line-picked{box-shadow:inset 2px 0 0 var(--c-accent);background:#c9ae7c1f}.chat-line.chat-line-announce{color:var(--c-accent)}.chat-line.chat-line-announce b{color:var(--c-gold)}@media (hover:hover) and (pointer:fine){.chat-line:is(button):not(.chat-line-picked):hover{background:#ffffff0f}}.chat-tag{vertical-align:1px;font:600 11px/16px var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:3px;align-items:center;margin-right:6px;padding:0 5px;display:inline-flex}:lang(th) .chat-tag{letter-spacing:0;text-transform:none}.chat-tag.chat-tag-world{background:var(--c-gold);color:var(--c-ink)}.chat-tag.chat-tag-party{background:var(--c-jade);color:var(--c-text)}.chat-tag.chat-tag-notice{background:var(--c-lacquer);color:var(--c-paper);padding:2px 4px}.chat-ticker-chip .chat-tag{flex:none;margin-right:0}.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-sm);box-shadow:inset 0 0 0 1px var(--c-line);background:#ffffff0d;flex-wrap:wrap;padding:8px;display:flex}.chat-actions-name{text-overflow:ellipsis;white-space:nowrap;flex:100%;min-width:0;padding:0 2px;font-weight:600;line-height:1.65;overflow:hidden}.chat-small{min-height:var(--hit);font-size:var(--fs-small);padding:0 14px}.chat-small.chat-small-danger{border-color:var(--c-vermilion);color:#f4b8a9}.chat-close{width:var(--hit);height:var(--hit);color:var(--c-text-2);background:0 0;border:0;border-radius:50%;place-items:center;margin-left:auto;display:grid}.chat-input{gap:var(--sp-2);display:flex}.chat-input input{min-width:0;height:var(--hit);border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--c-line);color:var(--c-text);font:400 var(--fs-body)/1.4 var(--font-ui);background:#00000059;border:0;flex:1;padding:0 12px}.chat-input input::placeholder{color:var(--c-text-3)}.chat-send{width:48px;height:var(--hit);border-radius:var(--r-sm);background:var(--c-cta);color:var(--c-cta-ink);border:0;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: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}@container (width>=600px){.identity-card{max-width:560px;padding:var(--sp-6) var(--sp-6) var(--sp-5);background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line), inset 0 3px 0 var(--c-lacquer);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}}.identity-head{align-items:center;gap:var(--sp-3);display:flex}.identity-seal{background:var(--c-lacquer);color:var(--c-paper);border-radius:2px;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 2px #00000029,0 0 0 1px #0006}.identity-seal.identity-seal-jade{background:var(--c-jade)}.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-rule{height:12px;color:var(--c-gold-deep);align-items:center;display:flex}.identity-rule:before{content:"";background:currentColor;flex:1;height:1px}.identity-rule:after{content:"";border:1px solid;border-left-color:#0000;border-radius:50%;width:10px;height:10px;margin-left:-2px;transform:rotate(-40deg)}.identity-body{color:var(--c-text-2)}.identity-cta{width:100%}.ui-root .identity-cta:disabled{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-underline-offset:3px;background:0 0;border:0;align-self:center;padding:0 12px;text-decoration:underline}.identity-error{border-radius:var(--r-sm);box-shadow:inset 2px 0 0 var(--c-vermilion);color:var(--c-text);font-size:var(--fs-small);background:#c8553d1f;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-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-gold);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);background:var(--c-bg-deep);box-shadow:inset 0 0 0 1px var(--c-line);color:var(--c-text);font:400 var(--fs-body)/1.4 var(--font-ui);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:0;padding:0 12px}.identity-input::placeholder{color:var(--c-text-3)}.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-5{grid-template-columns:repeat(3,minmax(0,1fr))}.identity-choice-4{grid-template-columns:repeat(4,minmax(0,1fr))}.identity-choice-channels{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}@container (width>=600px){.identity-choice{grid-template-columns:repeat(4,minmax(0,1fr))}.identity-choice-5{grid-template-columns:repeat(5,minmax(0,1fr))}.identity-choice-channels{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}}.identity-choice-item{min-width:0;min-height:var(--hit);border-radius:var(--r-sm);background:var(--c-surface-2);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}.identity-choice-item .display{overflow-wrap:anywhere;line-height:1.3}:lang(th) .identity-choice-item .display{line-height:1.55}.identity-choice-4 .identity-choice-item{flex-direction:column;gap:3px;padding:6px 2px}.identity-choice-item[aria-checked=true]{background:var(--c-cta);color:var(--c-cta-ink);box-shadow:none}@media (hover:hover) and (pointer:fine){.identity-choice-item:not([aria-checked=true]):hover{color:var(--c-text)}}.login-hero{align-items:end;gap:var(--sp-3);grid-template-columns:128px minmax(0,1fr);display:grid}.login-stage{border-radius:var(--r-sm);background:var(--c-bg-deep);width:128px;height:104px;box-shadow:inset 0 0 0 1px var(--c-line);position:relative;overflow:hidden}.login-stage:before{content:"";background:var(--c-line);height:1px;position:absolute;top:90px;left:24px;right:24px}.login-age{padding:var(--sp-3);border-radius:0 var(--r-sm) var(--r-sm) 0;box-shadow:inset 2px 0 0 var(--c-jade);background:#4e7a6c1f}.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}.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);box-shadow:inset 0 0 0 1px var(--c-line-strong), 0 6px 18px #0006;color:var(--c-text);font-size:var(--fs-small);background:#060a0ef0;align-items:center;gap:10px;padding:8px 14px;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 0 0 0 1px var(--c-gold-deep), 0 6px 18px #0006}.liveops-banner .liveops-glyph{color:var(--c-gold)}.liveops-maintenance{box-shadow:inset 0 0 0 1px #f0a33cb3,0 6px 18px #0006}.liveops-maintenance .liveops-glyph{color:var(--c-warn)}.liveops-maintenance.liveops-closing{box-shadow:inset 0 0 0 1px var(--c-vermilion), 0 6px 18px #0006}.liveops-maintenance.liveops-closing .liveops-glyph{color:var(--c-vermilion)}.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 -12px -8px -4px;display:grid}
