.isx{--ix-ink:#fff;--ix-mute:#a8a8a8;--ix-blk:#0000004d;--ix-bd:#ffffff17;--ix-line:#ffffff1f;--ix-val:#ffc27a;--ix-up:#7ee07a;--ix-dn:#ff5a82;--ix-met:#f0c000;--ix-not:#ff4f7b;--ix-bonus:#b8e04a;--ix-price:#e8a000;--ix-btn:#ffffff1a;min-width:0;color:var(--ix-ink);text-align:left;flex-direction:column;font:12.5px/1.45 Noto Sans Thai,sans-serif;display:flex}.isx.lite{--ix-ink:var(--ink,#232b3a);--ix-mute:var(--mute,#7a8090);--ix-blk:var(--white,#fdfcfa);--ix-bd:var(--line,#d8d2c4);--ix-line:var(--line,#d8d2c4);--ix-val:var(--ink,#232b3a);--ix-up:var(--up,#2f8f6a);--ix-dn:var(--down,#c8463f);--ix-met:var(--gold-d,#8e7235);--ix-not:var(--down,#c8463f);--ix-bonus:var(--up,#2f8f6a);--ix-price:var(--gold-d,#8e7235);--ix-btn:var(--slot,#e7e3da);background:var(--body,#f5f3ee)}.isx p{margin:0}.isx-head{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.isx.lite .isx-head{color:#fff;background:var(--title,#2c3547);border-radius:3px 3px 0 0;padding:10px 12px}.isx-icon{background:var(--fb,linear-gradient(#0000,#0000)) center/100% 100% no-repeat,linear-gradient(#c4c4c4,#a8a8a8);border-radius:6px;width:64px;height:64px;position:relative;box-shadow:0 2px #00000059}.isx-icon img{object-fit:contain;filter:drop-shadow(0 2px 3px #0005);width:76%;height:76%;position:absolute;inset:12%}.isx-lv{color:#fff;background:#000000b3;border-radius:3px;padding:0 4px;font:700 9.5px/14px Noto Sans Thai,sans-serif;position:absolute;bottom:3px;left:3px}.isx-title{min-width:0}.isx .pt-stars{flex-wrap:wrap;justify-content:flex-start;gap:1px;margin:0 0 2px}.isx .pt-stars .gap{width:5px}.isx .pt-star{width:11px;height:11px}.isx-name{color:#fff;overflow-wrap:anywhere;font-size:15.5px;font-weight:800;line-height:1.25}.isx-sub{color:#c8c8c8;font-size:11.5px}.isx-tools{flex-direction:column;align-self:start;align-items:flex-end;gap:4px;display:flex}.isx-tag{color:#fff;white-space:nowrap;background:#5fbf6a;border-radius:9px;padding:0 7px;font-size:10px;font-weight:700;line-height:18px}.isx-ic{cursor:help;font-size:13px;line-height:1}.isx-tools .cw-ibtn{cursor:pointer;background:#ffffff26;border:0;border-radius:4px;place-items:center;width:30px;height:30px;padding:0;display:grid}.isx-tools .cw-ibtn img{filter:brightness(0)invert();width:18px;height:18px}.isx-body{flex-direction:column;gap:6px;min-width:0;padding-top:8px;display:flex}.isx.lite .isx-body{padding:8px 10px}.isx-blk{background:var(--ix-blk);box-shadow:inset 0 0 0 1px var(--ix-bd);border-radius:5px;min-width:0;padding:7px 9px}.isx-mute{font-weight:400;color:var(--ix-mute)!important}.isx-facts{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;display:grid}.isx-fl{flex-direction:column;gap:1px;min-width:0;display:flex}.isx-fact{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.isx-fact>span{color:var(--ix-mute);white-space:nowrap}.isx-fact>b{text-align:right;overflow-wrap:anywhere;min-width:0;font-weight:600}.isx-fact>b small{color:var(--ix-mute);margin-left:5px;font-size:10.5px;font-weight:400}.isx-fact>b i{margin-left:6px;font-style:normal}.isx-fact.met>b,.isx-fact b i.met{color:var(--ix-met)}.isx-fact.not>b,.isx-fact b i.not{color:var(--ix-not)}.isx-fact.grow>b{color:#d0a808}.isx-fr{flex-direction:column;align-items:stretch;gap:4px;min-width:72px;display:flex}.isx-price{text-align:right;color:var(--ix-price);white-space:nowrap;font-size:13.5px;font-weight:800}.isx-mini{border:1px solid var(--ix-line);background:var(--ix-btn);min-height:24px;color:var(--ix-ink);white-space:nowrap;cursor:pointer;border-radius:4px;padding:0 9px;font:600 11.5px Noto Sans Thai,sans-serif}.isx-mini.on{border-color:var(--ix-met);color:var(--ix-met)}.isx-notes{border-top:1px dashed var(--ix-line);color:var(--ix-mute);flex-direction:column;grid-column:1/-1;gap:1px;padding-top:4px;font-size:11.5px;display:flex}.isx-notes .not{color:var(--ix-not);font-weight:600}.isx-stats{flex-direction:column;gap:1px;display:flex}.isx-st{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.isx-st>span{min-width:0}.isx-st>b{color:var(--ix-val);text-align:right;white-space:nowrap;font-weight:700}.isx-st.opt>span{color:var(--ix-bonus)}.isx-st.pow{border-bottom:1px dashed var(--ix-line);margin-bottom:2px;padding-bottom:3px}.isx-st.pow>b{font-size:14.5px}.isx-st.lost{opacity:.75}.isx-st.sub>span{color:var(--ix-mute)}.isx-st.bonus>span{color:var(--ix-bonus)}.isx-st.note>span{color:#6cf;font-size:11.5px}.isx.lite .isx-st.note>span{color:var(--ix-mute)}.isx-split{color:var(--ix-mute);margin-left:4px;font-size:11px;font-weight:500}.isx-dl{margin-left:4px;font-size:11.5px;font-style:normal;font-weight:700}.isx-dl.up{color:var(--ix-up)}.isx-dl.dn{color:var(--ix-dn)}.isx-tier{background:var(--ix-btn);color:var(--ix-mute);vertical-align:1px;border-radius:3px;margin-left:5px;padding:0 4px;font-size:9.5px;font-weight:700}.isx-cap{text-align:right;color:var(--ix-mute);font-size:11px;margin-top:2px!important}.isx-line{overflow-wrap:anywhere}.isx-set .isx-st>b{color:var(--ix-ink);white-space:normal}.isx-set .isx-line{font-size:12px}.isx-set .isx-line.on{color:var(--ix-bonus)}.isx-set .isx-line.off,.isx-desc .isx-flavor{color:var(--ix-mute)}.isx-desc .isx-flavor+.isx-flavor{margin-top:3px}.isx-desc .dl-k{color:#f08a4b;font-weight:700}.isx.lite .isx-desc .dl-k{color:#c25a1c}.isx-desc .isx-line.bonus{color:var(--ix-bonus)}.isx.lite :is(.isx-sock,.isx-pot){--ix-blk:#2c3547;--ix-bd:#141a25;--ix-mute:#a9b0be;color:#fff}.isx-fold{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:6px;margin:0;padding:0;font-weight:700;display:flex}button.isx-fold{cursor:pointer;min-height:24px}.isx-fold small{font-weight:400}.isx-grade{color:#1a1a1a;border-radius:3px;flex:none;place-items:center;width:16px;height:16px;font:800 10.5px/1 Noto Sans Thai,sans-serif;display:grid}.isx-chev{color:var(--ix-mute);margin-left:auto;font-style:normal}.isx-pot .isx-line{padding-left:22px}.isx-foot{z-index:1;flex-direction:column;gap:6px;padding:8px 0 0;display:flex;position:sticky;bottom:0}.isx.lite .isx-foot{padding:8px 10px calc(10px + env(safe-area-inset-bottom,0px));background:var(--body,#f5f3ee);box-shadow:0 -1px 0 var(--ix-line)}.isx-btns{flex-wrap:wrap;gap:6px;display:flex}.isx-btns .cw-btn{flex:1 1 0;min-width:72px}.isx-foot .cw-why{margin:0}.pt.pt-isx{width:332px;padding:14px 14px 12px}@media (max-width:560px){.pt.pt-isx{width:min(332px,100vw - 24px)}}.cw-bag .cw-detail:has(>.isx){background:var(--body,#f5f3ee);box-shadow:0 0 0 1px var(--line,#d8d2c4);gap:0;padding:0}.cw-detail>.isx{border-radius:3px;flex:1 0 auto;min-height:0}@media (not ((max-height:520px) and (orientation:landscape))) and (not ((max-width:699px) and (orientation:portrait))){.cw-bag .cw-detail:has(>.isx){max-height:max(260px,100dvh - 480px);overflow:auto}}.cw-detail:has(>.isx) .cw-sheetx{z-index:2}.cw-detail:has(>.isx) .cw-sheetx img{filter:brightness(0)invert()}@media (pointer:coarse){.isx-mini{min-height:34px}.isx-tools .cw-ibtn{width:36px;height:36px}}@media (min-width:1024px){.cw-detail .isx-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.cw-detail .isx-body>:not(.isx-facts,.isx-stats){grid-column:1/-1}}@media (max-height:520px) and (orientation:landscape),(max-width:699px) and (orientation:portrait){.cw-detail .isx.lite .isx-head{padding-right:calc(var(--tap,40px) + 6px)}.cw-bag .cw-detail.show:has(>.isx){padding:0}}@media (max-height:520px) and (orientation:landscape){.cw-detail .isx.lite .isx-head{grid-template-columns:48px minmax(0,1fr) auto;padding-top:8px;padding-bottom:8px}.cw-detail .isx-icon{width:48px;height:48px}.cw-detail .isx-name{font-size:14px}}.fw{--ink:#232b3a;--ink2:#4a5263;--mute:#7a8090;--body:#f5f3ee;--white:#fdfcfa;--dark:#232b3a;--title:#2c3547;--slot:#e7e3da;--orange:#ec7444;--blue:#4c84b0;--up:#2f8f6a;--down:#c8463f;--hp:#c8463f;--gold:#b8964a;--gold-d:#8e7235;--gold-soft:#f4eedd;--mint-soft:#e6f1eb;--line:#d8d2c4;--num:"Outfit","Noto Sans Thai",sans-serif;--tap:40px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);box-sizing:border-box;width:min(calc(100vw - 24px),var(--vw,1080px));height:min(calc(100dvh - 24px),var(--vh,680px));color:var(--ink);background:var(--body);-webkit-user-select:none;user-select:none;text-align:left;border-radius:4px;flex-direction:column;font:400 14px/1.5 Noto Sans Thai,Outfit,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #141a25}.fw *,.fw :before,.fw :after{box-sizing:border-box}:where(.fw) button{color:inherit;font-family:inherit}.fw img{image-rendering:pixelated}.fw p,.fw h3,.fw h4,.fw h5{margin:0}.w-overlay.fresh>.fw{animation:.2s both fw-in}@keyframes fw-in{0%{opacity:0;transform:translateY(10px)}}.fw .down{color:var(--down)!important}.fw .up{color:var(--up)}.fw .mute{color:var(--mute)}.fw .num{font-family:var(--num);font-variant-numeric:tabular-nums}.fw .rt{color:var(--rt,var(--ink))}.fw-head{color:#fff;background:var(--title);flex:none;align-items:center;gap:10px;height:46px;padding:0 0 0 10px;display:flex}.fw-face{width:34px;height:34px;image-rendering:pixelated;background:#ffffff14 50% 18%/150% no-repeat;border-radius:2px;flex:none}.fw-hicon{object-fit:contain;flex:none;width:24px;height:24px}.fw-head b{letter-spacing:.03em;white-space:nowrap;font-size:15px;font-weight:600}.fw-head small{color:#c9cfdb;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.fw-x{cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:48px;height:46px;margin-left:auto;padding:0;display:grid}.fw-x:hover{background:#ffffff14}.fw-x img{image-rendering:auto;width:14px;height:14px}.fw-main{flex-direction:column;flex:1;min-height:0;display:flex}.fw-tabs{scrollbar-width:none;flex:none;gap:2px;padding:0 10px;display:flex;overflow-x:auto}.fw-tab{min-width:96px;height:42px;color:var(--mute);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;font:500 13.5px Noto Sans Thai,sans-serif;display:flex;position:relative}.fw-tab img{object-fit:contain;width:22px;height:22px}.fw-tab.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--gold);font-weight:600}.fw-tab .n{font:600 11px var(--num);color:var(--gold-d);font-style:normal}.fw-tab .rd{background:var(--hp);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:6px}.fw-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px;display:flex;overflow:hidden}.fw-foot{background:var(--white);flex:none;align-items:center;gap:8px;min-height:58px;padding:8px 12px;display:flex}.fw-grow{flex:1;min-width:0}.fw-btn{letter-spacing:.02em;color:#fff;background:var(--title);cursor:pointer;white-space:nowrap;border:0;border-radius:2px;flex:none;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:4px 18px;font:600 14px/1.2 Noto Sans Thai,sans-serif;display:inline-flex}.fw-btn.orange{background:var(--orange)}.fw-btn.blue{background:var(--blue)}.fw-btn.white{color:var(--ink);background:var(--slot)}.fw-btn.warn{background:var(--hp)}.fw-btn:hover{filter:brightness(1.06)}.fw-btn:active{transform:translateY(1px)}.fw-btn[disabled]{background:var(--slot);color:#a8a294;cursor:default;filter:none;transform:none}.fw-btn.block{width:100%;display:flex}.fw-btn small{opacity:.85;font-weight:500}.fw-btn.xl{min-height:48px;padding:4px 26px;font-size:15.5px}.fw-btn.sm{min-height:34px;padding:2px 12px;font-size:12.5px}.fw-seg{background:var(--slot);border-radius:3px;flex-wrap:wrap;flex:none;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.fw-seg button{min-height:32px;color:var(--mute);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:2px;padding:0 14px;font:600 13px Noto Sans Thai,sans-serif}.fw-seg button.on{background:var(--dark);color:#fff}.fw-card{background:var(--white);border-radius:3px;min-width:0;padding:14px}.fw-sect{letter-spacing:.02em;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:600;display:flex}.fw-sect:before{content:"";background:var(--gold);flex:none;width:6px;height:6px;transform:rotate(45deg)}.fw-sect small{color:var(--mute);margin-left:auto;font-size:12px;font-weight:500}.fw-line{justify-content:space-between;align-items:center;gap:10px;min-height:28px;font-size:13px;display:flex}.fw-line>span{color:var(--mute);min-width:0}.fw-line>b{font:600 13.5px var(--num);text-align:right;white-space:nowrap}.fw-line>b small{font:500 11.5px var(--num);color:var(--mute);margin-left:6px}.fw-coins{background:var(--slot);min-width:92px;height:32px;color:var(--ink);white-space:nowrap;border-radius:2px;flex:none;align-items:center;gap:6px;padding:0 12px 0 8px;display:inline-flex}.fw-coins img{object-fit:contain;width:18px;height:18px}.fw-coins b{font:600 13.5px var(--num);margin-left:auto}.fw-chip{background:var(--slot);min-height:30px;color:var(--ink);white-space:nowrap;border:0;border-radius:2px;flex:none;align-items:center;gap:4px;padding:0 10px;font:500 12.5px Noto Sans Thai,sans-serif;display:inline-flex}.fw-chip b{font:600 13px var(--num)}button.fw-chip{cursor:pointer}button.fw-chip:hover:not([disabled]){background:var(--gold-soft)}button.fw-chip[disabled]{opacity:.55;cursor:default}.fw-chip.on{background:var(--dark);color:#fff}.fw-why{color:var(--down);margin:0;font-size:12.5px}.fw-tip{color:var(--mute);margin:0;font-size:12px;line-height:1.5}.fw-empty{text-align:center;color:var(--mute);margin:auto;padding:24px 8px;font-size:13px}.fw-pane{overscroll-behavior:contain;flex-direction:column;gap:12px;min-height:0;display:flex;overflow:auto}.fw-link{min-height:32px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0 4px;font:500 12.5px Noto Sans Thai,sans-serif}.fw-bar{background:var(--slot);width:100%;height:6px;overflow:hidden}.fw-bar i{background:var(--title);height:100%;display:block}.fw-bar.blue i{background:var(--blue)}.fw-in{background:var(--body);width:100%;min-width:0;height:40px;color:var(--ink);-webkit-user-select:text;user-select:text;border:0;border-radius:2px;outline:0;padding:0 12px;font:400 14px Noto Sans Thai,sans-serif}.fw-in::placeholder{color:#9a968c}.fw-in:focus{background:var(--white);box-shadow:inset 0 0 0 1px var(--gold)}textarea.fw-in{resize:none;height:auto;min-height:92px;padding:9px 12px;line-height:1.55;display:block}.fw-dialog .fw-in{background:var(--white)}.fw-tag{background:var(--slot);color:var(--mute);vertical-align:1px;border-radius:2px;margin-left:6px;padding:0 5px;font-size:10.5px;font-style:normal;font-weight:600;display:inline-block}.fw-tag.junk{color:#9a5a2e;background:#f3e9e0}.fw-tag.up{background:var(--mint-soft);color:#1f6e4e}.fw-tag.guard{background:var(--gold-soft);color:var(--gold-d)}.fw-tag.out{background:var(--up);color:#fff}.fw-sl{background:var(--slot);width:44px;height:44px;box-shadow:inset 0 -2px 0 var(--rc,transparent);border:0;border-radius:2px;flex:none;place-items:center;padding:0;display:grid;position:relative}button.fw-sl{cursor:pointer}.fw-sl img{object-fit:contain;pointer-events:none;width:34px;height:34px}.fw-sl .pl{font:600 10.5px/12px var(--num);color:var(--gold-d);position:absolute;top:1px;left:3px}.fw-sl .q{font:600 10.5px/12px var(--num);color:var(--ink);position:absolute;bottom:3px;right:3px}.fw-sl.sm{width:32px;height:32px}.fw-sl.sm img{width:24px;height:24px}.fw-sl.md{width:56px;height:56px}.fw-sl.md img{width:42px;height:42px}.fw-sl.on{background:var(--gold-soft);box-shadow:inset 0 -2px 0 var(--rc,transparent),inset 0 0 0 1px var(--gold)}.fw-sl.dim{opacity:.42}.fw-lst{flex-direction:column;gap:2px;display:flex}.fw-li{background:var(--white);width:100%;min-height:52px;color:var(--ink);font:inherit;text-align:left;border:0;border-radius:2px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 12px 4px 4px;display:grid;position:relative}button.fw-li,.fw-li[role=button]{cursor:pointer}button.fw-li:hover,.fw-li[role=button]:hover{background:#fff}.fw-li.on{box-shadow:inset 0 0 0 1px var(--gold)}.fw-li.dim{opacity:.55}.fw-li .nm2{min-width:0}.fw-li .nm2 b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.fw-li .nm2 small{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.35;display:block;overflow:hidden}.fw-li .r{font:600 12.5px var(--num);text-align:right;white-space:nowrap}.fw-li .r small{font:500 11px var(--num);color:var(--mute);display:block}.fw-ph{color:var(--mute);align-items:center;gap:6px;margin:10px 4px 4px;font-size:12px;font-weight:600;display:flex}.fw-ph:first-child{margin-top:0}.fw-ph small{font:600 11px var(--num)}.fw-dh{align-items:center;gap:12px;display:flex}.fw-dh>div{min-width:0}.fw-dh b{font-size:15px;font-weight:600;line-height:1.3;display:block}.fw-dh small{color:var(--mute);font-size:12px;display:block}.fw.dg-exit-ask{z-index:60;width:auto;max-width:none;height:auto;max-height:none;box-shadow:none;background:0 0;border:0;padding:0;display:block;position:fixed;inset:0;overflow:visible}.fw-modal{z-index:20;background:#141a25a6;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.fw-dialog{background:var(--body);border-radius:4px;flex-direction:column;gap:10px;width:min(440px,100%);max-height:100%;padding:16px;animation:.16s both fw-in;display:flex;overflow:auto;box-shadow:0 0 0 1px #141a25}.fw-dialog h3{font-size:17px;font-weight:600}.fw-dialog p{font-size:13.5px;line-height:1.55}.fw-acts{gap:8px;margin-top:4px;display:flex}.fw-acts .fw-btn{flex:1}.fw-box{background:var(--white);border-radius:2px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.fw-band{z-index:2;color:#fff;letter-spacing:.04em;border-radius:3px 3px 0 0;justify-content:center;align-items:center;gap:8px;height:30px;font-size:13.5px;font-weight:600;animation:.25s both fw-band;display:flex;position:absolute;top:0;left:0;right:0}.fw-band b{font:600 15px var(--num)}.fw-band.ok{background:var(--up)}.fw-band.no{background:var(--title)}.fw-band.info{background:var(--blue)}@keyframes fw-band{0%{opacity:0;transform:translateY(-100%)}}.smy{flex:1;grid-template-columns:252px minmax(0,1fr) 344px;gap:12px;min-height:0;display:grid}.smy.two{grid-template-columns:minmax(0,1fr) 360px}.smy.fz{grid-template-columns:252px minmax(0,1fr)}.smy-plabel{display:none}.smy-plist{gap:2px}.smy-more-port{display:none}.fw-sect.mt{margin-top:14px}.smy-plist .fw-li .r{color:var(--gold-d)}.smy-stage{background:var(--white);text-align:center;border-radius:3px;flex-direction:column;flex:none;align-items:center;gap:8px;padding:22px 16px 16px;display:flex;position:relative}.smy-stage:has(>.fw-band){padding-top:42px}.smy-stage.left{text-align:left;align-items:stretch}.smy-big{background:var(--slot);width:112px;height:112px;box-shadow:inset 0 -3px 0 var(--rc);border-radius:2px;flex:none;position:relative}.smy-big img{object-fit:contain;width:72%;height:72%;position:absolute;inset:14%}.smy-big .pl{font:600 15px var(--num);color:var(--gold-d);position:absolute;top:3px;left:6px}.smy-big.ok{animation:.4s cubic-bezier(.3,1.6,.5,1) smy-bounce}@keyframes smy-bounce{40%{transform:scale(1.12)}}.smy-plate b{font-size:16px;font-weight:600;line-height:1.3;display:block}.smy-plate small{color:var(--mute);font-size:12px}.smy-stars{gap:2px;display:flex}.smy-stars img{width:16px;height:16px}.smy-slines{text-align:left;width:100%;max-width:320px}.smy-slines .fw-line{min-height:26px}.smy-slines em{margin-left:6px;font-size:12px;font-style:normal}.smy-charge{background:var(--slot);visibility:hidden;width:132px;height:4px;overflow:hidden}.smy-charge i{background:var(--title);width:0;height:100%;display:block}.smy-stage.busy .smy-charge{visibility:visible}.smy-stage.busy .smy-charge i{animation:.7s linear forwards smy-charge}@keyframes smy-charge{to{width:100%}}@media (prefers-reduced-motion:reduce){.smy-stage.busy .smy-charge i{width:100%;animation:none}.smy-big.ok{animation:none}}.smy-act{flex-direction:column;gap:6px;display:flex}.smy-chance{align-items:baseline;gap:10px;margin:-2px 0 2px;display:flex}.smy-chance b{font:600 44px/1 var(--num)}.smy-chance span{color:var(--mute);font-size:12.5px;line-height:1.35}.smy-chance em{color:var(--gold-d);font-style:normal;display:block}.smy-cbar{background:var(--slot);height:10px;position:relative;overflow:hidden}.smy-cbar i{background:var(--title);position:absolute;top:0;bottom:0;left:0}.smy-outc{background:var(--body);border-radius:2px;flex-direction:column;gap:3px;margin-top:4px;padding:8px 10px;font-size:12.5px;line-height:1.45;display:flex}.smy-outc p{gap:6px;display:flex}.smy-outc i{flex:none;width:14px;font-style:normal;font-weight:700}.smy-outc .ok i{color:var(--up)}.smy-outc .no i,.smy-outc .avg{color:var(--mute)}.smy-hist{flex-direction:column;gap:2px;margin-top:8px;font-size:12px;display:flex}.smy-hist h4{margin:0 0 2px;font-size:12.5px;font-weight:600}.smy-hist p{color:var(--mute);font-family:var(--num);gap:8px;display:flex}.smy-hist p b{width:14px;font-weight:700}.smy-hist p b.y{color:var(--up)}.smy-hist p b.n{color:var(--mute)}.smy-rates{font-size:12px}.smy-rates summary{cursor:pointer;align-items:center;min-height:32px;font-size:12.5px;font-weight:600;list-style:none;display:flex}.smy-rates summary::-webkit-details-marker{display:none}.smy-rates summary:after{content:"▾";color:var(--mute);margin-left:6px}.smy-rates[open] summary:after{content:"▴"}.smy-rates table{border-collapse:collapse;width:100%;font-family:var(--num)}.smy-rates td,.smy-rates th{text-align:right;padding:3px 4px;font-weight:500}.smy-rates th{color:var(--mute);font-family:Noto Sans Thai,sans-serif;font-size:11px}.smy-rates td:first-child,.smy-rates th:first-child{text-align:left}.smy-rates tr.now td{background:var(--gold-soft);font-weight:600}.smy-qbar{background:var(--slot);height:6px;margin:2px 0 4px;position:relative}.smy-qbar i{background:var(--ink);width:2px;height:12px;position:absolute;top:-3px}.smy-pot{flex-direction:column;gap:2px;display:flex}.smy-pot p{font-size:13px;font-weight:600}.smy-pot p.chg{background:#fff6d6;border-radius:4px;margin-left:-6px;padding:1px 6px;box-shadow:inset 3px 0 #e8b53a}.smy-pot p.chg small{color:#8a93a3;margin-left:4px;font-weight:500}.smy-pot .unk{color:var(--mute);letter-spacing:.2em}.smy-pot h5{color:var(--mute);margin:0 0 2px;font-size:12px;font-weight:600}.smy-pot button.pl{background:var(--body);text-align:left;cursor:pointer;border:0;border-radius:2px;justify-content:space-between;gap:8px;width:100%;min-height:32px;padding:2px 8px;font:600 13px Noto Sans Thai,sans-serif;display:flex}.smy-pot button.pl.on{box-shadow:inset 0 0 0 1px var(--gold);background:var(--gold-soft)}.smy-pot button.pl small{color:var(--gold-d);font-weight:500}.smy-pgrade{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.smy-pgrade i{background:currentColor;border-radius:2px;width:10px;height:10px}.smy-isl button{align-items:center;gap:6px;display:inline-flex}.smy-isl button small{font:500 11px var(--num);color:var(--mute)}.smy-isl button.dim{opacity:.55}.smy-isl button.on.dim{opacity:.8}.smy-mat .smy-need{font:600 14px var(--num)}.smy-mat .smy-need.down{color:var(--down)}.smy-mat .smy-need.up{color:var(--up)}.smy-mat.on{background:#fff}.smy-mat .nm2 small{white-space:normal;line-height:1.4}.smy-made{justify-content:flex-start;gap:8px;margin-top:6px}.brew-bar{background:var(--slot);border-radius:3px;height:6px;margin:4px 0 2px;overflow:hidden}.brew-bar i{background:var(--up);height:100%;transition:width .4s ease-out;display:block}.brew-n{margin-top:4px}.brew-n button{min-width:52px}@media (prefers-reduced-motion:reduce){.brew-bar i{transition:none}}.smy-cmp2{text-align:left;grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.smy-cmp2>div{background:var(--body);border-radius:2px;padding:10px}.smy-cmp2>div.new{box-shadow:inset 0 0 0 1px var(--gold)}.smy-uitem{grid-template-columns:44px minmax(0,1fr) auto}.smy-uitem .nm2 small{white-space:normal}.smy-socks{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.smy-sock{width:92px;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:2px;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;display:flex;position:relative}.smy-sock img{object-fit:contain;width:52px;height:52px}.smy-sock small{color:var(--mute);font-size:11px;line-height:1.3}.smy-sock.on{box-shadow:inset 0 0 0 1px var(--gold)}.smy-sock .kd{font:600 12px/1 var(--num);color:var(--gold-d);font-style:normal;position:absolute;top:2px;right:8px}.smy-res{flex-direction:column;gap:6px;display:flex}.smy-resrow{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:4px 10px;font-size:12.5px;display:grid}.smy-resrow>b{align-items:center;gap:6px;font-weight:600;display:flex}.smy-resrow>b i{border-radius:50%;width:10px;height:10px}.smy-pips{gap:3px;display:flex}.smy-pips i{background:var(--slot);flex:1;height:6px}.smy-pips i.on{background:var(--c)}.smy-pips i.th{box-shadow:inset -2px 0 0 var(--ink)}.smy-resrow small{color:var(--mute);grid-column:2;font-size:11.5px;line-height:1.4}.smy-resrow small b{color:var(--up);font-weight:600}.smy-fuse{align-items:center;gap:10px;display:flex}.smy-fuse>b{color:var(--mute)}.smy-jdots{vertical-align:-1px;gap:3px;display:inline-flex}.smy-jdots i{width:10px;height:10px;font:700 7px/1 var(--num);color:#fff;background:#d6d0c3;border-radius:50%;place-items:center;font-style:normal;display:inline-grid}.smy-jdots i.crown{border-radius:2px}.smy-jdots i.element{border-radius:1px;transform:rotate(45deg)}.smy-dsum{align-items:center;gap:12px;display:flex}.smy-dsum b{font:600 30px/1 var(--num)}.smy-dsum img{width:44px;height:44px}.smy-durb{background:var(--slot);height:6px;margin-top:4px;display:block}.smy-durb i{background:var(--up);height:100%;display:block}.smy-durb i.mid{background:#d99a2b}.smy-durb i.low{background:var(--down)}.smy-rlist .fw-li{grid-template-columns:44px minmax(0,1fr) 76px auto}.smy-rlist .fw-li .nm2 small{white-space:normal}.smy-rlist .fw-btn{min-height:36px;padding:0 12px}.smy-craft{position:relative}.smy-craft .fw-li{grid-template-columns:44px minmax(0,1fr) auto}.smy-craft .fw-li .nm2 small{white-space:normal}.pw{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:12px;display:grid}.pw-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.pw-pc{aspect-ratio:3/4;background:var(--body);min-width:0;color:var(--ink);cursor:pointer;box-shadow:inset 0 -2px 0 var(--rc,transparent);font:inherit;border:0;border-radius:2px;flex-direction:column;align-items:center;gap:1px;padding:6px 2px 4px;display:flex;position:relative}.pw-pc img{object-fit:contain;width:52px;height:52px}.pw-pc b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11.5px;font-weight:600;overflow:hidden}.pw-pc small{font:500 10.5px var(--num);color:var(--mute)}.pw-pc.on{box-shadow:inset 0 -2px 0 var(--rc,transparent),inset 0 0 0 1px var(--gold)}.pw-pc .out{background:var(--up);color:#fff;border-radius:1px;padding:0 4px;font-size:9.5px;font-style:normal;font-weight:600;position:absolute;top:3px;left:3px}.pw-pc.empty{cursor:default;background:var(--slot);box-shadow:none}.pw-pc.empty:after{content:"";border-radius:50%;width:14px;height:14px;margin:-7px;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 1px #c9c3b5}.pw-det{flex-direction:column;gap:12px;display:flex}.pw-top{align-items:stretch;gap:14px;display:flex}.pw-stage{background:var(--slot);border-radius:2px;flex:none;place-items:end center;width:168px;height:150px;padding-bottom:16px;display:grid;position:relative;overflow:hidden}.pw-stage:after{content:"";background:var(--gold);height:1px;position:absolute;bottom:22px;left:12%;right:12%}.pw-stage img{z-index:1;object-fit:contain;width:112px;height:112px;position:relative}.pw-stage .fm{z-index:2;background:var(--dark);color:#fff;font:600 10.5px/18px var(--num);border-radius:1px;padding:0 5px;position:absolute;top:6px;left:6px}.pw-id{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pw-id .nm{align-items:center;gap:6px;min-width:0;font-size:18px;font-weight:600;display:flex}.pw-id .nm span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pw-id .nm button{background:var(--slot);cursor:pointer;border:0;border-radius:2px;flex:none;width:32px;height:32px;font-size:14px}.pw-id small{color:var(--mute);font-size:12.5px}.pw-pill{background:var(--mint-soft);color:#1f6e4e;border-radius:2px;align-self:flex-start;padding:0 6px;font-size:11.5px;font-weight:600}.pw-lv{grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;margin-top:6px;display:grid}.pw-lv b{font:600 15px var(--num)}.pw-lv .fw-bar{height:8px}.pw-lv em{font:500 11px var(--num);color:var(--mute);grid-column:2;font-style:normal}.pw-shard{background:#f2e7cf;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:4px 8px;display:flex}.pw-shard img{width:32px;height:32px}.pw-shard small{color:var(--mute)}.pe-ov{z-index:65;position:fixed;inset:0}.pe-card{text-align:center;justify-items:center;gap:6px;min-width:min(320px,80vw);padding:8px 4px 4px;display:grid;position:relative}.pe-card img{width:128px;height:128px}.pe-card b{font-size:18px}.pe-card small{color:var(--mute);max-width:320px}.pe-badge{color:#fff;background:#3e9b5b;border-radius:999px;padding:2px 12px;font-size:22px;font-style:normal;font-weight:800;position:absolute;top:0;right:8px;transform:rotate(6deg)}.pe-card.dupe .pe-badge{background:#e0612f;font-size:28px}.pe-shard{color:#b9552b;align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.pe-shard img{width:32px;height:32px}.pw-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pw-forms{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:6px;display:grid}.pw-forms span{background:var(--body);color:var(--mute);border-radius:2px;flex-direction:column;align-items:center;padding:6px 2px;font-size:11.5px;display:flex}.pw-forms span b{font:600 14px var(--num);color:var(--ink)}.pw-forms span.now{background:var(--title);color:#c9cfdb}.pw-forms span.now b{color:#fff}.pw-req{margin:6px 0 0;padding:0;font-size:12.5px;list-style:none}.pw-req li{align-items:center;gap:8px;min-height:24px;display:flex}.pw-req li i{width:14px;color:var(--hp);text-align:center;font-style:normal;font-weight:700}.pw-req li.ok i{color:var(--up)}.pw-req li img{object-fit:contain;width:20px;height:20px}.pw-req li span{font:500 11.5px var(--num);color:var(--mute);margin-left:auto}.pw-sk{grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:0;list-style:none;display:grid}.pw-sk li{background:var(--body);color:var(--mute);border-radius:2px;justify-content:space-between;gap:6px;padding:5px 8px;font-size:12.5px;display:flex}.pw-sk li.on{color:var(--ink);font-weight:600}.pw-sk li small{font:500 11px var(--num);color:var(--mute)}.pw-sk li.on small{color:var(--up)}.pw-hatch{background:var(--white);border-radius:3px;flex:none;align-items:center;gap:12px;padding:12px;display:flex}.pw-hatch img{object-fit:contain;flex:none;width:48px;height:48px}.pw-hatch p{margin:2px 0 8px;font-size:12.5px}.pw-hatch .fw-row{flex-wrap:wrap;gap:6px;display:flex}.pw-set{flex-wrap:wrap;align-items:center;gap:12px;min-height:56px;padding:8px 0;display:flex}.pw-pick{border-radius:4px;flex-wrap:wrap;align-items:center;gap:10px;margin:2px 0 6px;padding:8px 12px;font-size:13.5px;font-weight:600;display:flex}.pw-pick>span{flex:220px;min-width:0}.pw-pick.ok{background:var(--mint-soft);color:var(--up)}.pw-pick.mid{background:var(--gold-soft);color:var(--gold-d)}.pw-pick.bad{color:var(--down);background:#f8e6e3}.pw-set+.pw-set{box-shadow:0 -1px 0 var(--slot)}.pw-set>div:first-child{flex:190px;min-width:0}.pw-set b{font-size:14px;font-weight:600;display:block}.pw-set small{color:var(--mute);font-size:12px;display:block}.pw-set.lock{opacity:.55}.pw-step{flex:none;align-items:center;gap:4px;display:flex}.pw-step button{background:var(--title);color:#fff;width:40px;height:36px;font:600 16px/1 var(--num);cursor:pointer;border:0;border-radius:2px}.pw-step button[disabled]{background:var(--slot);color:#a8a294;cursor:default}.pw-step b{text-align:center;min-width:52px;font:600 15px var(--num)}.pw-chips{flex-wrap:wrap;gap:6px;display:flex}.pw-chip{background:var(--slot);min-height:34px;color:var(--ink);cursor:pointer;border:0;border-radius:2px;align-items:center;gap:5px;padding:0 10px;font:500 12.5px Noto Sans Thai,sans-serif;display:inline-flex}.pw-chip.on{background:var(--dark);color:#fff}.pw-chip img{object-fit:contain;border-radius:1px;width:20px;height:20px}.pw-chip[disabled]{cursor:default}.pw-book{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:8px;display:grid}.pw-bk{background:var(--white);text-align:center;box-shadow:inset 0 -2px 0 var(--rc);border-radius:2px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;display:flex;position:relative}.pw-bk img{object-fit:contain;width:64px;height:64px}.pw-bk:not(.have) img{filter:brightness(0)opacity(.25)}.pw-bk b{font-size:13px;font-weight:600}.pw-bk small{color:var(--mute);font-size:11.5px}.pw-bk p{margin:4px 0 0;font-size:12px;line-height:1.4}.pw-bk .how{color:var(--mute)}.pw-bk .hv{color:var(--up);font-size:10.5px;font-style:normal;font-weight:600;position:absolute;top:4px;right:5px}.pw-note{flex-direction:column;min-width:0;font-size:12.5px;line-height:1.35;display:flex}.pw-note small{color:var(--mute);font-size:11.5px}.mw{flex:1;grid-template-columns:minmax(0,1fr) 420px;gap:12px;min-height:0;display:grid}.mw-tools{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}.mw-list{flex-direction:column;gap:4px;display:flex}.mw-row{grid-template-columns:36px minmax(0,1fr) auto;min-height:58px;padding:8px 12px 8px 8px}.mw-mic{background:var(--title);border-radius:2px;place-items:center;width:36px;height:36px;display:grid;position:relative}.mw-row:not(.new) .mw-mic{background:#5a6478}.mw-mic img{object-fit:contain;width:24px;height:24px}.mw-row.new .mw-mic:after{content:"";background:var(--orange);width:9px;height:9px;box-shadow:0 0 0 2px var(--white);border-radius:50%;position:absolute;top:-2px;right:-2px}.mw-row .nm2 b{font-weight:500}.mw-row.new .nm2 b{font-weight:700}.mw-row:not(.new) .nm2 b{color:var(--ink2)}.mw-row .st{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.mw-row .st img{background:var(--title);object-fit:contain;border-radius:2px;width:24px;height:24px;padding:3px}.mw-xp{font:600 11px var(--num);color:var(--mute)}.mw-xp.soon{color:#b02532}.mw-det{background:var(--white);border-radius:3px;flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex;position:relative;overflow:auto}.mw-subj{font-size:18px;font-weight:600;line-height:1.35}.mw-meta{color:var(--mute);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;display:flex}.mw-from{color:var(--ink);align-items:center;gap:5px;font-weight:600;display:inline-flex}.mw-from .sys{background:var(--title);color:#fff;border-radius:2px;padding:0 6px;font-size:10.5px;font-weight:600;line-height:17px}.mw-body{white-space:pre-line;-webkit-user-select:text;user-select:text;word-break:break-word;font-size:14px;line-height:1.7}.mw-att{flex-direction:column;gap:4px;display:flex}.mw-att-r{background:var(--body);border-radius:2px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 10px 4px 4px;display:grid}.mw-att-r b{color:var(--rt,var(--ink));font-size:13.5px;font-weight:600;display:block}.mw-att-r small{color:var(--mute);font-size:11.5px;display:block}.mw-att-r .q{font:600 14px var(--num)}.mw-coin{background:var(--slot);border-radius:2px;place-items:center;width:44px;height:44px;display:grid}.mw-coin img{width:26px;height:26px}.mw-fee{color:#7c1e28;background:#fbe7e5;border-radius:2px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;display:flex}.mw-got{color:var(--up);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.mw-dacts{align-items:center;gap:8px;margin-top:auto;padding-top:4px;display:flex}.mw-sheet-x{z-index:2;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;display:none;position:absolute;top:4px;right:4px}.mw-sheet-x img{filter:brightness(.25);image-rendering:auto;width:16px;height:16px}.mw-w{flex:1;grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:12px;min-height:0;display:grid;overflow:auto}.mw-w label{color:var(--mute);justify-content:space-between;margin:10px 0 4px;font-size:12.5px;display:flex}.mw-w label:first-child{margin-top:0}.mw-w label b{font:500 11.5px var(--num)}.mw-picks{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.mw-picks button{background:var(--slot);cursor:pointer;border:0;border-radius:2px;min-height:32px;padding:0 10px;font:500 12.5px Noto Sans Thai,sans-serif}.mw-picks button.on{background:var(--dark);color:#fff}.mw-grid{grid-template-columns:repeat(var(--cols,8),minmax(0,1fr));align-content:start;gap:5px;display:grid}.mw-grid .fw-sl{aspect-ratio:1;width:100%;height:auto}.mw-grid .fw-sl img{width:76%;height:76%}.mw-grid .fw-sl.void{cursor:default}.mw-grid .fw-sl.void:before{content:"";background:#00000008;border-radius:1px;position:absolute;inset:38%}.chw-note{flex:none}.chw-note.on{color:var(--ink);font-weight:600}.chw-list{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.chw-row{grid-template-columns:44px minmax(0,1fr) auto;min-height:58px}.chw-no{background:var(--slot);width:44px;height:44px;color:var(--ink);font:600 16px var(--num);border-radius:2px;place-items:center;font-style:normal;display:grid}.chw-row.on .chw-no{background:var(--title);color:#fff}.chw-row.new .chw-no{background:var(--gold-soft);color:var(--gold-d);font-size:20px}.chw-row.new .nm2 b{color:var(--gold-d)}.chw-row .nm2 b{font-family:var(--num)}.chw-legend{flex-wrap:wrap;flex:none;align-items:center;gap:4px 12px;margin:0;display:flex}.chw-load{align-items:center;gap:5px;font-weight:600;display:inline-flex}.chw-dot{width:10px;height:10px;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 25%,transparent);background:currentColor;border-radius:50%;flex:none}.chw-load.low{color:#2f9e55}.chw-load.mid{color:#c48a12}.chw-load.high{color:#d9472b}.chw-load.full,.chw-load.closed{color:var(--down)}.chw-row.d-low .chw-no{box-shadow:inset 0 -4px #3fbf6a}.chw-row.d-mid .chw-no{box-shadow:inset 0 -4px #f0b429}.chw-row.d-high .chw-no,.chw-row.d-full .chw-no{box-shadow:inset 0 -4px #e5533a}.chw-row .nm2 small{align-items:center;gap:6px;margin-top:3px;display:flex}.chw-mates{color:var(--blue);font-weight:600}.chw-on{color:var(--gold-d);padding:0 6px;font-size:12.5px;font-style:normal;font-weight:600}.chw-row.full,.chw-row.closed{opacity:.7}.chw-here{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}@media (pointer:coarse){.fw .fw-btn,.fw .fw-tab,.fw button.fw-chip,.fw .fw-seg button,.fw .pw-chip,.fw .mw-picks button{min-height:var(--tap)}.fw .pw-step button{height:var(--tap)}}@media (max-width:1180px) and (min-height:521px){.smy{grid-template-columns:208px minmax(0,1fr) 292px}.smy.two{grid-template-columns:minmax(0,1fr) 300px}.smy.fz{grid-template-columns:208px minmax(0,1fr)}.pw{grid-template-columns:270px minmax(0,1fr)}.mw{grid-template-columns:minmax(0,1fr) 360px}.mw-w{grid-template-columns:minmax(0,1fr) 320px}}@media (max-height:520px) and (orientation:landscape),(max-width:760px) and (orientation:portrait){.w-overlay>.fw{width:auto;height:auto;box-shadow:none;border-radius:0;position:absolute;inset:0}}@media (max-height:520px) and (orientation:landscape){.fw-head{height:40px;padding:0 var(--sar) 0 calc(10px + var(--sal))}.fw-face{width:28px;height:28px}.fw-head b{font-size:14px}.fw-x{height:40px}.fw-main.has-tabs{flex-direction:row}.fw-main.has-tabs .fw-tabs{width:calc(76px + var(--sal));padding:4px 0 4px var(--sal);background:var(--title);flex-direction:column;gap:0;overflow:hidden auto}.fw-main.has-tabs .fw-tab{color:#c9cfdb;white-space:normal;text-align:center;flex-direction:column;gap:1px;min-width:0;height:auto;min-height:54px;padding:4px 2px;font-size:11.5px;line-height:1.2}.fw-main.has-tabs .fw-tab.on{background:var(--body);color:var(--ink);box-shadow:inset 3px 0 0 var(--gold)}.fw-main.has-tabs .fw-tab .n{display:none}.fw-body{padding:8px calc(10px + var(--sar)) 8px 10px;gap:8px}.fw-main:not(.has-tabs) .fw-body{padding-left:calc(10px + var(--sal))}.fw-foot{min-height:48px;padding:4px calc(10px + var(--sar)) calc(4px + var(--sab)) calc(10px + var(--sal));gap:6px}.fw-coins{min-width:0;height:30px}.fw-card{padding:10px}.fw-btn.xl{min-height:40px;font-size:14.5px}.fw-li{gap:8px;min-height:46px;padding:3px 8px 3px 3px}.fw-li .fw-sl{width:40px;height:40px}.fw-li .fw-sl img{width:30px;height:30px}.fw-li .nm2 b{font-size:13px}.fw-foot .opt{display:none}.smy{grid-template-columns:176px minmax(0,1fr) minmax(0,1fr);gap:8px}.smy.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.smy.fz{grid-template-columns:176px minmax(0,1fr)}.smy>*{min-height:0;overflow:auto}.smy-stage{gap:4px;padding:12px 10px 10px}.smy-big{width:64px;height:64px}.smy-big .pl{font-size:13px}.smy-stars img{width:12px;height:12px}.smy-plate b{font-size:14px}.smy-chance b{font-size:34px}.smy-sock{width:72px}.smy-sock img{width:40px;height:40px}.smy-dsum b{font-size:24px}.smy-rlist .fw-li{grid-template-columns:40px minmax(0,1fr) 60px auto}.pw{grid-template-columns:38% minmax(0,1fr);gap:8px;height:100%;min-height:0}.pw>*{height:100%;min-height:0;overflow:auto}.pw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pw-stage{width:128px;height:124px}.pw-stage img{width:88px;height:88px}.pw-cols{grid-template-columns:minmax(0,1fr)}.fw-body:has(>.pw){overflow:hidden}.mw,.mw-w{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}}@media (max-width:760px) and (orientation:portrait){.fw-head{height:calc(48px + var(--sat));padding:var(--sat) var(--sar) 0 calc(10px + var(--sal))}.fw-head small{display:none}.fw-tabs{padding:0 calc(4px + var(--sar)) 0 calc(4px + var(--sal))}.fw-tab{flex:1 0 auto;gap:4px;min-width:0;padding:0 8px}.fw-tab img{display:none}.fw-body{padding:10px calc(10px + var(--sar)) 12px calc(10px + var(--sal));overscroll-behavior:contain;overflow:auto}.fw-pane{min-height:auto;overflow:visible}.fw-foot{padding:8px calc(10px + var(--sar)) calc(8px + var(--sab)) calc(10px + var(--sal));box-shadow:0 -1px 0 var(--line);flex-wrap:wrap}.fw-foot .pri{flex:100%;min-height:48px;font-size:15.5px}.fw-foot .opt,.fw-foot .fw-why.opt{display:none}.fw-coins{min-width:0;height:30px}.smy,.smy.two,.smy.fz{flex-direction:column;flex:none;gap:10px;min-height:auto;display:flex}.smy>*{flex:none}.smy.sumtop>.fw-pane:last-child{order:-1}.smy-more-wide{display:none}.smy-more-port{display:block}.smy-plabel{color:var(--mute);margin:0 0 -4px;font-size:12px;font-weight:600;display:block}.smy-plist{scrollbar-width:none;padding-bottom:2px;overflow-y:hidden;flex-direction:row!important;gap:6px!important;overflow-x:auto!important}.smy-plist .fw-ph{display:none}.smy-plist .fw-li{background:0 0;flex:none;width:auto;min-height:0;padding:0;display:block}.smy-plist .fw-li .nm2,.smy-plist .fw-li .r{display:none}.smy-plist .fw-li .fw-sl{width:52px;height:52px}.smy-plist .fw-li .fw-sl img{width:40px;height:40px}.smy-plist .fw-li.on{box-shadow:none}.smy-plist .fw-li.on .fw-sl{box-shadow:inset 0 -2px 0 var(--rc),inset 0 0 0 1px var(--gold);background:var(--gold-soft)}.smy-stage{padding:20px 12px 14px}.smy-big{width:96px;height:96px}.smy-chance b{font-size:40px}.smy-rlist .fw-li{grid-template-columns:44px minmax(0,1fr) auto auto;gap:8px}.smy-cmp2{grid-template-columns:minmax(0,1fr)}.pw{grid-template-columns:minmax(0,1fr);gap:10px}.pw-grid{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.pw-pc{flex:none;width:72px}.pw-top{gap:10px}.pw-stage{width:120px;height:136px}.pw-stage img{width:88px;height:88px}.pw-cols,.pw-sk{grid-template-columns:minmax(0,1fr)}.pw-book{grid-template-columns:repeat(2,minmax(0,1fr))}.pw-note{display:none}.fw-foot .fw-btn{flex:auto}.mw{flex-direction:column;flex:none;min-height:auto;display:flex}.mw-det{display:none}.mw-det.show{z-index:6;max-height:86dvh;padding:18px calc(14px + var(--sar)) calc(12px + var(--sab)) calc(14px + var(--sal));border-radius:4px 4px 0 0;animation:.22s fw-sheet;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 0 0 1px #141a25,0 -100vh 0 100vh #141a2566}.mw-det.show .mw-sheet-x{display:grid}.mw-det .mw-subj{padding-right:var(--tap)}.mw-dacts .fw-btn{min-height:48px}.mw-w{flex-direction:column;flex:none;display:flex;overflow:visible}.mw-w>*{width:100%}.fw-body:has(.mw-det.show){overflow:hidden}.mw-hide-p{display:none!important}}@keyframes fw-sheet{0%{opacity:0;transform:translateY(40%)}}.av-pages{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:8px;display:flex}.av-pages button{color:#5c6470;cursor:pointer;background:#e9e4d8;border:0;border-radius:3px;min-width:34px;min-height:30px;padding:0 8px;font:600 13px Outfit,Noto Sans Thai,sans-serif}.av-pages button.on{color:#fff;background:#b8964a}.av-pages button:disabled{opacity:.4;cursor:default}@media (pointer:coarse){.av-pages button{min-width:40px;min-height:40px}}.smy-ticks{flex-wrap:wrap;gap:4px 12px;margin:0 0 6px;display:flex}.smy-tick{color:#0000;cursor:pointer;background:#fff;border:1.5px solid #b8c0cc;border-radius:4px;flex:none;place-items:center;width:22px;height:22px;font-size:14px;font-weight:800;display:inline-grid}.smy-tick.on{color:#fff;background:#ec7444;border-color:#ec7444}.smy-tick.lock{color:#fff;cursor:not-allowed;background:#2b303a;border-color:#4a5262;font-size:12px}.fw-li.ticked{background:#fff4ee}.smy-brew{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.smy-brew-n{align-items:center;gap:6px;display:flex}.smy-brew-n input{text-align:center;width:58px;min-height:30px;font:inherit;border:1px solid #d9dde5;border-radius:4px;padding:2px 6px}.wikiw .fw-body{gap:0;padding:0;overflow:hidden}.wikiw-frame{background:#0b1222;border:0;flex:1;width:100%;min-height:0;display:block}.wikiw-out{color:#f2cf86;pointer-events:auto;text-decoration:underline}.wikiw-out:hover{color:#ffe2a8}.fw.msm{--ink:#f1f3f6;--ink2:#c9cfd8;--mute:#aab2c0;--body:#353c4a;--white:#434b5a;--dark:#2c323e;--title:#2b3442;--slot:#2c323e;--orange:#f07a45;--blue:#4a86c5;--up:#5fd08a;--down:#ff6b6b;--hp:#ff6b6b;--gold:#f2c94c;--gold-d:#f2c94c;--gold-soft:#4e5767;--mint-soft:#2e4a3d;--line:#566072;--deep:#2c323e;--quiet:#4e5767;--edge:#566072;--chip:#5a6475;--star:#f2c94c;--star-off:#5a6475;scrollbar-color:#566072 transparent;scrollbar-width:thin;border-radius:8px;box-shadow:0 0 0 1px #141a25,0 14px 44px #0009}.fw.msm ::-webkit-scrollbar{width:8px;height:8px}.fw.msm ::-webkit-scrollbar-thumb{background:#566072;border-radius:4px}.fw.msm ::-webkit-scrollbar-track{background:0 0}.fw.msm .rt{color:var(--rm,var(--ink))}.fw.msm input[type=checkbox]{accent-color:var(--orange)}.fw.msm .fw-head{background:var(--title);box-shadow:inset 0 -1px #1f2632}.fw.msm .fw-head b{font-weight:700}.fw.msm .fw-face{background-color:#ffffff12;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff1f}.fw.msm .fw-tabs{gap:6px;padding:8px 12px 0}.fw.msm .fw-tab{background:var(--deep);color:#c9cfd8;min-width:0;height:36px;box-shadow:none;border-radius:6px;flex:1 1 0;padding:0 10px;font-weight:600}.fw.msm .fw-tab:hover{color:#fff;background:#3a414e}.fw.msm .fw-tab.on{background:var(--orange);color:#fff;box-shadow:0 2px #b9542a}.fw.msm .fw-tab.on:hover{background:#ff8a55}.fw.msm .fw-tab img{width:20px;height:20px}.fw.msm .fw-tab span{text-overflow:ellipsis;overflow:hidden}.fw.msm .fw-tab .rd{box-shadow:0 0 0 2px var(--deep)}.fw.msm .fw-tab.on .rd{box-shadow:0 0 0 2px var(--orange)}.fw.msm .fw-foot{background:var(--title);box-shadow:inset 0 1px #1f2632}.fw.msm .fw-btn{background:var(--quiet);color:#f1f3f6;border-radius:6px}.fw.msm .fw-btn.orange{background:var(--orange);box-shadow:0 2px #b9542a}.fw.msm .fw-btn.orange:hover:not([disabled]){filter:none;background:#ff8a55}.fw.msm .fw-btn.blue{background:var(--blue);box-shadow:0 2px #2f5e8f}.fw.msm .fw-btn.white{background:var(--quiet);color:#f1f3f6}.fw.msm .fw-btn.warn{background:#d9534f;box-shadow:0 2px #9a3330}.fw.msm .fw-btn[disabled]{color:#7c8596;box-shadow:none;background:#3a414e}.fw.msm .fw-seg{background:var(--deep);border-radius:6px;padding:3px}.fw.msm .fw-seg button{color:#c9cfd8;border-radius:5px}.fw.msm .fw-seg button.on{background:var(--orange);color:#fff}.fw.msm .fw-card{background:var(--white);box-shadow:inset 0 0 0 1px var(--edge);border-radius:6px}.fw.msm .fw-sect{font-weight:700}.fw.msm .fw-sect:before{background:var(--orange);border-radius:2px;width:4px;height:14px;transform:none}.fw.msm .fw-coins{background:var(--deep);height:32px;box-shadow:inset 0 0 0 1px var(--edge);color:var(--ink);border-radius:16px}.fw.msm .fw-chip{background:var(--chip);color:#c9cfd8;border-radius:14px}.fw.msm button.fw-chip:hover:not([disabled]){color:#fff;background:#67728a}.fw.msm .fw-chip.on{background:var(--orange);color:#fff}.fw.msm .fw-why{color:#ff8a8a}.fw.msm .fw-link{color:#8ec2ff;text-decoration-color:#8ec2ff80}.fw.msm .fw-bar{background:var(--deep);border-radius:3px}.fw.msm .fw-bar i{background:var(--orange)}.fw.msm .fw-in{background:var(--deep);color:var(--ink);box-shadow:inset 0 0 0 1px var(--edge);border-radius:6px}.fw.msm .fw-in::placeholder{color:#7c8596}.fw.msm .fw-in:focus{box-shadow:inset 0 0 0 1px var(--orange);background:#262b35}.fw.msm .fw-dialog .fw-in{background:var(--deep)}.fw.msm .fw-tag{background:var(--chip);color:#c9cfd8;border-radius:3px}.fw.msm .fw-tag.junk{color:#f2b48c;background:#5a4033}.fw.msm .fw-tag.up{color:#7fe0a4;background:#2e4a3d}.fw.msm .fw-tag.guard{color:#f2c94c;background:#4d4530}.fw.msm .fw-tag.out{color:#fff;background:#2f8f5a}.fw.msm .fw-sl{box-shadow:inset 0 0 0 2px var(--rm,#5a6475);background:linear-gradient(#262b35,#1f242d);border-radius:5px}.fw.msm .fw-sl .pl{color:var(--star);font:700 10px/13px var(--num);background:#000000b0;border-radius:3px;padding:0 3px;inset:auto 2px 2px auto}.fw.msm .fw-sl .q{color:#fff;text-shadow:0 1px #000,0 0 2px #000;bottom:2px;right:3px}.fw.msm .fw-sl:has(.pl) .q{top:2px;bottom:auto}.fw.msm .fw-sl.on{box-shadow:inset 0 0 0 2px var(--rm,#5a6475),0 0 0 2px var(--orange);background:linear-gradient(#3a414e,#2c323e)}.fw.msm .fw-lst{gap:4px}.fw.msm .fw-li{background:var(--white);border-radius:6px;box-shadow:inset 0 0 0 1px #0000}.fw.msm button.fw-li:hover,.fw.msm .fw-li[role=button]:hover{background:#4e5767}.fw.msm .fw-li.on{box-shadow:inset 0 0 0 1px var(--orange),inset 4px 0 0 var(--orange);background:#4e5767}.fw.msm .fw-li .r{color:var(--ink)}.fw.msm .fw-ph{color:var(--mute);letter-spacing:.04em}.fw.msm .fw-ph small{background:var(--deep);color:#c9cfd8;border-radius:8px;padding:0 6px}.fw.msm .fw-modal{background:#0b0f18b8}.fw.msm .fw-dialog{background:var(--body);box-shadow:0 0 0 1px var(--edge),0 12px 40px #000a;border-radius:8px}.fw.msm .fw-box{background:var(--deep);border-radius:6px}.fw.msm .fw-band{text-shadow:0 1px #0006;border-radius:6px 6px 0 0;height:32px}.fw.msm .fw-band.ok{background:linear-gradient(90deg,#2f8f5a,#3faf6e,#2f8f5a)}.fw.msm .fw-band.no{background:linear-gradient(90deg,#8a3b3b,#a84848,#8a3b3b)}.fw.msm .fw-band.info{background:var(--blue)}.fw.msm .av-pages button{background:var(--deep);color:#c9cfd8}.fw.msm .av-pages button.on{background:var(--orange);color:#fff}.fw.msm .smy-plist{gap:4px}.fw.msm .smy-plist .fw-li .r{font:700 13px var(--num);color:var(--star)}.fw.msm .smy-stage{background:var(--deep);box-shadow:inset 0 0 0 1px var(--edge);border-radius:6px}.fw.msm .smy-stage.glow{background:radial-gradient(ellipse 60% 46% at 50% 26%,color-mix(in srgb,var(--rm) 26%,transparent),transparent 72%), radial-gradient(ellipse 80% 30% at 50% 100%,#ffffff08,transparent),var(--deep)}.fw.msm .smy-stage:has(>.fw-band){padding-top:44px}.fw.msm .smy-big{width:124px;height:124px;box-shadow:inset 0 0 0 3px var(--rm,#5a6475),0 0 26px color-mix(in srgb,var(--rm,#5a6475) 45%,transparent);background:radial-gradient(circle at 50% 40%,#3a414e,#1f242d 75%);border-radius:10px}.fw.msm .smy-big .pl{color:var(--star);font:700 15px/20px var(--num);background:#000000b8;border-radius:4px;padding:0 6px;inset:auto 6px 6px auto}.fw.msm .smy-plate b{color:var(--rm,var(--ink));font-size:18px;font-weight:700}.fw.msm .smy-plate small{color:var(--mute)}.fw.msm .smy-stars{gap:3px;font-size:20px;line-height:1}.fw.msm .smy-stars i{color:var(--star-off);font-style:normal}.fw.msm .smy-stars i.on{color:var(--star);text-shadow:0 0 6px #f2c94c80}.fw.msm .smy-slines{flex-direction:column;gap:4px;max-width:360px;display:flex}.fw.msm .smy-slines .fw-line{background:#353c4a;border-radius:5px;min-height:32px;padding:0 12px}.fw.msm .smy-slines .fw-line>span{color:#c9cfd8}.fw.msm .smy-slines .fw-line>b{font-size:14.5px}.fw.msm .smy-slines em.up{color:var(--up);font-weight:700}.fw.msm .smy-charge{background:#1f242d;border-radius:3px;width:150px;height:5px}.fw.msm .smy-charge i{background:var(--orange)}.fw.msm .smy-chance{margin:2px 0 4px}.fw.msm .smy-chance b{font:800 52px/1 var(--num)}.fw.msm .smy-chance.hi b{color:#5fd08a}.fw.msm .smy-chance.mid b{color:#f2c94c}.fw.msm .smy-chance.lo b{color:#ff6b6b}.fw.msm .smy-chance em{color:var(--mute)}.fw.msm .smy-cbar{background:var(--deep);border-radius:6px;height:12px;box-shadow:inset 0 1px 2px #0008}.fw.msm .smy-cbar i{background:#f2c94c;border-radius:6px}.fw.msm .smy-cbar.hi i{background:linear-gradient(90deg,#3faf6e,#5fd08a)}.fw.msm .smy-cbar.mid i{background:linear-gradient(90deg,#d9a63a,#f2c94c)}.fw.msm .smy-cbar.lo i{background:linear-gradient(90deg,#d9534f,#ff6b6b)}.fw.msm .smy-stone{background:var(--deep);color:#c9cfd8;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;display:flex}.fw.msm .smy-stone em{color:var(--mute);font-style:normal}.fw.msm .smy-costs{flex-direction:column;gap:6px;margin-top:10px;display:flex}.fw.msm .smy-cost{background:var(--deep);box-shadow:inset 0 0 0 1px var(--edge);border-radius:20px;grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:6px 12px 6px 8px;display:grid}.fw.msm .smy-cost img{object-fit:contain;grid-row:1/3;width:30px;height:30px}.fw.msm .smy-cost span{color:var(--mute);font-size:12px;line-height:1.3}.fw.msm .smy-cost b{font:700 17px var(--num);text-align:right;grid-area:1/3/3}.fw.msm .smy-cost small{font:500 11.5px var(--num);color:var(--mute);grid-column:2;line-height:1.3}.fw.msm .smy-cost.short{box-shadow:inset 0 0 0 1px #ff6b6b99}.fw.msm .smy-cost.short small{color:#ff8a8a}.fw.msm .smy-outc{background:var(--deep);border-radius:6px;gap:5px;margin-top:10px;padding:10px 12px}.fw.msm .smy-outc .ok{color:#c9f0d8}.fw.msm .smy-outc .ok i{color:var(--up)}.fw.msm .smy-outc .no{color:#f3c9c9}.fw.msm .smy-outc .no i{color:#ff6b6b}.fw.msm .smy-outc .avg{color:var(--mute)}.fw.msm .smy-hist p b.y{color:var(--up)}.fw.msm .smy-hist p b.n{color:#ff6b6b}.fw.msm .smy-rates summary:after{color:var(--mute)}.fw.msm .smy-rates tbody tr:nth-child(odd) td{background:#3d4553}.fw.msm .smy-rates tr.now td{color:#ffd9c4;background:#5a4a3a}.fw.msm .smy-rates td:first-child{border-radius:4px 0 0 4px}.fw.msm .smy-rates td:last-child{border-radius:0 4px 4px 0}.fw.msm .smy-qbar{background:var(--deep);border-radius:3px}.fw.msm .smy-qbar i{background:#fff}.fw.msm .smy-pot p.chg{background:#4d4530;box-shadow:inset 3px 0 #f2c94c}.fw.msm .smy-pot p.chg small{color:#c9cfd8}.fw.msm .smy-pot button.pl{background:var(--deep);border-radius:5px}.fw.msm .smy-pot button.pl.on{box-shadow:inset 0 0 0 1px var(--orange);background:#4e5767}.fw.msm .smy-pot button.pl small{color:var(--star)}.fw.msm .smy-mat.on{background:#4e5767}.fw.msm .smy-cmp2>div{background:var(--deep);border-radius:6px}.fw.msm .smy-cmp2>div.new{box-shadow:inset 0 0 0 1px var(--orange)}.fw.msm .smy-brew-n input{border:1px solid var(--edge);background:var(--deep);color:var(--ink);border-radius:6px}.fw.msm .smy-sock{border-radius:6px}.fw.msm .smy-sock.on{box-shadow:inset 0 0 0 1px var(--orange);background:#4e5767}.fw.msm .smy-sock .kd{color:var(--star)}.fw.msm .smy-pips i{background:var(--deep);border-radius:2px}.fw.msm .smy-pips i.on{background:var(--c)}.fw.msm .smy-jdots i{background:#5a6475}.fw.msm .smy-durb{background:var(--deep);border-radius:3px}.fw.msm .smy-durb i{border-radius:3px}.fw.msm .smy-tick{background:var(--deep);border-color:#7c8596}.fw.msm .smy-tick.on{background:var(--orange);border-color:var(--orange)}.fw.msm .fw-li.ticked{background:#4e3e38}.fw.msm .fw-li:has(>.smy-tick){grid-template-columns:22px 44px minmax(0,1fr) auto;padding-left:10px}@media (max-height:520px) and (orientation:landscape){.fw.msm{border-radius:0}.fw.msm .fw-main.has-tabs .fw-tabs{padding:6px 6px 6px calc(6px + var(--sal));width:calc(84px + var(--sal));background:var(--title);gap:4px}.fw.msm .fw-main.has-tabs .fw-tab{background:var(--deep);color:#c9cfd8;border-radius:6px;flex:none;height:auto;min-height:50px}.fw.msm .fw-main.has-tabs .fw-tab.on{background:var(--orange);color:#fff;box-shadow:none}.fw.msm .fw-tab span{overflow:visible}.fw.msm .smy-big{width:72px;height:72px}.fw.msm .smy-big .pl{font-size:12px;line-height:16px}.fw.msm .smy-stars,.fw.msm .smy-plate b{font-size:15px}.fw.msm .smy-chance b{font-size:38px}.fw.msm .smy-costs{margin-top:6px}.fw.msm .smy-cost{padding:4px 10px 4px 6px}.fw.msm .smy-slines .fw-line{min-height:28px}}@media (max-width:760px) and (orientation:portrait){.fw.msm{border-radius:0}.fw.msm .fw-tabs{padding:8px calc(10px + var(--sar)) 0 calc(10px + var(--sal))}.fw.msm .fw-tab{flex:1 0 auto;min-width:72px;padding:0 12px}.fw.msm .fw-foot{box-shadow:inset 0 1px #1f2632}.fw.msm .smy-plabel{color:var(--mute)}.fw.msm .smy-plist .fw-li{box-shadow:none;background:0 0}.fw.msm .smy-plist .fw-li.on{box-shadow:none}.fw.msm .smy-plist .fw-li.on .fw-sl{box-shadow:inset 0 0 0 2px var(--rm),0 0 0 2px var(--orange);background:linear-gradient(#3a414e,#2c323e)}.fw.msm .smy-plist{padding:3px}.fw.msm .smy-big{width:104px;height:104px}.fw.msm .smy-chance b{font-size:46px}}.av-online{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.av-online-dot{background:#46d37a;border-radius:50%;flex:none;width:8px;height:8px;animation:2.4s ease-in-out infinite av-online-beat;box-shadow:0 0 0 2px #46d37a47}@keyframes av-online-beat{50%{box-shadow:0 0 0 4px #46d37a14}}@media (prefers-reduced-motion:reduce){.av-online-dot{animation:none}}.av-online.brand{color:#fff;background:#141a2599;border-radius:999px;margin-top:10px;padding:4px 12px;font:600 13px/1.4 Noto Sans Thai,sans-serif}.av-online.chip{border-left:1px solid #ffffff4d;margin-left:8px;padding-left:8px}.av-online.chw-online{flex:none}@media (max-width:560px){.avs.ui-v2 .v2-server .av-online.chip~i{display:none}}.pf{flex-direction:column;gap:8px;min-height:0;display:flex}.pf-mine{grid-template-columns:minmax(0,1.25fr) minmax(250px,.9fr);align-items:start;gap:12px;display:grid}.pf-mine.solo{grid-template-columns:minmax(0,1fr)}.pf-members{flex-direction:column;gap:6px;min-width:0;display:flex}.pf-n{background:#fff;min-height:22px;margin-left:auto;padding:0 9px}.pf-ask,.pf-ad{background:#f5f5f7;border-radius:7px;align-items:center;gap:8px;min-height:46px;padding:5px 8px;font-size:13px;display:grid}.pf-who{flex-direction:column;min-width:0;display:flex}.pf-who b{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;display:flex;overflow:hidden}.pf-who small{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pf-me{color:#9a5a10;background:#ffe1b8;border-radius:8px;padding:0 6px;font-size:11px;font-style:normal;font-weight:600}.pf-asks{background:#fff6e6;border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex;box-shadow:inset 0 0 0 1px #ffd59a}.pf-asks-h{color:#9a5a10;font-size:12.5px;font-weight:700}.pf-ask{background:#fff;grid-template-columns:minmax(0,1fr) auto auto auto}.pf-left{color:var(--mute);font-variant-numeric:tabular-nums;font-size:12px}.pf-set{flex-direction:column;gap:8px;min-width:0;display:flex}.pf-toggles{flex-direction:column;gap:6px;display:flex}.pf-sw{cursor:pointer;background:#f5f5f7;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;display:flex}.pf-sw.on{background:#e6f6ea;box-shadow:inset 0 0 0 1px #9fd8ae}.pf-sw input{appearance:none;cursor:pointer;background:#c5c8d0;border-radius:11px;flex:none;width:38px;height:22px;margin:0;transition:background .15s;position:relative}.pf-sw input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.pf-sw input:checked{background:#3bb365}.pf-sw input:checked:after{transform:translate(16px)}.pf-sw input:disabled{cursor:default;opacity:.7}.pf-sw input:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.pf-sw span{flex-direction:column;min-width:0;display:flex}.pf-sw b{font-size:13.5px}.pf-sw small{color:var(--mute);font-size:11.5px}.pf-field{flex-direction:column;gap:4px;font-size:12.5px;display:flex}.pf-field>span{color:var(--mute);font-weight:600}.pf-content{flex-direction:column;gap:6px;display:flex}.pf-content select,.pf-content input,.pf-range input{min-height:34px;font:inherit;color:var(--ink);background:#fff;border:1px solid #d8d8e0;border-radius:8px;min-width:0;padding:0 10px;font-size:13px}.pf-range{align-items:center;gap:6px;display:flex}.pf-range input{text-align:center;width:84px}.pf-range i{color:var(--mute);font-style:normal}.pf-recruit{border-top:1px dashed #e0e0e6;flex-direction:column;gap:4px;margin-top:2px;padding-top:8px;display:flex}.pf-recruit .w-note{text-align:center;margin:0}.pf-find{flex-direction:column;gap:8px;min-height:0;display:flex}.pf-bar{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.pf-ad{background:#f5f5f7;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) 52px auto}.pf-ad.mine{box-shadow:inset 0 0 0 2px var(--orange);background:#fff}.pf-what{flex-direction:column;gap:3px;min-width:0;display:flex}.pf-what>b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pf-tags{flex-wrap:wrap;gap:4px;display:flex}.pf-tag{color:#445;background:#e7ebf3;border-radius:9px;padding:0 7px;font-size:11.5px;font-style:normal;line-height:18px}.pf-tag.up{color:#1d7a3e;background:#d6f5df}.pf-tag.warn{color:#b23a2a;background:#ffe0dc}.pf-seats{text-align:center;color:var(--mute);font-size:13px}.pf-seats b{color:var(--ink);font-size:15px}.pf-find .w-note{margin:0}.pf-pop{flex-wrap:wrap;max-width:min(520px,100vw - 32px)}.pf-pop-t{flex-direction:column;min-width:0;padding-bottom:6px;display:flex;position:relative}.pf-pop-t small{color:var(--mute);font-size:12px}.pf-pop-bar{background:var(--orange);border-radius:2px;height:3px;transition:width 1s linear;position:absolute;bottom:0;left:0}.pf-rline{font:inherit;color:inherit;text-align:left}button.pf-rline{cursor:pointer;background:0 0;border:0;padding:0;display:inline}button.pf-rline:hover{text-decoration:underline}.pf-rask{color:#fff;background:#f28c28;border-radius:9px;margin-left:6px;padding:0 8px;font-size:11.5px;font-weight:700;line-height:18px;text-decoration:none;display:inline-block}.pf-col{flex-direction:column;gap:10px;min-width:0;display:flex}.pf-asks.inv{background:#eef5ff;box-shadow:inset 0 0 0 1px #b8d3ff}.pf-asks.inv .pf-asks-h{color:#2a5aa8}.pf-asks .pf-ask:has(.pm-face){grid-template-columns:34px minmax(0,1fr) auto auto auto}.pf-ask .pm-face{width:34px;height:34px}.pf-boost{background:linear-gradient(135deg,#fff8e8,#fff 60%);flex-direction:column;gap:6px;display:flex;box-shadow:inset 0 0 0 1px #ffd59a}.pb-head{align-items:center;gap:8px;display:flex}.pb-title{letter-spacing:.06em;text-transform:uppercase;color:#9a5a10;font:800 13px Outfit,sans-serif}.pb-title i{font-style:normal}.pb-big{color:#556;white-space:nowrap;background:#e7ebf3;border-radius:12px;margin-left:auto;padding:2px 12px;font-size:14px}.pb-big.on{color:#fff;background:linear-gradient(#ffb347,#f28c28);box-shadow:0 2px 6px #f28c2855}.pb-row{background:#ffffffc0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 8px;display:flex}.pb-l{flex-direction:column;flex:180px;min-width:0;display:flex}.pb-l b{font-size:13px}.pb-l small{color:var(--mute);font-size:12px}.pb-steps{gap:3px;display:flex}.pb-steps i{text-align:center;color:#889;background:#e7ebf3;border-radius:6px;min-width:34px;height:20px;font-size:11px;font-style:normal;font-weight:700;line-height:20px}.pb-steps i:first-child{min-width:14px}.pb-steps i.on{color:#fff;background:#3bb365}.pb-next{color:#1d7a3e;white-space:nowrap;background:#d6f5df;border-radius:9px;padding:1px 8px;font-size:11.5px;font-style:normal;font-weight:700}.pb-note{color:var(--mute);margin:0 2px;font-size:11.5px;line-height:1.45}.pb-rules summary{cursor:pointer;color:#9a5a10;font-size:12px;font-weight:700;list-style-position:inside}.pb-rules[open]{flex-direction:column;gap:4px;display:flex}.pm-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;padding:2px;display:grid}.pm-card{background:#f5f5f7;border-radius:10px;flex-direction:column;gap:6px;min-width:0;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1px #e4e4ea}.pm-card.me{background:#fffaf2;box-shadow:inset 0 0 0 1.5px #ffcf8a}.pm-card.lead{box-shadow:inset 0 0 0 1.5px #f0c060}.pm-card.off{opacity:.62}.pm-card.empty{min-height:64px;box-shadow:none;color:var(--mute);background:0 0;border:1.5px dashed #d0d0da;flex-direction:row;justify-content:center;align-items:center;gap:8px;font-size:12.5px}.pm-card.empty .pm-face{opacity:.35}.pm-top{align-items:center;gap:8px;min-width:0;display:flex}.pm-face-wrap{flex:none;position:relative}.pm-face{width:42px;height:42px;box-shadow:inset 0 0 0 2px var(--acc,#c5c8d0);background:radial-gradient(circle at 50% 35%,#fff,#e9ecf2);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.pm-face canvas{width:100%;height:100%;image-rendering:pixelated}.pm-face canvas.hide{visibility:hidden;position:absolute;inset:0}.pm-face i{font-size:20px;font-style:normal}.pm-crown{color:#e8a317;text-shadow:0 1px #fff,0 0 3px #fff;font-size:16px;font-style:normal;position:absolute;top:-8px;left:-4px}.pm-dot{background:#9aa1ad;border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:0;box-shadow:0 0 0 2px #fff}.pm-dot.on{background:#3bb365}.pm-id{flex-direction:column;min-width:0;display:flex}.pm-id b{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:14px;display:flex;overflow:hidden}.pm-id small{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pm-lv{color:#fff;background:#283444;border-radius:7px;margin-right:5px;padding:0 6px;font:700 11px/16px Outfit,sans-serif;display:inline-block}.pm-bars{flex-direction:column;gap:3px;display:flex}.pm-bar{background:#dfe2e8;border-radius:8px;align-items:center;height:15px;font:700 10.5px/15px Outfit,sans-serif;display:flex;position:relative;overflow:hidden}.pm-bar>i{border-radius:8px;transition:width .4s;position:absolute;inset:0 auto 0 0}.pm-bar.hp>i{background:linear-gradient(#ff8a7a,#e5483a)}.pm-bar.mp>i{background:linear-gradient(#7fb2ff,#3a78e5)}.pm-bar em,.pm-bar b{color:#fff;text-shadow:0 1px 1px #0006;padding:0 7px;font-style:normal;position:relative}.pm-bar b{font-variant-numeric:tabular-nums;margin-left:auto}.pm-bar.unk em,.pm-bar.unk b{color:#889;text-shadow:none}.pm-meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.pm-where{min-width:0;color:var(--mute);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pm-where.here{color:#1d7a3e}.pm-where.away{color:#b26a00}.pm-chip{white-space:nowrap;border-radius:9px;margin-left:auto;padding:0 7px;font-size:11px;font-style:normal;line-height:18px}.pm-chip.ok{color:#1d7a3e;background:#d6f5df}.pm-chip.no{color:#778;background:#eceef3}.pm-acts{flex-wrap:wrap;gap:4px;display:flex}.pm-acts .w-btn{flex:auto}.pi-pop{flex-direction:column;align-items:stretch;gap:8px;width:min(380px,100vw - 32px);padding:10px 14px 12px}.pi-head{align-items:center;gap:8px;display:flex}.pi-head b{color:#9a5a10;font-size:13px}.pi-hide{width:26px;height:22px;color:var(--ink);cursor:pointer;background:#0000000f;border:0;border-radius:6px;margin-left:auto;font-size:15px;font-weight:700;line-height:1}.pi-top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;display:grid}.pi-kind{color:#2a5aa8;background:#dbe8ff;border-radius:9px;grid-column:1/-1;justify-self:start;padding:0 8px;font-size:11px;font-weight:700;line-height:18px}.pi-top.ask .pi-kind{color:#9a5a10;background:#ffe1b8}.pi-name{overflow-wrap:anywhere;grid-column:1/-1;min-width:0;font-size:14.5px}.pi-top small{color:var(--mute);grid-column:1/-1;font-size:12px}.pi-time{background:#ececf1;border-radius:8px;align-items:center;height:16px;display:flex;position:relative;overflow:hidden}.pi-bar{background:linear-gradient(90deg,#ffb347,#f28c28);transition:width 1s linear;position:absolute;inset:0 auto 0 0}.pi-time em{color:#333;font-variant-numeric:tabular-nums;margin-left:auto;padding:0 7px;font:700 11px/16px Outfit,sans-serif;position:relative}.pi-btns{gap:6px;display:flex}.pi-rest{border-top:1px dashed #e0e0e6;flex-direction:column;gap:4px;max-height:132px;padding-top:6px;display:flex;overflow:auto}.pi-row{grid-template-columns:auto minmax(0,1fr) auto 28px 28px;align-items:center;gap:6px;font-size:12.5px;display:grid}.pi-tag{color:#2a5aa8;background:#dbe8ff;border-radius:8px;padding:0 6px;font-size:10.5px;font-style:normal;font-weight:700;line-height:16px}.pi-row.ask .pi-tag{color:#9a5a10;background:#ffe1b8}.pi-who{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.pi-who small{color:var(--mute)}.pi-left{color:var(--mute);font-variant-numeric:tabular-nums}.pi-ok,.pi-no{cursor:pointer;border:0;border-radius:6px;width:28px;height:24px;font-size:13px;font-weight:700;line-height:1}.pi-ok{color:#fff;background:#f28c28}.pi-no{color:#556;background:#e7e8ee}.pi-pill{z-index:30;color:#fff;cursor:pointer;background:linear-gradient(#ffb347,#f28c28);border:0;border-radius:16px;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:700;animation:1.6s ease-in-out infinite pi-pulse;display:flex;position:absolute;top:170px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0b1d3040}@keyframes pi-pulse{50%{box-shadow:0 4px 12px #0b1d3040,0 0 0 5px #f28c2833}}.hud-party{box-sizing:border-box;color:#fff;background:linear-gradient(#36435be8 0%,#283444e8 60%,#222c3be8 100%);border:1px solid #ffffff26;border-radius:14px;padding:6px 6px 7px;font:12px/1.3 Noto Sans Thai,sans-serif;box-shadow:0 6px 16px #0b1d3052,inset 0 1px #ffffff24}.hud-party button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;margin:0}.hud-party button:focus-visible{outline-offset:1px;outline:2px solid #ffd166}.phf-head{flex-wrap:nowrap;align-items:center;gap:5px;min-height:22px;padding:0 0 5px 5px;display:flex}.phf-title{white-space:nowrap;text-align:left;background:0 0;flex-wrap:nowrap;flex:1;align-items:center;gap:5px;min-width:0;padding:0;display:flex;font-size:12.5px!important;font-weight:700!important}.phf-tt{text-overflow:ellipsis;min-width:0;overflow:hidden}.phf-n{color:#c3cbda;flex:none;font:700 11px Outfit,sans-serif}.phf-badge{box-sizing:border-box;color:#fff;text-align:center;background:#e5483a;border-radius:8px;flex:none;min-width:16px;height:16px;padding:0 4px;font:700 10.5px/16px Outfit,sans-serif;animation:1.6s ease-in-out infinite pi-pulse}.phf-boost{white-space:nowrap;background:linear-gradient(#ffb347,#f28c28);border-radius:10px;flex:none;height:20px;padding:0 8px;box-shadow:0 1px 4px #f28c2866;color:#fff!important;font:800 10.5px/20px Outfit,sans-serif!important}.phf-boost i{margin-right:1px;font-style:normal}.phf-open{background:#ffffff1f;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;padding:0;line-height:1;display:grid;font-size:11px!important}.phf-open:hover{background:#ffffff38}.phf-list{flex-direction:column;gap:3px;display:flex}.phf-item{flex-direction:column;display:flex}.phf-row{box-sizing:border-box;text-align:left;background:#ffffff0d;border-radius:10px;flex-wrap:nowrap;align-items:center;gap:7px;width:100%;min-height:34px;padding:3px 8px 3px 4px;display:flex;box-shadow:inset 0 0 0 1px #ffffff10}.phf-row:hover,.phf-row.open{background:#ffffff1f}.phf-row.open{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.phf-row.me{background:linear-gradient(90deg,#ffb34726,#ffffff0d 75%);box-shadow:inset 0 0 0 1px #ffcf8a4d}.phf-row.off,.phf-row.dim{opacity:.55}.phf-face{flex:none;width:28px;height:28px;position:relative}.phf-face .pm-face{width:100%;height:100%;box-shadow:inset 0 0 0 1.5px var(--acc,#8a93a5);background:radial-gradient(circle at 50% 35%,#4f5d78,#1e2735)}.phf-face .pm-face i{font-size:14px}.phf-dot{background:#7a8394;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 0 2px #283444}.phf-dot.on{background:#5fd27e}.phf-body{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;display:flex}.phf-line{flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;line-height:15px;display:flex}.phf-crown{color:#ffd166;flex:none;font-size:11px;font-weight:400}.phf-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.phf-lv{color:#c3cbda;flex:none;font:700 10px/1 Outfit,sans-serif}.phf-ok{color:#ffd166;flex:none;margin-left:auto;font-size:10px;font-style:normal;line-height:1}.phf-buffs{flex:none;gap:2px;margin-left:auto;display:inline-flex}.phf-buffs img,.phf-buffs i{object-fit:contain;text-align:center;color:#7fe8d0;background:#0b1626cc;border-radius:4px;width:14px;height:14px;font-size:9px;font-style:normal;line-height:14px;box-shadow:0 0 0 1px #7fe8d0aa}.phf-buffs+.phf-ok{margin-left:0}.phf-bars{flex-flow:column;gap:2px;display:flex}.phf-bar{background:#0b16268c;border-radius:3px;height:5px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.phf-bar>i{background:linear-gradient(#ff8f80,#e5483a);border-radius:3px;height:100%;transition:width .4s;display:block}.phf-bar.mp{height:3px}.phf-bar.mp>i{background:linear-gradient(#8cbcff,#3a78e5)}.phf-bar.dead>i{width:0!important}.phf-tag{color:#aab3c2;white-space:nowrap;text-overflow:ellipsis;background:#ffffff14;border-radius:7px;align-self:flex-start;max-width:100%;padding:0 6px;font-size:10px;line-height:14px;overflow:hidden}.phf-tag.away{color:#ffcf8a}.phf-acts{background:#ffffff1f;border-radius:0 0 10px 10px;flex-wrap:wrap;gap:4px;padding:4px 4px 5px;display:flex}.phf-acts button{white-space:nowrap;background:#ffffff1f;border-radius:7px;flex:auto;min-height:24px;padding:0 8px;font-size:11px;font-weight:600}.phf-acts button:hover{background:#ffffff38}.phf-acts button:disabled{opacity:.4;cursor:default}.pf-mine div.w-empty>p{margin:0 0 10px}.phf-none{color:#aab3c2;margin:0 5px 5px;font-size:11px}.phf-acts.phf-none-acts{border-radius:10px}.phf-acts .warn{color:#ffb3a8;background:#e5483a2e}.phf-acts .warn.sure{color:#fff;background:#e5483a}@media (max-height:560px){.hud>.hud-party{width:180px;top:106px;right:214px}.hud-party .phf-row{gap:6px;min-height:31px}.hud-party .phf-face{width:24px;height:24px}.hud-party .phf-name{font-size:12px}.hud-party .phf-boost{padding:0 6px}.hud-party .phf-boost i{display:none}}@media (prefers-reduced-motion:reduce){.pi-pill,.phf-badge{animation:none}}@media (max-width:760px){.pf-mine{grid-template-columns:minmax(0,1fr)}.pf-ad{grid-template-columns:minmax(0,1fr) 44px auto}.pf-ad .pf-who{grid-column:1/-1}.pf-ask{grid-template-columns:minmax(0,1fr) auto auto}.pf-ask .pf-left{display:none}.pf-asks .pf-ask:has(.pm-face){grid-template-columns:minmax(0,1fr) auto auto}.pf-ask .pm-face{display:none}.pm-grid{grid-template-columns:minmax(0,1fr)}.pb-steps i{min-width:28px}}.ar-tab{display:contents}.ar-tab .w-note,.ar-end .w-note{color:#aab2c0}.ar-tab .dg-text{color:#c9cfd8}.ar-tab .w-btn,.ar-tab .w-btn[class*=n9-]{color:#fff;cursor:pointer;background:#4a86c5;border-width:0;border-image-source:none;border-radius:6px;min-height:36px;padding:2px 14px;font:700 13.5px/1.2 Noto Sans Thai,sans-serif;box-shadow:0 2px #2f5e8f}.ar-tab .w-btn.orange{background:#f07a45;box-shadow:0 2px #b9542a}.ar-tab .w-btn.orange:hover:not([disabled]){filter:none;background:#ff8a55}.ar-tab .w-btn.white{box-shadow:none;background:#4e5767}.ar-tab .w-btn.sm{min-height:32px;padding:0 12px;font-size:12.5px}.ar-tab .w-btn[disabled]{color:#7d8594;box-shadow:none;cursor:not-allowed;background:#3a414e}.ar-tab .ar-views{gap:6px;display:flex}.ar-tab .ar-views .w-btn{color:#c9cfd8;min-height:36px;box-shadow:none;background:#2c323e;flex:1 1 0}.ar-tab .ar-views .w-btn.blue{color:#fff;background:#f07a45;box-shadow:0 2px #b9542a}.ar-tab .dg-cover{border-radius:6px;overflow:hidden}.ar-tab .ar-card,.ar-tab .ar-season{color:#aab2c0;background:#434b5a;border:1px solid #566072;border-radius:6px}.ar-tab .ar-tier{color:#aab2c0}.ar-tab .ar-tier b{color:#f07a45}.ar-tab .ar-rating{color:#f1f3f6}.ar-tab .ar-stats{color:#aab2c0}.ar-tab .ar-stats b,.ar-tab .ar-season b{color:#f1f3f6}.ar-tab .ar-season small,.ar-tab .ar-season p{color:#aab2c0}.ar-tab .ar-room{color:#c9cfd8}.ar-tab .ar-room b{color:#f2c94c}.ar-tab .ar-room input{color:#f1f3f6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#2c323e;border:1px solid #566072;border-radius:6px;min-height:36px;padding:6px 10px}.ar-tab .ar-room input::placeholder{color:#7c8596}.ar-tab .ar-room input:focus{border-color:#f07a45;outline:0}.ar-tab .dg-rank .dg-rrow{color:#f1f3f6;background:#434b5a;border-radius:6px;height:44px;margin-bottom:4px;box-shadow:inset 0 0 0 1px #566072}.ar-tab .dg-rank .dg-rrow small{color:#aab2c0}.ar-tab .dg-rank .dg-rrow em{color:#f2c94c}.ar-tab .dg-rank .dg-rrow.me{color:#fff;background:#4a3a2e;box-shadow:inset 0 0 0 2px #f07a45}.ar-tab .ar-coins{color:#c9cfd8}.ar-tab .ar-coins b{color:#f2c94c}.ar-tab .ar-coins small{color:#aab2c0}.ar-tab .ar-srow{background:#434b5a;border:1px solid #566072;border-radius:6px}.ar-tab .ar-sname{color:#f1f3f6}.ar-tab .ar-sname small,.ar-tab .ar-slimit{color:#aab2c0}.ar-tab .ar-title{background:#2c323e;border:1px solid #566072}.ar-tab .ar-title.on{outline:2px solid #f07a45}.ar-tab .ar-rent{color:#c9cfd8}.ar-tab .ar-rent b{color:#f2c94c}.ar-end .dg-info{color:#c9cfd8}.ar-end .dg-info>span{background:#2c323e;box-shadow:inset 0 0 0 1px #566072}.ar-end .dg-info b,.ar-end .ar-delta{color:#f1f3f6}.ar-end .ar-delta .up{color:#5fd08a}.ar-end .ar-delta .down{color:#ff6b6b}.ar-end .w-body{padding:12px}.ar-end .w-foot{border-top-color:#566072}.w-pop.pi-pop{color:#f1f3f6;background:#353c4a;border-radius:8px;box-shadow:0 0 0 1px #141a25,0 10px 28px #0009}.pi-pop .pi-head b{color:#f2c94c}.pi-pop .pi-hide{color:#fff;background:#4e5767}.pi-pop .pi-kind,.pi-pop .pi-tag{color:#8ec2ff;background:#24364f}.pi-pop .pi-top.ask .pi-kind,.pi-pop .pi-row.ask .pi-tag{color:#ffb98a;background:#4a3a2e}.pi-pop .pi-top small,.pi-pop .pi-who small,.pi-pop .pi-left{color:#aab2c0}.pi-pop .pi-time{background:#2c323e;box-shadow:inset 0 0 0 1px #566072}.pi-pop .pi-bar{background:#f07a45}.pi-pop .pi-time em{color:#fff;text-shadow:0 1px 1px #000}.pi-pop .pi-rest{border-top-color:#566072}.pi-pop .pi-ok{background:#f07a45}.pi-pop .pi-no{color:#fff;background:#4e5767}.pi-pop .w-btn,.pi-pop .w-btn[class*=n9-]{color:#fff;cursor:pointer;background:#4a86c5;border-width:0;border-image-source:none;border-radius:6px;min-height:36px;padding:2px 14px;font:700 13.5px/1.2 Noto Sans Thai,sans-serif;box-shadow:0 2px #2f5e8f}.pi-pop .w-btn.orange{background:#f07a45;box-shadow:0 2px #b9542a}.pi-pop .w-btn.orange:hover{filter:none;background:#ff8a55}.pi-pop .w-btn.white{box-shadow:none;background:#4e5767}.pi-pill.game-ui{background:#f07a45;box-shadow:0 2px #b9542a,0 4px 12px #0006}.hud-event.ev-msm,.hud-event.ev-msm[class*=n9-]{background:#2b3442e6;border-width:0;border-image-source:none;border-radius:6px;padding:6px 14px;box-shadow:0 0 0 1px #566072,0 4px 12px #0006}.hud-event.ev-msm b{color:#f2c94c}.job-tag{border:1px solid color-mix(in srgb, var(--acc,#f4c95d) 85%, #fff);background:color-mix(in srgb, var(--acc,#f4c95d) 38%, #141a28);color:#fff;text-overflow:ellipsis;text-shadow:0 1px 1px #0000008c;vertical-align:middle;white-space:nowrap;border-radius:.7em;max-width:100%;margin:0 .25em;padding:0 .45em;font-size:.82em;font-style:normal;font-weight:700;line-height:1.4;display:inline-block;overflow:hidden}.job-tag.t2{box-shadow:0 0 6px color-mix(in srgb, var(--acc,#f4c95d) 70%, transparent)}.job-tag.sm{margin:0 .15em;padding:0 .35em;font-size:.72em}.phf-line .job-tag{flex:0 2 auto;min-width:2.4em;font-size:9.5px}.rq-panel{flex-direction:column;gap:8px;min-height:0;display:flex}.rq-tabs{flex-wrap:wrap;gap:6px;display:flex}.rq-tab{color:#c9cfd8;cursor:pointer;background:#5a6475;border:0;border-radius:17px;align-items:center;gap:6px;min-height:34px;padding:0 14px;font:700 13px/1 Noto Sans Thai,sans-serif;display:inline-flex}.rq-tab.on{color:#fff;background:#f07a45}.rq-tab em{box-sizing:border-box;color:#fff;text-align:center;background:#e5484d;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font:700 11px/18px sans-serif}.rq-tab.on em{color:#c2522a;background:#fff}.rq-list{flex-direction:column;gap:6px;max-height:min(420px,100vh - 260px);padding-right:2px;display:flex;overflow:auto}.rq-empty{text-align:center;color:#aab2c0;margin:24px 0}.rq-row{background:#434b5a;border-radius:6px;grid-template-columns:56px minmax(0,1fr) minmax(0,1.2fr) 206px;align-items:center;gap:10px;padding:8px 10px;display:grid;box-shadow:inset 0 0 0 1px #566072}.rq-row.missed{background:#3a404c;box-shadow:inset 0 0 0 1px #4a5262}.rq-tag{color:#8ec2ff;white-space:nowrap;background:#24364f;border-radius:10px;justify-self:start;padding:0 8px;font-size:11px;font-weight:700;line-height:20px}.rq-tag.party{color:#7fe0a8;background:#2e4a3a}.rq-tag.guild{color:#ffb98a;background:#4a3a2e}.rq-row.missed .rq-tag{color:#c9cfd8;background:#4e5767}.rq-who{flex-direction:column;min-width:0;display:flex}.rq-who b{color:#f1f3f6;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.rq-who small,.rq-what small{color:#aab2c0;font-size:12px}.rq-what{color:#f1f3f6;flex-direction:column;min-width:0;font-size:13px;display:flex}.rq-what span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rq-row.missed .rq-what span{color:#c9cfd8}.rq-btns{justify-content:flex-end;align-items:center;gap:6px;display:flex}.rq-panel .w-btn,.rq-panel .w-btn[class*=n9-]{color:#fff;min-height:34px;box-shadow:none;background:#4e5767;border-width:0;border-image-source:none;border-radius:6px;padding:2px 14px;font:700 13px/1.2 Noto Sans Thai,sans-serif}.rq-panel .w-btn.orange{background:#f07a45;box-shadow:0 2px #b9542a}.rq-panel .w-btn.orange:hover{filter:none;background:#ff8a55}.rq-panel .w-btn:disabled{opacity:.55}.rq-x{color:#aab2c0;cursor:pointer;background:#2c323e;border:0;border-radius:6px;width:30px;height:30px;font-weight:700}.rq-note{color:#aab2c0;margin:0;font-size:12px}.rq-chip{z-index:31;color:#f1f3f6;cursor:pointer;background:#2b3442f0;border:0;border-radius:17px;align-items:center;gap:8px;min-height:34px;padding:4px 16px 4px 6px;font:700 13px/1.2 Noto Sans Thai,sans-serif;animation:1.8s ease-in-out infinite rq-pulse;display:flex;position:absolute;top:132px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #f07a45,0 4px 12px #0007}.rq-chip-ic{color:#fff;background:#f07a45;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;font-style:normal;display:grid}@keyframes rq-pulse{50%{box-shadow:0 0 0 1px #f07a45,0 0 0 5px #f07a4533,0 4px 12px #0007}}@media (prefers-reduced-motion:reduce){.rq-chip{animation:none}}@media (max-height:560px),(max-width:760px){.rq-row{grid-template-columns:auto minmax(0,1fr) auto;gap:2px 8px;padding:5px 8px}.rq-tag{grid-area:1/1/3;align-self:center}.rq-who{flex-direction:row;grid-area:1/2;align-items:baseline;gap:6px}.rq-what{flex-direction:row;grid-area:2/2;align-items:baseline;gap:6px}.rq-what small{white-space:nowrap}.rq-btns{grid-area:1/3/3}.rq-panel .w-btn,.rq-x{min-height:40px}.rq-x{width:40px}.rq-tab{min-height:40px}.rq-note{display:none}.rq-chip{min-height:40px;top:76px}.rq-list{max-height:calc(100vh - 110px)}}.hud :is(.hud-shop,.hud-menu) .hud-tile .hud-dot.n{box-sizing:border-box;color:#fff;text-align:center;border-radius:9px;width:auto;min-width:18px;height:18px;padding:0 4px;font:700 11px/18px sans-serif;top:-5px;right:0}.rq-tag.arena{color:#ff9fc2;background:#4a2e3e}.w-pop.rq-arena-pop{color:#f1f3f6;background:#353c4a;border-radius:8px;top:206px;box-shadow:0 0 0 1px #f07a45,0 10px 28px #0009}.rq-arena-pop b{color:#f1f3f6}.rq-arena-pop small{color:#aab2c0;font-size:12px}.rq-arena-pop .w-btn,.rq-arena-pop .w-btn[class*=n9-]{color:#fff;min-height:36px;box-shadow:none;background:#4e5767;border-width:0;border-image-source:none;border-radius:6px;padding:2px 14px;font:700 13.5px/1.2 Noto Sans Thai,sans-serif}.rq-arena-pop .w-btn.orange{background:#f07a45;box-shadow:0 2px #b9542a}@media (max-height:560px),(max-width:760px){.w-pop.rq-arena-pop{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 32px);top:122px}.rq-arena-pop .w-btn{min-height:40px}}.rq-astat{color:#aab2c0;margin-top:4px;font-size:12.5px;font-weight:700;display:block}.rq-astat.ok{color:#5fd08a}.rq-astat.no{color:#ff6b6b}.w-win.ks-win{--ink:#232b3a;--mute:#7a8090;--body:#f5f3ee;--white:#fdfcfa;--dark:#232b3a;--title:#2c3547;--slot:#e7e3da;--line:#d8d2c4;--orange:#ec7444;--blue:#4c84b0;--up:#2f8f6a;--hp:#c8463f;--gold:#b8964a;--gold-d:#8e7235;--gold-soft:#f4eedd;--mint-soft:#e6f1eb;--num:"Outfit","Noto Sans Thai",sans-serif;--tap:40px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);width:min(100%,var(--ww,880px));max-height:calc(100dvh - 24px);color:var(--ink);background:var(--body);filter:none;border-radius:4px;flex-direction:column;font:400 14px/1.45 Noto Sans Thai,Outfit,sans-serif;display:flex;overflow:hidden;box-shadow:0 0 0 1px #141a25}.ks-win button{font-family:inherit}.ks-win img{image-rendering:pixelated}.ks-head{background:var(--title);color:#fff;flex:none;align-items:center;gap:10px;min-height:46px;padding:6px 12px;display:flex}.ks-head h2{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:600;overflow:hidden}.ks-hicon{object-fit:contain;flex:none;width:26px;height:26px}.ks-win .w-x.ks-x{cursor:pointer;background:#ffffff14;border:0;border-radius:2px;flex:none;place-items:center;width:32px;height:32px;margin-left:auto;padding:0;display:grid}.ks-win .w-x.ks-x:hover{background:#ffffff26}.ks-win .w-x.ks-x img{visibility:visible;width:14px;height:14px}.ks-main{flex-direction:column;flex:1;min-height:0;display:flex}.ks-tabs{background:var(--dark);scrollbar-width:none;flex:none;gap:2px;padding:8px 10px 0;display:flex;overflow-x:auto}.ks-tabs::-webkit-scrollbar{display:none}.ks-tabs:after{content:"";flex:none;width:2px}.ks-tab{color:#c9cfdb;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;align-items:center;gap:6px;height:42px;padding:0 14px;font-size:13.5px;font-weight:500;display:flex}.ks-tab:hover{color:#fff}.ks-tab.on{background:var(--body);color:var(--ink);box-shadow:inset 0 2px 0 var(--gold);font-weight:600}.ks-tab img{object-fit:contain;image-rendering:auto;flex:none;width:24px;height:24px}.ks-tab.on img:not(.px){filter:brightness(.25)}.ks-tab img.px{image-rendering:pixelated}.ks-tab:focus-visible{outline:1px solid var(--gold);outline-offset:-3px}.ks-body{overscroll-behavior:contain;flex:1;min-height:0;padding:12px;overflow:auto}.ks-cols{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.ks-bx{background:var(--white);border-radius:3px;min-width:0;padding:12px}.ks-sect{letter-spacing:.02em;color:var(--ink);align-items:center;gap:8px;margin:0 0 8px;font-size:15px;font-weight:600;display:flex}.ks-sect:before{content:"";background:var(--gold);flex:none;width:6px;height:6px;transform:rotate(45deg)}.ks-sect small{letter-spacing:0;color:var(--mute);text-align:right;margin-left:auto;font-size:12px;font-weight:500}.ks-row{align-items:center;gap:12px;min-height:52px;padding:6px 0;display:flex}.ks-row+.ks-row{box-shadow:0 -1px 0 var(--slot)}.ks-rt{flex:1;min-width:0}.ks-rt b{font-size:14px;font-weight:600;display:block}.ks-rt small{color:var(--mute);font-size:12px;line-height:1.4;display:block}.ks-row.wide{flex-wrap:wrap}.ks-row.wide>.ks-rt{flex:190px}.ks-row.stack{display:block}.ks-val{min-width:42px;font:600 13px var(--num);text-align:right;flex:none}.ks-ch{background:var(--slot);color:var(--ink);vertical-align:1px;border-radius:1px;margin-left:6px;padding:0 5px;font-size:10.5px;font-weight:600;display:inline-block}.ks-win .ks-mute{color:var(--mute);margin:6px 0 0;font-size:12px;line-height:1.45}.ks-grow{flex:1;min-width:0}.ks-btns{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ks-win kbd{background:var(--slot);min-width:28px;color:var(--ink);font:600 12px var(--num);text-align:center;white-space:nowrap;border-radius:2px;padding:2px 6px;display:inline-block}.w-win.ks-win select{background:var(--slot);min-width:92px;height:36px;color:var(--ink);font:600 13px var(--num);cursor:pointer;border:0;border-radius:2px;padding:0 8px}.w-win.ks-win select:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.w-win.ks-win .ks-cap{background:var(--slot);min-width:92px;height:36px;color:var(--ink);font:600 13px var(--num);cursor:pointer;border:0;border-radius:2px;padding:0 10px}.w-win.ks-win .ks-cap.on{background:var(--gold);color:#1b1408;animation:1s ease-in-out infinite alternate ks-cap}.w-win.ks-win .ks-cap:focus-visible{outline:1px solid var(--gold);outline-offset:2px}@keyframes ks-cap{to{filter:brightness(1.25)}}.ks-said{z-index:1;background:var(--white);box-shadow:0 1px 0 var(--line);min-height:18px;color:var(--mute);padding:4px 0 6px;font-size:12.5px;line-height:1.4;position:sticky;top:0}.ks-lnk{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:500;display:inline;position:relative}.ks-lnk:after{content:"";position:absolute;inset:-12px -6px}.ks-pill{color:var(--mute);align-items:center;margin-left:6px;padding:0 2px;font-size:11.5px;font-weight:600;display:inline-flex}.ks-pill.up{color:var(--up)}.ks-pill.hot{color:var(--hp)}.ks-sw{background:var(--slot);cursor:pointer;border:0;border-radius:2px;flex:none;width:46px;height:26px;padding:0;position:relative}.ks-sw:before{content:"";position:absolute;inset:-9px -4px}.ks-sw:after{content:"";background:#fff;border-radius:1px;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px #0003}.ks-sw.on{background:var(--title)}.ks-sw.on:after{transform:translate(20px)}.ks-sw:disabled{opacity:.45;cursor:default}.ks-sw:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.ks-seg{background:var(--slot);border-radius:2px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.ks-seg button{min-height:30px;color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:1px;padding:0 14px;font-size:13px;font-weight:600}.ks-seg button:hover:not(:disabled):not(.on){color:var(--ink)}.ks-seg button.on{background:var(--dark);color:#fff}.ks-seg button:disabled{opacity:.45;cursor:default}.ks-seg button:focus-visible{outline:1px solid var(--gold);outline-offset:1px}.ks-seg.chips{background:0 0;gap:6px;padding:0}.ks-seg.chips button{background:var(--slot);min-height:34px;color:var(--ink);border-radius:2px;padding:0 10px;font-size:12.5px;font-weight:500}.ks-seg.chips button.on{background:var(--dark);color:#fff}.ks-sl{--th:14px;flex:none;width:180px;height:40px;position:relative}.ks-sl:before{content:"";background:var(--slot);pointer-events:none;border-radius:1px;height:6px;position:absolute;top:17px;left:0;right:0}.ks-sl>i{height:6px;width:calc(var(--p) * (100% - var(--th)) + var(--th) / 2);background:var(--title);pointer-events:none;position:absolute;top:17px;left:0}.ks-sl input{appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.ks-sl input::-webkit-slider-runnable-track{background:0 0;border:0;height:40px}.ks-sl input::-webkit-slider-thumb{appearance:none;width:var(--th);background:var(--title);height:22px;box-shadow:inset 0 0 0 2px var(--white);border:0;border-radius:2px;margin-top:9px}.ks-sl input::-moz-range-track{background:0 0;border:0;height:40px}.ks-sl input::-moz-range-thumb{width:var(--th);background:var(--title);height:22px;box-shadow:inset 0 0 0 2px var(--white);border:0;border-radius:2px}.ks-sl input:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.ks-sl.off{opacity:.45}.ks-sl.off input{cursor:default}.ks-btn{background:var(--blue);color:#fff;white-space:nowrap;cursor:pointer;border:0;border-radius:2px;flex:none;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.ks-btn:hover{filter:brightness(1.06)}.ks-btn:active{transform:translateY(1px)}.ks-btn.orange{background:var(--orange);box-shadow:inset 0 -1px #0003}.ks-btn.white{background:var(--slot);color:var(--ink)}.ks-btn.sm{min-height:30px;padding:0 12px;font-size:12.5px}.ks-btn:disabled{background:var(--slot);color:#a8a294;filter:none;cursor:default}.ks-btn:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.ks-act{background:var(--white);flex:none;align-items:center;gap:8px;min-height:60px;padding:8px 12px;display:flex}.ks-note{flex-direction:column;min-width:0;font-size:12.5px;line-height:1.35;display:flex}.ks-note b{font-weight:700}.ks-note small{color:var(--mute);font-size:11.5px}.ks-link{color:#2f6fd0;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.ks-warn{color:#7a5600;background:#fff4c8;border-radius:6px;margin:2px 0 6px;padding:6px 10px;font-size:12.5px}.ks-qual{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:4px 0 6px;display:grid}.ks-qual button{background:var(--body);min-height:64px;color:var(--ink);cursor:pointer;overflow-wrap:anywhere;text-align:center;border:0;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:6px 4px;font-size:13px;font-weight:600;display:flex}.ks-qual button small{color:var(--mute);text-align:center;font-size:10.5px;font-weight:400;line-height:1.25}.ks-qual button.on{background:var(--dark);color:#fff}.ks-qual button.on small{color:#c9cfdb}.ks-qual button:focus-visible,.ks-ofx button:focus-visible,.ks-lay button:focus-visible,.ks-skl button:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.ks-ofx{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ks-ofx>button{background:var(--body);min-width:0;color:var(--ink);text-align:left;cursor:pointer;border:0;border-radius:2px;flex-direction:column;gap:6px;padding:8px;display:flex}.ks-ofx>button.on{background:var(--white);box-shadow:inset 0 0 0 1px var(--gold)}.ks-ofx>button>b{font-size:14px;font-weight:600}.ks-ofx>button>small{color:var(--mute);font-size:11.5px;line-height:1.35}.ks-doll{background:var(--slot);pointer-events:none;border-radius:2px;justify-content:center;align-items:flex-end;gap:4px;height:128px;display:flex;position:relative;overflow:hidden}.ks-doll canvas{width:96px;height:112px;image-rendering:pixelated;display:block}.ks-doll .other{display:block;position:relative}.ks-doll .wings{opacity:.8;width:96px;height:60px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.ks-doll.dim .wings{opacity:.48;transform:translate(-50%)scale(.8)}.ks-doll .wings canvas{width:96px;height:60px}.ks-keys{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.ks-keys .ks-row{min-height:44px}.ks-keys .ks-row:nth-child(2){box-shadow:none}.ks-lay{gap:8px;display:flex}.ks-lay button{background:var(--body);width:116px;color:var(--ink);cursor:pointer;border:0;border-radius:2px;flex-direction:column;align-items:center;gap:4px;padding:8px;font-size:12.5px;font-weight:600;display:flex}.ks-lay button.on{background:var(--white);box-shadow:inset 0 0 0 1px var(--gold)}.ks-lay .pv{background:#b9c3d4;border-radius:2px;width:96px;height:58px;position:relative}.ks-lay .pv i{background:var(--title);border-radius:50%;width:14px;height:14px;position:absolute}.ks-lay .pv i.a{width:22px;height:22px}.ks-acct{align-items:center;gap:12px;display:flex}.ks-acct .av{width:64px;height:64px;image-rendering:pixelated;background:#3b4a60;border-radius:2px;flex:none}.ks-acct b{font-size:16px;font-weight:600;display:block}.ks-acct small{color:var(--mute);font-size:12px;display:block}.ks-acct small.uid{font:500 11.5px var(--num);word-break:break-all;-webkit-user-select:text;user-select:text}.ks-guest{background:var(--body);border-radius:3px;margin-top:10px;padding:10px 12px;font-size:12.5px}.ks-au{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px;display:grid}.ks-col{flex-direction:column;gap:10px;min-width:0;display:flex}.ks-thr{height:52px;margin:2px 0 6px;position:relative}.ks-thr .bar{background:var(--slot);pointer-events:none;border-radius:1px;height:14px;position:absolute;top:32px;left:0;right:0}.ks-thr .bar>i{width:var(--x);background:#e5484d;position:absolute;top:0;bottom:0;left:0}.ks-thr.mp .bar>i{background:#3e8fd8}.ks-thr>b{top:4px;left:var(--x);transform:translateX(calc(var(--p) * -100%));background:var(--dark);color:#fff;font:600 12px/18px var(--num);white-space:nowrap;pointer-events:none;border-radius:2px;padding:1px 6px;position:absolute}.ks-thr>b:after{content:"";left:calc(var(--p) * 100%);background:var(--dark);width:2px;height:16px;margin-left:-1px;position:absolute;top:100%}.ks-thr.none>b,.ks-thr.none>b:after{background:var(--mute)}.ks-thr input{opacity:0;appearance:none;cursor:pointer;touch-action:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.ks-thr input::-webkit-slider-runnable-track{height:52px}.ks-thr input::-webkit-slider-thumb{appearance:none;width:2px;height:52px}.ks-thr input::-moz-range-thumb{border:0;width:2px;height:52px}.ks-thr:has(input:focus-visible) .bar{outline:1px solid var(--gold);outline-offset:2px}.ks-pot{flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.ks-win .ks-pot>.ks-mute{flex:160px;margin:0}.ks-ps{background:var(--slot);border-radius:2px;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:inset 0 -2px #8a8a8a}.ks-ps img{object-fit:contain;width:76%;height:76%}.ks-ps b{font:600 10.5px/1 var(--num);color:var(--ink);position:absolute;bottom:3px;right:3px}.ks-ps.next:after{content:"";box-shadow:inset 0 0 0 1px var(--gold);pointer-events:none;border-radius:2px;position:absolute;inset:0}.ks-ps.dim{opacity:.4}.ks-skl{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:4px;display:grid}.ks-skl.rows{grid-template-columns:repeat(5,minmax(0,1fr))}.ks-skl.rows button.ult{grid-area:1/5/3;align-self:center}.ks-skl.rows.u2 button.ult{grid-row:1}.ks-skl.rows.u2 button.ult2{grid-row:2}.ks-skl button.r2{background-image:linear-gradient(#b8964a2e,#b8964a2e)}.ks-skl button{background:var(--body);min-width:0;color:var(--ink);text-align:center;cursor:pointer;border:0;border-radius:2px;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;font-size:11px;line-height:1.25;display:flex;position:relative}.ks-skl button img,.ks-skl button .none{object-fit:cover;image-rendering:auto;border-radius:2px;width:44px;height:44px}.ks-skl button .none{background:var(--slot)}.ks-skl button .nm{overflow-wrap:anywhere;max-width:100%;display:block;overflow:hidden}.ks-skl button small{color:var(--mute);font-size:10px}.ks-skl button:not(.on) img{filter:grayscale();opacity:.4}.ks-skl button.on{background:var(--white);box-shadow:inset 0 0 0 1px var(--gold)}.ks-skl button:disabled{cursor:default}.ks-skl button kbd{background:var(--title);color:#fff;min-width:0;padding:0 3px;font-size:9.5px;position:absolute;top:4px;left:4px}.ks-skl button i{background:var(--up);color:#fff;width:14px;height:14px;font:700 10px/14px var(--num);border-radius:1px;font-style:normal;position:absolute;top:4px;right:4px}.ks-skl button:not(.on) i{background:var(--slot);color:#0000}.ks-skl.off{opacity:.45}.ks-rng{align-items:center;gap:12px;margin-bottom:4px;display:flex}.ks-map{background:#9cb884;border-radius:2px;flex:none;width:112px;height:112px;position:relative;overflow:hidden}.ks-map img{image-rendering:auto;max-width:none;position:absolute}.ks-map i{box-shadow:inset 0 0 0 2px var(--orange);background:#ec744426;border-radius:50%;transition:width .2s,height .2s,margin .2s;position:absolute;top:50%;left:50%}.ks-map b{width:8px;height:8px;box-shadow:0 0 0 1px var(--title);background:#fff;margin:-4px;position:absolute;top:50%;left:50%}.ks-run{background:var(--mint-soft);color:#1f6e4e;border-radius:3px;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;font-size:12.5px;display:flex}.ks-run img{width:24px;height:24px}@media (pointer:coarse){.ks-seg button,.ks-btn.sm,.ks-seg.chips button{min-height:40px}.ks-win .w-x.ks-x{width:40px;height:40px}.w-win.ks-win select,.w-win.ks-win .ks-cap{height:40px}}@media (max-height:520px) and (orientation:landscape){.w-win.ks-win{width:auto;max-height:none;box-shadow:none;border-radius:0;position:fixed;inset:0}.ks-head{min-height:40px;padding:calc(3px + var(--sat)) calc(10px + var(--sar)) 3px calc(10px + var(--sal))}.ks-head h2{font-size:15px}.ks-win.rail .ks-main{flex-direction:row}.ks-win.rail .ks-tabs{width:calc(132px + var(--sal));padding:6px 0 6px calc(6px + var(--sal));flex-direction:column;gap:3px;overflow:hidden auto}.ks-win.rail .ks-tab{white-space:normal;text-align:left;height:auto;min-height:40px;padding:4px 10px;font-size:13px;line-height:1.2}.ks-win.rail .ks-tab.on{box-shadow:inset 2px 0 0 var(--gold)}.ks-body{padding:8px calc(10px + var(--sar)) 8px 10px}.ks-win:not(.rail) .ks-body{padding-left:calc(10px + var(--sal))}.ks-act{min-height:52px;padding:6px calc(10px + var(--sar)) calc(6px + var(--sab)) calc(10px + var(--sal))}.ks-au,.ks-col{gap:8px}.ks-doll{height:112px}.ks-doll canvas{height:100px}}@media (max-width:699px) and (orientation:portrait){.w-win.ks-win{width:auto;max-height:none;box-shadow:none;border-radius:0;position:fixed;inset:0}.ks-head{min-height:calc(44px + var(--sat));padding:var(--sat) var(--sar) 0 calc(14px + var(--sal))}.ks-hicon{display:none}.ks-win .w-x.ks-x{background:0 0;border-radius:0;width:48px;height:44px}.ks-tabs{padding:6px calc(8px + var(--sar)) 0 calc(8px + var(--sal))}.ks-tab{gap:3px;padding:0 9px;font-size:13px}.ks-tab img{display:none}.ks-body{padding:10px calc(10px + var(--sar)) 12px calc(10px + var(--sal))}.ks-act{padding:8px calc(10px + var(--sar)) calc(8px + var(--sab)) calc(10px + var(--sal))}.ks-act .ks-note,.ks-act .ks-grow{display:none}.ks-act .ks-btn{white-space:normal;flex:1;min-width:0;padding:0 8px;line-height:1.2}.ks-row.wide>.ks-rt{flex-basis:100%}.ks-row.wide>.ks-seg:not(.chips){width:100%;display:flex}.ks-tabs{gap:0}.ks-tab{padding:0 8px}.ks-row.wide>.ks-seg:not(.chips)>button{flex:1;padding:0 6px}.ks-qual{grid-template-columns:repeat(3,minmax(0,1fr))}.ks-ofx,.ks-keys{grid-template-columns:minmax(0,1fr)}.ks-keys .ks-row:nth-child(2){box-shadow:0 -1px 0 var(--slot)}.ks-sl{width:140px}.ks-lay button{flex:1;width:auto}.ks-au{grid-template-columns:minmax(0,1fr)}.ks-acct{flex-wrap:wrap}}@media (max-width:479px){.ks-sect{flex-wrap:wrap;row-gap:2px}.ks-sect small{text-align:left;flex:1 0 calc(100% - 14px);margin-left:14px;line-height:1.4}}.ks-mobs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:4px;display:grid}.ks-mobs button{background:var(--body);min-height:48px;color:var(--ink);text-align:left;cursor:pointer;opacity:.55;border:0;border-radius:2px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 8px;font-size:12px;display:grid;position:relative}.ks-mobs button.on{opacity:1;box-shadow:inset 0 0 0 1px var(--gold)}.ks-mobs button>i{color:var(--gold-d);visibility:hidden;font-size:11px;font-style:normal;position:absolute;top:2px;right:4px}.ks-mobs button.on>i{visibility:visible}.ks-mobs .ic{width:32px;height:32px;image-rendering:pixelated;background-repeat:no-repeat;display:block}.ks-mobs .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ks-mobs small{color:var(--mute)}.ks-mob-acts{gap:6px;margin:6px 0 2px;display:flex}.ks-win .ks-ver{cursor:copy;font:inherit;background:0 0;border:0;margin:0;padding:2px 4px;font-size:12px}.av-lang-sw{background:#2834441f;border-radius:14px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.av-lang-sw button{color:inherit;cursor:pointer;opacity:.75;background:0 0;border:0;border-radius:999px;padding:6px 12px;font:600 13px/1.1 Noto Sans Thai,Outfit,sans-serif}.av-lang-sw button.on{color:#fff;opacity:1;background:#ec7444}.av-lang-sw button:focus-visible{outline-offset:1px;outline:2px solid #f0c43a}.av-lang-corner{z-index:60;color:#e8eef7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b1022b8;position:fixed;box-shadow:0 2px 8px #00000059}.av-lang-pick{border-radius:999px;align-items:center;gap:4px;padding:3px 6px 3px 10px;font:600 12px/1.1 Noto Sans Thai,Outfit,sans-serif;display:inline-flex}.av-lang-pick select{appearance:none;color:inherit;font:inherit;cursor:pointer;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 9px) 52%,calc(100% - 5px) 52%;background-repeat:no-repeat;background-size:4px 4px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:0;padding:5px 18px 5px 2px}.av-lang-pick select:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #f0c43a}.av-lang-pick option{color:#111;background:#fff}.av-lang-corner.tr{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}.av-lang-corner.bl{left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom))}@media (max-width:760px){.av-lang-corner.bl{inset:96px 8px auto auto}}.psave{z-index:2147483000;box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px calc(env(safe-area-inset-bottom,0px) + 46px);color:#e6ecff;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;background:radial-gradient(at 50% 44%,#1d2656 0%,#0e1434 46%,#05070f 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-family:Noto Sans Thai,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.ps-hint{color:#f2f5ff;text-shadow:0 1px 3px #000a;max-width:calc(100% - 96px);margin:auto 0 6px;font:500 clamp(13px,2.1vw,17px)/1.4 Noto Sans Thai,sans-serif}.ps-ring{aspect-ratio:1;background:radial-gradient(circle,#27337c 0%,#1b2359 62%,#141a45 100%);border-radius:50%;flex:none;place-items:center;width:min(40vmin,250px);display:grid;position:relative;box-shadow:inset 0 0 0 2px #3d4ba3,0 0 0 9px #ffffff07,0 0 46px #4f63d62e}.ps-ring:before{content:"";border:2px solid #ffffff1a;border-radius:50%;position:absolute;inset:-15px}.ps-ring:after{content:"";background:#8b97c9;border-radius:50%;width:9px;height:9px;position:absolute;top:16%;left:10%;box-shadow:calc(min(40vmin,250px)/1.47059) calc(min(40vmin,250px)/1.6129) 0 -2px #6c78ad}.ps-ring.busy{box-shadow:inset 0 0 0 2px #4fb2ff99,0 0 0 9px #4fb2ff12,0 0 46px #4fb2ff3a}.ps-hero{width:64%;height:64%;image-rendering:pixelated}.ps-name{color:#dfe6ff;margin:6px 0 0;font:700 14px/1.3 Noto Sans Thai,sans-serif}.ps-act{color:#4fb2ff;margin:0;font:700 clamp(15px,2.4vw,19px)/1.3 Noto Sans Thai,sans-serif}.ps-act.bad{color:#ff8170}.ps-sums{color:#cfd8ff;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;max-width:min(92vw,560px);font:600 13px/1.5 Noto Sans Thai,sans-serif;display:flex}.ps-sums b{color:#ffd45a;margin-right:3px}.ps-sums i{color:#9aa6d6;font-style:normal}.ps-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 8px;display:inline-flex}.ps-items em{align-items:center;gap:2px;font-style:normal;display:inline-flex}.ps-items img{object-fit:contain;width:20px;height:20px;image-rendering:pixelated}.ps-items em.r-rare{color:#7fc4ff}.ps-items em.r-epic{color:#d49bff}.ps-items em.r-legendary,.ps-items em.r-unique,.ps-items em.r-mythic{color:#ffc65a}.ps-notes{flex-direction:column;align-items:center;gap:4px;display:flex}.ps-notes p{color:#ffd9d2;background:#3a1d24d9;border:1px solid #ff8a7a66;border-radius:999px;margin:0;padding:4px 14px;font:600 13px/1.4 Noto Sans Thai,sans-serif}.ps-bar{padding:6px calc(env(safe-area-inset-right,0px) + 12px) calc(env(safe-area-inset-bottom,0px) + 6px) calc(env(safe-area-inset-left,0px) + 12px);color:#e6ecff;text-align:left;flex-wrap:wrap;align-items:center;gap:4px 14px;font:700 12px/1.4 Outfit,Noto Sans Thai,sans-serif;display:flex;position:absolute;bottom:0;left:0;right:0}.ps-bar .xp{color:#b6f36a}.ps-bar .xp em{color:#ffd45a;font-style:normal}.ps-bar .ch{color:#ffd45a}.ps-net{color:#7be38f;width:16px;height:12px}.ps-net.connecting{color:#ffd45a}.ps-net.offline,.ps-net.closed{color:#ff6b5a}.ps-slide{--ps-knob:48px;--ps-pad:4px;--ps-f:0;width:min(100%,360px);height:calc(var(--ps-knob) + var(--ps-pad) * 2);box-sizing:border-box;background:#0a0f2bcc;border-radius:999px;flex:none;margin-top:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #5a6ac066,inset 0 2px 8px #0008,0 0 24px #4f63d622}.ps-fill{pointer-events:none;background:linear-gradient(90deg,#2a4fae66,#4fb2ff55);border-radius:999px;position:absolute;top:0;bottom:0;left:0}.ps-label{padding-left:calc(var(--ps-knob) + var(--ps-pad));letter-spacing:.02em;color:#0000;background:linear-gradient(100deg,#93a0d4 0% 38%,#fff 50%,#93a0d4 62% 100%) 100% 0/260% 100% no-repeat;opacity:calc(1 - var(--ps-f) * 1.6);pointer-events:none;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:6px;font:700 15px/1 Noto Sans Thai,sans-serif;animation:2.4s ease-in-out .3s 3 ps-shine;display:flex;position:absolute;inset:0}.ps-label i{letter-spacing:-.08em;font-style:normal}@keyframes ps-shine{0%{background-position:100% 0}to{background-position:0 0}}.ps-knob{left:var(--ps-pad);top:var(--ps-pad);width:var(--ps-knob);height:var(--ps-knob);color:#1d2a6e;cursor:grab;touch-action:none;background:radial-gradient(circle at 38% 32%,#fff 0%,#dfe7ff 55%,#aebbe8 100%);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;box-shadow:0 2px 8px #000a,0 0 0 3px #4fb2ff40}.ps-knob svg{width:24px;height:24px}.ps-knob:focus-visible{outline-offset:2px;outline:2px solid #ffd45a}.ps-slide:not(.held) .ps-knob{transition:transform .32s cubic-bezier(.3,1.4,.5,1)}.ps-slide:not(.held) .ps-fill{transition:width .32s cubic-bezier(.3,1.4,.5,1)}.ps-slide.held .ps-knob{cursor:grabbing;box-shadow:0 2px 10px #000c,0 0 0 4px #4fb2ff80}.ps-gear{top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 12px);color:#c9d3ff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute}.ps-gear svg{width:22px;height:22px}.ps-gear.on,.ps-gear:hover{color:#fff;background:#ffffff1f}.ps-opt{z-index:1;top:calc(env(safe-area-inset-top,0px) + 58px);right:calc(env(safe-area-inset-right,0px) + 12px);box-sizing:border-box;text-align:left;background:#0b1030f2;border:1px solid #5a6ac088;border-radius:14px;flex-direction:column;gap:6px;width:min(100vw - 24px,340px);padding:12px;display:flex;position:absolute;box-shadow:0 8px 28px #000c}.ps-opt b{color:#fff;font:700 14px/1.3 Noto Sans Thai,sans-serif}.ps-opt small{color:#aeb9e6;font:500 12px/1.4 Noto Sans Thai,sans-serif}.ps-seg{gap:4px;display:flex}.ps-seg button{color:#dfe6ff;white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #fff2;border-radius:9px;flex:1;min-width:0;height:36px;padding:0 4px;font:700 13px/1 Noto Sans Thai,sans-serif}.ps-seg button.on{color:#fff;background:#4fb2ff33;border-color:#4fb2ff}@media (max-height:420px){.ps-slide{--ps-knob:40px;width:min(100%,320px)}.ps-label{font-size:14px}.psave{padding-top:calc(env(safe-area-inset-top,0px) + 8px);gap:4px}.ps-hint{margin-bottom:2px;font-size:13px}.ps-ring{width:min(36vmin,250px)}.ps-ring:after{box-shadow:calc(min(36vmin,250px)/1.47059) calc(min(36vmin,250px)/1.6129) 0 -2px #6c78ad}}@media (prefers-reduced-motion:reduce){.ps-label{color:#c9d3ff;animation:none}}html.av-psave #game>:not(.psave),html.av-psave .chatd,html.av-psave .chatd-btn{visibility:hidden}html.av-psave body>:not(:has(.psave)){visibility:hidden}.mega-bar{left:50%;top:calc(10px + env(safe-area-inset-top,0px));z-index:28;box-sizing:border-box;color:#fff;pointer-events:none;background:linear-gradient(#14284ae6,#0e1d38e6);border:1px solid #f4c95d;border-radius:12px;align-items:center;gap:8px;width:max-content;min-width:260px;max-width:min(620px,100vw - 720px);padding:6px 14px 6px 8px;font:600 13.5px/1.35 Noto Sans Thai,sans-serif;animation:.28s ease-out mega-in;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #0007,0 6px 18px #0008,inset 0 1px #ffe9a633}@keyframes mega-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.mega-ic{object-fit:contain;filter:drop-shadow(0 1px 2px #000a);flex:none;width:24px;height:24px}.mega-name{color:#ffe28a;cursor:pointer;pointer-events:auto;background:#f4c95d26;border:0;border-radius:6px;flex:none;place-items:center;min-height:24px;padding:0 8px;font:700 13px Noto Sans Thai,sans-serif;display:inline-grid;position:relative}.mega-name b{z-index:1;text-shadow:0 1px 2px #000c;position:relative}.mega-name.plated{background:0 0;min-width:96px}.mega-plate{pointer-events:none;place-items:center;display:grid;position:absolute;inset:-2px 0}.mega-plate canvas,.mega-plate img{max-width:100%;max-height:100%}.mega-text{white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mega-text span{display:inline-block}.mega-text span.run{animation:mega-run var(--dur,6s) linear .9s 1 forwards}@keyframes mega-run{to{transform:translateX(var(--run,0))}}@media (max-width:1100px){.mega-bar{top:calc(112px + env(safe-area-inset-top,0px));min-width:0;max-width:calc(100vw - 24px)}}.hud-chat-lines .s-megaphone i,.hud-chat-lines .s-megaphone span{color:#ffa552}.hud-chat-input .mega-open{color:#1b2230;cursor:pointer;background:#f4c95d;border:0;border-radius:8px;flex:none;min-height:30px;padding:0 10px;font:700 12px Noto Sans Thai,sans-serif}.mg-w{flex-direction:column;gap:12px;min-height:0;display:flex;overflow:auto}.mg-w label{color:var(--mute);justify-content:space-between;font-size:12.5px;display:flex}.mg-w label b{font-weight:600}.mg-w label b.over{color:#c0392b}.mg-why{color:#c0392b;margin:0;font-size:12.5px}.mg-note{color:var(--mute);margin:0;font-size:12.5px}.mg-times{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mg-times select{background:var(--body);border:0;border-radius:2px;height:34px;padding:0 8px;font:500 13px Noto Sans Thai,sans-serif}.mg-preview{color:#fff;background:#14284a;border:1px solid #f4c95d;border-radius:10px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font:600 13px/1.35 Noto Sans Thai,sans-serif;display:flex;position:relative;overflow:hidden}.mg-preview .mega-ic{width:20px;height:20px}.mg-preview em{color:#ffe28a;font-style:normal}.mg-preview span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mg-list{flex-direction:column;gap:6px;display:flex}.mg-row{background:var(--body);border-radius:2px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.mg-row>div{flex:1;min-width:0}.mg-row small{color:var(--mute);font-size:11.5px;display:block}.mg-row p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.fw.npcsvc-win .fw-body{overflow:auto}.npcsvc{gap:12px;padding:4px 2px 2px;display:grid}.npcsvc-band{color:#e8ebf2;background:linear-gradient(100deg,#40465ce6,#282c3ce6);border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.npcsvc.is-vip .npcsvc-band{color:#fff8e6;background:linear-gradient(100deg,#6b4a12 0%,#b98a2c 55%,#f1cf6b 100%);border-color:#ffe496b3;box-shadow:0 0 14px #f1cf6b40}.npcsvc-band img{object-fit:contain;filter:drop-shadow(0 1px 2px #00000080);flex:none;width:40px;height:40px}.npcsvc-band span{gap:2px;min-width:0;display:grid}.npcsvc-band b{text-shadow:0 1px 2px #00000073;font-size:16px}.npcsvc-band small{opacity:.92;font-size:12.5px;line-height:1.35}.npcsvc-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.npcsvc-tile{color:#e8ebf2;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;align-content:center;justify-items:center;gap:4px;min-height:92px;padding:10px 6px 8px;transition:transform 80ms,background .12s,border-color .12s;display:grid;position:relative}.npcsvc-tile:hover{background:#ffffff1c;border-color:#ffffff4d}.npcsvc-tile:active{transform:scale(.97)}.npcsvc-tile img{object-fit:contain;width:38px;height:38px;image-rendering:pixelated}.npcsvc-tile b{font-size:14px;font-weight:700}.npcsvc-tile i{color:#c9cfdb;background:#ffffff1f;border-radius:99px;padding:1px 8px;font-size:11px;font-style:normal}.npcsvc-tile.open{background:linear-gradient(#f1cf6b29,#f1cf6b0a);border-color:#f1cf6ba6}.npcsvc-tile.open:hover{background:linear-gradient(#f1cf6b42,#f1cf6b14);border-color:#f1cf6b}.npcsvc-tile.open i{color:#3a2604;background:linear-gradient(90deg,#d9a93c,#f1cf6b);font-weight:700}.ptw .fw-body{padding:12px}.ptw-empty{color:var(--mute);margin:auto}.ptw-grid{flex:1;grid-template-columns:200px minmax(0,1fr);gap:12px;min-height:0;display:grid}.ptw-list{flex-direction:column;gap:6px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.ptw-ver{border:1px solid var(--line);background:var(--white);min-height:48px;color:var(--ink);text-align:left;cursor:pointer;border-radius:6px;flex-direction:column;flex:none;align-items:flex-start;gap:0;padding:6px 10px;display:flex;position:relative}.ptw-ver:hover{border-color:#8c96a8}.ptw-ver.on{border-color:var(--orange);box-shadow:inset 3px 0 0 var(--orange);background:#4e4038}.ptw-ver b{font:700 14px var(--num)}.ptw-ver small{color:var(--mute);font-size:11.5px}.ptw-ver em{background:var(--orange);color:#fff;font:700 10.5px/18px var(--num);border-radius:9px;padding:0 6px;font-style:normal;position:absolute;top:8px;right:8px}.ptw-note{border:1px solid var(--line);background:var(--white);-webkit-user-select:text;user-select:text;border-radius:8px;min-height:0;padding:14px 16px;overflow-y:auto}.ptw-note header{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;margin-bottom:8px;padding-bottom:8px;display:flex}.ptw-note header b{font:800 20px var(--num);color:var(--gold)}.ptw-note header small{color:var(--mute)}.ptw-body h4{color:var(--ink);margin:12px 0 4px;font-size:15px;font-weight:700}.ptw-body h4:first-child{margin-top:0}.ptw-body h4 b{color:var(--ink)}.ptw-body ul{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.ptw-body li{color:var(--ink2);font-size:13.5px;line-height:1.55}.ptw-body li::marker{color:var(--orange)}.ptw-body b{color:var(--ink)}@media (max-height:520px) and (orientation:landscape){.ptw .fw-body{padding:8px}.ptw-grid{grid-template-columns:150px minmax(0,1fr);gap:8px}.ptw-ver{min-height:40px;padding:4px 8px}}@media (max-width:760px) and (orientation:portrait){.ptw-grid{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px}.ptw-list{flex-direction:row;padding-bottom:4px;overflow:auto hidden}.ptw-ver{min-width:110px;min-height:44px}}.rkw{--hall:#1b2130;--hall2:#242c3d;--rk-gold:#f2c14e;--rk-silver:#c9d2de;--rk-bronze:#d08a57;--rk-me:#ec7444}.rkw .fw-main.has-tabs{flex-direction:row}.rkw .fw-tabs{background:var(--title);flex-direction:column;gap:0;width:164px;padding:6px 0;overflow:hidden auto}.rkw .rk-grp{flex-direction:column;display:flex}.rkw .rk-grp-h{color:#8f98a8;letter-spacing:.06em;padding:8px 14px 2px;font-size:11px;font-weight:600}.rkw .fw-tab{color:#c9cfdb;justify-content:flex-start;min-width:0;height:38px;padding:0 14px;font-size:13px}.rkw .fw-tab.on{background:var(--hall);color:#fff;box-shadow:inset 3px 0 0 var(--rk-gold)}.rkw .fw-tab .rd{background:var(--rk-gold);top:15px;right:10px}.rkw .fw-body{background:var(--hall);color:#e9edf3;gap:8px;padding:10px 12px}.rk-sub{color:#c9cfdb}.rk-bar{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}.rkw .fw-seg{background:var(--hall2)}.rkw .fw-seg button{color:#aeb6c4}.rkw .fw-seg button.on{background:var(--rk-gold);color:#2a2210}.rk-only{background:var(--hall2);color:#aeb6c4;border-radius:3px;padding:4px 10px;font-size:12.5px;font-weight:600}.rk-cls{background:var(--hall2);border-radius:3px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.rk-cls button{color:#aeb6c4;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:2px;min-height:32px;padding:0 12px;font:600 12.5px Noto Sans Thai,sans-serif}.rk-cls button.on{color:#fff;box-shadow:inset 0 -2px 0 var(--rk-gold);background:#ffffff1f}.rk-opt{background:var(--hall2);color:#fff;border:0;border-radius:3px;max-width:100%;min-height:36px;padding:0 10px;font:600 13px Noto Sans Thai,sans-serif}.rk-crowns{color:var(--rk-gold);background:linear-gradient(90deg,#f2c14e33,#f2c14e0d);border-radius:3px;flex:none;padding:6px 12px;font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px #f2c14e55}.rk-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.rk-empty{color:#8f98a8;text-align:center;margin:auto;padding:40px 16px;font-size:14px}.rk-podium{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;padding:18px 6px 0;display:grid}.rk-podium.n1{grid-template-columns:minmax(0,320px);justify-content:center}.rk-podium.n2{grid-template-columns:repeat(2,minmax(0,280px));justify-content:center}.rk-pd{text-align:center;background:linear-gradient(180deg,var(--c1),var(--c2));--c1:#3a4357;--c2:#2a3142;--ring:var(--rk-silver);border-radius:6px 6px 0 0;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:14px 8px 10px;display:flex;position:relative}.rk-pd.p1{--c1:#5a4a22;--c2:#3a3020;--ring:var(--rk-gold);padding-top:26px;box-shadow:0 0 24px #f2c14e33}.rk-pd.p2{--c1:#3e4658;--c2:#2c3343;--ring:var(--rk-silver)}.rk-pd.p3{--c1:#4a3628;--c2:#33271f;--ring:var(--rk-bronze)}.rk-pd.mine{outline:2px solid var(--rk-me);outline-offset:-2px}.rk-medal{background:var(--ring);color:#1b2130;width:26px;height:26px;font:700 14px var(--num);border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute;top:8px;left:8px}.rk-crown{width:44px;height:44px;image-rendering:pixelated;background:50%/contain no-repeat;margin-left:-22px;animation:2.4s ease-in-out infinite rk-bob;position:absolute;top:-18px;left:50%}@keyframes rk-bob{50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.rk-crown{animation:none}}.rk-heads{flex-wrap:wrap;justify-content:center;gap:4px;margin:2px 0 4px;display:flex}.rk-head{width:64px;height:64px;box-shadow:0 0 0 3px var(--ring,#c9d2de);background:radial-gradient(circle at 50% 40%,#fff2,#0000 70%),#141a25;border-radius:50%;display:block}.rk-pd.p1 .rk-head{width:78px;height:78px}.rk-head.party{width:40px;height:40px;box-shadow:0 0 0 2px var(--ring,#c9d2de)}.rk-pd.p1 .rk-head.party{width:46px;height:46px}.rk-head.sm{width:40px;height:40px;box-shadow:0 0 0 2px var(--rk-me);flex:none}.rk-nm{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;max-width:100%;min-height:24px;padding:0 4px;font:600 14.5px Noto Sans Thai,sans-serif;overflow:hidden}.rk-nm:hover{text-decoration:underline}.rk-nm.me{color:#ffb48f}.rk-pd.p1 .rk-nm{color:#ffe7a6;font-size:16px}.rk-mates{flex-wrap:wrap;justify-content:center;gap:0 2px;max-width:100%;display:flex}.rk-mates .rk-nm{font-size:13px}.rk-cls-l,.rk-note{color:#aeb6c4;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.rk-pd .rk-val{color:var(--ring);font:700 22px var(--num);font-variant-numeric:tabular-nums;letter-spacing:.01em;margin-top:2px}.rk-pd.p1 .rk-val{text-shadow:0 0 12px #f2c14e66;font-size:27px}.rk-step{background:var(--ring);opacity:.7;height:6px;position:absolute;bottom:-6px;left:0;right:0}.rk-list{flex-direction:column;gap:3px;margin:6px 0 0;padding:0;list-style:none;display:flex}.rk-list li{background:var(--hall2);border-radius:3px;align-items:center;gap:10px;min-height:46px;padding:4px 12px;display:flex}.rk-list li:nth-child(odd){background:#262f41}.rk-list li.mine{box-shadow:inset 3px 0 0 var(--rk-me);background:#ec744433}.rk-rank{text-align:center;color:#aeb6c4;width:34px;font:700 16px var(--num);font-variant-numeric:tabular-nums;flex:none}.rk-who{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.rk-who .rk-nm{padding:0}.rk-who .rk-mates{justify-content:flex-start;gap:0 8px}.rk-who small{color:#8f98a8;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.rk-v{flex-direction:column;flex:none;align-items:flex-end;display:flex}.rk-v .rk-val{color:#fff;font:700 16px var(--num);font-variant-numeric:tabular-nums}.rk-v small{color:#8f98a8;font-size:11.5px}.rkw .fw-foot{color:#fff;background:#141a25}.rk-me{min-width:0;min-height:46px;box-shadow:inset 3px 0 0 var(--rk-me);background:#ec744426;border-radius:3px;flex:1;align-items:center;gap:10px;padding:2px 10px;display:flex}.rk-me.none{box-shadow:none;background:#ffffff0d}.rk-me .rk-rank{color:#ffb48f;width:auto;min-width:34px;font-size:20px}.rk-me .rk-who b{font-size:14px}.rk-me .rk-who small{color:#c9cfdb}.rk-me .rk-val{color:#ffb48f;font:700 20px var(--num);font-variant-numeric:tabular-nums;flex:none}@media (max-height:520px) and (orientation:landscape){.rkw .fw-tabs{width:calc(84px + var(--sal))}.rkw .rk-grp-h{display:none}.rkw .fw-tab{white-space:normal;text-align:center;justify-content:center;height:auto;min-height:40px;padding:4px;font-size:11.5px}.rk-podium{gap:6px;padding-top:14px}.rk-pd{padding:10px 6px 6px}.rk-pd.p1{padding-top:18px}.rk-head{width:44px;height:44px}.rk-pd.p1 .rk-head{width:52px;height:52px}.rk-head.party{width:30px;height:30px}.rk-pd.p1 .rk-head.party{width:32px;height:32px}.rk-crown{width:32px;height:32px;margin-left:-16px;top:-14px}.rk-pd .rk-val{font-size:18px}.rk-pd.p1 .rk-val{font-size:21px}.rk-list li{min-height:40px}}@media (max-width:760px) and (orientation:portrait){.rkw .fw-main.has-tabs{flex-direction:column}.rkw .fw-tabs{flex-direction:row;width:auto;padding:0 6px;overflow:auto hidden}.rkw .rk-grp{flex-direction:row}.rkw .rk-grp-h{display:none}.rkw .fw-tab{height:44px;padding:0 12px}.rkw .fw-tab.on{box-shadow:inset 0 -3px 0 var(--rk-gold)}.rk-podium{gap:4px;padding:16px 0 0}.rk-pd{padding:10px 4px 6px}.rk-head{width:46px;height:46px}.rk-pd.p1 .rk-head{width:56px;height:56px}.rk-head.party{width:26px;height:26px}.rk-pd.p1 .rk-head.party{width:28px;height:28px}.rk-nm{font-size:13px}.rk-pd.p1 .rk-nm{font-size:14px}.rk-pd .rk-val{font-size:17px}.rk-pd.p1 .rk-val{font-size:20px}}.rk-every{opacity:.75;margin-top:2px;font-size:12px;display:block}.gh-pane{flex-direction:column;gap:8px;max-height:min(62vh,560px);padding-right:2px;display:flex;overflow-y:auto}.gh-list{flex-direction:column;gap:6px;display:flex}.gh-row{background:#0000000a;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.gh-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.gh-main .fw-bar{height:7px}.gh-rew{white-space:nowrap;color:#a0631a;flex-direction:column;align-items:flex-end;gap:1px;display:flex}.gh-merit{color:#a0631a;white-space:nowrap;align-items:center;gap:4px;font-weight:700;display:inline-flex}.gh-merit img,.gh-price img{object-fit:contain;width:18px;height:18px}.gh-goal{flex-direction:column;gap:5px;display:flex}.gh-gbar{height:10px}.gh-tiers{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;display:grid}.gh-tier{opacity:.75;background:#0000000a;border-radius:8px;flex-direction:column;gap:4px;padding:6px 8px;display:flex}.gh-tier.on{opacity:1;background:#ffd27a33}.gh-tier .gh-rew{align-items:flex-start}.gh-shop{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;display:grid}.gh-ware{text-align:center;background:#0000000a;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex}.gh-ware .nm{min-height:2.4em;font-size:13px;line-height:1.2}.gh-ware.lock{opacity:.6}.gh-price{align-items:center;gap:3px;font-weight:700;display:inline-flex}@media (max-width:640px){.gh-row{flex-wrap:wrap}.gh-rew{align-items:flex-start}}.gh-bar{z-index:20;box-sizing:border-box;pointer-events:auto;background:#1b2536f2;border:2px solid #c99a4a;border-radius:12px;flex-flow:wrap;justify-content:center;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 680px);padding:8px 10px;display:flex;position:absolute;top:196px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0008}.gh-bar-head{color:#ffd27a;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:2px 4px;font-size:15px;font-weight:700;display:flex}.gh-bar-head img{object-fit:contain;width:22px;height:22px}.gh-bar-head i{opacity:.8;font-size:12px;font-style:normal}.gh-bar.fold{padding:4px 8px}.gh-bar .w-btn{white-space:normal;text-align:center;width:auto;height:auto;min-height:30px;padding:4px 10px;font-size:13px;line-height:1.15}.gh-bar .w-btn.white{color:#2b2013;text-shadow:none}.gh-bar .w-btn.orange{color:#fff}@media (max-width:1199px){.gh-bar{max-width:calc(100vw - 560px)}}@media (max-height:520px){.gh-bar{gap:4px;max-width:calc(100vw - 420px);padding:5px 6px;top:106px}.gh-bar-head{font-size:13px}.gh-bar .w-btn{min-height:26px;padding:2px 7px;font-size:12px}}@media (max-aspect-ratio:1){.gh-bar{flex-flow:column;align-items:stretch;gap:5px;width:150px;max-width:none;padding:8px;inset:auto 8px 31% auto;transform:none}.gh-bar .w-btn{width:100%}}.gh-bar-boss{background:#ffffff14;border-radius:8px;flex-flow:wrap;justify-content:center;align-items:center;gap:4px 6px;padding:4px 6px;display:flex}.gh-bar-boss small{color:#e6dcff;text-align:center;font-weight:700}.gh-bossbar{width:90px;height:8px}.gh-boss{border:2px solid #9b7bff55}@media (max-aspect-ratio:1){.gh-bar-boss{flex-direction:column;align-items:stretch}.gh-bossbar{width:auto}}.clw{--hall:#1b2130;--hall2:#242c3d;--cl-gold:#f2c14e;--cl-silver:#c9d2de;--cl-bronze:#d08a57;--cl-none:#3a4357}.clw .fw-main.has-tabs{flex-direction:row}.clw .fw-tabs{background:var(--title);flex-direction:column;gap:0;width:184px;padding:6px 0;overflow:hidden auto}.clw .fw-tab{color:#c9cfdb;justify-content:flex-start;min-width:0;height:40px;padding:0 12px;font-size:13px}.clw .fw-tab span{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.clw .fw-tab .n{font:600 11px var(--num);color:#8f98a8;font-style:normal}.clw .fw-tab.on{background:var(--hall);color:#fff;box-shadow:inset 3px 0 0 var(--cl-gold)}.clw .fw-tab.on .n{color:inherit;opacity:.85}.clw .fw-body{background:var(--hall);color:#e9edf3;gap:8px;padding:10px 12px;position:relative}.cl-empty{color:#8f98a8;text-align:center;margin:auto;padding:40px 16px;font-size:14px}.cl-top{background:var(--hall2);border-radius:4px;flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:4px 14px;padding:8px 12px;display:grid}.cl-pts{flex-direction:column;grid-row:span 2;gap:5px;display:flex}.cl-pts b{color:var(--cl-gold);font-size:15px}.cl-bar{background:#0006;border-radius:4px;height:8px;display:block;overflow:hidden}.cl-bar i{background:linear-gradient(90deg,#f2c14e,#ffe29a);border-radius:4px;height:100%;display:block}.cl-bar.sm{width:100%;height:5px}.cl-stats{color:#e9edf3;margin:0;font-size:13px}.cl-next{color:#aeb6c4;margin:0;font-size:12px}.cl-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;flex:1;min-height:0;overflow-y:auto}.cl-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:2px;display:grid}.cl-card{cursor:pointer;color:#e9edf3;min-width:0;font:inherit;box-shadow:inset 0 0 0 2px var(--ring,var(--cl-none));background:linear-gradient(#2e3648,#232a39);border:0;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:22px 8px 9px;display:flex;position:relative}.cl-card:hover{filter:brightness(1.08)}.cl-card.on{outline-offset:1px;outline:2px solid #ec7444}.clf-bronze{--ring:#d08a57}.clf-silver{--ring:#c9d2de}.clf-gold,.clf-rainbow{--ring:#f2c14e}.cl-card.clf-rainbow,.cl-det.clf-rainbow,.prf-mon.clf-rainbow{background:linear-gradient(#3b3350,#232a39) padding-box padding-box,linear-gradient(120deg,#ff6b6b,#f2c14e,#6bd38f,#58b6f0,#b08cf2) border-box;border:2px solid #0000;box-shadow:inset 0 0 0 2px #fff8,0 0 0 2px #0000}.cl-kind{color:#c9cfdb;background:#ffffff1a;border-radius:3px;padding:1px 6px;font-size:10.5px;font-weight:700;position:absolute;top:5px;left:6px}.cl-kind.elite{color:#c8b5ff;background:#7c5cd633}.cl-kind.boss{color:#ffb3b3;background:#e0525233}.cl-pin{color:var(--cl-gold);font-size:14px;position:absolute;top:3px;right:7px}.cl-pic{flex:none;place-items:center;display:grid}.cl-pic i{image-rendering:pixelated;background-repeat:no-repeat;display:block}.cl-pic.dark i{filter:brightness(0)opacity(.55)!important}.cl-nopic{color:#8f98a8;width:60%;height:60%;font:700 20px var(--num);background:#0004;border-radius:50%;place-items:center;font-style:normal;display:grid!important}.cl-nm{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13.5px;overflow:hidden}.cl-lv{color:#aeb6c4;text-align:center;font-size:11.5px}.cl-lv em{color:#f2a65a;font-style:normal}.cl-k{color:#c9cfdb;font:600 11.5px var(--num)}.cl-det-ov{z-index:5;background:#0009;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.cl-det{width:min(380px,100%);max-height:100%;box-shadow:inset 0 0 0 2px var(--ring,var(--cl-none)),0 10px 30px #0008;background:linear-gradient(#2e3648,#1f2533);border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:18px 16px 14px;display:flex;position:relative;overflow-y:auto}.cl-det h4{margin:2px 0 0;font-size:17px}.cl-det h5{color:#aeb6c4;align-self:flex-start;margin:6px 0 0;font-size:12px}.cl-x{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;width:36px;height:36px;font-size:16px;position:absolute;top:6px;right:8px}.cl-today{color:#9fd3a8;margin:0;font-size:12px}.cl-today.full{color:#f2a65a}.cl-tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.cl-tiers li{color:#8f98a8;background:#0003;border-radius:3px;justify-content:space-between;padding:3px 8px;font-size:12px;display:flex}.cl-tiers li b{font:600 12px var(--num)}.cl-tiers li.ok{color:#f7dfa0;background:#f2c14e22}.cl-tiers li.ok span:before{content:"✓ ";color:#6bd38f}.cl-showbtn{color:#fff;cursor:pointer;background:#3a6fd8;border:0;border-radius:4px;width:100%;min-height:42px;margin-top:6px;font:700 14px Noto Sans Thai,sans-serif}.cl-showbtn.on{color:#2a2210;background:#f2c14e}.cl-showbtn:disabled{color:#8f98a8;cursor:default;background:#3a4357}.cl-show{flex-wrap:wrap;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.cl-show b{font-size:13px}.cl-show small{color:#8f98a8;font-size:11.5px}.cl-chip{width:38px;height:38px;box-shadow:inset 0 0 0 2px var(--ring,var(--cl-none));cursor:pointer;background:#2e3648;border:0;border-radius:5px;place-items:center;padding:0;display:grid}@media (max-height:520px) and (orientation:landscape){.clw .fw-tabs{width:calc(96px + var(--sal))}.clw .fw-tab{white-space:normal;flex-direction:column;justify-content:center;height:auto;min-height:44px;padding:4px;font-size:11px}.clw .fw-tab span{white-space:normal;text-align:center}.cl-top{grid-template-columns:1fr;padding:6px 10px}.cl-pts{grid-row:auto}.cl-grid{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:6px}.cl-card{padding:20px 6px 6px}.cl-show small{display:none}}@media (max-width:760px) and (orientation:portrait){.clw .fw-main.has-tabs{flex-direction:column}.clw .fw-tabs{flex-direction:row;width:auto;padding:0 6px;overflow:auto hidden}.clw .fw-tab{flex:none;height:44px;padding:0 12px}.clw .fw-tab span{overflow:visible}.clw .fw-tab.on{box-shadow:inset 0 -3px 0 var(--cl-gold)}.cl-top{grid-template-columns:1fr}.cl-pts{grid-row:auto}.cl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.cl-show small{display:none}}.td{flex-direction:column;gap:6px;display:flex}.td-loop{background:var(--slot,#ffffff10);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.td-loop>span{color:var(--mute,#aab);flex:1;font-size:13px}.td-sect{color:var(--mute,#aab);margin:6px 0 0;font-size:13px;font-weight:700}.td-row{background:var(--slot,#ffffff08);border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.td-row.done{opacity:.6}.td-name{font-size:14px}.td-val{white-space:nowrap;font-size:14px}.td-row.left .td-val{color:var(--gold,#f2c14e)}.td-empty{color:var(--mute,#aab);text-align:center;margin:8px 0}.tp{color:#f1f3f6;flex-direction:column;gap:6px;min-width:0;display:flex}.tp-stage{height:var(--tp-h,min(40dvh,280px));touch-action:none;cursor:grab;background:#2c323e;border-radius:6px;min-height:120px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #566072}.tp-c .tp-stage{height:var(--tp-h,180px)}.tp-host{position:absolute;inset:0}.tp-rot{z-index:2;color:#fff;cursor:pointer;opacity:.8;background:#1f2532a6;border:0;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;font:700 12px/1 Noto Sans Thai,sans-serif;display:grid;position:absolute;bottom:4px}.tp-rot.l{left:4px}.tp-rot.r{right:4px}.tp-rot:hover{opacity:1;background:#1f2532e0}.tp-view{z-index:2;color:#c9cfd8;pointer-events:none;white-space:nowrap;background:#1f2532b3;border-radius:999px;padding:0 7px;font:600 10.5px/16px Noto Sans Thai,sans-serif;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.tp-tag{z-index:2;color:#ffd982;background:#283444d0;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:700;position:absolute;top:6px;right:6px}.tp-bar{align-items:center;gap:4px;min-width:0;display:flex;position:relative}.tp-b{color:#f1f3f6;cursor:pointer;white-space:nowrap;background:#4e5767;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:3px;min-width:32px;height:32px;padding:0 7px;font:600 12px Noto Sans Thai,sans-serif;display:inline-flex;position:relative}.tp-b:hover{color:#fff;background:#5a6475}.tp-b[aria-pressed=true],.tp-b.on{color:#fff;background:#f07a45}.tp-b:disabled{color:#7c8596;cursor:not-allowed;background:#3a414e}.tp-b:focus-visible,.tp-rot:focus-visible,.tp-menu button:focus-visible{outline-offset:1px;outline:2px solid #4a86c5}.tp-b svg{flex:none;width:16px;height:16px}.tp-pz{flex:auto;justify-content:space-between;gap:4px;min-width:0}.tp-pz span{text-overflow:ellipsis;overflow:hidden}.tp-pz i{opacity:.75;font-size:10px;font-style:normal}.tp-menu{z-index:6;background:#2c323e;border-radius:6px;flex-direction:column;gap:2px;min-width:128px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 0 0 1px #566072,0 8px 24px #0009}.tp-menu button{color:#f1f3f6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;height:32px;padding:0 10px;font:600 12.5px Noto Sans Thai,sans-serif}.tp-menu button:hover{background:#4e5767}.tp-menu button[aria-checked=true]{color:#fff;background:#f07a45}.tp-list{flex-wrap:wrap;gap:4px;min-width:0;font-size:11.5px;display:flex}.tp-list span{text-overflow:ellipsis;white-space:nowrap;background:#2c323e;border:1px solid #566072;border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:1px 8px;display:inline-flex;overflow:hidden}.tp-list button{color:#aab2c0;cursor:pointer;background:0 0;border:0;padding:0;position:relative}.tp-list button:after{content:"";position:absolute;inset:-8px}.tp-wear{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tp-wear .ok,.tp-wear .bad{font-size:12px;font-weight:600}.tp-wear .ok{color:#5fd08a}.tp-wear .bad{color:#ff6b6b}.tp-note{color:#aab2c0;font-size:11px;line-height:1.35}@media (pointer:coarse){.tp-b,.tp-menu button{min-width:44px;height:44px}.tp-rot{width:44px;height:44px;bottom:0}.tp-rot.l{left:0}.tp-rot.r{right:0}.tp-view{bottom:14px}}.hud-chat-lines p{color:#e9e2d0;text-shadow:0 1px #000}.hud-chat-lines .s-system i{color:#ffd36a}.hud-chat-lines .s-party i{color:#7fe0a0}.hud-chat-lines .s-guild i{color:#b9a2ff}.hud-chat-lines .s-map i,.hud-chat-lines .s-world i{color:#c9d3e8}.hud-chat-lines .cl-name{color:#8fd0ff;font-weight:600}.hud-chat-tabs button{color:#9aa6c0;border-radius:99px}.hud-chat-tabs button.on{color:#ffc59e;background:#f07a3a38}.hud-chat-tabs .dot{vertical-align:middle;background:#f07a3a;border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.chatd-btn{z-index:9;left:env(safe-area-inset-left,0px);color:#fff;cursor:pointer;touch-action:manipulation;background:#101728c7;border:1px solid #ffffff1f;border-left:0;border-radius:0 12px 12px 0;place-items:center;width:40px;height:44px;padding:0;font-size:19px;line-height:1;transition:opacity .15s;display:grid;position:fixed;top:50%;transform:translateY(-50%);box-shadow:2px 2px 10px #0000004d}.chatd-btn:hover{background:#1c263ee6}.chatd-btn.on{opacity:0;pointer-events:none}.chatd-n{box-sizing:border-box;color:#fff;text-align:center;background:#e0306a;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font:700 10px/18px sans-serif;position:absolute;top:-6px;right:-8px}.chatd-peek{z-index:9;left:calc(env(safe-area-inset-left,0px) + 46px);cursor:pointer;background:#101728d1;border-radius:8px;max-width:min(62vw,420px);padding:4px 10px;font:12px/1.45 Noto Sans Thai,sans-serif;animation:4s linear both chatd-peek;position:fixed;top:50%;transform:translateY(-50%)}.chatd-peek p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}@keyframes chatd-peek{0%{opacity:0}6%,85%{opacity:1}to{opacity:0}}.chatd{z-index:29;top:0;left:0;bottom:var(--kb,0px);box-sizing:border-box;width:360px;max-width:100vw;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px calc(env(safe-area-inset-bottom,0px) + 8px) calc(env(safe-area-inset-left,0px) + 10px);color:#fff;visibility:hidden;touch-action:pan-y;background:#101728f2;border-right:1px solid #ffffff1a;border-radius:0 12px 12px 0;flex-direction:column;font:13px/1.5 Noto Sans Thai,sans-serif;transition:transform .2s ease-out,visibility 0s linear .2s;display:flex;position:fixed;transform:translate(-105%);box-shadow:6px 0 24px #00000059}.chatd.open{visibility:visible;transition:transform .2s ease-out;transform:none}.chatd.top{z-index:41}.chatd.open.aside{visibility:hidden}.chatd:not(.pc){width:40vw;min-width:280px;max-width:480px}@media (orientation:portrait){.chatd:not(.pc){width:85vw;min-width:0;max-width:none}}@media (prefers-reduced-motion:reduce){.chatd,.chatd.open{transition:none}}.chatd .hud-chat-tabs{border-bottom:1px solid #ffffff12;flex:none;align-items:center;gap:2px;margin:0 0 4px;padding-bottom:4px;display:flex;overflow-x:auto}.chatd .hud-chat-tabs button{cursor:pointer;background:0 0;border:0;flex:none;min-height:30px;padding:2px 10px;font:600 12.5px Noto Sans Thai,sans-serif;position:relative}.chatd .hud-chat-tabs button.on{color:#ffc59e;background:#f07a3a38}.chatd .chat-x{color:#9aa6c0;cursor:pointer;background:0 0;border:0;flex:none;min-width:36px;margin-left:auto;padding:0 6px;font:600 18px/1 sans-serif}.chatd .hud-chat-lines{overscroll-behavior:contain;min-height:0;max-height:none;text-shadow:none;flex:1;padding-right:4px;overflow-y:auto;-webkit-mask-image:none;mask-image:none}.chatd .hud-chat-lines p{word-break:break-word;margin:0;padding:1px 0}.chatd .hud-chat-lines i{opacity:.9;font-size:12px;font-style:normal}.chatd .hud-chat-input{flex:none;gap:6px;margin-top:6px;display:flex}.chatd .hud-chat-input input{box-sizing:border-box;color:#232b3a;background:#fff;border:1px solid #647890;border-radius:7px;flex:1;min-width:0;min-height:40px;padding:4px 10px;font:16px Noto Sans Thai,sans-serif}.chatd.pc .hud-chat-input input{min-height:32px;font-size:13px}.chatd .hud-chat-input .send{background:var(--orange,#f07a3a);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:0 14px;font:700 13px Noto Sans Thai,sans-serif}.chatd .hud-chat-draft{flex:none}.chatd .chatd-opts{color:#9aa6c0;flex-wrap:wrap;flex:none;gap:4px 12px;margin-top:6px;font-size:11.5px;display:flex}.chatd .chatd-opts label{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.chatd .cl-item,.chatd-peek .cl-item{color:color-mix(in srgb,var(--rc,#fff) 60%,#fff);font:inherit;cursor:help;background:0 0;border:0;padding:0 1px;font-weight:700;display:inline}.chatd .cl-item:hover,.chatd .cl-name:hover{text-decoration:underline}.chatd .cl-name{cursor:pointer}.hud-chat-lines .cl-at{color:#7fe3c4;cursor:pointer;font-weight:700}.hud-chat-lines .cl-at.me{color:#ffd45a}.hud-chat-lines .cl-at:hover{text-decoration:underline}.hud-chat-lines p.cl-mention,.chatd-peek p.cl-mention{background:#ffc44029;border-radius:0 4px 4px 0;padding-left:6px;box-shadow:inset 3px 0 #ffc440}.hud-chat-tabs .at{color:#2b1d00;vertical-align:middle;background:#ffc440;border-radius:7px;place-items:center;min-width:14px;height:14px;margin-left:4px;font:800 10px/1 sans-serif;animation:1.2s ease-in-out infinite alternate chat-at-pulse;display:inline-grid}.chatd-n.chatd-at{color:#2b1d00;background:#ffc440;font-size:12px;animation:1.2s ease-in-out infinite alternate chat-at-pulse;box-shadow:0 0 0 2px #ffc44059}@keyframes chat-at-pulse{0%{transform:scale(1)}to{transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.hud-chat-tabs .at,.chatd-n.chatd-at{animation:none}}.chat-at-list{overscroll-behavior:contain;background:#0a101eeb;border:1px solid #ffffff24;border-radius:8px;flex-direction:column;flex:none;max-height:min(176px,30vh);margin-top:6px;padding:3px;display:flex;overflow-y:auto}.chat-at-list button{text-align:left;color:#e9e2d0;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:6px;flex:none;min-height:32px;padding:6px 10px;font:600 13px/1.3 Noto Sans Thai,sans-serif;overflow:hidden}.chat-at-list button.on,.chat-at-list button:hover{color:#7fe3c4;background:#7fe3c42e}.w-pop.pm-at{z-index:60;overscroll-behavior:contain;box-sizing:border-box;flex-direction:column;align-items:stretch;gap:4px;min-width:150px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:8px;position:fixed;overflow-y:auto;transform:none}.w-pop.pm-at>b{white-space:nowrap;text-overflow:ellipsis;padding:2px 4px 4px;font-size:13.5px;overflow:hidden}.w-pop.pm-at .w-btn{width:100%;min-height:32px;padding:4px 12px;font-size:13px}html[data-input=pc] .chatd-btn{top:auto;bottom:150px;transform:none}.cl-vip{color:#3a2400;vertical-align:1px;letter-spacing:.3px;background:linear-gradient(#ffd76a,#e0a020);border-radius:3px;margin-left:3px;padding:0 3px;font-size:9px;font-weight:800;line-height:13px;display:inline-block}.chatd-box{--cb-n:3;z-index:9;left:calc(env(safe-area-inset-left,0px) + 10px);bottom:var(--pc-chat-b,12px);box-sizing:border-box;color:#dbe6f5;text-shadow:0 1px 2px #000c;background:linear-gradient(#0c121e80,#0c121eb8);border-radius:14px;flex-direction:column;gap:4px;width:300px;padding:8px 10px;font:600 12.5px/19px Noto Sans Thai,sans-serif;display:flex;position:fixed;box-shadow:inset 0 0 0 1px #ffffff1a}@media (max-height:799px){.chatd-box{--cb-n:2}}.chatd-box .hud-chat-tabs{align-items:center;gap:2px;height:24px;display:flex}.chatd-box .hud-chat-tabs button{cursor:pointer;height:24px;text-shadow:inherit;background:0 0;border:0;flex:none;padding:0 9px;font:700 12px/24px Noto Sans Thai,sans-serif;position:relative}.chatd-box .hud-chat-tabs button:hover{color:#fff}.chatd-box .hud-chat-tabs button.on{color:#fff;background:#ffffff24}.chatd-box .chatd-box-lines{height:calc(var(--cb-n) * 19px);flex-direction:column;justify-content:flex-end;max-height:none;display:flex;overflow:hidden;-webkit-mask-image:none;mask-image:none}.chatd-box-lines p{white-space:nowrap;text-overflow:ellipsis;color:#e9eef6;flex:none;margin:0;overflow:hidden}.chatd-box-lines i{opacity:.95;font-size:12px;font-style:normal}.chatd-box-lines .cl-name{cursor:pointer}.chatd-box-lines .cl-name:hover{text-decoration:underline}.chatd-box-in{color:#93a0b4;text-align:left;cursor:text;height:28px;text-shadow:none;background:#0005;border:0;border-radius:9px;margin-top:2px;padding:0 10px;font:600 12px/28px Noto Sans Thai,sans-serif}.chatd-box-in:hover{color:#c3cdda;background:#0007}.cl-at{color:#9aa6b8;opacity:.85;margin-right:4px;font:600 10.5px/1 ui-monospace,Consolas,monospace}.chatd-box.front{z-index:45}.prf-ov{z-index:80;box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + 8px) calc(env(safe-area-inset-right,0px) + 8px) calc(env(safe-area-inset-bottom,0px) + 8px) calc(env(safe-area-inset-left,0px) + 8px);color:#f1f3f6;-webkit-tap-highlight-color:transparent;background:#0a0e169e;place-items:center;font-family:Noto Sans Thai,sans-serif;display:grid;position:fixed;inset:0}.prf-card{box-sizing:border-box;opacity:1;isolation:isolate;background:#353c4a;border:1px solid #566072;border-radius:10px;flex-direction:column;width:min(420px,100%);max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 40px #0009}.prf-top{background:#2b3442;border-bottom:1px solid #566072;flex:none;align-items:center;gap:8px;min-height:44px;padding:0 4px 0 14px;display:flex}.prf-top>b{color:#f1f3f6;flex:1;min-width:0;font-size:15px;font-weight:700}.prf-x{color:#f1f3f6;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;padding:0;font:700 18px/1 sans-serif;display:grid}.prf-x:hover{background:#434b5a}.prf-body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:10px;min-height:0;padding:12px;display:flex;overflow-y:auto}.prf-who{background:#434b5a;border:1px solid #566072;border-radius:6px;align-items:center;gap:12px;padding:10px;display:flex}.prf-face{background:radial-gradient(circle at 50% 70%,#56607280,#2c323e 72%);border:1px solid #566072;border-radius:6px;flex:none;width:84px;height:84px;overflow:hidden}.prf-char{width:100%;height:100%;image-rendering:pixelated;display:block}.prf-id{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.prf-id p{color:#aab2c0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;line-height:1.4;overflow:hidden}.prf-name{color:#f1f3f6;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.3;overflow:hidden}.prf-cls{font-weight:600;color:#f1f3f6!important}.prf-cls em{color:#f2c94c;background:#2c323e;border-radius:4px;margin-left:4px;padding:0 6px;font-style:normal;font-weight:700}.prf-on i{vertical-align:1px;background:#7a8292;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.prf-on.on{color:#5fd08a!important}.prf-on.on i{background:#5fd08a}.prf-pow{background:#2c323e;border:1px solid #566072;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.prf-pow span{color:#aab2c0;font-size:13px}.prf-pow b{color:#f07a45;font:800 20px/1.2 Outfit,Noto Sans Thai,sans-serif}.prf-gear{background:#434b5a;border:1px solid #566072;border-radius:6px;padding:10px}.prf-gear h4{color:#f1f3f6;margin:0 0 8px;font-size:13px;font-weight:700}.prf-hidden{text-align:center;color:#aab2c0;margin:0;padding:12px 6px;font-size:13px}.prf-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.prf-cell{--rc:#566072;min-width:0;box-shadow:inset 0 0 0 2px var(--rc);background:#2c323e;border-radius:6px;padding:2px}.prf-cell.void{opacity:.55}.prf-cell[data-r=common]{--rc:#c9ced6}.prf-cell[data-r=rare]{--rc:#4fa3f7}.prf-cell[data-r=epic]{--rc:#b07cf2}.prf-cell[data-r=unique]{--rc:#f2c94c}.prf-cell[data-r=legendary]{--rc:#4cc98a}.prf-cell[data-r=mythic]{--rc:#ff6b6b}.prf-cell .w-slot{border-radius:4px}.prf-cell button.w-slot:hover{filter:brightness(1.12)}.prf-acts{background:#2b3442;border-top:1px solid #566072;flex-wrap:wrap;flex:none;gap:6px;padding:10px 12px;display:flex}.prf-btn{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:0;border-radius:6px;flex:30%;min-width:0;min-height:40px;padding:4px 10px;font:700 13.5px/1.2 Noto Sans Thai,sans-serif;overflow:hidden}.prf-btn.orange{background:#f07a45}.prf-btn.orange:hover{background:#ff8a55}.prf-btn.blue{background:#4a86c5}.prf-btn.blue:hover{background:#5a96d5}.prf-btn.mute{background:#4e5767}.prf-btn.mute:hover{background:#5a6475}.prf-btn:active{transform:translateY(1px)}.prf-det-ov{z-index:2;box-sizing:border-box;background:#0a0e1680;place-items:center;padding:8px;display:grid;position:fixed;inset:0}.prf-det{box-sizing:border-box;overscroll-behavior:contain;background:#2c323e;border:1px solid #566072;border-radius:10px;width:min(340px,100%);max-height:100%;padding:14px 14px 12px;position:relative;overflow-y:auto;box-shadow:0 14px 40px #000000a6}.prf-det>.prf-x{z-index:1;background:#353c4a;position:absolute;top:4px;right:4px}.prf-det .isx-head{padding-right:36px}@media (max-height:520px){.prf-card{width:min(680px,100%)}.prf-top{min-height:40px}.prf-body{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:8px;padding:8px 10px;display:grid}.prf-who{grid-column:1;padding:6px 8px}.prf-pow{grid-column:1}.prf-gear{grid-area:1/2/span 2;padding:8px}.prf-face{width:64px;height:64px}.prf-grid{gap:5px}.prf-acts{flex-wrap:nowrap;padding:6px 10px}}@media (max-width:400px){.prf-grid{gap:4px}.prf-cell{padding:1px}.prf-face{width:68px;height:68px}}.prf-crowns{white-space:normal;color:#b8862e;margin:2px 0 0;font-size:12.5px;font-weight:600;line-height:1.35;overflow:visible}.prf-album{color:#5e8f4e;margin:2px 0 0;font-size:12.5px;font-weight:600}.prf-cards{background:#434b5a;border:1px solid #566072;border-radius:6px;padding:10px}.prf-cards h4{color:#f1f3f6;margin:0 0 8px;font-size:13px;font-weight:700}.prf-cardrow{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.prf-mon{min-width:0;box-shadow:inset 0 0 0 2px var(--ring,#566072);color:#f1f3f6;text-align:center;background:#2c323e;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.prf-mon b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.prf-mon small{color:#aab2c0;font-size:11px}@media (max-height:520px){.prf-cards{grid-column:1;padding:8px}.prf-cardrow{gap:4px}}.w-overlay.wm-host{background:0 0;padding:0;display:block}.wm-root{color:var(--ink,#283444);-webkit-user-select:none;user-select:none;touch-action:none;font-family:Noto Sans Thai,sans-serif;position:absolute;inset:0;overflow:hidden}.wm-stage{position:absolute}.wm-canvas{image-rendering:pixelated;touch-action:none;display:block;position:absolute;top:0;left:0}.wm-handle{opacity:0;pointer-events:none;background:0 0;border:0;padding:0;position:absolute}.wm-handle:focus-visible{opacity:1;outline-offset:-2px;outline:2px solid #ffd34a}.wm-top{padding:0 calc(4px * var(--s)) 0 calc(6px * var(--s));box-sizing:border-box;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.wm-top>*{pointer-events:auto}.wm-grow{pointer-events:none;flex:1}.wm-crumb{height:min(calc(22px * var(--s)),40px);color:#fff;font-size:calc(11px + 2px * var(--s));white-space:nowrap;background:#283444e6;border-radius:6px;align-items:center;gap:4px;max-width:70%;padding:0 10px;display:flex;overflow:hidden}.wm-crumb button{color:#cfe2ff;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 2px;font-weight:600;text-decoration:underline}.wm-crumb button.on{color:#fff;cursor:default;font-weight:700;text-decoration:none}.wm-crumb span{opacity:.7}.wm-keys{color:#283444;font-size:calc(9px + 1px * var(--s));background:#ffffffb3;border-radius:4px;padding:1px 6px;font-weight:600}.wm-x{width:min(calc(24px * var(--s)),42px);height:min(calc(24px * var(--s)),42px);color:#fff;font:700 calc(14px + 4px * var(--s))/1 "Noto Sans Thai",sans-serif;cursor:pointer;background:#e8763a;border:2px solid #fff;border-radius:6px;place-items:center;padding:0;display:grid;box-shadow:0 1px #9c4517}.wm-root>.wm-x{position:absolute;top:4px;right:8px}.wm-navchip{left:50%;top:calc(34px * var(--s));color:#fff;font-size:calc(11px + 1.5px * var(--s));white-space:nowrap;background:#283444ee;border:2px solid #e8763a;border-radius:6px;align-items:center;gap:8px;padding:3px 4px 3px 10px;font-weight:700;display:flex;position:absolute;transform:translate(-50%)}.wm-navchip button{color:#fff;cursor:pointer;background:#e8763a;border:0;border-radius:4px;width:22px;height:22px;padding:0;font:700 15px/1 sans-serif}.wm-play{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid #ffd34a;width:0;height:0}.wm-tip{pointer-events:none;white-space:nowrap;background:#fff;border:2px solid #283444;border-radius:5px;flex-direction:column;padding:5px 10px;font-size:13px;display:flex;position:absolute}.wm-tip small{color:#c4521d;font-weight:700}.wm-travel{right:calc(6px * var(--s));bottom:calc(6px * var(--s));flex-direction:row-reverse;align-items:center;gap:8px;display:flex;position:absolute}.wm-travel small{color:#ffe9b0;background:#283444e6;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.wm-travel .w-btn{min-height:34px}.wm-temp{left:calc(6px * var(--s));bottom:calc(4px * var(--s));color:#5a6474;background:#ffffffb3;border-radius:3px;padding:1px 6px;font-size:11px;position:absolute}.wm-zoom{right:calc(6px * var(--s));bottom:calc(6px * var(--s));color:#fff;background:#283444e6;border-radius:6px;align-items:center;gap:4px;padding:3px;display:flex;position:absolute}.wm-zoom button{color:#fff;cursor:pointer;background:#4f8fc9;border:0;border-radius:4px;width:30px;height:30px;padding:0;font:700 18px/1 sans-serif}.wm-zoom button:disabled{cursor:default;background:#6e7787}.wm-zoom b{text-align:center;min-width:34px;font-size:13px}.wm-legend{left:calc(6px * var(--s));bottom:calc(6px * var(--s));background:#ffffffe6;border:2px solid #283444;border-radius:5px;margin:0;padding:6px 10px;font-size:12px;line-height:1.7;list-style:none;position:absolute}.wm-legend li{align-items:center;gap:6px;display:flex}.lg{border:1.5px solid #283444;border-radius:3px;width:12px;height:12px;display:inline-block}.lg.npc{background:#f2c043}.lg.portal{background:#8b6fd6;border-radius:50%}.lg.dock{background:#4f8fc9}.lg.stand{background:#7a4fb8}.lg.me{background:#ff6a3d;border-radius:50% 50% 50% 0}.lg.flag{background:#e8463a}.wm-viewonly{left:50%;top:calc(32px * var(--s));color:#fff;background:#283444d0;border-radius:4px;padding:2px 10px;font-size:12px;position:absolute;transform:translate(-50%)}.wm-pop{background:#fff;border:2px solid #283444;border-radius:6px;flex-direction:column;gap:2px;min-width:150px;max-width:220px;padding:8px 10px;font-size:13px;display:flex;position:absolute;box-shadow:0 6px 16px #0b1d3040}.wm-pop small{color:#6e7787}.wm-pop>div{align-items:center;gap:6px;margin-top:4px;display:flex}.wm-pop .w-btn.sm{min-height:30px;padding:2px 14px}.wm-pop-x{color:#283444;cursor:pointer;background:#dcdce0;border:0;border-radius:4px;width:24px;height:24px;margin-left:auto;padding:0;font:700 15px/1 sans-serif}.wm-card{box-sizing:border-box;background:#fcfcfc;border:2px solid #283444;border-radius:6px;flex-direction:column;gap:6px;padding:0 0 10px;font-size:13px;line-height:1.4;display:flex;position:absolute;box-shadow:0 8px 20px #0b1d3047}.wm-card-col{flex-direction:column;gap:2px;padding:0 10px;display:flex}.wm-card-t{color:#fff;background:#404c64;margin:0 -10px 4px;padding:5px 10px;font-size:14px}.wm-card-k{color:#e8763a;font-weight:700}.wm-card-ore{color:#3a7bd5}.wm-card-boss{font-weight:700}.wm-card-entry{color:#4b5566;margin:0;padding-left:16px;font-size:12px}.wm-card-lock{color:#c4521d;font-size:12px;font-weight:700}.wm-card-col.mons small{color:#6e7787}.wm-mon{background:#eef0f4;border-radius:4px;align-items:center;gap:6px;padding:1px 4px;display:flex}.wm-mon span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.wm-mon em{color:#6e7787;font-size:12px;font-style:normal}.wm-mon-ic{width:22px;height:22px;image-rendering:pixelated;background-color:#dcdce0;background-repeat:no-repeat;border-radius:3px;flex:none}.wm-tag{color:#fff;border-radius:3px;padding:0 5px;font-size:11px;font-style:normal;font-weight:700}.wm-tag.elite{background:#7a4fb8}.wm-tag.boss{background:#d24a4a}.wm-card-col.btns{flex-flow:wrap;gap:6px;margin-top:2px}.wm-card-col.btns .w-btn{flex:1;min-height:34px;padding:2px 10px}.wm-here{color:#fff;background:#ff6a3d;border-radius:7px;flex:1;place-items:center;min-height:34px;font-weight:700;display:grid}.wm-card.sheet{border-width:2px 0 0;border-radius:0;flex-direction:row;gap:0;max-height:96px;padding:6px 8px;font-size:12px;position:fixed;inset:auto 0 0}.wm-card.sheet .wm-card-col{flex:1;min-width:0;padding:0 6px;overflow-y:auto}.wm-card.sheet .wm-card-t{border-radius:4px;margin:0 0 2px;padding:2px 8px;font-size:13px}.wm-card.sheet .wm-card-col.btns{flex-flow:column;flex:0 0 200px;gap:4px;margin:0}.wm-card.sheet .wm-card-col.btns .w-btn,.wm-card.sheet .wm-here{flex:none;min-height:36px}.cs-root{z-index:96;cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;font-family:inherit;position:fixed;inset:0;overflow:hidden}.cs-veil{background:#080a188c;position:absolute;inset:0}@supports ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.cs-veil{-webkit-backdrop-filter:blur(7px);background:#080a1861}}.cs-bg{opacity:.5;filter:blur(5px)saturate(1.1);background:50%/cover no-repeat;transition:transform 7s ease-out,opacity .5s;position:absolute;inset:-4%;transform:scale(1);-webkit-mask-image:radial-gradient(#000 55%,#0000 100%);mask-image:radial-gradient(#000 55%,#0000 100%)}.cs-bg.cg{opacity:1;filter:none;inset:-2%;-webkit-mask-image:none;mask-image:none}.cs-bg.cam-in{transform:scale(1.12)}.cs-bg.cam-out{transform:scale(.96)}.cs-bg.cam-left{transform:translate(3%)scale(1.06)}.cs-bg.cam-right{transform:translate(-3%)scale(1.06)}.cs-title{color:#ffe7a0;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;background:#0a0c1e99;border:1px solid #ffe6a073;border-radius:999px;max-width:70vw;padding:6px 22px;font-size:15px;font-weight:700;animation:.6s ease-out cs-in;position:absolute;top:18px;left:50%;overflow:hidden;transform:translate(-50%)}.cs-skip{color:#fff;cursor:pointer;z-index:3;background:#0a0c1ea6;border:1px solid #ffffff80;border-radius:22px;min-width:88px;min-height:44px;padding:0 16px;font-size:14px;font-weight:700;position:absolute;top:14px;right:16px}.cs-skip:hover{background:#282c50d9}.cs-por{opacity:.5;pointer-events:none;z-index:1;justify-content:center;align-items:flex-end;width:min(34vw,360px);height:min(56vh,480px);transition:opacity .35s,transform .35s;display:flex;position:absolute;bottom:150px;transform:translateY(8px)scale(.96)}.cs-por.l{left:4vw}.cs-por.r{right:4vw}.cs-por.on{opacity:1;transform:none}.cs-por img{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 6px 18px #00000080);max-width:100%;max-height:100%}.cs-por.r img{transform:scaleX(-1)}.cs-por.who-hero img{border-radius:18px;transform:none;-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 30%);mask-image:linear-gradient(0deg,#0000 0,#000 30%)}.cs-por-none{aspect-ratio:1;background:radial-gradient(circle,#ffffff40,#0000 70%);border-radius:50%;width:40%;display:block}.cs-lumi-art{margin-bottom:30px;animation:2.4s ease-in-out infinite cs-bob;filter:drop-shadow(0 0 22px #ffdc7899)!important;max-height:min(34vh,300px)!important}.cs-por.r img.cs-lumi-art{transform:none}.cs-lumi{width:min(22vw,200px);height:auto;margin-bottom:40px;animation:2.4s ease-in-out infinite cs-bob;overflow:visible}.cs-lumi .body{fill:#ffe48a;stroke:#fff6c8;stroke-width:3px;stroke-linejoin:round}.cs-lumi .eye{fill:#3a2a4a}.cs-lumi .face path,.cs-lumi .mouth{fill:none;stroke:#3a2a4a;stroke-width:2.6px;stroke-linecap:round}.cs-lumi .blush{fill:#ff9bb0;opacity:.7}.cs-lumi .tear{fill:#9fd8ff}.cs-lumi .halo{animation:2.4s ease-in-out infinite cs-pulse}.cs-lumi.face-glow .body{fill:#fff4b8}.cs-lumi.face-sleepy{opacity:.75;animation-duration:4s}.cs-lumi.face-scared{animation:.18s linear infinite cs-shiver}.cs-box{box-sizing:border-box;z-index:2;background:linear-gradient(#141834ed,#0c0e22f2);border:2px solid #ffe6a08c;border-radius:16px;width:min(92vw,920px);min-height:118px;padding:26px 28px;animation:.35s ease-out cs-in;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0000008c,inset 0 0 0 1px #ffffff0f}.cs-box.narr{text-align:center;background:#060816c7;border-color:#ffffff38}.cs-box.voice .cs-line{color:#cfe3ff;font-style:italic}.cs-name{color:#2a1a08;background:#ffcf5a;border-radius:10px;padding:4px 16px;font-size:15px;font-weight:800;position:absolute;top:-16px;left:22px;box-shadow:0 3px 10px #0006}.cs-name.dark{color:#f0e4ff;background:#5b3a8a}.cs-line{white-space:pre-wrap;text-shadow:0 1px 2px #0009;min-height:3.2em;margin:0;font-size:clamp(15px,2.1vw,20px);line-height:1.6}.cs-box.narr .cs-line{color:#f2ecff;font-style:italic}.cs-more{color:#ffe7a0;font-style:normal;animation:1s steps(2,end) infinite cs-blink;position:absolute;bottom:12px;right:20px}.cs-hint{opacity:.5;font-size:11px;position:absolute;bottom:6px;left:28px}.cs-root.big .cs-box{border-color:#ffc8e6b3}.cs-fx{pointer-events:none;z-index:1;position:absolute;inset:0}.fx-flash .cs-fx{background:#fff;animation:.9s ease-out forwards cs-flash}.fx-dark .cs-fx{background:#0000008c;animation:.8s ease-out both cs-fadein}.fx-ceremony .cs-fx{background:radial-gradient(40% 55% at 50% 60%,#ffe28c52,#0000 70%);animation:.8s ease-out both cs-fadein}.cs-cer{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.fx-glow .cs-fx{background:radial-gradient(circle at 50% 45%,#ffe28c73,#0000 60%);animation:2.4s ease-in-out infinite cs-pulse}.fx-tears .cs-fx{background:radial-gradient(4px 9px,#bee1ffd9,#0000) 20px 0/170px 210px,radial-gradient(3px 7px,#bee1ff99,#0000) 95px 60px/230px 260px,radial-gradient(at 50% 120%,#78aaff52,#0000 60%);animation:4.5s linear infinite cs-tears}.fx-snow .cs-fx{background:radial-gradient(circle,#fffffff2 0 2px,#0000 3px) 0 0/70px 70px,radial-gradient(circle,#ffffffb3 0 1.5px,#0000 2.5px) 30px 20px/110px 110px;animation:6s linear infinite cs-fall}.fx-stars .cs-fx{background:radial-gradient(circle,#fff8d2e6 0 1.2px,#0000 2px) 13px 29px/97px 89px,radial-gradient(circle,#c8dcffb3 0 1px,#0000 1.8px) 61px 7px/151px 139px,radial-gradient(circle,#fffc 0 1.6px,#0000 2.6px) 37px 83px/233px 211px;animation:2.6s ease-in-out infinite cs-twinkle}.fx-aurora .cs-fx{mix-blend-mode:screen;background:linear-gradient(115deg,#0000 20%,#5affbe52 38%,#78a0ff59 52%,#ff8ce647 64%,#0000 80%) 0 0/220% 100%;animation:6s ease-in-out infinite alternate cs-aurora}.fx-crack .cs-fx{background:linear-gradient(100deg,#0000 47%,#0a0014f2 48.5%,#a050ff99 49.5%,#0a0014f2 50.5%,#0000 52%) 50% 0/100% 46% no-repeat;animation:1.2s ease-out both cs-fadein}.fx-shake{animation:.5s linear cs-shake}@keyframes cs-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes cs-flash{0%{opacity:.95}to{opacity:0}}@keyframes cs-fadein{0%{opacity:0}to{opacity:1}}@keyframes cs-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes cs-fall{0%{background-position:0 -120px,30px -100px}to{background-position:0 120px,30px 120px}}@keyframes cs-tears{0%{background-position:20px -210px,95px -200px,0 0}to{background-position:20px 210px,95px 320px,0 0}}@keyframes cs-twinkle{0%,to{opacity:.55}50%{opacity:1}}@keyframes cs-aurora{0%{background-position:0 0}to{background-position:100% 0}}@keyframes cs-shake{0%,to{transform:none}20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-4px,3px)}80%{transform:translate(3px,-1px)}}@keyframes cs-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes cs-shiver{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@keyframes cs-blink{to{opacity:0}}@media (prefers-reduced-motion:reduce){.cs-root *,.cs-root{transition:none!important;animation:none!important}}.cs-chip{z-index:60;color:#ffe7a0;cursor:pointer;background:#141834e6;border:1px solid #ffe6a0b3;border-radius:22px;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;animation:1.8s ease-in-out infinite cs-pulse;position:fixed;top:84px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000073}.cs-recap{color:#eef;background:#161a33;border:1px solid #ffe6a080;border-radius:14px;flex-direction:column;gap:8px;width:min(460px,100%);padding:18px 20px 16px;display:flex;box-shadow:0 14px 50px #0009}.cs-recap small{color:#9fd8ff;letter-spacing:.04em;font-size:13px}.cs-recap h3{color:#ffe7a0;margin:0;font-size:19px}.cs-recap p{margin:0;font-size:15px;line-height:1.55}.cs-recap .cs-recap-goal{color:#ffe7a0;background:#ffffff0f;border-radius:10px;padding:8px 10px}.cs-recap-ok{color:#fff;cursor:pointer;background:#f39a2b;border:0;border-radius:22px;align-self:flex-end;min-width:120px;min-height:44px;margin-top:4px;padding:0 18px;font-size:15px;font-weight:700}.cs-journal-ov{z-index:94;box-sizing:border-box;background:#06081480;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.cs-journal{color:#eef;background:#161a33;border:1px solid #ffe6a066;border-radius:14px;flex-direction:column;width:min(640px,100%);max-height:min(86vh,720px);display:flex;overflow:hidden;box-shadow:0 14px 50px #0009}.cs-journal header{background:#ffffff0d;justify-content:space-between;align-items:center;padding:12px 16px;font-size:17px;display:flex}.cs-x{color:#fff;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;font-size:18px}.cs-jlist{padding:6px 14px 12px;overflow:auto}.cs-jgroup h4{color:#ffe7a0;margin:12px 2px 6px;font-size:14px}.cs-jrow{color:#fff;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:44px;margin:4px 0;padding:0 14px;font-size:14px;display:flex}.cs-jrow span{flex:1;padding:6px 0}.cs-jsum{opacity:.72;white-space:normal;margin-top:2px;font-size:12px;line-height:1.35;display:block}.cs-jrow i{color:#9fd8ff;font-size:13px;font-style:normal}.cs-jrow em{color:#fff;background:#ff5a7a;border-radius:8px;padding:2px 8px;font-size:11px;font-style:normal}.cs-jrow.locked{opacity:.45;cursor:default}.cs-jnote{opacity:.8;margin:8px 4px;font-size:13px}.cs-jnote.soon{color:#ffe7a0;padding:0 14px 12px}.cs-journal footer{border-top:1px solid #ffffff14;padding:10px 14px 14px}.cs-c2btn,.cs-c2want{color:#ffe7a0;cursor:pointer;background:#ffcf5a29;border:1px solid #ffe6a099;border-radius:10px;width:100%;min-height:44px;font-size:14px;font-weight:700}.cs-c2btn:disabled{opacity:.55;cursor:default;font-weight:400}.cs-c2{width:min(900px,100%)}.cs-journal.cs-c2{max-height:calc(100vh - 20px)}.cs-journal-ov:has(.cs-c2){padding:10px 16px}.cs-c2lines{grid-template-columns:1fr 1fr;grid-auto-rows:max-content;gap:12px;min-height:0;padding:4px 14px 8px;display:grid;overflow:auto}.cs-c2card{background:#ffffff0a;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.cs-c2card.want{border-color:#ffcf5a;box-shadow:0 0 0 2px #ffcf5a66}.cs-c2art{object-fit:cover;object-position:50% 22%;background:#0c0f24;width:100%;height:190px}.cs-c2art.none{background:linear-gradient(160deg,#2a2f5a,#121530)}.cs-c2body{flex-shrink:0;padding:10px 12px 12px;font-size:13px}.cs-c2body h4{color:#ffe7a0;margin:0 0 6px;font-size:16px}.cs-c2body p{margin:3px 0}.cs-c2body b{color:#9fd8ff;margin-right:4px}.cs-c2jobs{margin:6px 0;padding:0;list-style:none}.cs-c2jobs li{margin:2px 0}.cs-c2jobs small{opacity:.7;margin-right:4px}.cs-c2stats{margin:8px 0 10px}.cs-c2stats div{align-items:center;gap:8px;margin:3px 0;display:flex}.cs-c2stats span{opacity:.85;flex:0 0 72px;font-size:12px}.cs-c2stats i{background:linear-gradient(90deg,#ffcf5a,#ff8a5a);border-radius:4px;min-width:4px;height:8px;display:block}.cs-jbtn{color:#ffe7a0;cursor:pointer;background:#ffcf5a24;border:1px solid #ffe6a099;border-radius:8px;min-height:32px;padding:0 12px;font-weight:700}@media (max-width:820px){.cs-c2wide{height:110px}.cs-por{width:44vw;height:44vh;bottom:136px}.cs-por.l{left:0}.cs-por.r{right:0}.cs-box{min-height:104px;padding:22px 16px;bottom:12px}.cs-title{max-width:56vw;font-size:13px;top:12px}.cs-skip{min-width:76px;top:8px;right:8px}.cs-c2lines{grid-template-columns:1fr}.cs-c2art{height:150px}}@media (max-height:480px){.cs-por{height:58vh;bottom:110px}.cs-box{min-height:88px;padding:18px 16px}.cs-line{min-height:2.8em;font-size:14px}}.cs-bars{z-index:1;pointer-events:none;background:linear-gradient(0deg,#000000c7 0,#00000059 28%,#0000 45%),radial-gradient(#0000 50%,#0000008c 100%);position:absolute;inset:0}.cs-bars:before,.cs-bars:after{content:"";z-index:3;background:#000;height:11vh;animation:1.2s cubic-bezier(.2,.7,.2,1) both cs-bar;position:absolute;left:0;right:0}.cs-bars:before{top:0}.cs-bars:after{transform-origin:bottom;bottom:0}@keyframes cs-bar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.cs-root.cinema .cs-veil{background:#000000b8}.cs-root.cinema .cs-skip{z-index:4}.cs-box.sub{box-shadow:none;text-align:center;background:0 0;border:0;animation:.6s ease-out both cs-fadein;bottom:12vh}.cs-box.sub .cs-line{text-shadow:0 2px 8px #000,0 0 2px #000;font-size:clamp(17px,2.4vw,26px);font-style:normal}.cs-box.sub .cs-name{color:#ffe7a0;box-shadow:none;letter-spacing:.2em;background:0 0;margin-bottom:6px;padding:0;font-size:14px;display:inline-block;position:static}.cs-box.sub .cs-more{display:none}.cs-box.sub .cs-hint{z-index:4;color:#fff;position:fixed;bottom:2vh;left:auto;right:18px}.cs-box.gone .cs-line,.cs-box.gone .cs-name,.cs-box.gone .cs-more{visibility:hidden}.cs-card{z-index:2;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:0 6vw;display:flex;position:absolute;inset:0}.cs-card p{color:#fff;letter-spacing:.06em;text-shadow:0 0 24px #ffdc8c8c,0 3px 12px #000;margin:0;font-size:clamp(24px,4.4vw,54px);font-weight:700;line-height:1.35;animation:1.6s cubic-bezier(.2,.7,.2,1) both cs-cardin}.cs-logo{filter:drop-shadow(0 0 30px #ffe6a099);width:min(56vw,520px);height:auto;animation:2.4s cubic-bezier(.2,.7,.2,1) both cs-logo}@keyframes cs-cardin{0%{opacity:0;letter-spacing:.4em;filter:blur(6px)}to{opacity:1;letter-spacing:.06em;filter:blur()}}@keyframes cs-logo{0%{opacity:0;transform:scale(1.25)}60%{opacity:1}to{opacity:1;transform:scale(1)}}.cs-mont{z-index:0;position:absolute;inset:0}.cs-mont div{opacity:0;animation:cs-cut var(--d) linear both;animation-delay:calc(var(--i) * var(--d));background:50%/contain no-repeat;position:absolute;inset:0}.cs-mont div:last-child{animation-fill-mode:forwards}@keyframes cs-cut{0%{opacity:0;transform:scale(1.18)}12%{opacity:1}85%{opacity:1}to{opacity:0;transform:scale(1.02)}}.cs-mont div:last-child{animation-name:cs-cutlast}@keyframes cs-cutlast{0%{opacity:0;transform:scale(1.18)}12%{opacity:1}to{opacity:1;transform:scale(1.02)}}@media (max-width:820px){.cs-bars:before,.cs-bars:after{height:8vh}.cs-box.sub{bottom:9vh}}.cs-c2tabs{gap:8px;padding:0 14px 8px;display:flex}.cs-c2tabs button{color:#cfd6ff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:10px;flex:1;min-height:40px;font-size:14px;font-weight:700}.cs-c2tabs button.on{color:#ffe7a0;background:#ffcf5a2e;border-color:#ffcf5a}.cs-c2body.hide{display:none}.cs-c2wide{object-fit:cover;object-position:50% 30%;background:#0c0f24;width:100%;height:118px;display:block}.cs-c2wide.none{background:linear-gradient(160deg,#2a2f5a,#121530)}.cs-c2where{opacity:.8;margin:0 14px 8px;font-size:12px}.cs-c2head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cs-c2head h4{margin:0}.cs-c2evo{align-items:center;gap:2px;margin:-6px 0 0;display:flex}.cs-c2evo img{width:52px;height:52px;image-rendering:pixelated;background:radial-gradient(circle,#ffffff14,#0000 70%);border-radius:10px}.cs-c2evo i{color:#ffcf5a;font-size:18px;font-style:normal}.cs-c2look{margin:4px 0 8px}.cs-c2look div{gap:8px;margin:2px 0;font-size:12px;line-height:1.4;display:flex}.cs-c2look dt{color:#9fd8ff;flex:0 0 52px;font-weight:700}.cs-c2look dd{margin:0}.cs-c2body h5{color:#ffe7a0;margin:6px 0 3px;font-size:13px}.cs-c2skills{margin:0;padding:0;list-style:none}.cs-c2skills li{background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;margin:2px 0;padding:3px 8px;font-size:13px;display:flex}.cs-c2skills li span{flex:1}.cs-c2skills li small{opacity:.7}.cs-c2skills em{color:#dfe6ff;white-space:nowrap;background:#3a4a8a;border-radius:7px;padding:1px 7px;font-size:11px;font-style:normal}.cs-c2skills li.sk-ultimate{background:linear-gradient(90deg,#ffbe5038,#ffffff0a)}.cs-c2skills li.sk-ultimate em{color:#fff6dc;background:#b8862a}.cs-c2skills li.sk-heal em,.cs-c2skills li.sk-buff em{background:#2f7a5a}.cs-c2skills li.sk-ground em,.cs-c2skills li.sk-summon em{background:#6a4a9a}.jq-ov{z-index:95}.jq-win .cs-c2lines{padding-top:6px}.jq-note{padding:0 14px}.jq-card{font:inherit;color:inherit;text-align:left;cursor:pointer;padding:0;transition:transform .12s,box-shadow .12s,border-color .12s;position:relative}.jq-card:disabled{cursor:default}.jq-card:not(:disabled):hover{border-color:#ffe6a099;transform:translateY(-2px)}.jq-card.sel{border-color:#ffcf5a;box-shadow:0 0 0 2px #ffcf5a8c,0 0 22px #ffcf5a40}.jq-card.mine{border-color:#7fd3ff;box-shadow:0 0 0 2px #7fd3ff59}.jq-sprite{width:56px;height:56px;image-rendering:pixelated;background:radial-gradient(circle,#ffffff1a,#0000 70%);border-radius:10px;margin:-8px 0 -4px}.jq-job{color:#ffe7a0;font-weight:700}.jq-job small{opacity:.75;color:#cfd6ff;font-weight:400}.jq-mine,.jq-selmark{color:#dff4ff;background:#2a5a7a;border-radius:9px;padding:2px 10px;font-size:12px;font-style:normal;display:inline-block}.jq-selmark{color:#fff3c8;background:#7a5a1a}.jq-confirm{flex-direction:column;gap:6px;padding:4px 2px 0;display:flex}.jq-confirm b{color:#ffe7a0;font-size:15px}.jq-confirm p{margin:0;font-size:14px}.jq-confirm small{opacity:.75;font-size:12px}.jq-btns{gap:10px;margin-top:4px;display:flex}.jq-btns .cs-c2btn{flex:1}.jq-back{color:#dfe4ff;background:#ffffff0f;border-color:#ffffff40}.jq-err{color:#ffd0d0;background:#ff505029;border-radius:8px;margin:0 14px 6px;padding:6px 10px;font-size:13px}.jq-rule{background:#7fd3ff1a;border:1px solid #7fd3ff59;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin:0 14px 8px;padding:8px 12px;font-size:13px;display:flex}.jq-rule b{color:#9fd8ff}.jq-rule.wait{background:#ffa0501a;border-color:#ffa05066}.jq-rule.wait span{color:#ffc79a}.jq-rule.open span{color:#b8ffcf}.jq-newov{z-index:96;background:#040610a8}.jq-new{text-align:center;color:#eef;background:radial-gradient(at 50% 30%,#ffdc8238,#0000 65%),#161a33;border:1px solid #ffe6a08c;border-radius:16px;width:min(380px,100%);padding:26px 22px 18px;animation:.45s cubic-bezier(.2,1.4,.4,1) both jq-pop;position:relative;overflow:hidden;box-shadow:0 0 60px #ffcf5a40,0 14px 50px #0009}.jq-new em{letter-spacing:.12em;color:#ffcf5a;font-size:13px;font-style:normal;font-weight:700;display:block}.jq-new h3{color:#fff3c8;text-shadow:0 0 14px #ffcf5a99;margin:6px 0 4px;font-size:24px}.jq-new p{opacity:.9;margin:2px 0 6px;font-size:13px}.jq-new small{opacity:.7;margin-bottom:12px;font-size:12px;display:block}.jq-newfig{z-index:1;width:132px;height:132px;image-rendering:pixelated;margin:8px auto 0;animation:1.2s ease-out both jq-rise;display:block;position:relative}.jq-pillar{pointer-events:none;width:120px;height:120%;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.jq-pillar i{filter:blur(6px);background:linear-gradient(#0000,#ffeca08c 30%,#ffffffbf 55%,#ffcf5a66 80%,#0000);border-radius:40px;width:46px;animation:1.8s ease-in-out infinite jq-beam;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.jq-pillar i:nth-child(2){opacity:.35;width:110px;animation-delay:.3s}.jq-pillar i:nth-child(3){filter:blur(2px);width:14px;animation-delay:.6s}@keyframes jq-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes jq-rise{0%{opacity:0;filter:brightness(3);transform:translateY(24px)scale(.8)}to{opacity:1;filter:none;transform:none}}@keyframes jq-beam{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.jq-new,.jq-newfig,.jq-pillar i{animation:none}}@media (max-height:520px){.jq-win .cs-c2art{object-position:50% 18%;height:78px}.jq-win .cs-c2body{padding:6px 10px 8px;font-size:12px}.jq-win .cs-c2stats{margin:4px 0 6px}.jq-win .cs-c2stats div{margin:1px 0}.jq-win header{padding:6px 12px;font-size:15px}.jq-note,.jq-rule{margin-bottom:4px}.jq-sprite{width:40px;height:40px;margin:-4px 0 -2px}.jq-confirm small{display:none}}.coach{z-index:80;pointer-events:none;font-family:Noto Sans Thai,sans-serif;position:fixed;inset:0}.coach-dim{pointer-events:auto;touch-action:none;position:fixed}.coach-frame{box-sizing:border-box;pointer-events:none;border:3px solid #ffd45a;border-radius:14px;animation:1.1s ease-in-out infinite coach-pulse;position:fixed}.coach-frame.round{border-radius:50%}.coach-ping{box-sizing:border-box;pointer-events:none;border:3px solid #ffd45a;border-radius:50%;animation:1.2s ease-out infinite coach-ping;position:fixed}.coach-hand{pointer-events:none;fill:#fffdf5;stroke:#283444;stroke-width:1.6px;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #0b1d3070);width:44px;height:44px;animation:1s ease-in-out infinite coach-tap;position:fixed}.coach-edge{pointer-events:none;clip-path:polygon(100% 50%,10% 10%,30% 50%,10% 90%);filter:drop-shadow(0 0 4px #0b1d30);background:#ffd45a;width:36px;height:36px;animation:1.1s ease-in-out infinite coach-pulse;position:fixed}.coach-bubble{box-sizing:border-box;color:#283444;pointer-events:none;background:#fffdf5;border:2px solid #ffd45a;border-radius:14px;padding:10px 14px;font:500 15px/1.5 Noto Sans Thai,sans-serif;position:fixed;box-shadow:0 10px 26px #0b1d3060}.coach-bubble.shake{animation:.45s ease-in-out coach-shake}.coach-head{color:#7a6a2a;justify-content:space-between;gap:8px;font:700 12px/1.4 Noto Sans Thai,sans-serif;display:flex}.coach-text{margin-top:4px}.coach-miss{color:#404c64;margin-top:6px;font-size:13px;font-weight:600}.coach-nudge{color:#c2461f;margin-top:6px;font-weight:700}.coach-foot{justify-content:flex-end;margin-top:6px;display:flex}.coach-skip{color:#f0f0f0;cursor:pointer;pointer-events:auto;background:#283444d9;border:1px solid #ffd45a80;border-radius:10px;min-width:96px;min-height:32px;padding:0 12px;font:700 12px Noto Sans Thai,sans-serif}.coach-foot{gap:8px}.coach-next{background:#ec7444;border-color:#ec7444}.q1-how{color:#ffd45a;cursor:pointer;pointer-events:auto;background:#283444d9;border:1px solid #ffd45a;border-radius:8px;flex:none;min-height:22px;padding:1px 8px;font:700 11px Noto Sans Thai,sans-serif}.q1-how:hover{filter:brightness(1.15)}.coach-ask{box-sizing:border-box;color:#283444;pointer-events:auto;background:#f0f0f0;border:3px solid #404c64;border-radius:14px;width:min(420px,100vw - 32px);padding:18px 20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 40px #0b1d3070}.coach-ask b{font:800 18px Noto Sans Thai,sans-serif}.coach-ask p{color:#404c64;margin:8px 0 14px;font:15px/1.6 Noto Sans Thai,sans-serif}.coach-ask div{justify-content:flex-end;gap:10px;display:flex}.coach-ask button{color:#283444;cursor:pointer;background:#dcdce0;border:0;border-radius:10px;min-width:110px;min-height:44px;font:700 15px Noto Sans Thai,sans-serif}.coach-ask button.go{color:#fff;background:#ec7444}@keyframes coach-pulse{0%,to{box-shadow:0 0 #ffd45a99}50%{box-shadow:0 0 0 8px #ffd45a00}}@keyframes coach-ping{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.35)}}@keyframes coach-tap{0%,to{transform:translate(0)}50%{transform:translate(-6px,-6px)}}@keyframes coach-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media (prefers-reduced-motion:reduce){.coach-frame,.coach-ping,.coach-hand,.coach-edge,.coach-bubble.shake{animation:none}.coach-ping{display:none}}@media (max-height:500px){.coach-bubble{padding:8px 12px;font-size:13px}.coach-skip{min-height:28px}}.coach-bubble{color:#f1f3f6;background:#2b3442;border-color:#ffd45a;box-shadow:0 0 0 1px #0b0f18,0 0 18px #ffd45a55,0 10px 26px #0009}.coach-head{color:#ffd45a}.coach-miss{color:#c9cfd8}.coach-nudge{color:#ff9a6a}.coach-skip{color:#f1f3f6;background:#4e5767;border-color:#566072;border-radius:6px}.coach-skip.coach-next{color:#fff;background:#f07a45;border-color:#f07a45}.coach-hand{fill:#f1f3f6;stroke:#0b0f18}.coach-ask{color:#f1f3f6;background:#353c4a;border:1px solid #566072;border-radius:8px;box-shadow:0 0 0 1px #0b0f18,0 14px 40px #000b}.coach-ask p{color:#c9cfd8}.coach-ask button{color:#f1f3f6;background:#4e5767;border-radius:6px}.coach-ask button.go{color:#fff;background:#f07a45;box-shadow:0 2px #b9542a}.coach-min{min-width:28px;min-height:24px;color:inherit;cursor:pointer;pointer-events:auto;vertical-align:middle;background:#28344426;border:1px solid #ffd45a80;border-radius:8px;margin:-2px -4px 0 6px;padding:0 6px;font:700 13px/1 Noto Sans Thai,sans-serif}.coach-min:after{content:"";position:absolute;inset:-10px -8px}.coach-min{position:relative}.coach-pill{color:#fff6d8;cursor:pointer;pointer-events:auto;background:#283444e6;border:2px solid #ffd45a;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 12px;font:700 12px Noto Sans Thai,sans-serif;animation:.5s ease-out coach-pill-in;display:flex;position:fixed;box-shadow:0 4px 12px #0b1d3060}.coach-pill:after{content:"";position:absolute;inset:-6px 0}.coach-pill b{font-size:14px}@keyframes coach-pill-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.coach-pill{animation:none}}.hud-qcol{flex-direction:column;gap:8px;width:250px;display:flex;top:116px;left:10px}.hud>.hud-qcol{pointer-events:none}.hud-qcol>section{pointer-events:auto;position:relative;top:auto;left:auto}.hud-q1{box-sizing:border-box;color:#fff;background:#283444d9;border-radius:16px;width:100%;padding:0 0 8px;font:12px/17px Noto Sans Thai,sans-serif;overflow:hidden;box-shadow:0 4px 12px #0b1d3040}.q1-trk{border-top:1px solid #ffffff14;margin:6px 10px 0;padding-top:4px}.q1-trk:first-of-type{border-top:0}.q1-trk-h{align-items:center;gap:6px;display:flex}.q1-trk-h em{color:#ffd664;background:#ffffff1f;border-radius:8px;flex:none;padding:0 6px;font:700 10px/16px Noto Sans Thai,sans-serif}.q1-trk-h b{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.q1-trk.ready .q1-trk-h b{color:#a6f56c}.q1-go{background:var(--orange,#f08a3c);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;width:26px;height:26px;font-size:15px}.q1-go.on{background:var(--up,#3fae66)}.q1-objs{margin:2px 0 0}.q1-obj{align-items:center;gap:5px;padding:2px 0;font-size:12px;display:flex}.q1-obj:before{content:"○";color:#ffd664}.q1-obj.done:before{content:"✓";color:#a6f56c}.q1-obj.done{color:#9fe0b8}.q1-obj.nt{opacity:.6}.q1-obj span{flex:1;min-width:0}.q1-obj b{background:#ffffff1a;border-radius:2px;padding:0 4px;font:500 12px Outfit,sans-serif}.q1-nt{color:#ffb38a}.q1-act{background:var(--orange,#f08a3c);color:#fff;cursor:pointer;border:0;border-radius:8px;flex:none;padding:1px 8px;font:700 11px Noto Sans Thai,sans-serif}.q1-ready{color:#a6f56c;margin:3px 0 0;font-weight:600}.q1-none{color:#c3cbda;margin:6px 10px 0}.q1-skip{color:#fff;cursor:pointer;background:#5a6b8a;border:0;border-radius:10px;width:calc(100% - 20px);height:28px;margin:6px 10px 0;font:700 12px Noto Sans Thai,sans-serif;display:block}.q1-skip:hover,.q1-go:hover{filter:brightness(1.1)}.q1-pop-host{z-index:41;background:#0006;place-items:center;display:grid;position:absolute;inset:0}.q1-pop{box-sizing:border-box;color:#3a3226;text-align:center;background:#f6f1e4;border-radius:16px;width:min(460px,90vw);padding:18px 20px 16px;font:14px/21px Noto Sans Thai,sans-serif;box-shadow:0 12px 40px #000a}.q1-pop em{color:#fff;background:#f08a3c;border-radius:10px;padding:1px 10px;font:700 11px Noto Sans Thai,sans-serif;display:inline-block}.q1-pop.tip p{text-align:left}.q1-tip-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.q1-pop h3{margin:8px 0 2px;font:700 18px Noto Sans Thai,sans-serif}.q1-pop small{color:#7a6c55;margin-bottom:6px;display:block}.q1-pop p{margin:4px 0}.q1-pop ul{text-align:left;margin:8px 0;padding-left:20px}.q1-pop .q1-hint,.q1-hint{color:#6b5d3f;font-size:12px}.q1-pop .w-btn{margin-top:10px}.q1-rw{flex-wrap:wrap;justify-content:center}.q1-top{align-items:center;gap:8px;display:flex}.q1-line{color:#6b5d3f;margin:6px 0;font-style:italic}.q1-btns{flex-wrap:wrap;gap:8px}.q1-titles{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.q1-title{cursor:pointer;background:#fff;border:1px solid #c9b58a;border-radius:12px;padding:2px 10px;font:12px Noto Sans Thai,sans-serif}.q1-title.on{color:#fff;background:#f08a3c;border-color:#f08a3c}.q1-opt .q1-mk{color:#f0a020;flex:none;width:20px;font:800 18px Outfit,sans-serif}.q1-opt.on{outline:2px solid #f08a3c}.w-qmark.ready{background:#3fae66}.q1-board{color:#3a3226;margin-top:8px;font:12px Noto Sans Thai,sans-serif}.q1-board .q1-obj:before{color:#c9a02a}.q1-board .q1-obj b{background:#0000000f}.q1-noart{opacity:.7;padding:16px}@media (max-height:520px){.hud-qcol{width:200px;top:92px}}@media (max-height:560px){.hud-qcol{flex-direction:row-reverse;align-items:flex-start;gap:6px;width:auto}.hud-qcol>section{flex:none}.hud-qcol>.hud-q1{width:150px}}.q1-pop-host{background:radial-gradient(#0a0f1a59,#0a0f1a1f 75%)}.q1-pop,.q1-pop[class*=n9-]{--slot:#ffffff17;--mute:#b8c0ce;--orange:#f07a45;--up:#5fd08a;--ink:#f1f3f6;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;color:#f1f3f6;text-shadow:0 1px 2px #0009;background:linear-gradient(#1b2436e3,#111827c7);border-width:0;border-image-source:none;border-radius:18px;width:min(420px,100vw - 32px);max-height:calc(100dvh - 24px);padding:16px 20px;animation:.2s ease-out q1-pop-in;overflow-y:auto;box-shadow:inset 0 0 0 1px #ffffff2b,inset 0 1px #ffffff1a,0 14px 36px #0006}@keyframes q1-pop-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}@media (prefers-reduced-motion:reduce){.q1-pop{animation:none}}.q1-pop em{letter-spacing:.2px;text-shadow:none;background:#f07a45;border-radius:999px;padding:2px 12px}.q1-pop.done em{background:#2f8f5a}.q1-pop.tip em{background:#4a86c5}.q1-pop h3{margin:10px 0 6px;font-size:18px;line-height:1.35}.q1-pop small{color:#b8c0ce}.q1-pop p{color:#dce2ec;margin:3px 0;font-size:13.5px;line-height:1.6}.q1-pop .q1-hint{color:#b8c0ce}.q1-pop ul{background:#ffffff0f;border-radius:12px;margin:10px 0;padding:8px 12px 8px 30px;font-size:13px;line-height:1.6;box-shadow:inset 0 0 0 1px #ffffff14}.q1-pop .w-rewards{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 2px}.q1-pop .w-rewards span{box-sizing:border-box;background:#ffffff17;border-radius:999px;flex-direction:row;flex:0 auto;gap:6px;min-height:32px;padding:4px 12px 4px 7px;font-size:13px;line-height:1.25;box-shadow:inset 0 0 0 1px #ffffff24}.q1-pop .w-rewards i{text-align:center;width:22px;font-size:16px}.q1-pop .w-rewards img{width:22px;height:22px}.q1-pop .w-btn,.q1-pop .w-btn[class*=n9-],.q1-pop .w-btn[class*=n9-].orange{color:#fff;text-shadow:0 1px 1px #0005;background:#f07a45;border-width:0;border-image-source:none;border-radius:999px;min-width:136px;min-height:40px;margin-top:14px;padding:0 22px;font-weight:700;box-shadow:0 2px #b9542a,0 6px 16px #f07a4533}.q1-pop .w-btn:hover:not([disabled]){filter:brightness(1.08)}.q1-pop .w-btn.white,.q1-pop .w-btn[class*=n9-].white{background:#ffffff1f;box-shadow:inset 0 0 0 1px #fff3}@media (max-height:520px){.q1-pop,.q1-pop[class*=n9-]{max-height:calc(100dvh - 16px);padding:12px 18px}.q1-pop h3{margin:8px 0 4px;font-size:16px}.q1-pop p{font-size:12.5px;line-height:1.5}.q1-pop .w-rewards{gap:6px;margin-top:10px}.q1-pop .w-rewards span{min-height:28px;padding:2px 10px 2px 6px;font-size:12.5px}.q1-pop .w-btn,.q1-pop .w-btn[class*=n9-],.q1-pop .w-btn[class*=n9-].orange{min-height:40px;margin-top:10px}}.wd-wrap.fa{--ink:#f1f3f6;--mute:#aab2c0;--panel:#434b5a;--deep:#2c323e;--line:#566072;--orange:#f07a45;--orange-h:#ff8a55;--blue:#4a86c5;--quiet:#4e5767;--up:#5fd08a;--down:#ff6b6b;--rc:#a9b0bc;height:min(600px,100dvh - 134px);min-height:0;color:var(--ink);grid-template:"left rail""left grid"minmax(210px,1fr)"det grid"minmax(0,auto)/minmax(260px,330px) minmax(0,1fr);gap:8px 10px;font-size:13px;display:grid}.wd-wrap.fa.wd-empty{color:var(--mute);grid-template-columns:1fr;grid-template-areas:none;place-items:center;display:grid}.wd-wrap.fa p{margin:0}.wd-wrap.fa button{font-family:inherit}.fa .fa-btn{color:#fff;background:var(--quiet);cursor:pointer;white-space:nowrap;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.fa .fa-btn:hover:not([disabled]){filter:brightness(1.12)}.fa .fa-btn.pri{background:var(--orange)}.fa .fa-btn.pri:hover:not([disabled]){background:var(--orange-h);filter:none}.fa .fa-btn.sm{min-height:32px;font-size:12.5px}.fa .fa-btn[disabled]{color:#7d8594;cursor:not-allowed;background:#3a414e}.fa .fa-btn.pri[disabled]{color:#9aa1ad;background:#3a414e}.fa .fa-link{color:#7fb6ee;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:12px;font-weight:700;text-decoration:underline}.fa-left{min-height:0;box-shadow:inset 0 0 0 1px var(--line);background:radial-gradient(60% 14% at 50% 80%,#00000059 0,#0000 100%),radial-gradient(at 50% 70%,#4a5466 0,#2c323e 74%);border-radius:6px;flex-direction:column;grid-area:left;display:flex;position:relative;overflow:hidden}.fa-stage{touch-action:none;cursor:grab;flex:1;min-height:150px;position:relative}.fa-stage:active{cursor:grabbing}.fa-stage-host{position:absolute;inset:0}.fa-stage-host canvas{image-rendering:pixelated}.fa-stagebar{background:#232833cc;border-top:1px solid #3e4553;align-items:center;gap:6px;padding:8px;display:flex}.fa .fa-ico{background:var(--quiet);color:#fff;cursor:pointer;border:0;border-radius:6px;flex:none;width:34px;height:32px;font-size:12px}.fa .fa-ico:hover{filter:brightness(1.15)}.fa-view{text-align:center;min-width:30px;color:var(--mute);font:600 12px Outfit,Noto Sans Thai,sans-serif}.fa .fa-chip{color:#c9cfd8;cursor:pointer;white-space:nowrap;background:#5a6475;border:0;border-radius:999px;min-height:32px;padding:0 10px;font-size:12px;font-weight:700}.fa .fa-chip.on{background:var(--orange);color:#fff}.fa-stagebar .fa-chip:first-of-type{margin-left:auto}.fa-trying{color:#fff;pointer-events:none;background:#f07a45e6;border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:700;position:absolute;bottom:56px;left:8px}.fa-left [data-testid=tryon-pframe]{right:8px;top:8px!important;left:auto!important}.fa-rail{grid-area:rail;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:6px;display:grid}.fa .wd-slot{background:var(--deep);color:#c9cfd8;cursor:pointer;text-align:center;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:78px;padding:7px 4px 6px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #3e4553}.fa .wd-slot:hover{background:#353c4a}.fa .wd-slot.on{background:var(--orange);color:#fff;box-shadow:none}.fa .wd-slot-art{width:40px;height:40px;box-shadow:inset 0 0 0 1.5px var(--rc);background:#22272f;border-radius:6px;flex:none;place-items:center;display:grid;position:relative}.fa .wd-slot-art:not([style]){color:#7d8594;box-shadow:inset 0 0 0 1px #3e4553}.fa .wd-slot.on .wd-slot-art:not([style]){color:#c9cfd8}.fa-glyph{image-rendering:pixelated;display:block}.fa-slot-ok{width:16px;height:16px;box-shadow:0 0 0 2px var(--deep);background:#2c976c;border-radius:50%;position:absolute;bottom:-4px;right:-4px}.fa-slot-ok:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:7px;position:absolute;top:2.5px;left:5px;transform:rotate(45deg)}.fa .wd-slot.on .fa-slot-ok{box-shadow:0 0 0 2px var(--orange)}.fa-slot-txt{flex-direction:column;align-items:center;width:100%;min-width:0;line-height:1.25;display:flex}.fa-slot-txt b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12.5px;overflow:hidden}.fa-slot-txt small{opacity:.8;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;overflow:hidden}.fa-dot{width:8px;height:8px;box-shadow:0 0 0 2px var(--deep);background:#f2c94c;border-radius:50%;position:absolute;top:6px;right:6px}.fa .wd-slot.on .fa-dot{box-shadow:0 0 0 2px var(--orange)}.fa .wd-icon{image-rendering:pixelated}.fa-gridbox{background:#2f3541;border-radius:6px;flex-direction:column;grid-area:grid;gap:8px;min-height:0;padding:10px;display:flex;box-shadow:inset 0 0 0 1px #3e4553}.fa .wd-grid{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));align-content:start;gap:8px;min-height:0;padding:2px;display:grid;overflow:auto}.fa .wd-card{min-width:0;color:var(--ink);cursor:pointer;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--rc) 22%,transparent) 0,transparent 62%),var(--deep);box-shadow:inset 0 0 0 2px var(--rc);border:0;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:6px 6px 8px;display:flex;position:relative}.fa .wd-card:hover{filter:brightness(1.1)}.fa .wd-card.on{box-shadow:inset 0 0 0 2px var(--rc),0 0 0 2px #fff,0 0 0 4px var(--orange)}.fa .wd-card.none{--rc:#566072;background:var(--deep);box-shadow:inset 0 0 0 1.5px #566072}.fa .wd-card.none.on{box-shadow:inset 0 0 0 1.5px #8f97a5,0 0 0 2px #fff,0 0 0 4px var(--orange)}.fa-card-art{place-items:center;width:100%;height:60px;display:grid}.fa .wd-name{text-align:center;min-height:30px;color:var(--rc);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.fa .wd-card.none .wd-name{color:var(--mute)}.fa .wd-tier{color:#1b2029;background:var(--rc);border-radius:999px;padding:0 8px;font-size:10.5px;font-weight:700}.fa .wd-card.worn:not(.none){box-shadow:inset 0 0 0 2px var(--rc),inset 0 -3px 0 2px #2c976c}.fa .wd-card.worn.on:not(.none){box-shadow:inset 0 0 0 2px var(--rc),inset 0 -3px 0 2px #2c976c,0 0 0 2px #fff,0 0 0 4px var(--orange)}.fa .wd-worn{color:#fff;background:#2c976c;border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:700;position:absolute;top:4px;right:4px;box-shadow:0 1px #0006}.fa .wd-card.none .wd-worn{display:none}.fa .wd-inbag{background:var(--blue);color:#fff;border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:700;position:absolute;top:4px;left:4px}.fa .wd-card.bag .fa-card-art{opacity:.8}.fa .wd-rent{color:#fff;background:#6b4fb3;border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:700;position:absolute;top:4px;left:4px}.fa-mark{width:20px;height:20px;image-rendering:pixelated;pointer-events:auto;position:absolute;bottom:5px;left:5px}.fa-mark.lock{color:#c9cfd8;background:#000000a6;border-radius:4px;place-items:center;width:20px;height:20px;display:grid}.fa-none-ic{border:3px solid #7d8594;border-radius:50%;width:30px;height:30px;display:block;position:relative}.fa-none-ic:after{content:"";background:#7d8594;width:3px;margin-left:-1.5px;position:absolute;top:-2px;bottom:-2px;left:50%;transform:rotate(45deg)}.fa .wd-cta{color:var(--ink);background:#f07a4522;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;display:flex;box-shadow:inset 0 0 0 1px #f07a4580}.fa .wd-cta span{flex:1}.fa-none{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:16px;display:flex}.fa-none-art{background:var(--deep);color:#7d8594;border-radius:12px;place-items:center;width:84px;height:84px;margin-bottom:4px;display:grid;box-shadow:inset 0 0 0 1.5px #566072}.fa-none-art .fa-none-ic{width:40px;height:40px}.fa-none b{font-size:15px}.fa-none small{color:var(--mute);max-width:420px;font-size:12.5px;line-height:1.45}.fa-none-acts{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.fa-det{background:var(--panel);min-width:0;min-height:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;flex-direction:column;grid-area:det;gap:6px;padding:10px;display:flex;overflow-y:auto}.fa-det-head{align-items:center;gap:10px;min-width:0;display:flex}.fa-det-ic{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--rc) 26%,transparent) 0,transparent 70%),var(--deep);width:68px;height:56px;box-shadow:inset 0 0 0 2px var(--rc);border-radius:6px;flex:none;place-items:center;display:grid}.fa-det-ic:not([style]){background:var(--deep);color:#7d8594;box-shadow:inset 0 0 0 1.5px #566072}.fa-det-title{flex-direction:column;gap:4px;min-width:0;display:flex}.fa-det-title .w-pick{text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.25;overflow:hidden}.fa-tags{flex-wrap:wrap;gap:4px;display:flex}.fa-tag{color:#1b2029;background:var(--rc);border-radius:999px;padding:0 8px;font-size:11px;font-weight:700;line-height:18px}.fa-tag.slot{color:#e3e7ee;background:#5a6475}.fa-tag.ok{color:#fff;background:#2c976c}.fa-tag.bag{background:var(--blue);color:#fff}.fa-det-note{color:var(--mute);font-size:12px}.fa-det-src{color:#c9cfd8;font-size:12px}.fa-det-msg{font-size:12px}.fa-det-msg .down,.fa-why .down{color:var(--down)}.fa-acts{flex-direction:column;gap:6px;display:flex}.fa-acts>.fa-btn{min-height:40px;font-size:14px}.fa-acts2{gap:6px;display:flex}.fa-acts2 .fa-btn{flex:auto;min-width:0;padding:0 8px}.fa-acts2 .fa-btn.tr{flex:2 auto}.fa-tr-l{text-overflow:ellipsis;overflow:hidden}.fa .wd-tix{color:#fff;white-space:nowrap;background:#00000040;border-radius:999px;align-items:center;gap:1px;padding:0 6px 0 1px;font:700 11.5px Outfit,Noto Sans Thai,sans-serif;display:inline-flex}.fa .wd-tix img{width:22px;height:22px;image-rendering:pixelated;flex:none}.fa-why{flex-wrap:wrap;align-items:center;gap:4px;font-size:11.5px;line-height:1.35;display:flex}.fa-why .wd-tr-why{color:var(--mute)}.wd-tr-back.fa-dark{z-index:60;background:#0b0f16b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.fa-dark .wd-tr{color:var(--ink);background:#353c4a;border-radius:6px;flex-direction:column;gap:10px;width:min(440px,100%);padding:14px;display:flex;box-shadow:0 0 0 1px #1b2029,0 16px 40px #0009}.fa-dark .wd-tr-head{align-items:center;gap:10px;display:flex}.fa-dark .wd-tr-head b{flex:1;font-size:16px}.fa-dark .wd-tr-q{margin:0;font-size:14px;line-height:1.5}.fa-dark .wd-tr-q.ok{color:var(--up);font-weight:700}.fa-dark .wd-tr-q.down{color:var(--down)}.fa-dark .wd-tr-list{flex-direction:column;gap:6px;max-height:280px;display:flex;overflow:auto}.fa-dark .wd-tr-char{background:var(--panel);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;text-align:left;border:0;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}.fa-dark .wd-tr-char:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--orange)}.fa-dark .wd-tr-char.owns,.fa-dark .wd-tr-char:disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}.fa-dark .wd-tr-char small{color:var(--mute);font-size:12px}.fa-dark .wd-tr-foot{justify-content:flex-end;gap:8px;display:flex}@media (pointer:coarse){.fa .fa-btn,.fa .fa-chip,.fa .fa-ico{min-height:40px}.fa .fa-ico{width:40px}}@media (max-width:900px){.wd-wrap.fa{grid-template-columns:minmax(220px,270px) minmax(0,1fr)}.fa .wd-slot{gap:3px;min-height:64px;padding:6px 3px}.fa .wd-slot-art{width:34px;height:34px}.fa-slot-txt small{display:none}}@media (max-height:520px) and (orientation:landscape),(max-width:699px) and (orientation:portrait){.w-win.cw.fa-win .w-body{overflow:hidden}.w-win.cw.fa-win .cw-fashion{flex:1;min-height:0}.wd-wrap.fa{flex:1;height:auto}.fa-det-ic,.fa-det-note,.fa-det-src,.fa .fa-slot-txt small{display:none}.fa .wd-slot{text-align:left;border-radius:999px;flex-direction:row;justify-content:flex-start;gap:6px;min-height:40px;padding:4px 10px 4px 4px}.fa .wd-slot-art{border-radius:50%;width:32px;height:32px}.fa .wd-slot-art .wd-icon{width:26px!important;height:26px!important}.fa .wd-slot-art .fa-glyph{width:18px;height:18px}.fa-slot-ok{width:14px;height:14px;bottom:-3px;right:-3px}.fa-slot-ok:after{width:3.5px;height:6px;top:2px;left:4.5px}.fa-slot-txt{align-items:flex-start}.fa .wd-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.fa-card-art{height:48px}.fa-card-art .wd-icon{width:72px!important;height:44px!important}.fa-gridbox{padding:6px}.fa-det{gap:4px;padding:8px}.fa-acts{flex-direction:row}.fa-acts>.fa-btn{flex:30%;min-height:40px}.fa-acts2{flex:2 60%}.fa .wd-cta{padding:6px 8px;font-size:11.5px}}@media (max-height:520px) and (orientation:landscape){.wd-wrap.fa{grid-template:"left rail""left grid"minmax(0,1fr)"left det"/200px minmax(0,1fr);gap:6px}.fa-rail{gap:6px;display:flex}.fa .wd-slot{flex:none;padding:4px}.fa .wd-slot:not(.on) .fa-slot-txt{display:none}.fa .wd-slot.on{flex:auto;min-width:0;padding-right:10px}.fa-det{flex-direction:row;align-items:center;gap:8px}.fa-det-head{flex:0 180px}.fa-det-title .w-pick{font-size:13px}.fa-acts{flex:1;min-width:0}.fa-det-msg,.fa-why{display:none}.fa-stagebar{flex-wrap:wrap;gap:4px;padding:6px}.fa-stagebar .fa-chip{flex:1;padding:0 6px;margin-left:0!important}.fa-gridbox{overflow:auto}.fa-none{gap:4px;padding:8px}.fa-none-art{display:none}.fa-none-acts{margin-top:4px}.fa-trying{display:none}}@media (max-width:760px) and (orientation:portrait){.wd-wrap.fa{grid-template:"left""rail""grid"minmax(0,1fr)"det"/minmax(0,1fr);gap:6px}.fa-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.fa .wd-slot{border-radius:8px;min-width:0}.fa-slot-txt b{font-size:12px}.fa-left{flex-direction:row}.fa-stage{flex:1;height:clamp(150px,26dvh,230px)}.fa-stagebar{border-top:0;border-left:1px solid #3e4553;flex-direction:column;justify-content:center;width:auto;padding:6px}.fa-stagebar .fa-chip{width:100%;margin-left:0!important}.fa-acts2 .fa-btn.tr .fa-tr-l{display:none}.fa-trying{bottom:8px}}.fa-coinshop{border-top:1px solid #ffffff1f;flex-direction:column;gap:6px;margin-top:10px;padding-top:8px;display:flex}.fa-coinshop-h{font-size:13px}.fa-coinshop-row{border-left:3px solid var(--rc,#8a8a8a);background:#0003;border-radius:6px;align-items:center;gap:8px;padding:4px 6px;display:flex}.fa-coinshop-nm{flex-direction:column;flex:1;min-width:0;font-size:12px;line-height:1.25;display:flex}.fa-coinshop-nm small{color:#c9cfd8;font-size:11px}.fa-coinshop-row .fa-btn{flex:none}.w-overlay:has(>.w-win.cw){background:#141a25b3}.w-win.cw{--ink:#232b3a;--mute:#7a8090;--body:#f5f3ee;--white:#fdfcfa;--title:#2c3547;--slot:#e7e3da;--orange:#ec7444;--up:#2f8f6a;--down:#c8463f;--gold:#b8964a;--gold-d:#8e7235;--gold-soft:#f4eedd;--line:#d8d2c4;--num:"Outfit","Noto Sans Thai",sans-serif;--tap:40px;--r-rare:#4c91d2;--r-epic:#8c62be;--r-unique:#c98a2b;--r-legend:#2c976c;--r-mythic:#b02532;width:min(calc(100vw - 24px),var(--vw));max-height:calc(100dvh - 24px);color:var(--ink);background:var(--body);filter:none;border-radius:4px;line-height:1.5;box-shadow:0 0 0 1px #141a25}.w-win.cw .w-head{color:#fff;background:var(--title);border-radius:3px 3px 0 0;gap:8px;height:40px;padding:0 0 0 14px}.w-win.cw .w-head b{letter-spacing:.03em;font-size:15px;font-weight:600}.w-win.cw .w-hicon{width:20px;height:20px}.w-win.cw .w-x{border-radius:0;width:44px;height:40px}.w-win.cw .w-x:hover{background:#ffffff14}.w-win.cw .w-x img{visibility:visible;width:14px;height:14px}.w-win.cw .w-body{gap:12px;padding:16px}.w-win.cw p{margin:0}.cw-btn{letter-spacing:.02em;color:#fff;background:var(--title);cursor:pointer;white-space:nowrap;border:0;border-radius:2px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:4px 18px;font:600 14px/1.2 Noto Sans Thai,sans-serif;display:inline-flex}.cw-btn.orange{background:var(--orange)}.cw-btn.white{color:var(--ink);background:var(--slot)}.cw-btn.sm{min-height:30px;padding:0 12px;font-size:12.5px}.cw-btn:hover:not([disabled]){filter:brightness(1.06)}.cw-btn:active:not([disabled]){transform:translateY(1px)}.cw-btn[disabled]{background:var(--slot);color:#a8a294;cursor:default}.cw-btn small{opacity:.8;font-weight:500}.cw-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cw-grow{flex:1}.cw-chip{background:var(--slot);white-space:nowrap;border-radius:2px;align-items:center;gap:4px;min-height:30px;padding:0 10px;font-size:12.5px;display:inline-flex}.cw-chip.on{background:var(--gold-soft);color:var(--gold-d)}.cw-chip.warn{color:var(--down)}button.cw-chip{font:inherit;color:inherit;cursor:pointer;border:0;font-size:12.5px}button.cw-chip.on{color:var(--gold-d)}.cw-link{min-height:30px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:4px;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-self:center;padding:0 6px;font:500 13px Noto Sans Thai,sans-serif}.cw-tabs{flex:none;gap:2px;display:flex}.cw-tab{min-width:0;min-height:40px;color:var(--mute);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex:1;padding:2px 8px;font:500 13.5px Noto Sans Thai,sans-serif;overflow:hidden}.cw-tab.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--gold);font-weight:600}@media (max-width:699px){html:lang(en) .cw-tab{padding:2px 4px;font-size:11.5px}}.cw-seg{background:var(--slot);border-radius:3px;flex:none;gap:2px;padding:2px;display:inline-flex}.cw-seg button{min-height:26px;color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:2px;padding:0 10px;font:500 12.5px Noto Sans Thai,sans-serif}.cw-seg button.on{background:var(--white);color:var(--ink);font-weight:600}.cw-seg button[disabled]{opacity:.5;cursor:default}.cw-line{justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:4px 0;font-size:13px;display:flex}.cw-line>span{color:var(--mute);white-space:nowrap}.cw-line>b{font:600 13.5px var(--num);text-align:right}.cw-line.cmp em{color:var(--mute);margin-left:8px;font-style:normal}.cw-line.cmp em.up{color:var(--up)}.cw-line.cmp em.down{color:var(--down)}.cw-pick{color:var(--mute);font-size:12.5px}.cw-note{color:var(--mute);font-size:12px}.cw-why{color:var(--down);font-size:12.5px}.cw-why.go{color:var(--gold-d)}.cw-why.mute{color:var(--mute)}.cw-req{border-top:1px solid var(--line);margin:6px 0 0;padding:6px 0 0;font-size:12.5px;list-style:none}.cw-req li{gap:8px;padding:2px 0;display:flex}.cw-req i{width:12px;font-style:normal;font-weight:600}.cw-req .ok i{color:var(--up)}.cw-req .no{color:var(--down)}.cw-coins{background:var(--slot);min-width:96px;height:32px;color:var(--ink);border-radius:2px;align-items:center;gap:6px;padding:0 12px 0 8px;display:inline-flex}.cw-coins img{width:18px;height:18px;image-rendering:pixelated}.cw-coins b{font:600 13.5px var(--num);margin-left:auto}.cw-ibtn{background:var(--slot);cursor:pointer;border:0;border-radius:2px;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid}.cw-ibtn img{object-fit:contain;filter:brightness(.25);width:18px;height:18px}.cw-modal{z-index:20;background:#141a2566;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.cw-mbox{background:var(--body);border-radius:4px;flex-direction:column;gap:8px;width:min(400px,100%);padding:16px;display:flex;box-shadow:0 0 0 1px #141a25}.cw-mbox h3{margin:0;font-size:16px;font-weight:600}.cw-mbox p{font-size:13.5px}.cw-mrow{gap:8px;margin-top:6px;display:flex}.cw-mrow .cw-btn{flex:1}.w-win.cw .w-slot{background:var(--slot);border-image-source:none;border-radius:2px}.w-win.cw .w-slot.full{box-shadow:inset 0 -2px 0 var(--rc,transparent)}.w-win.cw .w-slot[style*="slots/rare."]{--rc:var(--r-rare)}.w-win.cw .w-slot[style*="slots/epic."]{--rc:var(--r-epic)}.w-win.cw .w-slot[style*="slots/unique."]{--rc:var(--r-unique)}.w-win.cw .w-slot[style*="slots/legendary."]{--rc:var(--r-legend)}.w-win.cw .w-slot[style*="slots/mythic."]{--rc:var(--r-mythic)}.w-win.cw .w-slot .ic{filter:none;image-rendering:pixelated}.w-win.cw .w-slot .glyph{opacity:.45;width:48%;height:48%;inset:26%}.w-win.cw .w-slot .tag{display:none}.w-win.cw .w-slot .qty{min-width:0;color:var(--ink);font:600 10.5px/12px var(--num);background:0 0;border-width:0;border-image-source:none;border-radius:0;padding:0;bottom:3px;right:3px}.w-win.cw .w-slot .plus{color:var(--gold-d);font:600 10.5px/12px var(--num);background:0 0;border-radius:0;padding:0;top:2px;bottom:auto;left:3px}.w-win.cw .w-slot .sel{box-shadow:inset 0 0 0 1px var(--gold);background:0 0;border-radius:2px}.w-win.cw .w-slot .bad{border-radius:2px}.w-win.cw .w-slot.full:hover:not([disabled]){filter:brightness(1.04);transform:none}.cw-inv{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:12px;display:grid}.cw-char{background:var(--white);border-radius:3px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.cw-who{align-items:center;gap:8px;min-height:30px;display:flex}.cw-who>b{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.cw-who>span{color:var(--mute);white-space:nowrap;font-size:12.5px}.cw-who .cw-seg{margin-left:auto}.cw-chev{width:var(--tap);height:var(--tap);color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:2px;flex:none;font-size:14px;display:none}.cw-doll{grid-template-columns:42px minmax(0,1fr) 42px;gap:5px;display:grid}.cw-doll .dl,.cw-doll .dr{flex-direction:column;grid-row:1;justify-content:center;gap:5px;display:flex}.cw-doll .dl{grid-column:1}.cw-doll .dr{grid-column:3}.cw-sock{position:relative}.cw-sock.flt .w-slot{background:var(--gold-soft)}.cw-dur{pointer-events:none;background:#0000001f;height:2px;position:absolute;bottom:3px;left:4px;right:4px}.cw-dur:after{content:"";width:var(--d);background:var(--up);position:absolute;top:0;bottom:0;left:0}.cw-dur.low:after{background:var(--down)}.cw-fig{background:var(--slot);border-radius:2px;grid-area:1/2;min-height:200px;position:relative;overflow:hidden}.cw-fig:after{content:"";background:var(--gold);height:1px;position:absolute;bottom:16%;left:14%;right:14%}.cw-fig .who{width:100%;height:100%;image-rendering:pixelated;z-index:1;position:absolute;inset:0}.cw-stats{grid-template-columns:1fr 1fr;column-gap:20px;display:grid}.cw-stats .cw-line{padding:3px 0}.cw-pow{border-top:1px solid var(--line);color:var(--mute);align-items:center;gap:10px;padding-top:10px;font-size:13px;display:flex}.cw-pow b{font:600 18px var(--num);color:var(--ink)}.cw-pow .cw-link{margin-left:auto;padding:0}.cw-bag{flex-direction:column;gap:8px;min-width:0;display:flex}.cw-gridbox{background:var(--white);border-radius:3px;padding:8px}.cw-grid{grid-template-columns:repeat(8,minmax(0,1fr));align-content:start;gap:5px;display:grid}.cw-grid .w-slot.void{opacity:.5;cursor:default}.cw-none{text-align:center;grid-column:1/-1;padding:18px 0}.cw-detail{background:var(--white);border-radius:3px;flex-direction:column;gap:4px;min-height:132px;padding:14px;display:flex;position:relative}.cw-empty{text-align:center;margin:auto!important}.cw-sheetx{width:var(--tap);height:var(--tap);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:none;position:absolute;top:4px;right:4px}.cw-sheetx img{filter:brightness(.25);width:14px;height:14px}.cw-dhead{align-items:center;gap:10px;margin-bottom:4px;display:flex}.cw-dhead .w-slot{cursor:default;flex:none;width:48px}.cw-dhead b{font-weight:600}.cw-dhead small{color:var(--mute);font-size:12px;display:block}.cw-dbody{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:24px;display:grid}.cw-dbody>:is(.cw-req,.cw-note){grid-column:1/-1}.cw-dbody.one{grid-template-columns:minmax(0,1fr)}.cw-dbody .cw-req{flex-wrap:wrap;gap:2px 16px;display:flex}.cw-acts{flex-direction:column;gap:6px;margin-top:auto;padding-top:6px;display:flex}.cw-foot{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}.cw-fashion{flex-direction:column;gap:10px;min-height:0;display:flex}.cw-fashion>.cw-seg{align-self:flex-start}.w-win.cw.cw-skwin{height:min(780px,100dvh - 24px)}.w-win.cw.cw-skwin .w-body{overflow:hidden}.cw-st{--n:56px;--rh:86px;--lvw:40px;flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;position:relative}.cw-sthead{flex-wrap:wrap;flex:none;align-items:center;gap:12px;display:flex}.cw-sktabs{gap:4px;display:flex}.cw-sp{align-items:center;gap:10px;margin-right:auto;display:flex}.cw-sp b{font:600 34px/1 var(--num)}.cw-sp span{font-size:13px;font-weight:600;line-height:1.3}.cw-sp small{color:var(--mute);font-size:11.5px;font-weight:400;display:block}.cw-legend{color:var(--mute);gap:12px;font-size:11.5px;display:flex}.cw-legend span{white-space:nowrap;align-items:center;gap:5px;display:flex}.cw-legend .lg{background:var(--title);min-width:16px;height:16px;font:600 8px/1 var(--num);color:#fff;border-radius:2px;place-items:center;font-style:normal;display:grid}.cw-legend .lg.got{box-shadow:inset 0 -3px 0 var(--gold)}.cw-legend .lg.can{background:var(--orange);font-size:12px}.cw-legend .lg.lock{background:var(--slot)}.cw-legend .lg.max{background:var(--gold);padding:0 3px}.cw-stmain{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:62fr 38fr;gap:12px;min-height:0;display:grid}.cw-canvas{background:var(--white);border-radius:3px;min-height:0;padding:0 12px 12px;overflow:auto}.cw-cols,.cw-stgrid{display:grid}.cw-cols{z-index:3;background:var(--white);text-align:center;padding:10px 0 8px;font-size:12.5px;position:sticky;top:0}.cw-cols b{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.cw-stgrid{position:relative}.cw-lv{margin-top:calc(var(--n) / 2 - 8px);font:600 11px/16px var(--num);color:#a8a294;white-space:nowrap;grid-column:1;align-self:start}.cw-lv.in{color:var(--ink)}.cw-links{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.cw-links path{fill:none;stroke:var(--line);stroke-width:2px}.cw-links path.on{stroke:var(--gold)}.cw-sn{z-index:1;width:var(--n);color:var(--mute);cursor:pointer;background:0 0;border:0;flex-direction:column;place-self:start center;align-items:center;padding:0;display:flex;position:relative}.cw-sn .si{width:var(--n);height:var(--n);background:var(--slot);border-radius:3px;display:block;position:relative}.cw-sn .si>img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;border-radius:3px;display:block}.cw-sn>b{background:var(--white);font:600 11px/15px var(--num);margin-top:2px;padding:0 4px}.cw-sn.got>b,.cw-sn.max>b,.cw-sn.can:not(.zero)>b{color:var(--gold-d)}.cw-sn.lock .si>img,.cw-sn.open .si>img{filter:grayscale();opacity:.4}.cw-sn.can.zero .si>img{opacity:.75}.cw-sn.on .si{outline:1px solid var(--gold);outline-offset:2px}.cw-sn i{font-style:normal;position:absolute}.cw-sn .m-max{background:var(--gold);color:#fff;font:600 8px/12px var(--num);border-radius:0 3px 0 2px;padding:0 3px;top:0;right:0}.cw-sn .m-plus{background:var(--orange);color:#fff;width:16px;height:16px;font:600 13px/16px var(--num);text-align:center;border-radius:2px;top:-4px;right:-4px}.cw-sn .m-lock{background:var(--white);border-radius:2px;place-items:center;width:16px;height:16px;display:grid;bottom:2px;right:2px}.cw-sn .m-lock img{object-fit:contain;opacity:.7;width:10px;height:10px}.cw-sn .m-guide{background:var(--gold);color:#fff;min-width:16px;height:16px;font:600 10px/16px var(--num);text-align:center;border-radius:2px;top:-4px;left:-4px}.cw-side{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex}.cw-sdetail{background:var(--white);border-radius:3px;flex-direction:column;flex:1;min-height:0;padding:14px;display:flex}.cw-sdhead{flex:none;align-items:center;gap:10px;display:flex}.cw-sdhead>img{object-fit:cover;width:48px;height:48px;image-rendering:pixelated;border-radius:3px}.cw-sdhead b{font-size:15px;font-weight:600;display:block}.cw-sdhead small{color:var(--mute);font-size:12px}.cw-sdfold{width:var(--tap);height:var(--tap);color:var(--mute);cursor:pointer;background:0 0;border:0;flex:none;margin-left:auto;font-size:14px;display:none}.cw-sdbody{flex:1;min-height:0;margin-top:8px;overflow:auto}.cw-sdbody>p{color:var(--mute);margin:0 0 6px;font-size:12.5px}.cw-sdacts{flex-direction:column;flex:none;gap:6px;padding-top:10px;display:flex}.cw-sdacts .cw-btn{flex:1}.cw-sbar{background:var(--white);border-radius:3px;flex:none;align-items:center;gap:6px;padding:10px 14px;display:flex}.cw-sbar>span{color:var(--mute);margin-right:auto;font-size:12.5px}.cw-kslot{background:var(--slot);cursor:pointer;border:0;border-radius:3px;flex:none;width:44px;height:44px;padding:0;position:relative}.cw-kslot img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;border-radius:3px;display:block}.cw-kslot kbd{font:600 9px/11px var(--num);color:var(--ink);position:absolute;top:2px;left:3px}.cw-kslot img+kbd{color:#fff;text-shadow:-1px 0 #141a25,1px 0 #141a25,0 -1px #141a25,0 1px #141a25}.cw-kslot.ult{margin-left:6px}.cw-kslot.on{outline:1px solid var(--gold);outline-offset:2px}.cw-kslot.fit{background-color:var(--gold-soft)}.cw-sbar.pick .cw-kslot.fit{box-shadow:inset 0 0 0 1px var(--gold)}.cw-sbar.rows{grid-template-columns:auto repeat(5,44px);justify-content:end;align-items:center;gap:6px;display:grid}.cw-sbar.rows>span{display:none}.cw-sbar.rows .cw-kslot.ult{grid-area:1/6/3;margin-left:6px}.cw-sbar.rows.u2 .cw-kslot.ult{grid-row:1}.cw-sbar.rows.u2 .cw-kslot.ult2{grid-row:2}.cw-kslot.ult2{margin-left:0}.cw-krow{font:600 11.5px/1 var(--num);color:var(--mute);white-space:nowrap;grid-column:1;justify-self:end;margin-right:2px;font-style:normal}.cw-kslot.r2{background-image:linear-gradient(#b8964a2e,#b8964a2e);box-shadow:inset 0 -2px #b8964a99}@media (pointer:coarse){.cw-btn,.cw-tab,button.cw-chip{min-height:var(--tap)}.cw-seg button{min-height:34px}}@media (min-width:700px) and (max-width:1023px) and (min-height:521px){.cw-inv{grid-template-columns:292px minmax(0,1fr)}.cw-dbody{grid-template-columns:minmax(0,1fr)}.cw-legend{display:none}.cw-stmain{grid-template-columns:58fr 42fr}}@media (max-height:520px) and (orientation:landscape),(max-width:699px) and (orientation:portrait){.w-overlay:has(>.w-win.cw){padding:0}.w-win.cw{width:auto;height:auto;max-height:none;box-shadow:none;border-radius:0;position:absolute;inset:0}.w-win.cw.cw-skwin{height:auto}.w-win.cw .w-head{border-radius:0}.cw-dbody{grid-template-columns:minmax(0,1fr)}.cw-stats .cw-line.more,.cw-legend,.cw-sp small{display:none}}@media (max-height:520px) and (orientation:landscape){.w-win.cw .w-head{height:40px;padding:0 env(safe-area-inset-right,0px) 0 calc(14px + env(safe-area-inset-left,0px))}.w-win.cw .w-x{width:48px}.w-win.cw .w-body{padding:8px calc(10px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(10px + env(safe-area-inset-left,0px))}.w-win.cw.cw-bagwin .w-body{overflow:hidden}.cw-inv{flex:1;grid-template-columns:40% minmax(0,1fr);align-items:stretch;gap:8px;min-height:0;position:relative}.cw-char,.cw-bag{min-height:0;overflow:auto}.cw-char{gap:6px;padding:8px}.cw-who .cw-seg{order:5}.cw-doll{grid-template-columns:minmax(0,1fr) repeat(3,40px);gap:4px}.cw-doll :is(.dl,.dr){display:contents}.cw-fig{grid-area:1/1/6;min-height:0}.cw-detail{display:none}.cw-detail.show{z-index:3;width:calc(40% - 4px);padding:10px;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:auto}.cw-detail.show .cw-sheetx{display:grid}.cw-dhead{padding-right:var(--tap)}.cw-st{--n:46px;--rh:72px;--lvw:36px;gap:6px}.cw-sp b{font-size:24px}.cw-stmain{grid-template-columns:62fr 38fr;gap:8px}.cw-sdetail{padding:8px 10px}.cw-side{gap:6px}.cw-sbar{justify-content:center;padding:6px 10px}.cw-sbar>span,.cw-sdbody>p,.cw-krow{display:none}.cw-kslot,.cw-sdhead>img{width:40px;height:40px}.cw-sdacts .cw-btn{padding:4px 8px}}@media (max-width:699px) and (orientation:portrait){.w-win.cw .w-head{height:calc(44px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 calc(14px + env(safe-area-inset-left,0px))}.w-win.cw .w-x{width:48px;height:44px}.w-win.cw .w-body{padding:12px calc(12px + env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px))}.cw-inv{grid-template-columns:minmax(0,1fr);gap:10px}.cw-char{gap:6px;padding:8px}.cw-who{flex-wrap:wrap}.cw-chev{display:block}.cw-doll{grid-template-columns:54px repeat(7,minmax(0,1fr));gap:3px}.cw-doll :is(.dl,.dr){display:contents}.cw-fig{grid-area:1/1/3;min-height:0}.cw-stats{grid-template-columns:repeat(4,1fr);column-gap:6px}.cw-stats .cw-line{flex-direction:column;align-items:center;gap:0;font-size:11.5px}.cw-char.shut :is(.cw-doll,.cw-stats){display:none}.cw-pow{padding-top:6px}.cw-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.cw-foot .cw-btn{flex:1}.cw-foot .cw-coins{flex:1;min-width:0}.cw-detail{display:none}.cw-detail.show{z-index:5;min-height:0;max-height:78%;padding:16px calc(14px + env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));border-radius:4px 4px 0 0;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 0 0 1px #141a25,0 -100vh 0 100vh #141a2566}.cw-detail.show .cw-sheetx{display:grid}.cw-dhead{padding-right:var(--tap)}.cw-acts .cw-btn{flex:1}.cw-st{--n:50px;--rh:78px;--lvw:34px;gap:8px}.cw-sthead{gap:8px}.cw-sp b{font-size:28px}.cw-stmain{flex-direction:column;gap:8px;display:flex}.cw-canvas{flex:1;padding:0 6px 10px}.cw-side{flex:none;gap:6px}.cw-sbar{order:-1;padding:6px 10px}.cw-sbar.rows .cw-krow{display:none}.cw-sbar.rows{grid-template-columns:repeat(5,40px);justify-content:center;gap:4px 8px;padding:6px}.cw-sbar.rows .cw-kslot.ult{grid-column:5;margin-left:0}.cw-kslot{width:40px;height:40px}.cw-sdetail{flex:none;padding:10px}.cw-sdfold{display:block}.cw-sdbody{max-height:120px}.cw-st.shut :is(.cw-sdbody,.cw-sbar){display:none}.cw-sdacts .cw-btn.orange{flex:2}}.cw-tools{flex-wrap:wrap;margin-top:6px}.cw-discard{flex-direction:column;gap:6px;margin-top:6px;display:flex}.cw-openmany{flex-wrap:wrap;gap:6px}.cw-openmany input{border:1px solid #647890;border-radius:6px;width:64px;min-height:32px;padding:2px 8px}.cw-discard input{border:1px solid #647890;border-radius:6px;max-width:120px;min-height:32px;padding:2px 8px}.cw-discard input[type=text]{max-width:none}.wb-sock{z-index:2;width:40px;position:absolute;bottom:6px;right:6px}.wb-sock .wb-tag{color:#1b1e24;text-align:center;pointer-events:none;background:#f28c28;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font:700 10px/14px system-ui,sans-serif;position:absolute;top:-4px;left:-4px}.w-win.msm[class]{--ink:#f1f3f6;--mute:#aab2c0;--body:#353c4a;--white:#434b5a;--title:#2b3442;--slot:#2c323e;--dark:#2c323e;--round:#4e5767;--orange:#f07a45;--orange-h:#ff8a55;--blue:#4a86c5;--quiet:#4e5767;--up:#5fd08a;--down:#ff6b6b;--exp:#f2c94c;--star:#f2c94c;--line:#566072;--gold:#f07a45;--gold-d:#f2c94c;--gold-soft:#f07a4529;--stage:radial-gradient(ellipse at 50% 72%,#4a5466 0,#2c323e 72%);--r-common:#c9ced6;--r-rare:#4fa3f7;--r-epic:#b07cf2;--r-unique:#db9a5e;--r-legend:#4cc98a;--r-mythic:#ff6b6b;color:var(--ink);background:var(--body);filter:none;border-radius:6px;box-shadow:0 0 0 1px #1b2029,0 16px 40px #0009}.w-overlay:has(>.w-win.msm){background:#0b0f16b3}.w-win.msm[class] .w-head{color:#fff;background:var(--title);border-radius:6px 6px 0 0;gap:8px;height:40px;padding:0 4px 0 14px}.w-win.msm[class] .w-head b{font-size:15px;font-weight:700}.w-win.msm[class] .w-head small{color:var(--mute);opacity:1}.w-win.msm[class] .w-hicon{width:20px;height:20px}.w-win.msm[class] .w-x{border-radius:6px;width:36px;height:36px}.w-win.msm[class] .w-x:hover{background:#ffffff1a}.w-win.msm[class] .w-x img{visibility:visible;width:14px;height:14px}.w-win.msm[class] p{margin:0}.w-win.msm[class] .w-btn,.w-win.msm[class] .w-btn[class*=n9-]{color:#fff;background:var(--blue);border-width:0;border-image-source:none;border-radius:6px;min-height:36px;padding:2px 14px;font:700 13.5px/1.2 Noto Sans Thai,sans-serif}.w-win.msm[class] .w-btn.orange{background:var(--orange)}.w-win.msm[class] .w-btn.orange:hover:not([disabled]){background:var(--orange-h);filter:none}.w-win.msm[class] .w-btn.white{color:#fff;background:var(--quiet)}.w-win.msm[class] .w-btn.sm{min-height:32px;padding:0 10px;font-size:12.5px}.w-win.msm[class] .w-btn[disabled]{color:#7d8594;background:#3a414e}.w-win.msm[class] .w-round,.w-win.msm[class] .w-round[class*=n9-]{color:#fff;background:var(--quiet);border-width:0;border-image-source:none;border-radius:6px}.w-win.msm[class] .w-round.orange{background:var(--orange)}.w-win.msm[class] .w-round[disabled]{opacity:1;color:#6a7282;background:#3a414e}.w-win.msm[class] .w-round .w-ri{filter:brightness(0)invert()}.w-win.cw.msm .cw-btn{color:#fff;background:var(--blue);border-radius:6px;min-height:36px;padding:2px 14px;font-size:13.5px;font-weight:700}.w-win.cw.msm .cw-btn.orange{background:var(--orange)}.w-win.cw.msm .cw-btn.orange:hover:not([disabled]){background:var(--orange-h);filter:none}.w-win.cw.msm .cw-btn.white{color:#fff;background:var(--quiet)}.w-win.cw.msm .cw-btn[disabled]{color:#7d8594;background:#3a414e}.w-win.msm[class] .w-slot{background:#262b35;border-image-source:none;border-radius:6px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.msm[class] .w-slot.full{--rc:var(--r-common);background:#2c323e;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--rc) 24%,transparent) 0,transparent 68%),#2c323e;box-shadow:inset 0 0 0 2px var(--rc)}.w-win.msm[class] .w-slot.full[style*="slots/rare."]{--rc:var(--r-rare)}.w-win.msm[class] .w-slot.full[style*="slots/epic."]{--rc:var(--r-epic)}.w-win.msm[class] .w-slot.full[style*="slots/unique."]{--rc:var(--r-unique)}.w-win.msm[class] .w-slot.full[style*="slots/legendary."]{--rc:var(--r-legend)}.w-win.msm[class] .w-slot.full[style*="slots/mythic."]{--rc:var(--r-mythic)}.w-win.msm[class] .w-slot.full[style*="slots/common."]{box-shadow:inset 0 0 0 1.5px #8f97a5}.w-win.msm[class] .w-slot .ic{filter:drop-shadow(0 2px 2px #0006);width:74%;height:74%;image-rendering:pixelated;inset:13%}.w-win.msm[class] .w-slot .glyph{opacity:.4;filter:brightness(0)invert(.85);width:46%;height:46%;inset:27%}.w-win.msm[class] .w-slot .tag{display:none}.w-win.msm[class] .w-slot .qty,.w-win.msm[class] .w-slot .qty[class*=n9-]{color:#fff;background:#000000b3;border-width:0;border-image-source:none;border-radius:4px;min-width:0;padding:0 3px;font:700 10px/14px Outfit,Noto Sans Thai,sans-serif;inset:auto 3px 3px auto}.w-win.msm[class] .w-slot .plus{color:var(--star);background:#000000b3;border-radius:4px;padding:0 3px;font:700 10px/14px Outfit,Noto Sans Thai,sans-serif;top:3px;bottom:auto;left:3px}.w-win.msm[class] .w-slot .upi{width:30%;height:30%;top:2px;right:2px}.w-win.msm[class] .w-slot .keylock{inset:auto 3px 18px auto}.w-win.msm[class] .w-slot .sel{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--orange);background:0 0;border-radius:6px}.w-win.msm[class] .w-slot .bad{border-radius:6px}.w-win.msm[class] .w-slot.full:hover:not([disabled]){filter:brightness(1.12);transform:none}.w-win.msm.bs-eq .w-body{gap:10px;padding:12px}.bs-eqmain{grid-template-columns:288px minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.bs-eqleft,.bs-eqright{background:var(--white);min-width:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.bs-eq .w-doll{grid-template-columns:42px minmax(0,1fr) 42px;gap:6px}.bs-eq .w-dcol{gap:4px}.bs-eq .w-stage{background:var(--stage);border-radius:6px;min-height:0;box-shadow:inset 0 0 0 1px #3e4553}.bs-eq .w-stage:before{background:#0006;height:10px;bottom:40px;left:28%;right:28%}.bs-eq .w-stage .who{width:192px;max-width:100%;top:auto;bottom:34px;transform:translate(-50%)}.bs-eq .w-stage p{box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;background:#1f242d;border-radius:6px;margin:0 0 8px;padding:2px 10px;font-size:12px}.bs-eq .w-stage p b{color:var(--star);font-family:Outfit,Noto Sans Thai,sans-serif}.bs-eq .v2-dur{background:#0008;height:2px;bottom:2px;left:16%;right:16%}.bs-pick{color:var(--mute);text-align:center;margin:0;font-size:12px;line-height:1.4}.bs-eqcard{background:var(--slot);border-radius:6px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:6px 8px;padding:8px;display:grid}.bs-eqcard>.bs-pick{grid-column:1/-1;padding:6px 0}.bs-eqtxt{flex-direction:column;min-width:0;font-size:13px;line-height:1.3;display:flex}.bs-eqtxt small{color:var(--mute);font-size:11px}.bs-eqbtns{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:4px;display:grid}.w-win.msm[class] .bs-eqbtns .w-btn{white-space:normal;padding:0 6px;font-size:12px;line-height:1.15}.bs-sec{align-items:center;gap:8px;min-height:22px;padding:0 2px 0 10px;font-size:13.5px;display:flex;position:relative}.bs-sec:before{content:"";background:var(--orange);border-radius:2px;width:3px;position:absolute;top:4px;bottom:4px;left:0}.bs-free{color:var(--mute);white-space:nowrap;margin-left:auto;font-size:12px}.bs-free b{color:var(--ink);margin-left:4px;font:700 16px/1 Outfit,sans-serif}.bs-free b.up{color:var(--star)}.bs-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.bs-stat{background:var(--slot);border-radius:6px;grid-template-columns:minmax(0,1fr) auto 32px 32px;align-items:center;gap:4px;min-height:42px;padding:3px 4px 3px 8px;display:grid;box-shadow:inset 0 0 0 1px #3e4553}.bs-stat.main{box-shadow:inset 0 0 0 1px #f07a4580}.bs-stat.sub{box-shadow:inset 0 0 0 1px #4a86c580}.bs-sn{flex-direction:column;min-width:0;line-height:1.2;display:flex}.bs-sn b{white-space:nowrap;align-items:center;gap:4px;font:700 13.5px Outfit,Noto Sans Thai,sans-serif;display:flex}.bs-sn small{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.bs-role{background:var(--orange);color:#fff;border-radius:7px;flex:none;padding:0 5px;font:700 9.5px/14px Noto Sans Thai,sans-serif}.bs-role.sub{background:var(--blue)}.bs-sv{text-align:center;min-width:34px;color:var(--ink);font:700 15px/1.1 Outfit,sans-serif}.bs-sv b{color:var(--up);font-size:10.5px;display:block}.bs-sv b.gear{color:#5eb8ff}.bs-allstat{color:#5eb8ff;margin:2px 0 4px;font:600 11.5px/1.3 Noto Sans Thai,sans-serif}.w-win.msm[class] .bs-stat .w-round.sm{width:32px;height:32px;font-size:17px}.bs-cgrid{background:var(--slot);border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;padding:4px 8px 6px;display:grid}.bs-cgrp{flex-direction:column;min-width:0;display:flex}.bs-cgrp-h{border-bottom:1px solid var(--line);color:var(--orange);margin-bottom:2px;padding:3px 4px;font-size:11.5px;font-weight:700}.bs-crow{cursor:pointer;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:6px;min-height:24px;padding:1px 4px;font-size:12px;line-height:1.25;display:flex}.bs-crow>span{min-width:0;color:var(--mute)}.bs-crow>b{text-align:right;white-space:nowrap;margin-left:auto;font:600 12.5px Outfit,Noto Sans Thai,sans-serif}.bs-crow em{font-style:normal}.bs-crow em.cap{color:#ff8a80;font-size:11px}.bs-crow:hover{background:#ffffff0d}.bs-crow.on{background:var(--gold-soft);box-shadow:inset 2px 0 0 var(--orange)}.bs-ctip{min-height:2.8em;color:var(--mute);font-size:11.5px;line-height:1.4}.w-win.msm[class] .bs-foot{border-top:1px solid var(--line);gap:6px;padding-top:8px}.bs-chip{background:var(--slot);white-space:nowrap;border-radius:6px;align-items:center;min-height:30px;padding:0 10px;font-size:12.5px;display:inline-flex}.w-win.cw.msm{border-radius:6px;box-shadow:0 0 0 1px #1b2029,0 16px 40px #0009}.w-overlay:has(>.w-win.cw.msm){background:#0b0f16b3}.w-win.cw.msm .w-head{border-radius:6px 6px 0 0}.w-win.cw.msm .w-body{gap:10px;padding:12px}.w-win.cw.msm .cw-char{background:var(--white);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;gap:8px;padding:10px}.w-win.cw.msm .cw-who>span{color:var(--mute)}.w-win.cw.msm .cw-seg{background:var(--slot);border-radius:6px}.w-win.cw.msm .cw-seg button{color:#c9cfd8;border-radius:5px}.w-win.cw.msm .cw-seg button.on{background:var(--orange);color:#fff}.w-win.cw.msm .cw-chev{color:var(--mute)}.w-win.cw.msm .cw-doll{grid-template-columns:40px minmax(0,1fr) 40px;gap:5px}.w-win.cw.msm .cw-doll :is(.dl,.dr){gap:4px}.w-win.cw.msm .cw-sock.flt .w-slot{box-shadow:inset 0 0 0 2px var(--orange)}.w-win.cw.msm .cw-sock.hl .w-slot{background-color:#f07a4533}.w-win.cw.msm .cw-fig{background:var(--stage);border-radius:6px;min-height:0;box-shadow:inset 0 0 0 1px #3e4553}.w-win.cw.msm .cw-fig:after{background:#0006;border-radius:50%;height:8px;bottom:12%;left:26%;right:26%}.w-win.cw.msm .cw-dur{background:#0008}.w-win.cw.msm .cw-stats{background:var(--slot);border-radius:6px;column-gap:14px;padding:4px 8px}.w-win.cw.msm .cw-stats .cw-line{padding:2px 0;font-size:12.5px}.w-win.cw.msm .cw-pow{border-top:1px solid var(--line);color:var(--mute);padding-top:8px}.w-win.cw.msm .cw-pow b{color:var(--star);font:700 18px Outfit,sans-serif}.w-win.cw.msm .cw-link{color:var(--ink);-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.w-win.cw.msm .cw-tabs{gap:4px}.w-win.cw.msm .cw-tab{color:#c9cfd8;background:var(--slot);min-height:34px;box-shadow:none;border-radius:6px;font-weight:600}.w-win.cw.msm .cw-tab:hover:not(.on){background:#363d4a}.w-win.cw.msm .cw-tab.on{color:#fff;background:var(--orange)}.w-win.cw.msm .cw-chip{background:var(--slot);color:var(--ink);border-radius:6px}.w-win.cw.msm .cw-chip.on{background:var(--gold-soft);color:#ffb08a}.w-win.cw.msm .cw-chip.warn{color:var(--down)}.w-win.cw.msm .cw-coins{background:var(--slot);color:var(--ink);border-radius:6px}.w-win.cw.msm .cw-coins b{color:var(--star)}.w-win.cw.msm .cw-gridbox{background:var(--white);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;padding:8px}.w-win.cw.msm .cw-grid{gap:5px}.w-win.cw.msm .cw-grid .w-slot.void{opacity:1}.w-win.cw.msm .cw-pick{color:var(--mute)}.w-win.cw.msm .cw-detail{background:var(--body);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;padding:0;overflow:auto}.w-win.cw.msm .cw-detail>.cw-empty{padding:16px}.w-win.cw.msm .cw-detail .isx.lite{background:0 0}.w-win.cw.msm .cw-sheetx img{filter:brightness(0)invert()}.w-win.cw.msm .cw-ibtn{background:var(--quiet);border-radius:6px}.w-win.cw.msm .cw-ibtn img{filter:brightness(0)invert()}.w-win.cw.msm .cw-modal{background:#0b0f1699}.w-win.cw.msm .cw-mbox{background:var(--body);box-shadow:0 0 0 1px var(--line);border-radius:6px}.w-win.cw.msm :is(.cw-openmany,.cw-discard) input{border:1px solid var(--line);background:var(--slot);color:var(--ink);border-radius:6px}.w-win.cw.msm .av-pages{margin-top:8px}.w-win.cw.msm .av-pages button{background:var(--slot);color:#c9cfd8;border-radius:6px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.cw.msm .av-pages button.on{background:var(--orange);color:#fff;box-shadow:none}.w-win.cw.msm .cw-who{flex-wrap:wrap;row-gap:6px}.w-win.cw.msm .cw-char>*{flex-shrink:0}.w-win.cw.msm .cw-who>b{flex:0 auto}.w-win.cw.msm .cw-who .cw-seg{flex:1 0 100%;order:3;margin-left:0}.w-win.cw.msm .cw-who .cw-seg button{flex:1}.w-win.cw.msm .cw-who .cw-chev{order:2;margin-left:auto}@media (min-width:900px) and (min-height:521px){.w-win.cw.msm .cw-inv{grid-template-columns:262px minmax(0,1fr);align-items:stretch;gap:10px}.w-win.cw.msm .cw-bag{grid-template:"tabs det""flt det""grid det"minmax(0,1fr)"foot foot"/minmax(0,1fr) 300px;gap:0 10px;display:grid}.w-win.cw.msm .cw-bag>.cw-tabs{grid-area:tabs;margin-bottom:8px}.w-win.cw.msm .cw-bag>.cw-row{grid-area:flt;margin-bottom:8px}.w-win.cw.msm .cw-bag>.cw-gridbox{grid-area:grid}.w-win.cw.msm .cw-bag>.cw-detail{contain:size;grid-area:det;min-height:0;max-height:none}.w-win.cw.msm .cw-detail .isx-body{display:flex}.w-win.cw.msm .cw-bag>.cw-foot{grid-area:foot;margin-top:10px}}@media (pointer:coarse){.w-win.msm[class] .w-btn,.w-win.msm[class] .w-btn.sm,.w-win.cw.msm .cw-btn,.w-win.cw.msm .cw-tab{min-height:40px}.w-win.msm[class] .bs-stat{grid-template-columns:minmax(0,1fr) auto 40px 40px}.w-win.msm[class] .bs-stat .w-round.sm{width:40px;height:40px}}@media (max-width:900px){.bs-eqmain{grid-template-columns:250px minmax(0,1fr)}.bs-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height:520px) and (orientation:landscape){.w-win.msm.bs-eq{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.w-win.msm.bs-eq .w-head{padding-left:calc(14px + env(safe-area-inset-left,0px));padding-right:env(safe-area-inset-right,0px);border-radius:0}.w-win.msm.bs-eq .w-body{padding:8px calc(10px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(10px + env(safe-area-inset-left,0px))}.w-overlay:has(>.w-win.msm.bs-eq){padding:0}.bs-eqmain{grid-template-columns:240px minmax(0,1fr);gap:8px}.bs-eqleft,.bs-eqright{gap:6px;padding:8px}.bs-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.bs-eq .w-doll{grid-template-columns:40px minmax(0,1fr) 40px}}@media (max-width:760px) and (orientation:portrait){.bs-eqmain{grid-template-columns:minmax(0,1fr)}.bs-stats,.bs-cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bs-eq .w-doll{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.bs-eq .w-dcol{display:contents}.bs-eq .w-stage{grid-column:1/-1;height:190px}}@media (max-width:480px) and (orientation:portrait){.bs-stats{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px) and (orientation:portrait){.bs-cgrid{grid-template-columns:minmax(0,1fr)}}@media (max-height:520px) and (orientation:landscape){.w-win.cw.msm,.w-win.cw.msm .w-head{border-radius:0}.w-win.cw.msm .cw-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.w-win.cw.msm .cw-doll{grid-template-columns:minmax(0,1fr) repeat(3,40px);gap:4px}.w-win.cw.msm .cw-tab{min-height:36px}.w-win.cw.msm .cw-detail.show{background:var(--body);box-shadow:0 0 0 1px var(--line)}}@media (max-width:699px) and (orientation:portrait){.w-win.cw.msm,.w-win.cw.msm .w-head{border-radius:0}.w-win.cw.msm .cw-detail.show{background:var(--body);box-shadow:0 0 0 1px var(--line),0 -100vh 0 100vh #0b0f1699}.w-win.cw.msm .cw-doll{grid-template-columns:54px repeat(7,minmax(0,1fr));gap:3px}}.w-win.cw.msm .cw-why.bag-fp-why,.cw-why.bag-fp-why{color:#aab2c0;font-weight:400}.hud-buddy.duo-locked{outline:none;padding-left:12px}.hud-buddy.duo-locked:focus-visible{box-shadow:0 0 0 2px #ffd84a}.hud-buddy.duo-locked strong{color:#dfe6f0}.hud-buddy.duo-locked small{text-overflow:ellipsis;color:#ffe7a0;overflow:hidden}.hud-buddy .duo-face{width:32px;height:32px;image-rendering:pixelated;flex:none;margin:-3px 0}.hud-buddy.duo-coach{animation:1.1s ease-in-out infinite duo-ring;box-shadow:0 0 0 3px #ffd84a,0 0 14px 4px #ffd84a99}.duo-coach-tip{color:#3a2a00;white-space:nowrap;pointer-events:none;background:#fff8dc;border-radius:10px;padding:4px 10px;font:700 12px/18px Noto Sans Thai,sans-serif;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0006}.duo-coach-tip small{color:#6a5310;text-align:center;font:600 11px/15px Noto Sans Thai,sans-serif;display:block}.duo-coach-tip:after{content:"";border:6px solid #0000;border-top-color:#fff8dc;margin-left:-6px;position:absolute;top:100%;left:50%}@keyframes duo-ring{50%{box-shadow:0 0 0 3px #ffd84a,0 0 22px 8px #ffd84ad0}}.duo-toast{z-index:60;color:#fff;pointer-events:none;box-sizing:border-box;background:linear-gradient(#2b3a58f2,#1b2438f2);border:2px solid #ffd84a;border-radius:16px;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:10px 22px 10px 12px;animation:4.2s ease-out both duo-toast;display:flex;position:fixed;top:22%;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #000a,0 0 30px #ffd84a66}.duo-toast img{width:64px;height:64px;image-rendering:pixelated}.duo-toast div{flex-direction:column;display:flex}.duo-toast strong{color:#ffe27a;text-shadow:0 2px #3a2a00;white-space:nowrap;font:800 24px/32px Noto Sans Thai,sans-serif}.duo-toast small{color:#d8e2f2;font:600 13px/18px Noto Sans Thai,sans-serif}@keyframes duo-toast{0%{opacity:0;transform:translate(-50%)scale(.7)}10%{opacity:1;transform:translate(-50%)scale(1.06)}16%{transform:translate(-50%)scale(1)}85%{opacity:1}to{opacity:0}}@media (max-width:520px){.duo-toast{max-width:calc(100vw - 32px);padding:8px 14px 8px 8px;top:16%}.duo-toast img{width:48px;height:48px}.duo-toast strong{font-size:19px;line-height:26px}}.hud-buddy.duo-idle{outline:none}.hud-buddy.duo-idle .duo-face{filter:saturate(.55)}.hud-buddy.duo-on{gap:5px;padding:3px 5px 3px 3px}.duo-ring{cursor:pointer;background:conic-gradient(#ffd84a calc(var(--g) * 1%),#ffffff26 0);border:none;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;margin:0;padding:0;display:grid;position:relative}.duo-ring img{width:34px;height:34px;image-rendering:pixelated;background:#1b2438;border-radius:50%}.duo-ring.full{animation:1s ease-in-out infinite duo-ult}.duo-ring:focus-visible{box-shadow:0 0 0 2px #fff}.duo-ko{color:#ffe27a;text-align:center;background:#0b1420c0;border-radius:50%;font:800 14px/34px Noto Sans Thai,sans-serif;position:absolute;inset:3px}.hud-buddy.duo-on strong em{color:#ffe27a;font-size:10px;font-style:normal}.duo-hp{background:#0b142099;border-radius:3px;height:5px;margin-top:3px;display:block;overflow:hidden}.duo-hp i{background:linear-gradient(90deg,#4fc35a,#8ee86a);height:100%;transition:width .2s;display:block}.duo-mode{color:#ffe7a0;cursor:pointer;background:#1b2438e6;border:1px solid #ffffff40;border-radius:7px;flex:none;min-width:40px;height:30px;padding:0 5px;font:700 10px/1 Noto Sans Thai,sans-serif}.duo-mode[data-mode=rest]{color:#9fb0c8}@keyframes duo-ult{50%{box-shadow:0 0 0 2px #ffd84a,0 0 12px 3px #ffd84aa0}}.duo-icon{box-sizing:border-box;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:44px;height:44px;margin:0;padding:2px;display:none;position:absolute}.duo-icon .ring{background:conic-gradient(#ffd84a calc(var(--g,0) * 1%),#283444e6 0);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:0 0 0 1px #ffffff2e,0 4px 10px #0b1d3059}.duo-icon img{width:34px;height:34px;image-rendering:pixelated;background:#1b2438;border-radius:50%}.duo-icon.locked img,.duo-icon.idle img,.duo-icon.off img{filter:saturate(.4)brightness(.85)}.duo-icon .lock{filter:drop-shadow(0 1px 1px #000c);font:13px/1 sans-serif;position:absolute;bottom:0;right:0}.duo-icon .duo-ko{font-size:13px;line-height:34px;inset:3px}.duo-icon:focus-visible .ring{box-shadow:0 0 0 2px #fff}.duo-icon.duo-coach .ring{animation:1.1s ease-in-out infinite duo-ring;box-shadow:0 0 0 3px #ffd84a,0 0 14px 4px #ffd84a99}.duo-icon.pv .duo-coach-tip{inset:calc(100% + 10px) auto auto 50%;transform:translate(-50%)}.duo-icon.pv .duo-coach-tip:after{border-top-color:#0000;border-bottom-color:#fff8dc;margin:0 0 0 -6px;top:auto;bottom:100%;left:50%}.duo-icon.tl .duo-coach-tip{top:50%;bottom:auto;left:calc(100% + 10px);transform:translateY(-50%)}.duo-icon.tl .duo-coach-tip:after{border-top-color:#0000;border-right-color:#fff8dc;margin:-6px 0 0;top:50%;left:auto;right:100%}.fw.duo .fw-body{flex-direction:column;gap:10px;display:flex;overflow:auto}.duo-mine{flex:1;gap:12px;min-height:0;display:flex}.duo-cards{flex:1.3;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;display:grid}.duo-card{color:#3b2f22;cursor:pointer;text-align:center;background:#fffaf0;border:2px solid #d9cfb8;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px 8px;font:600 12px/16px Noto Sans Thai,sans-serif;display:flex;position:relative}.duo-card img{width:96px;height:96px;image-rendering:pixelated}.duo-card b{font-size:15px;line-height:20px}.duo-card.sel{border-color:#f0a020;box-shadow:0 0 0 2px #f0a02055}.duo-card.locked img{filter:brightness(0)opacity(.45)}.duo-card.locked b{color:#8a7d6b}.duo-lock{color:#a0661a}.duo-rank{color:#ffe27a;background:#3b2f22;border-radius:8px;padding:0 6px;font:800 12px/18px Noto Sans Thai,sans-serif;position:absolute;top:8px;left:8px}.duo-out{color:#fff;background:#2c976c;border-radius:8px;padding:0 6px;font:700 11px/18px Noto Sans Thai,sans-serif;position:absolute;top:8px;right:8px}.duo-bar{background:#e8dfcc;border-radius:4px;width:80%;height:7px;display:block;overflow:hidden}.duo-bar i{background:linear-gradient(90deg,#f6a6c8,#e2558f);height:100%;display:block}.duo-bondnum{color:#7a6b58;font-size:10px}.duo-detail{color:#3b2f22;background:#fff6e2;border:1px solid #e3d6b8;border-radius:12px;flex-direction:column;flex:1;gap:8px;min-width:0;padding:10px;display:flex}.duo-detail header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.duo-detail header b{font:800 18px/24px Noto Sans Thai,sans-serif}.duo-detail header small{color:#7a6b58;flex:1;font:12px/16px Noto Sans Thai,sans-serif}.duo-skills{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.duo-skills li{background:#fffdf7;border-radius:8px;grid-template-columns:64px 1fr auto;align-items:center;gap:6px;padding:6px 8px;font:600 12px/16px Noto Sans Thai,sans-serif;display:grid}.duo-skills li em{color:#a0661a;font-size:11px;font-style:normal}.duo-skills li.lock{opacity:.5}.duo-treat{background:#fffdf7;border:1px solid #f3c6d8;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex}.duo-treat img{object-fit:contain;flex:none;width:40px;height:40px}.duo-treat span{flex-direction:column;flex:1;min-width:0;display:flex}.duo-treat b{color:#3b2f22;font:800 13px/18px Noto Sans Thai,sans-serif}.duo-treat small{color:#7a6b58;overflow-wrap:anywhere;font:11px/15px Noto Sans Thai,sans-serif}.duo-treat .fw-btn{flex:none}.duo-treat.off img{filter:grayscale(.6);opacity:.7}.duo-chips{flex-wrap:wrap;gap:6px;display:flex}.duo-chip{color:#3b2f22;cursor:pointer;background:#fffaf0;border:1px solid #d9cfb8;border-radius:15px;align-items:center;gap:4px;min-height:30px;padding:3px 10px;font:600 12px/16px Noto Sans Thai,sans-serif;display:inline-flex}.duo-chip img{width:22px;height:22px;image-rendering:pixelated}.duo-chip.on{background:#ffe9b8;border-color:#f0a020}.duo-settings,.duo-skins{flex-direction:column;gap:10px;display:flex}.duo-form{color:#3b2f22;flex-direction:column;gap:6px;display:flex}.duo-form h4{color:#7a5520;margin:8px 0 0;font:800 13px/18px Noto Sans Thai,sans-serif}.duo-row{border-bottom:1px dashed #e3d6b8;flex-wrap:wrap;align-items:center;gap:10px;padding:4px 0;display:flex}.duo-row>span{flex:0 0 190px;font:700 12px/16px Noto Sans Thai,sans-serif}.duo-row>div{flex-wrap:wrap;gap:6px;display:flex}.duo-step{align-items:center;gap:8px;display:flex}.duo-step button{cursor:pointer;background:#fffaf0;border:1px solid #d9cfb8;border-radius:8px;width:30px;height:30px;font:800 16px/1 sans-serif}.duo-step button:disabled{opacity:.4;cursor:default}.duo-presets{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.duo-preset{background:#fff6e2;border:1px solid #e3d6b8;border-radius:10px;align-items:center;gap:6px;padding:6px 8px;display:flex}.duo-preset b{font:800 12px/16px Noto Sans Thai,sans-serif}.duo-preset small{color:#7a6b58;font:11px/14px Noto Sans Thai,sans-serif}.duo-name{border:1px solid #d9cfb8;border-radius:8px;width:150px;height:30px;padding:0 8px;font:12px Noto Sans Thai,sans-serif}.duo-skinview{color:#3b2f22;background:#fff6e2;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.duo-skinview img{width:96px;height:96px;image-rendering:pixelated}.duo-skinlist{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.duo-skin{color:#3b2f22;background:#fffaf0;border:2px solid #d9cfb8;border-radius:10px;flex-direction:column;gap:4px;padding:8px;font:600 12px/16px Noto Sans Thai,sans-serif;display:flex}.duo-skin.worn{box-shadow:0 0 0 2px #2c976c}.duo-skin>div{gap:6px;display:flex}@media (max-width:700px){.duo-mine{flex-direction:column}.duo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.duo-card img{width:64px;height:64px}.duo-row>span{flex-basis:100%}}.duo-skills li[data-duosk]{cursor:pointer}.duo-skills li[data-duosk]:hover,.duo-skills li[aria-expanded=true]{box-shadow:inset 0 0 0 1.5px #e8a000}.duo-skills li[data-duosk]:focus-visible{outline-offset:1px;outline:2px solid #e8a000}.duo-skhint{color:#7a6b58;font:11px/15px Noto Sans Thai,sans-serif}.pt-host.duo-skfloat{z-index:1000}.fw.msm.duo .duo-card{color:#c9cfd8;background:#434b5a;border:0;border-radius:6px;box-shadow:inset 0 0 0 1px #566072}.fw.msm.duo .duo-card:hover{background:#4e5767}.fw.msm.duo .duo-card b{color:#f1f3f6}.fw.msm.duo .duo-card.sel{background:#4e5767;box-shadow:inset 0 0 0 2px #f07a45}.fw.msm.duo .duo-card.locked img{filter:brightness(0)invert(.8)opacity(.28)}.fw.msm.duo .duo-card.locked b{color:#aab2c0}.fw.msm.duo .duo-lock{color:#f2c94c}.fw.msm.duo .duo-rank{color:#f2c94c;background:#1f242d;border-radius:4px}.fw.msm.duo .duo-out{background:#2f8f5a;border-radius:4px}.fw.msm.duo .duo-bar{background:#2c323e}.fw.msm.duo .duo-bondnum{color:#aab2c0}.fw.msm.duo .duo-detail{color:#f1f3f6;background:#434b5a;border:0;border-radius:6px;box-shadow:inset 0 0 0 1px #566072}.fw.msm.duo .duo-detail header small,.fw.msm.duo .duo-skhint{color:#aab2c0}.fw.msm.duo .duo-skills li{color:#f1f3f6;background:#353c4a;border-radius:5px}.fw.msm.duo .duo-skills li em{color:#f2c94c}.fw.msm.duo .duo-skills li small{color:#aab2c0}.fw.msm.duo .duo-skills li[data-duosk]:hover,.fw.msm.duo .duo-skills li[aria-expanded=true]{box-shadow:inset 0 0 0 1.5px #f07a45}.fw.msm.duo .duo-treat{background:#353c4a;border:0;border-radius:6px;box-shadow:inset 0 0 0 1px #566072}.fw.msm.duo .duo-treat b{color:#f1f3f6}.fw.msm.duo .duo-treat small{color:#aab2c0}.fw.msm.duo .duo-chip{color:#c9cfd8;background:#5a6475;border:0;border-radius:14px}.fw.msm.duo .duo-chip:hover{color:#fff;background:#67728a}.fw.msm.duo .duo-chip.on{color:#fff;background:#f07a45}.fw.msm.duo .duo-form{color:#f1f3f6}.fw.msm.duo .duo-form h4{color:#f2c94c}.fw.msm.duo .duo-row{border-bottom:1px solid #434b5a}.fw.msm.duo .duo-row>span{color:#c9cfd8}.fw.msm.duo .duo-step button{color:#f1f3f6;background:#4e5767;border:0;border-radius:6px}.fw.msm.duo .duo-preset{background:#434b5a;border:0;border-radius:6px;box-shadow:inset 0 0 0 1px #566072}.fw.msm.duo .duo-preset small{color:#aab2c0}.fw.msm.duo .duo-name{color:#f1f3f6;background:#2c323e;border:0;border-radius:6px;box-shadow:inset 0 0 0 1px #566072}.fw.msm.duo .duo-name::placeholder{color:#7c8596}.fw.msm.duo .duo-name:focus{outline:none;box-shadow:inset 0 0 0 1px #f07a45}.fw.msm.duo .duo-skinview,.fw.msm.duo .duo-skin{color:#f1f3f6;background:#434b5a;border-radius:6px}.fw.msm.duo .duo-skin.worn{box-shadow:0 0 0 2px #5fd08a}.dgw .dgw-tab{position:relative}.dgw .dgw-tab img{image-rendering:auto}.dgw-bd{background:var(--orange);color:#fff;min-width:20px;height:20px;font:600 11.5px/20px var(--num);text-align:center;border-radius:10px;flex:none;padding:0 5px;font-style:normal}.dgw-bd.q{background:var(--gold)}.dgw-bd.z{background:var(--slot);color:var(--mute)}.dgw-grid{flex:1;grid-template-columns:minmax(0,1fr) 384px;gap:12px;min-height:0;display:grid}.dgw-grid.one{grid-template-columns:minmax(0,1fr)}.dgw-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:max-content;align-content:start;gap:6px;display:grid}.dgw-card{background:var(--white);min-height:74px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:3px;flex-direction:column;justify-content:space-between;align-items:stretch;gap:6px;padding:10px 12px;display:flex}.dgw-card:hover{background:#fff}.dgw-card.on{background:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold)}.dgw-card.lock{opacity:.6}.dgw-card .nm b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.dgw-card .nm small{font:500 12px var(--num);color:var(--mute);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.dgw-card .tags{flex-wrap:wrap;gap:4px;display:flex}.dgw-card .tags i,.dgw-df small{font-style:normal}.dgw-card .tags i{background:var(--slot);color:var(--ink2);border-radius:2px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.5}.dgw-card .tags .q{background:var(--gold-soft);color:var(--gold-d);box-shadow:inset 0 0 0 1px var(--gold)}.dgw-card .tags .ok{background:var(--mint-soft);color:#1f6e4e}.dgw-card .tags .lk{color:var(--down);background:#f3e9e0}.dgw-card .tags .rec{background:var(--orange);color:#fff}.dgw-det{gap:10px}.dgw-cover{background:#1a2230 var(--cv) center/cover no-repeat;border-radius:3px;flex:none;height:118px;position:relative;overflow:hidden}.dgw-cover b{color:#fff;text-shadow:0 2px 6px #000c;white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:700;position:absolute;bottom:8px;left:12px;right:12px;overflow:hidden}.dgw-cover small{color:#fff;background:#141a25b3;border-radius:2px;padding:1px 8px;font-size:11.5px;font-weight:600;position:absolute;top:8px;left:10px}.dgw-diffs{flex-wrap:wrap;gap:4px;display:flex}.dgw-df{background:var(--slot);min-width:84px;min-height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:2px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:0;padding:2px 8px;display:flex}.dgw-df b{white-space:nowrap;font-size:13px;font-weight:600}.dgw-df small{font:500 11px var(--num);opacity:.8}.dgw-df.on{background:var(--dark);color:#fff}.dgw-df.lock{color:#a8a294}.dgw-df.lock.on{color:#e4e1d9;background:#5b6271}.dgw-why{font-weight:600}.dgw-colors{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.dgw-col{border:2px solid var(--c);background:var(--white);min-height:30px;color:var(--c);cursor:pointer;border-radius:2px;padding:0 10px;font:700 12px Noto Sans Thai,sans-serif}.dgw-col.on{background:var(--c);color:#fff}.dgw-skip{cursor:pointer;align-items:center;gap:6px;min-height:32px;font-size:13px;display:flex}.dgw-rws{flex-wrap:wrap;gap:8px;display:flex}.dgw-rw{flex-direction:column;align-items:center;gap:2px;width:60px;display:flex}.dgw-rw small{font:500 11px var(--num);color:var(--mute);white-space:nowrap}.dgw-first{color:var(--gold-d);font-size:12.5px}.dgw-normal{gap:6px;font-size:13px;line-height:1.55}.dgw-rank{gap:2px}.dgw-rrow{background:var(--white);border-radius:2px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;padding:0 10px;font-size:13px;display:grid}.dgw-rrow b{font:600 13px var(--num)}.dgw-rrow em{color:var(--orange);font-style:normal;font-weight:600}.dgw-rrow.me{box-shadow:inset 0 0 0 1px var(--gold)}.dgw .w-jpick{flex-wrap:wrap}.dgw-wide{flex:1}.dgw-shop{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.dgw-ware{background:var(--white);text-align:center;border-radius:3px;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;display:flex}.dgw-ware .nm{font-size:13.5px;font-weight:600}.dgw-ware small{color:var(--mute);font-size:11.5px}.dgw-price{font:600 13px var(--num);color:var(--gold-d);align-items:center;gap:3px;display:flex}.dgw-price img{image-rendering:auto;width:18px;height:18px}.dgw-chips{gap:6px;display:flex}.dgw-cur{min-width:0}.dgw-cur img{image-rendering:auto}.dgw-what{flex-direction:column;min-width:0;line-height:1.3;display:flex}.dgw-what b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.dgw-what small{font:500 12px var(--num);color:var(--mute);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dgw-what .fw-why{white-space:nowrap;text-overflow:ellipsis;font-style:normal;font-weight:600;overflow:hidden}.dgw-sweep{white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;line-height:1.15;display:inline-flex}.dgw-sweep small{opacity:.9;font-size:11px;font-weight:500}.dgw-sweep-buy{white-space:nowrap}@media (min-width:761px) and (min-height:521px){.dgw .fw-main.has-tabs{flex-direction:row}.dgw .fw-main.has-tabs .fw-tabs{background:var(--white);flex-direction:column;gap:2px;width:152px;padding:8px 0;overflow:hidden auto}.dgw .dgw-tab{justify-content:flex-start;gap:8px;min-width:0;height:54px;padding:0 10px 0 12px}.dgw .dgw-tab img{width:36px;height:36px}.dgw .dgw-tab span{white-space:normal;text-align:left;min-width:0;line-height:1.2}.dgw .dgw-tab.on{background:var(--body);box-shadow:inset 3px 0 0 var(--gold)}.dgw .dgw-tab .dgw-bd{margin-left:auto}}@media (max-width:1180px) and (min-height:521px){.dgw-grid{grid-template-columns:minmax(0,1fr) 340px}}@media (max-height:520px) and (orientation:landscape){.dgw .dgw-bd{min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:3px;right:3px}.dgw-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:8px}.dgw-list{grid-template-columns:minmax(0,1fr);gap:4px}.dgw-card{gap:3px;min-height:52px;padding:7px 10px}.dgw-cover{height:60px}.dgw-cover b{font-size:16px;bottom:5px}.dgw-det{gap:8px}.dgw-df{min-height:40px}.dgw-rw{width:52px}.dgw .fw-foot .fw-btn.xl{padding:4px 16px}.dgw .fw-foot .dgw-sweep.xl{padding:2px 10px}}@media (max-width:760px) and (orientation:portrait){.dgw .dgw-bd{min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px}.dgw-grid,.dgw-grid.one{flex-direction:column;flex:none;gap:10px;min-height:auto;display:flex}.dgw-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dgw-card{min-height:64px;padding:8px 10px}.dgw-cover{height:96px}.dgw-what{flex:100%}.dgw-shop{grid-template-columns:repeat(2,minmax(0,1fr))}}.dgw-reset{font-variant-numeric:tabular-nums}.dgw-reset b{color:var(--orange);font:700 1em var(--num)}.dgw .dgw-home{opacity:.9}.dgw-hub{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(210px,1fr);align-content:stretch;gap:10px;display:grid}.dgw-hc{cursor:pointer;background:var(--cv) var(--cp,center)/cover no-repeat,var(--bg,#1a2230);color:#fff;min-width:0;font:inherit;text-align:center;border:0;border-radius:6px;flex-direction:column;justify-content:space-between;padding:0;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff26,0 2px 6px #0003}.dgw-hc:before{content:"";pointer-events:none;background:linear-gradient(#0b0f18d9 0,#0b0f1800 30% 58%,#0b0f18cc 100%);position:absolute;inset:0}.dgw-hc:hover,.dgw-hc:focus-visible{outline:3px solid var(--gold);outline-offset:-3px;transform:translateY(-2px);box-shadow:0 6px 14px #0004}.dgw-hc.q{outline-offset:-3px;outline:3px solid #f2c94c;box-shadow:0 0 14px #f2c94caa}.dgw-hc.lock{filter:saturate(.25)brightness(.78)}.dgw-hc-arena{--bg:radial-gradient(circle at 50% 45%,#7b3a52 0,#3a1d33 55%,#1a1424 100%)}.dgw-hc-shop{--bg:radial-gradient(circle at 50% 45%,#8a6a2e 0,#4a3518 55%,#221a10 100%)}.dgw-hc .hn{text-shadow:0 2px 3px #000,0 0 2px #000,0 0 6px #000a;padding:10px 8px 0;font-size:18px;font-weight:700;line-height:1.25;position:relative}.dgw-hc .he{filter:drop-shadow(0 4px 8px #000b);image-rendering:auto;pointer-events:none;width:min(40%,104px);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.dgw-hc .hq{background:#ec7444;border-radius:4px;place-items:center;width:30px;height:30px;animation:1.4s ease-in-out infinite dgw-hq;display:grid;position:absolute;top:42px;right:12px;transform:rotate(45deg);box-shadow:0 0 0 2px #fff,0 2px 8px #000a}.dgw-hc .hq b{color:#fff;font:800 18px/1 var(--num);transform:rotate(-45deg)}@keyframes dgw-hq{50%{transform:rotate(45deg)scale(1.12)}}.dgw-hc .hf{min-height:34px;font:600 13px var(--num);background:#0b0f18b8;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;padding:5px 8px;display:flex;position:relative}.dgw-hc .hf .z{color:#b9b3a6}.dgw-hc .hf .lk{color:#f1d3c2}.dgw-hc .hf .cur{align-items:center;gap:3px;display:inline-flex}.dgw-hc .hf img{image-rendering:auto;width:18px;height:18px}@media (prefers-reduced-motion:reduce){.dgw-hc .hq{animation:none}.dgw-hc{transition:none}}@media (max-height:520px) and (orientation:landscape){.dgw-hub{grid-auto-rows:minmax(130px,1fr);gap:6px}.dgw-hc .hn{padding-top:6px;font-size:14px}.dgw-hc .hq{width:22px;height:22px;top:30px;right:8px}.dgw-hc .hq b{font-size:14px}.dgw-hc .hf{min-height:26px;padding:3px 6px;font-size:12px}}@media (max-width:760px) and (orientation:portrait){.dgw-hub{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.dgw-hc{aspect-ratio:3/4}.dgw-hc .hn{font-size:16px}}.fw.msm.dgw .dgw-card{box-shadow:inset 0 0 0 1px var(--edge);border-radius:6px}.fw.msm.dgw .dgw-card:hover{background:#4e5767}.fw.msm.dgw .dgw-card.on{box-shadow:inset 0 0 0 2px var(--orange);background:#4e5767}.fw.msm.dgw .dgw-card .tags i{border-radius:3px}.fw.msm.dgw .dgw-card .tags .q{color:#f2c94c;background:#4d4530;box-shadow:inset 0 0 0 1px #f2c94c80}.fw.msm.dgw .dgw-card .tags .ok{color:#7fe0a4;background:#2e4a3d}.fw.msm.dgw .dgw-card .tags .lk{color:#ff9a9a;background:#5a3a3a}.fw.msm.dgw .dgw-cover{border-radius:6px}.fw.msm.dgw .dgw-df{background:var(--deep);color:var(--ink);border-radius:6px}.fw.msm.dgw .dgw-df.on{background:var(--orange);color:#fff}.fw.msm.dgw .dgw-df.lock{color:#7c8596}.fw.msm.dgw .dgw-df.lock.on{color:#c9cfd8;background:#5a6475}.fw.msm.dgw .dgw-col{background:var(--deep);border-radius:6px}.fw.msm.dgw .dgw-col.on{background:var(--c);color:#fff}.fw.msm.dgw .dgw-rrow{border-radius:5px}.fw.msm.dgw .dgw-rrow.me{box-shadow:inset 0 0 0 1px var(--orange)}.fw.msm.dgw .dgw-ware{box-shadow:inset 0 0 0 1px var(--edge);border-radius:6px}.fw.msm.dgw .dgw-bd.z{color:#c9cfd8;background:#5a6475}@media (min-width:761px) and (min-height:521px){.fw.msm.dgw .fw-main.has-tabs .fw-tabs{background:var(--title);gap:4px;padding:8px 6px}.fw.msm.dgw .dgw-tab{flex:none;height:54px}.fw.msm.dgw .dgw-tab.on{background:var(--orange);box-shadow:0 2px #b9542a}}.fw.msm.dgw .w-btn,.fw.msm.dgw .w-btn[class*=n9-]{background:var(--blue);color:#fff;filter:none;border-width:0;border-image-source:none;border-radius:6px;box-shadow:0 2px #2f5e8f}.fw.msm.dgw .w-btn.orange{background:var(--orange);box-shadow:0 2px #b9542a}.fw.msm.dgw .w-btn.white{background:var(--quiet);color:var(--ink);box-shadow:none}.fw.msm.dgw .w-btn[disabled]{color:#7c8596;box-shadow:none;background:#3a414e}.fw.msm.dgw .ar-views .w-btn.blue{background:var(--orange);box-shadow:0 2px #b9542a}.fw.msm.dgw .ar-views .w-btn.white{background:var(--deep);color:#c9cfd8}.fw.msm.dgw .w-note{color:var(--mute)}.fw.msm.dgw .dg-cover{box-shadow:none;border-radius:6px}.fw.msm.dgw .dg-text{color:var(--mute)}.fw.msm.dgw :is(.ar-card,.ar-season){background:var(--white);box-shadow:inset 0 0 0 1px var(--edge);color:var(--ink2);border:0;border-radius:6px}.fw.msm.dgw .ar-tier{color:var(--mute)}.fw.msm.dgw .ar-tier b{color:var(--orange)}.fw.msm.dgw .ar-rating,.fw.msm.dgw .ar-season b{color:var(--ink)}.fw.msm.dgw .ar-stats{color:var(--mute)}.fw.msm.dgw .ar-stats b{color:var(--ink)}.fw.msm.dgw :is(.ar-room,.ar-coins,.ar-rent){color:var(--ink2)}.fw.msm.dgw .ar-coins b{color:#c9a6ff}.fw.msm.dgw .ar-room input{background:var(--deep);color:var(--ink);box-shadow:inset 0 0 0 1px var(--edge);border:0;border-radius:6px;min-height:36px}.fw.msm.dgw .ar-room input::placeholder{color:#7c8596}.fw.msm.dgw .ar-room input:focus{box-shadow:inset 0 0 0 1px var(--orange);outline:none}.fw.msm.dgw .ar-srow{background:var(--white);box-shadow:inset 0 0 0 1px var(--edge);border:0;border-radius:6px}.fw.msm.dgw .ar-sname{color:var(--ink)}.fw.msm.dgw .ar-sname small,.fw.msm.dgw .ar-slimit{color:var(--mute)}.fw.msm.dgw .ar-title{border-color:var(--edge);background:var(--deep)}.fw.msm.dgw .ar-title.on{outline-color:var(--orange)}.fw.msm.dgw .dg-rank .dg-rrow{background:var(--white);color:var(--ink);border-radius:5px;margin-bottom:4px}.fw.msm.dgw .dg-rank .dg-rrow em{color:var(--orange)}.fw.msm.dgw .dg-rank .dg-rrow.me{box-shadow:inset 0 0 0 1px var(--orange);color:var(--orange)}.fw.msm.dgw .dgw-tab.on .dgw-bd{color:var(--orange);background:#fff}.dgw .dgw-pmode{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 8px;display:flex}.dgw .dgw-matching{color:var(--orange);font-weight:700;animation:1.6s ease-in-out infinite dgwPulse}.dgw .dgw-helper{color:#6fd79a}.dgw .dgw-aidhave{white-space:nowrap}.dgw .dgw-aidhave img{vertical-align:-3px;width:16px;height:16px}@keyframes dgwPulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.dgw .dgw-matching{animation:none}}.rw .fw-body{flex-direction:column;min-height:0;display:flex;overflow:hidden}.rw-ev{font-variant-numeric:tabular-nums}.rw-ev.red{color:var(--down);font-weight:700}.rw-grid{flex:1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;min-height:0;display:grid}.rw-left{display:contents}.rw-head{height:120px;image-rendering:pixelated;background:#1a2448 100%/480px 120px no-repeat;border-radius:4px;grid-column:1/-1;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c9a24a66}.rw-head-t{color:#fff1c8;text-shadow:0 2px 2px #000c;flex-direction:column;justify-content:center;gap:2px;max-width:250px;display:flex;position:absolute;top:12px;bottom:12px;left:14px}.rw-head-t b{font-size:22px;font-weight:800;line-height:1.2}.rw-head-t small{color:#e8dcff;font-size:12.5px}.rw-rule,.rw-right{background:var(--white);min-height:0;color:var(--ink);border-radius:4px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.rw h4{color:var(--ink2);margin:0;font-size:13px;font-weight:700}.rw-bells{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:2px 0;padding:0;list-style:none;display:grid}.rw-bells li{color:#fff1c8;text-align:center;background:#1e2756;border-radius:4px;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;display:flex}.rw-toll{width:48px;height:48px;display:block}.rw-toll img{width:48px;height:48px;image-rendering:pixelated;display:block}.rw-bells li small{color:#c9bfe8;font-size:11px}.rw-bells li b{letter-spacing:.3px;font-size:17px;font-weight:800}.rw-evbox{background:var(--slot);border-radius:4px;justify-content:space-between;align-items:baseline;gap:8px;margin-top:auto;padding:8px 10px;display:flex}.rw-evbox span{color:var(--ink2);font-size:12px}.rw-evbox b{font:700 16px var(--num);font-variant-numeric:tabular-nums}.rw-evbox.on b{color:var(--up)}.rw-evbox.red b{color:var(--down)}.rw-rule small,.rw-fact small{color:var(--mute);font-size:11.5px}.rw-diffs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.rw-diff{min-height:var(--tap);background:var(--slot);color:var(--ink);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.rw-diff.on{background:var(--gold-soft);box-shadow:inset 0 0 0 2px var(--gold)}.rw-diff.lock{opacity:.6;cursor:not-allowed}.rw-diff-art{width:128px;max-width:100%;height:64px;display:block;position:relative;overflow:hidden}.rw-diff-art img{width:128px;height:64px;image-rendering:pixelated;display:block}.rw-diff-t{color:#fff1c8;text-align:center;text-shadow:0 1px 2px #000;flex-direction:column;justify-content:center;align-items:center;gap:0;font-style:normal;display:flex;position:absolute;inset:14px 18px}.rw-diff-t b{font-size:15px;font-weight:800;line-height:1.15}.rw-diff-t small{color:#e8dcff;white-space:nowrap;font-size:11px;line-height:1.2}.rw-diff.lock .rw-diff-t small{font-size:10px}.rw-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.rw-fact{background:var(--slot);border-radius:4px;flex-direction:column;gap:2px;padding:8px;display:flex}.rw-fact span{color:var(--ink2);font-size:12px}.rw-fact b{font:700 18px var(--num)}.rw-pity{background:#d9d2c3;border-radius:4px;height:8px;display:block;overflow:hidden}.rw-pity em{background:linear-gradient(90deg,#9a6cff,#f2c95c);height:100%;display:block}.rw-foot{justify-content:flex-end;align-items:center;gap:8px;width:100%;display:flex}.rw-foot .rw-shop{white-space:nowrap;align-items:center;gap:4px;margin-right:auto;display:inline-flex}.rw-foot .rw-shop img{width:20px;height:20px;image-rendering:pixelated}.rw-say{min-width:0;color:var(--mute);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.rw-say.no{color:var(--down);font-weight:600}@media (max-height:520px) and (orientation:landscape){.rw-head{background-position:right -32px;height:56px}.rw-head-t{top:4px;bottom:4px}.rw-head-t b{font-size:17px}.rw-head-t small+small{display:none}.rw-grid{gap:6px}.rw-rule,.rw-right{gap:4px;padding:6px 10px}.rw-bells li b{font-size:14px}.rw-evbox{padding:4px 8px}.rw-diff{padding:3px 4px}.rw-fact{padding:4px 8px}.rw-fact small{display:none}}@media (max-width:760px) and (orientation:portrait){.rw-grid{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.rw-foot{flex-wrap:wrap}.rw-say{white-space:normal;flex-basis:100%}.rw-foot .fw-btn{flex:1}}.rw-pick{vertical-align:middle;gap:4px;margin-right:8px;display:inline-flex}.rw-pick button{background:var(--slot);min-height:24px;color:var(--ink2);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.rw-pick button.on{background:var(--gold-soft);color:var(--ink);box-shadow:inset 0 0 0 2px var(--gold)}.rw-head.r80{background:linear-gradient(100deg,#1b1238 0%,#3a2470 55%,#8a5cff 85%,#c9a24a 120%)}.rw-r80-rules{flex-direction:column;gap:4px;margin:2px 0;padding-left:18px;font-size:13px;line-height:1.35;display:flex}.rw-diffs.one{grid-template-columns:minmax(0,1fr)}.rw-diff.r80{cursor:default;padding:10px 4px}.rw-diff.r80 b{font-size:15px;font-weight:800}.rw-diff.r80 small{color:var(--ink2);font-size:11.5px}@media (max-height:520px) and (orientation:landscape){.rw-r80-rules{gap:2px;font-size:12px}.rw-diff.r80{padding:4px}}.w-stools{flex-direction:column;flex:none;gap:6px;padding:2px 2px 6px;display:flex}.w-stoolrow{align-items:center;gap:6px;min-width:0;display:flex}.w-sfind{min-width:0;height:32px;font:inherit;color:var(--ink);background:#fff;border:0;border-radius:6px;flex:1;padding:0 10px;font-size:13.5px;box-shadow:inset 0 0 0 1px #c9ccd6}.w-sfind:focus{outline:2px solid var(--orange,#ec7444);outline-offset:0}.w-stools .w-chip{cursor:pointer;font:inherit;color:var(--ink);border:0;font-size:12.5px;font-weight:700}.w-stools .w-chip:disabled{opacity:.45;cursor:not-allowed}.w-stools .w-chip small{opacity:.75;margin-left:3px;font-weight:400}.w-stools .w-spickbtn{flex:none}.w-skinds{flex-wrap:wrap;gap:4px;display:flex}.w-spickbar{color:var(--mute);font-size:12.5px;font-weight:700}.w-spickbar .w-grow{flex:1}.w-pickbox{z-index:1;pointer-events:none;background:#fff;border-radius:5px;width:18px;height:18px;position:absolute;top:3px;left:3px;box-shadow:inset 0 0 0 2px #a8afbc}.w-pickbox.on{background:var(--orange,#ec7444);box-shadow:none}.w-pickbox.on:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:4px;height:9px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.w-lirow>.w-li.picked{box-shadow:inset 0 0 0 2px var(--orange,#ec7444);background:#fff4ec}.w-pickside{flex-direction:column;gap:6px;width:100%;min-height:0;display:flex}.w-picklist{overscroll-behavior:contain;flex-direction:column;gap:4px;max-height:min(34dvh,260px);display:flex;overflow-y:auto}.w-pickrow{background:var(--slot,#f5f5f7);border-radius:6px;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:6px;padding:3px 4px;display:grid}.w-pickrow .w-slot{width:34px;height:34px}.w-pickrow .nm{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.w-pickrow .nm small{text-overflow:ellipsis;color:var(--mute);font-size:11.5px;font-weight:400;display:block;overflow:hidden}.w-pickrow .x{width:28px;height:28px;color:var(--mute);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:16px}.w-pickrow .x:hover{color:var(--ink);background:#0000001a}.w-win.msm[class] .w-sfind{background:var(--slot);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.w-win.msm[class] .w-pickbox{background:var(--deep,#2c323e);box-shadow:inset 0 0 0 2px var(--mute)}.w-win.msm[class] .w-pickbox.on{background:var(--orange);box-shadow:none}.w-win.msm[class] .w-lirow>.w-li.picked{box-shadow:inset 0 0 0 2px var(--orange);background:#4e4038}.w-win.msm[class] .w-pickrow{background:var(--slot);box-shadow:inset 0 0 0 1px #3e4553}.w-win.msm[class] .w-pickrow .x:hover{background:#ffffff1a}@media (pointer:coarse),(max-width:760px),(max-height:520px){.w-sfind{height:40px;font-size:16px}.w-stools .w-chip{min-height:36px}.w-pickrow .x{width:36px;height:36px}.w-pickrow{grid-template-columns:34px minmax(0,1fr) 36px}}.w-win.msm[class] .w-tabs{gap:6px}.w-win.msm[class] .w-tab{color:#c9cfd8;background:var(--slot);min-height:34px;box-shadow:none;border-radius:6px;font-weight:600}.w-win.msm[class] .w-tab[class*=n9-]{background:var(--slot);border-width:0;border-image-source:none}.w-win.msm[class] .w-tab:hover:not(.on){color:#fff;background:#363d4a}.w-win.msm[class] .w-tab.on,.w-win.msm[class] .w-tab.on[class*=n9-]{color:#fff;background:var(--orange)}.w-win.msm[class] .w-side,.w-win.msm[class] .w-card{background:var(--white);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);border-radius:6px}.w-win.msm[class] .w-foot{border-top:1px solid var(--line);color:var(--ink)}.w-win.msm[class] .w-foot input{color:var(--ink);background:var(--slot);border:1px solid var(--line);border-radius:6px}.w-win.msm[class] .w-line{color:var(--ink);border-bottom:1px solid #4a5262}.w-win.msm[class] .w-line>span{color:var(--mute)}.w-win.msm[class] .w-chip{background:var(--slot);color:var(--ink);border-radius:14px}.w-win.msm[class] .w-chip.on{color:#ffb08a;background:#f07a4529}.w-win.msm[class] .w-chip.up{color:var(--up);background:#2e4a3d}.w-win.msm[class] .w-chip.warn{color:#ffc2c2;background:#4a2629}.w-win.msm[class] .w-note{color:var(--mute)}.w-win.msm[class] .w-note.warn{color:var(--down)}.w-win.msm[class] .w-empty{color:var(--mute)}.w-win.msm[class] .w-step b{background:var(--slot);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.w-win.msm[class] .w-qty,.w-win.msm[class] .w-step .w-qty{color:var(--ink);background:var(--slot);border:1px solid var(--line);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:6px}.w-win.msm[class] input,.w-win.msm[class] select,.w-win.msm[class] textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.w-win.msm[class] input:not([type=checkbox]):not([type=radio]):not([type=range]),.w-win.msm[class] select,.w-win.msm[class] textarea{color:var(--ink);background-color:var(--slot);border-color:var(--line)}.w-win.msm[class] .w-big{box-shadow:inset 0 0 0 2px var(--rc,#8f97a5);background:radial-gradient(circle at 50% 45%,#4a5466 0,#2c323e 75%);border-radius:10px}.w-win.msm[class] .w-big img{image-rendering:pixelated;filter:drop-shadow(0 4px 6px #0008)}.w-win.msm[class] .w-plate,.w-win.msm[class] .w-plate[class*=n9-]{background:var(--slot);box-shadow:inset 0 0 0 1px var(--line);border-width:0;border-image-source:none;border-radius:6px}.w-win.msm[class] .w-plate b{color:var(--rc,var(--ink))}.w-win.msm[class] .w-text{color:var(--ink)}.w-win.msm[class] .w-text .meta{color:var(--mute)}.w-win.msm[class] .w-li{color:var(--ink);background:var(--slot);box-shadow:inset 0 0 0 1px #3e4553}.w-win.msm[class] .w-li:hover:not([disabled]){background:#363d4a}.w-win.msm[class] .w-li.on{box-shadow:inset 0 0 0 1px var(--orange),inset 3px 0 0 var(--orange);background:#4e4038}.w-win.msm[class] .av-pages button{background:var(--slot);color:#c9cfd8;border-radius:6px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.msm[class] .av-pages button.on{background:var(--orange);color:#fff;box-shadow:none}.w-win.msm[class] .av-pages button:disabled{opacity:.4}.w-win.msm[class] a{color:#8ec2ff}.w-win.msm[class] hr{border:0;border-top:1px solid var(--line)}.w-win.st-win.msm[class] .st-sorts{flex-wrap:wrap;justify-content:flex-start;gap:6px;margin:6px 0;display:flex}.w-win.st-win.msm[class] .st-sort{color:#e2e6ec;cursor:pointer;background:#5a6475;border:0;border-radius:15px;min-height:30px;padding:0 12px;font:600 12px Noto Sans Thai,sans-serif}.w-win.st-win.msm[class] .st-sort:hover{background:#667183}.w-win.st-win.msm[class] .st-sort.on{background:var(--orange);color:#fff}.w-win.st-win.msm[class] .w-side{text-align:left;align-items:stretch;padding:8px}.w-win.st-win.msm[class] .st-sheet{border-radius:6px;max-height:min(420px,52dvh);overflow-y:auto}@media (max-width:760px){.w-win.st-win.msm[class] .st-sort{min-height:36px}}.w-win.st-win.msm[class] .w-side .w-line{border-bottom:0;flex-direction:column;align-items:stretch;gap:6px}.w-win.st-win.msm[class] .w-side .w-step{grid-template-columns:36px minmax(0,1fr) auto 36px auto;align-items:center;gap:6px;display:grid}.w-win.st-win.msm[class] .w-side .w-step .w-qty{width:100%;min-height:36px}.w-win.st-win.msm[class] .w-side .w-step b{min-width:0;box-shadow:none;color:var(--mute);background:0 0;padding:0 6px}.w-win.st-win.msm[class] .w-foot .w-btn{min-height:34px;padding:2px 12px}.w-win.msm[class] [data-r]{color:#c9ced6!important}.w-win.msm[class] [data-r=rare]{color:#4fa3f7!important}.w-win.msm[class] [data-r=epic]{color:#b07cf2!important}.w-win.msm[class] [data-r=unique]{color:#f2c94c!important}.w-win.msm[class] [data-r=legendary]{color:#4cc98a!important}.w-win.msm[class] [data-r=mythic]{color:#ff6b6b!important}.w-win.tv-win.msm[class] .w-body{padding:12px}.tv-win .tv-grid{grid-template-columns:270px minmax(0,1fr);gap:12px;min-height:0;display:grid}.tv-win .tv-list{flex-direction:column;gap:6px;min-height:0;display:flex;overflow-y:auto}.tv-win .tv-isl{background:var(--white);min-height:52px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);text-align:left;cursor:pointer;font:inherit;border:0;border-radius:6px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.tv-win .tv-isl:hover{background:#4a5262}.tv-win .tv-isl.on{box-shadow:inset 0 0 0 1px var(--orange),inset 3px 0 0 var(--orange);background:#4e4038}.tv-win .tv-isl.lock{opacity:.6}.tv-win .tv-isl .pic{background:#1f2532 var(--pic) center/cover no-repeat;width:64px;height:36px;image-rendering:pixelated;border-radius:4px}.tv-win .tv-isl .nm{flex-direction:column;min-width:0;display:flex}.tv-win .tv-isl .nm b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.tv-win .tv-isl .nm small{color:var(--mute);font-size:11.5px}.tv-win .tv-isl .tag{white-space:nowrap;font-size:11.5px;font-style:normal;font-weight:700}.tv-win .tv-isl .tag.here{color:var(--up);background:#2e4a3d;border-radius:8px;margin-left:6px;padding:0 6px;font-size:10.5px;line-height:16px;display:inline-block}.tv-win .tv-isl .nm small{white-space:nowrap}.tv-win .tv-isl .tag.fare{color:#f2c94c}.tv-win .tv-main{flex-direction:column;gap:10px;min-width:0;display:flex}.tv-win .tv-hero{aspect-ratio:16/9;background:#1f2532 var(--pic) center/cover no-repeat;max-height:300px;image-rendering:pixelated;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;position:relative;overflow:hidden}.tv-win .tv-hero.lock{filter:saturate(.4)brightness(.85)}.tv-win .tv-hero .plate{background:linear-gradient(#0b0f1800,#0b0f18d9);flex-direction:column;padding:22px 14px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.tv-win .tv-hero .plate b{color:#fff;text-shadow:0 2px 3px #000;font-size:20px;font-weight:800}.tv-win .tv-hero .plate small{color:#d6dbe3;font-size:12.5px}.tv-win .tv-go{background:var(--white);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.tv-win .tv-go .w-btn{min-width:140px;min-height:42px;margin-left:auto}.tv-win .tv-fare{color:var(--mute);font-size:14px}.tv-win .tv-fare b{color:#f2c94c;font:800 18px Outfit,Noto Sans Thai,sans-serif}.tv-win .tv-why{color:var(--down);font-weight:700}.tv-win .tv-why.here{color:var(--up)}.tv-win .tv-fields{flex-direction:column;gap:6px;display:flex}.tv-win .tv-h{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.tv-win .tv-h b{color:var(--ink);font-size:14px}.tv-win .tv-h small{color:var(--mute);font-size:11.5px}.tv-win .tv-fgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tv-win .tv-field{background:#1f2532 var(--pic) center/cover no-repeat;min-height:84px;image-rendering:pixelated;color:#fff;text-align:left;cursor:pointer;font:inherit;box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:6px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:8px 10px;display:flex;position:relative;overflow:hidden}.tv-win .tv-field:before{content:"";pointer-events:none;background:linear-gradient(#0b0f1810,#0b0f18cc);position:absolute;inset:0}.tv-win .tv-field>*{position:relative}.tv-win .tv-field b{text-shadow:0 1px 2px #000;font-size:14px}.tv-win .tv-field small{color:#d6dbe3;font-size:11.5px}.tv-win .tv-field em{color:#f2c94c;text-shadow:0 1px 2px #000;font-size:11.5px;font-style:normal;font-weight:700;position:absolute;top:6px;right:8px}.tv-win .tv-field:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--orange)}.tv-win .tv-field:disabled{filter:grayscale(.7);cursor:not-allowed}@media (max-width:760px){.tv-win .tv-grid{grid-template-columns:minmax(0,1fr)}.tv-win .tv-list{flex-direction:row;padding-bottom:4px;overflow:auto hidden}.tv-win .tv-isl{flex:none;grid-template-columns:48px minmax(0,1fr) auto;min-width:190px}.tv-win .tv-isl .pic{width:48px;height:27px}.tv-win .tv-fgrid{gap:6px}.tv-win .tv-field{min-height:72px}}@media (max-height:520px) and (orientation:landscape){.tv-win .tv-grid{grid-template-columns:220px minmax(0,1fr)}.tv-win .tv-hero{max-height:150px}.tv-win .tv-field{min-height:60px}}.hud,.chatd-box,html[data-input=touch] .chatd-line,.w-win{--sk-p1:#1c2230c4;--sk-p2:#141925b3;--sk-p3:#0e121ba3;--sk-chip:#161b26c7;--sk-chip2:#232a3ae6;--sk-trough:#07090ee0;--sk-hi:#fff;--sk-ink:#04060b;--sk-k1:#3a4256;--sk-k2:#232a3a;--sk-k3:#151a25;--sk-txt:#f7f8fb;--sk-sub:#d6dce8;--sk-a1:#ffe08a;--sk-a2:#f6b73c;--sk-a3:#d9861a;--sk-on-a:#2a1700;--sk-s1:#ffd36b;--sk-s2:#f0a531;--sk-on-s:#2a1700;--sk-g1:#a7f3d0;--sk-g2:#22c58b;--sk-g3:#0e8f63;--sk-on-g:#03271b;--sk-glow:#ffc84a;--sk-panel:linear-gradient(180deg,var(--sk-p1),var(--sk-p2) 50%,var(--sk-p3));--sk-edge:inset 0 1px 10px color-mix(in srgb,var(--sk-hi) 10%,transparent),inset 0 -6px 12px color-mix(in srgb,var(--sk-ink) 45%,transparent),0 6px 16px color-mix(in srgb,var(--sk-ink) 45%,transparent);--sk-knob:inset 0 2px 5px color-mix(in srgb,var(--sk-hi) 22%,transparent),inset 0 -3px 6px color-mix(in srgb,var(--sk-ink) 55%,transparent),0 3px 8px color-mix(in srgb,var(--sk-ink) 55%,transparent);--sk-pressed:inset 0 3px 7px color-mix(in srgb,var(--sk-ink) 70%,transparent),0 1px 2px color-mix(in srgb,var(--sk-ink) 50%,transparent);--sk-disc:radial-gradient(circle at 50% 28%,var(--sk-k1),var(--sk-k2) 58%,var(--sk-k3));--sk-abtn:linear-gradient(180deg,var(--sk-a1),var(--sk-a2) 55%,var(--sk-a3));--sk-adisc:radial-gradient(circle at 50% 28%,var(--sk-a1),var(--sk-a2) 58%,var(--sk-a3));--sk-sbtn:linear-gradient(180deg,var(--sk-s1),var(--sk-s2));--sk-sdisc:radial-gradient(circle at 50% 28%,var(--sk-s1),var(--sk-s2) 70%);--sk-gbtn:linear-gradient(180deg,var(--sk-g1),var(--sk-g2) 55%,var(--sk-g3));--sk-gdisc:radial-gradient(circle at 50% 28%,var(--sk-g1),var(--sk-g2) 60%,var(--sk-g3));--sk-bshade:inset 0 2px 3px #ffffff8c,inset 0 -3px 4px color-mix(in srgb,var(--sk-ink) 40%,transparent),0 3px 8px color-mix(in srgb,var(--sk-ink) 50%,transparent);--sk-tshadow:0 1px 2px color-mix(in srgb,var(--sk-ink) 85%,transparent);--sk-ease:cubic-bezier(.34,1.56,.64,1)}.w-win.msm:is([data-testid=win-dialogue],[data-testid=win-q1npc],[data-testid=win-quests],[data-testid=win-q1log],[data-testid=win-shop],[data-testid=win-revive],[data-testid=win-opencache],[data-testid=win-soon],[data-testid=win-travel],[data-testid=win-trade],[data-testid=win-guild],[data-testid=win-friends])[class] .w-sec{background:var(--slot);color:#fff;border-width:0;border-image-source:none;border-radius:6px;min-height:30px;padding:2px 10px 2px 16px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.msm:is([data-testid=win-dialogue],[data-testid=win-q1npc],[data-testid=win-quests],[data-testid=win-q1log],[data-testid=win-shop],[data-testid=win-revive],[data-testid=win-opencache],[data-testid=win-soon],[data-testid=win-travel],[data-testid=win-trade],[data-testid=win-guild],[data-testid=win-friends])[class] .w-sec:before{content:"";background:var(--orange);border-radius:2px;width:3px;position:absolute;top:7px;bottom:7px;left:6px}.w-win.msm:is([data-testid=win-dialogue],[data-testid=win-q1npc],[data-testid=win-quests],[data-testid=win-q1log],[data-testid=win-shop],[data-testid=win-revive],[data-testid=win-opencache],[data-testid=win-soon],[data-testid=win-travel],[data-testid=win-trade],[data-testid=win-guild],[data-testid=win-friends])[class] .w-sec small{color:var(--mute);font-weight:400}.w-win.msm:is([data-testid=win-dialogue],[data-testid=win-q1npc],[data-testid=win-quests],[data-testid=win-q1log],[data-testid=win-shop],[data-testid=win-revive],[data-testid=win-opencache],[data-testid=win-soon],[data-testid=win-travel],[data-testid=win-trade],[data-testid=win-guild],[data-testid=win-friends])[class] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){border:1px solid var(--line);background-color:var(--slot);color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-image-source:none;border-radius:6px}.w-win.msm:is([data-testid=win-dialogue],[data-testid=win-q1npc],[data-testid=win-quests],[data-testid=win-q1log],[data-testid=win-shop],[data-testid=win-revive],[data-testid=win-opencache],[data-testid=win-soon],[data-testid=win-travel],[data-testid=win-trade],[data-testid=win-guild],[data-testid=win-friends])[class] :is(input,textarea)::placeholder{color:#7d8594}.w-win.msm:is([data-testid=win-dialogue],[data-testid=win-q1npc],[data-testid=win-quests],[data-testid=win-q1log],[data-testid=win-shop],[data-testid=win-revive],[data-testid=win-opencache],[data-testid=win-soon],[data-testid=win-travel],[data-testid=win-trade],[data-testid=win-guild],[data-testid=win-friends])[class] :is(input,textarea,select):focus{outline:2px solid var(--orange);outline-offset:-1px}.w-win.msm:is([data-testid=win-shop],[data-testid=win-trade],[data-testid=win-guild])[class] .w-coins{background:var(--slot);color:var(--ink);border-width:0;border-image-source:none;border-radius:16px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.msm:is([data-testid=win-shop],[data-testid=win-trade],[data-testid=win-guild])[class] .w-coins i{color:var(--star)}.w-win.msm:is([data-testid=win-revive],[data-testid=win-friends])[class] .w-check{color:var(--ink)!important}.w-win.msm:is([data-testid=win-revive],[data-testid=win-friends])[class] .w-check input[type=checkbox]:not(:checked){background:var(--slot);box-shadow:inset 0 0 0 2px #6a7282}.w-win.msm:is([data-testid=win-trade],[data-testid=win-friends],[data-testid=win-guild])[class] .w-li.gm.pt{filter:none;background:var(--slot);border:0;outline:0;width:auto;padding:4px 8px;font:13.5px/1.35 Noto Sans Thai,sans-serif;overflow:visible}.w-win.msm:is([data-testid=win-trade],[data-testid=win-friends],[data-testid=win-guild])[class] .w-li.gm .st{color:var(--mute)}.w-win.msm:is([data-testid=win-guild],[data-testid=win-friends])[class] .w-dot{background:#6a7282}.w-win.msm:is([data-testid=win-guild],[data-testid=win-friends])[class] .w-dot.on{background:#4cc98a;box-shadow:0 0 0 3px #4cc98a33}.w-win.msm[class] .w-crown{color:var(--star)}.w-win.msm[class] .w-crown.sub{color:#8ec2ff}.w-win.msm[class] .w-portrait{background:var(--white);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px}.w-win.msm[class] .w-portrait>:is(img,.w-face){background:radial-gradient(circle at 50% 40%,#4a5466 0,#2c323e 75%);border-radius:6px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.msm[class] .w-portrait small{color:var(--mute);opacity:1;text-align:center}.w-win.msm[class] .w-bubble,.w-win.msm[class] .w-bubble[class*=n9-]{background:var(--slot);color:var(--ink);border-width:0;border-image-source:none;border-radius:6px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.msm[class] .w-bubble h3{color:#fff}.w-win.msm[class] .w-bubble .small{color:var(--mute)}.w-win.msm[class] .w-bubble b{color:#fff}.w-win.msm[class] .w-opt,.w-win.msm[class] .w-opt[class*=n9-]{background:var(--white);min-height:44px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);border-width:0;border-image-source:none;border-radius:6px}.w-win.msm[class] .w-opt:hover{filter:none;background:#4e5767}.w-win.msm[class] .w-opt i{color:var(--orange)}.w-win.msm[class] .w-opt.on{box-shadow:inset 0 0 0 1px var(--orange),inset 3px 0 0 var(--orange);background:#4e4038;outline:0}.w-win.msm[class] .q1-opt .q1-mk{color:var(--star)}.w-win.msm[class] .w-qmark.completed,.w-win.msm[class] .w-qmark.ready{background:#3a9d63}.w-win.msm[class] .w-qmark.locked{background:var(--quiet)}.w-win.msm[class] .w-obj{color:var(--ink)}.w-win.msm[class] .w-obj b{font-family:Outfit,Noto Sans Thai,sans-serif}.w-win.msm[class] .w-obj.done span{color:var(--up)}.w-win.msm[class] .w-obj .w-bar,.w-win.msm[class] .w-card .w-bar{background:#1f242d}.w-win.msm[class] .w-rewards span{background:var(--slot);color:var(--ink);border-radius:6px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.msm[class] .w-rewards img{image-rendering:pixelated}.w-win.msm[class] .q1-line{color:#c9cfd8}.w-win.msm[class] .q1-hint{color:var(--mute)}.w-win.msm[class] .q1-titles>span{color:var(--mute);font-size:12.5px}.w-win.msm[class] .q1-title{color:#e2e6ec;background:#5a6475;border:0;border-radius:15px;min-height:30px;padding:0 12px}.w-win.msm[class] .q1-title:hover{background:#667183}.w-win.msm[class] .q1-title.on{background:var(--orange);color:#fff}.w-win.msm[class] .q1-board{color:var(--ink)}.w-win.msm[class] .q1-board .q1-obj:before{color:var(--star)}.w-win.msm[class] .q1-board .q1-obj b{background:#ffffff14}.w-win.msm[class] .w-catbtn,.w-win.msm[class] .w-catbtn[class*=n9-]{background:var(--slot);color:#c9cfd8;border-width:0;border-image-source:none;border-radius:6px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.msm[class] .w-catbtn:hover:not(.on){color:#fff;background:#363d4a}.w-win.msm[class] .w-catbtn.on,.w-win.msm[class] .w-catbtn.on[class*=n9-]{background:var(--orange);color:#fff;box-shadow:none}.w-win.msm[class] .w-catbtn img{image-rendering:pixelated;filter:drop-shadow(0 1px 2px #0008)}.w-win.msm[class] .w-lhead{color:var(--mute)}.w-win.msm[class] .w-li .nm[data-r]{color:var(--r-common)!important}.w-win.msm[class] .w-li .nm[data-r=rare]{color:var(--r-rare)!important}.w-win.msm[class] .w-li .nm[data-r=epic]{color:var(--r-epic)!important}.w-win.msm[class] .w-li .nm[data-r=unique]{color:var(--r-unique)!important}.w-win.msm[class] .w-li .nm[data-r=legendary]{color:var(--r-legend)!important}.w-win.msm[class] .w-li .nm[data-r=mythic]{color:var(--r-mythic)!important}.w-win.msm[class] .w-li .nm small{color:var(--mute)}.w-win.msm[class] .w-li .nm small.why{color:var(--down)}.w-win.msm[class] .w-li .pr{font-family:Outfit,Noto Sans Thai,sans-serif;font-weight:700}.w-win.msm[class] .w-li .st{color:#c9cfd8}.w-win.msm[class] .w-qbtn{color:#fff;background:var(--quiet);box-shadow:none}.w-win.msm[class] .w-qbtn:hover:not(:disabled){background:#5a6475}.w-win.msm[class] .w-qbtn.all{background:var(--blue)}.w-win.msm[class] .w-qin,.w-win.msm[class] .w-qin[class]{background:var(--slot);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:0;border-radius:6px}.w-win.msm[class] .w-qslide{accent-color:var(--orange)}.w-win.msm[class] .w-qnote{color:var(--mute)}.w-win.msm[class] .w-qmenu{box-shadow:0 6px 16px #0009,inset 0 0 0 1px var(--line);background:#262b35;border-radius:6px}.w-win.msm[class] .w-qmenu button{background:var(--orange)}.w-win.msm[class] .w-qmenu button:disabled{color:#7d8594;background:#3a414e}.w-win.msm[class] .w-ask{color:var(--ink);background:#3f3934;border-radius:6px;box-shadow:inset 0 0 0 1px #f07a4580}.w-win.msm[class] .w-total{color:var(--ink)}.w-win.msm[class] .w-stage.ko:before{background:#0006}.w-win.msm[class] .v2-hero,.w-win.msm[class] .w-hero{box-shadow:inset 0 0 0 1px var(--line);background:#2c323e}.w-win.msm[class] .w-card.soon p,.w-win.msm[class] .w-card.center>p{color:var(--ink)}.w-win.msm[class] .w-card.soon p.small{color:var(--mute)}.w-win.msm[class] .w-pick2>div{background:var(--slot);border-radius:6px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.msm[data-testid=win-trade][class] .w-card>.w-grid.g8{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:5px}.w-win.msm[class] .w-ghead{background:var(--white);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px}.w-win.msm[class] .w-ghead b{color:#fff}.w-win.msm[class] .w-ghead small{color:var(--mute)}.w-win.msm[class] .w-ghead img{box-shadow:inset 0 0 0 1px var(--line);background:#2c323e}.w-win.msm[class] .w-mbody{background:var(--slot);color:var(--ink);border-radius:6px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.plain[data-testid=win-mainmenu]{--ink:var(--sk-txt);--mute:var(--sk-sub);color:var(--sk-txt);box-shadow:inset 0 1px 14px color-mix(in srgb,var(--sk-hi) 8%,transparent),0 18px 48px #000a;background:linear-gradient(#1c2230f5,#11151ef5);border-radius:20px}.w-overlay:has(>.w-win.plain[data-testid=win-mainmenu]){background:#05070bb3}.w-win.plain[data-testid=win-mainmenu] .w-head{color:var(--sk-txt);background:0 0;border-radius:20px 20px 0 0}.w-win.plain[data-testid=win-mainmenu] .w-head b{color:var(--sk-a2);letter-spacing:1px}.w-win.plain[data-testid=win-mainmenu] .w-x{background:var(--sk-disc);box-shadow:var(--sk-knob);border-radius:50%;transition:box-shadow .2s ease-out}.w-win.plain[data-testid=win-mainmenu] .w-x:hover{background:var(--sk-disc);box-shadow:var(--sk-knob),0 0 12px color-mix(in srgb,var(--sk-glow) 55%,transparent)}.w-win.plain[data-testid=win-mainmenu] .w-x:focus-visible{outline:2px solid var(--sk-glow);outline-offset:2px}.w-win.plain[data-testid=win-mainmenu] h2{color:var(--sk-txt);text-shadow:var(--sk-tshadow)}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button{color:var(--sk-txt);box-shadow:inset 0 1px 8px color-mix(in srgb,var(--sk-hi) 7%,transparent),inset 0 -4px 10px #0006,0 4px 10px #0005;transition:transform .2s var(--sk-ease),box-shadow .2s ease-out,background .2s ease-out;background:linear-gradient(#262d3d,#1a2030);border:0;border-radius:16px}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button:hover{box-shadow:inset 0 1px 8px color-mix(in srgb,var(--sk-hi) 9%,transparent),inset 0 -4px 10px #0006,0 6px 18px color-mix(in srgb,var(--sk-glow) 28%,transparent);background:linear-gradient(#2d3547,#1e2536);transform:translateY(-2px)}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button:active{box-shadow:var(--sk-pressed);transition-duration:80ms;transform:scale(.96)}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button:focus-visible{outline:2px solid var(--sk-glow);outline-offset:2px}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid img{box-sizing:border-box;background:var(--sk-disc);width:56px;height:56px;box-shadow:var(--sk-knob);border-radius:50%;padding:9px;transition:background .2s ease-out}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button:hover img{background:var(--sk-adisc)}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid strong{color:var(--sk-txt);text-shadow:var(--sk-tshadow)}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button.sys{background:#161b26b3;flex-direction:row;gap:10px;min-height:52px;margin-top:6px;box-shadow:inset 0 -3px 8px #0005}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button.sys img{width:34px;height:34px;padding:5px}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button.sys strong{color:var(--sk-sub);font-size:13px}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button.sys:hover strong{color:var(--sk-txt)}@media (prefers-reduced-motion:reduce){.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button{transition:none}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button:is(:hover,:active){transform:none}}@media (max-height:560px){.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button img{width:40px;height:40px;padding:6px}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button.sys{min-height:44px;margin-top:2px}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button.sys img{width:30px;height:30px;padding:4px}}@media (max-width:520px){.w-win.plain[data-testid=win-mainmenu] .w-body{padding:14px 14px 18px}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button.sys{flex-direction:column;gap:2px;min-height:64px}.w-win.plain[data-testid=win-mainmenu] .v2-main-grid button.sys strong{white-space:nowrap;font-size:12px}}.wm-root .wm-keys{color:#c9cfd8;background:#2b3442d9}.wm-root .wm-x{background:#f07a45;border-color:#f07a45;border-radius:6px}.wm-root .wm-legend{color:#f1f3f6;background:#2b3442e6;border:1px solid #566072;border-radius:6px}.wm-root .wm-tip,.wm-root .wm-pop{color:#f1f3f6;background:#353c4a;border:1px solid #566072;border-radius:6px;box-shadow:0 6px 16px #0009}.wm-root .wm-pop small,.wm-root .wm-card-col.mons small,.wm-root .wm-mon em{color:#aab2c0}.wm-root .wm-pop-x{color:#fff;background:#4e5767}.wm-root .wm-temp{color:#c9cfd8;background:#2b3442b3}.wm-root .wm-card{color:#f1f3f6;background:#353c4a;border:1px solid #566072;border-radius:6px;box-shadow:0 8px 20px #0009}.wm-root .wm-card.sheet{border-width:1px 0 0;border-radius:0}.wm-root .wm-card-t{color:#fff;background:#2b3442}.wm-root .wm-card-k{color:#ff9b6b}.wm-root .wm-card-ore{color:#8ec2ff}.wm-root .wm-card-entry{color:#c9cfd8}.wm-root .wm-card-lock{color:#ff8a6b}.wm-root .wm-mon{background:#2c323e}.wm-root .wm-mon-ic{background-color:#434b5a}.wm-root .wm-navchip{background:#2b3442ee;border-color:#f07a45}.wm-root .wm-zoom{background:#2b3442e6}.wm-root .wm-zoom button{background:#4a86c5}.wm-root .wm-zoom button:disabled{background:#4e5767}.wm-root .w-btn,.wm-root .w-btn[class*=n9-]{color:#fff;background:#4a86c5;border-width:0;border-image-source:none;border-radius:6px;font-weight:700}.wm-root .w-btn.orange{background:#f07a45}.wm-root .w-btn.orange:hover:not([disabled]){filter:none;background:#ff8a55}.wm-root .w-btn.white{background:#4e5767}.wm-root .w-btn[disabled]{color:#7d8594;background:#3a414e}.w-win.msm[class] .pf .pf-n{background:var(--slot);color:var(--ink)}.w-win.msm[class] .pf :is(.pf-ask,.pf-ad){background:var(--slot);color:var(--ink);border-radius:6px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.msm[class] .pf .pf-ad.mine{box-shadow:inset 0 0 0 1px var(--orange),inset 3px 0 0 var(--orange);background:#3f3934}.w-win.msm[class] .pf .pf-me{color:#ffb08a;background:#f07a4533}.w-win.msm[class] .pf .pf-asks{background:#f07a4514;border-radius:6px;box-shadow:inset 0 0 0 1px #f07a4566}.w-win.msm[class] .pf .pf-asks-h{color:#ffb08a}.w-win.msm[class] .pf .pf-asks.inv{background:#4a86c51a;box-shadow:inset 0 0 0 1px #4a86c580}.w-win.msm[class] .pf .pf-asks.inv .pf-asks-h{color:#8ec2ff}.w-win.msm[class] .pf .pf-sw{background:var(--slot);color:var(--ink);border-radius:6px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.msm[class] .pf .pf-sw.on{background:#2e4a3d;box-shadow:inset 0 0 0 1px #5fd08a66}.w-win.msm[class] .pf .pf-sw input{background:#5a6475}.w-win.msm[class] .pf .pf-sw input:checked{background:#3a9d63}.w-win.msm[class] .pf :is(.pf-content select,.pf-content input,.pf-range input){border:1px solid var(--line);background:var(--slot);color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-image-source:none;border-radius:6px}.w-win.msm[class] .pf .pf-recruit{border-top-color:var(--line)}.w-win.msm[class] .pf .pf-tag{color:#e2e6ec;background:#5a6475}.w-win.msm[class] .pf .pf-tag.up{color:var(--up);background:#2e4a3d}.w-win.msm[class] .pf .pf-tag.warn{color:#ffc2c2;background:#4a2629}.w-win.msm[class] .pf .pf-seats b{color:var(--ink)}.w-win.msm[class] .pf .pf-boost{background:linear-gradient(135deg,#4a3f33,#434b5a 60%);box-shadow:inset 0 0 0 1px #f2c94c55}.w-win.msm[class] .pf .pb-title{color:var(--star)}.w-win.msm[class] .pf .pb-big{color:#e2e6ec;background:#5a6475}.w-win.msm[class] .pf .pb-big.on{background:var(--orange);color:#fff;box-shadow:none}.w-win.msm[class] .pf .pb-row{background:var(--slot);color:var(--ink);border-radius:6px}.w-win.msm[class] .pf .pb-steps i{color:#c9cfd8;background:#4e5767}.w-win.msm[class] .pf .pb-steps i.on{color:#fff;background:#3a9d63}.w-win.msm[class] .pf .pb-next{color:var(--up);background:#2e4a3d}.w-win.msm[class] .pf .pb-rules summary{color:var(--star)}.w-win.msm[class] .pf .pm-card{background:var(--slot);color:var(--ink);border-radius:6px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.msm[class] .pf .pm-card.me{background:#3f3934;box-shadow:inset 0 0 0 1.5px #f07a45b3}.w-win.msm[class] .pf .pm-card.lead{box-shadow:inset 0 0 0 1.5px #f2c94cb3}.w-win.msm[class] .pf .pm-card.empty{box-shadow:none;border-color:var(--line);color:var(--mute);background:0 0}.w-win.msm[class] .pf .pm-face{background:radial-gradient(circle at 50% 35%,#4f5d78,#1e2735)}.w-win.msm[class] .pf .pm-crown{color:var(--star);text-shadow:0 1px 2px #000}.w-win.msm[class] .pf .pm-dot{box-shadow:0 0 0 2px var(--slot)}.w-win.msm[class] .pf .pm-dot.on{background:#4cc98a}.w-win.msm[class] .pf .pm-lv,.w-win.msm[class] .pf .pm-bar{background:#1f242d}.w-win.msm[class] .pf .pm-bar.unk :is(em,b){color:#8d95a3}.w-win.msm[class] .pf .pm-where.here{color:var(--up)}.w-win.msm[class] .pf .pm-where.away{color:var(--star)}.w-win.msm[class] .pf .pm-chip.ok{color:var(--up);background:#2e4a3d}.w-win.msm[class] .pf .pm-chip.no{color:#c9cfd8;background:#4e5767}.w-win.msm[class] .pf .pm-face canvas{image-rendering:pixelated}.w-win.msm[data-testid=win-trade][class] .w-note.up{color:var(--up)}.w-win.msm[data-testid=win-trade][class] .w-note.down{color:var(--down)}.w-overlay.wm-host>.wm-root[style]{background:#1b2029!important}@media (max-height:520px) and (orientation:landscape){.w-win.plain[data-testid=win-mainmenu] .w-body{padding:12px 18px 14px}.w-win.plain[data-testid=win-mainmenu] h2{margin:0 0 8px;font-size:18px}}@media (max-width:520px){.w-win.msm[class] .w-npc .w-portrait{grid-template-rows:auto auto;grid-template-columns:88px minmax(0,1fr);place-items:center start;gap:4px 12px;padding:8px;display:grid}.w-win.msm[class] .w-npc .w-portrait>:is(img,.w-face){grid-row:1/3;width:88px}.w-win.msm[class] .w-npc .w-portrait .w-plate{align-self:end;max-width:100%;margin:0}.w-win.msm[class] .w-npc .w-portrait small{text-align:left;align-self:start}.w-win.msm[data-testid=win-shop][class] .w-split.shop{grid-template-columns:minmax(0,1fr);gap:8px}.w-win.msm[data-testid=win-shop][class] .w-catlist{flex-direction:row;gap:6px}.w-win.msm[data-testid=win-shop][class] .w-catbtn{flex:1 1 0;min-width:0;min-height:48px;padding:4px 2px;font-size:11.5px}.w-win.msm[data-testid=win-shop][class] .w-catbtn img{width:24px;height:24px}.w-win.msm[data-testid=win-shop][class] .w-li{grid-template-columns:40px minmax(0,1fr) 70px 40px;gap:6px}.w-win.msm[data-testid=win-shop][class] .w-lhead{grid-template-columns:minmax(0,1fr) 70px 40px;gap:6px}}@media (max-width:600px){.w-win.msm[data-testid=win-q1log][class] .q1-top{flex-wrap:wrap}.w-win.msm[data-testid=win-q1log][class] .q1-top>.w-tabs{flex:100%;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.w-win.msm[data-testid=win-q1log][class] .q1-top>.w-tabs .w-tab{min-width:0;min-height:40px}}@media (max-width:639px){.wm-root .wm-top{left:0;right:0;top:env(safe-area-inset-top,0px);z-index:3;min-height:44px;padding:4px 8px;position:fixed;height:auto!important}.wm-root .wm-top .wm-x{width:40px;height:40px}.wm-root .wm-keys{display:none}.wm-root .wm-crumb{max-width:calc(100vw - 120px)}.wm-root .wm-legend{left:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:3;position:fixed}.wm-root .wm-zoom{right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:3;position:fixed}.wm-root .wm-travel{right:8px;bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:3;position:fixed}.wm-root .wm-navchip{top:calc(52px + env(safe-area-inset-top,0px));position:fixed}}.w-win.ks-win:is(.settings,.auto){--ink:#f1f3f6;--mute:#aab2c0;--body:#353c4a;--white:#434b5a;--dark:#2c323e;--title:#2b3442;--slot:#2c323e;--line:#566072;--orange:#f07a45;--blue:#4a86c5;--up:#5fd08a;--hp:#ff6b6b;--gold:#f07a45;--gold-d:#f2c94c;--gold-soft:#4d4530;--mint-soft:#2e4a3d;scrollbar-color:#566072 transparent;scrollbar-width:thin;border-radius:8px;box-shadow:0 0 0 1px #141a25,0 14px 44px #0009}.ks-win:is(.settings,.auto) .ks-head{box-shadow:inset 0 -1px #1f2632}.ks-win:is(.settings,.auto) .ks-tabs{background:var(--title);gap:4px;padding:8px 10px}.ks-win:is(.settings,.auto) .ks-tab{background:var(--dark);color:#c9cfd8;border-radius:6px;height:38px}.ks-win:is(.settings,.auto) .ks-tab:hover:not(.on){color:#fff;background:#3a414e}.ks-win:is(.settings,.auto) .ks-tab.on{background:var(--orange);color:#fff;box-shadow:0 2px #b9542a}.ks-win:is(.settings,.auto) .ks-tab.on img:not(.px){filter:none}.ks-win:is(.settings,.auto) .ks-bx{box-shadow:inset 0 0 0 1px var(--line);border-radius:6px}.ks-win:is(.settings,.auto) .ks-sect:before{background:var(--orange);border-radius:2px;width:4px;height:14px;transform:none}.ks-win:is(.settings,.auto) .ks-row+.ks-row{box-shadow:0 -1px #3a414e}.ks-win:is(.settings,.auto) .ks-ch{color:#f1f3f6;background:#5a6475;border-radius:3px}.ks-win:is(.settings,.auto) kbd{box-shadow:inset 0 0 0 1px var(--line);border-radius:4px}.w-win.ks-win:is(.settings,.auto) select{box-shadow:inset 0 0 0 1px var(--line);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:6px}.w-win.ks-win:is(.settings,.auto) select option{color:#f1f3f6;background:#2c323e}.ks-win:is(.settings,.auto) .ks-lnk{-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.ks-win:is(.settings,.auto) .ks-sw{box-shadow:inset 0 0 0 1px var(--line);background:#2c323e;border-radius:13px}.ks-win:is(.settings,.auto) .ks-sw:after{background:#c9cfd8;border-radius:50%}.ks-win:is(.settings,.auto) .ks-sw.on{background:var(--orange);box-shadow:none}.ks-win:is(.settings,.auto) .ks-sw.on:after{background:#fff}.ks-win:is(.settings,.auto) .ks-seg{background:var(--dark);border-radius:6px}.ks-win:is(.settings,.auto) .ks-seg button{color:#c9cfd8;border-radius:5px}.ks-win:is(.settings,.auto) .ks-seg button:hover:not(:disabled):not(.on){color:#fff}.ks-win:is(.settings,.auto) .ks-seg button.on{background:var(--orange);color:#fff}.ks-win:is(.settings,.auto) .ks-seg.chips{background:0 0}.ks-win:is(.settings,.auto) .ks-seg.chips button{color:#c9cfd8;background:#5a6475;border-radius:14px}.ks-win:is(.settings,.auto) .ks-seg.chips button.on{background:var(--orange);color:#fff}.ks-win:is(.settings,.auto) .ks-sl:before{background:var(--dark);box-shadow:inset 0 0 0 1px var(--line);border-radius:3px}.ks-win:is(.settings,.auto) .ks-sl>i{background:var(--orange);border-radius:3px}.ks-win:is(.settings,.auto) .ks-sl input::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--orange),0 1px 3px #0008;background:#f1f3f6;border-radius:4px}.ks-win:is(.settings,.auto) .ks-sl input::-moz-range-thumb{box-shadow:0 0 0 2px var(--orange),0 1px 3px #0008;background:#f1f3f6;border-radius:4px}.ks-win:is(.settings,.auto) .ks-btn{border-radius:6px;box-shadow:0 2px #2f5e8f}.ks-win:is(.settings,.auto) .ks-btn.orange{box-shadow:0 2px #b9542a}.ks-win:is(.settings,.auto) .ks-btn.orange:hover:not(:disabled){filter:none;background:#ff8a55}.ks-win:is(.settings,.auto) .ks-btn.white{color:#f1f3f6;box-shadow:none;background:#4e5767}.ks-win:is(.settings,.auto) .ks-btn:disabled{color:#7c8596;box-shadow:none;background:#3a414e}.ks-win:is(.settings,.auto) .ks-act{background:var(--title);box-shadow:inset 0 1px #1f2632}.ks-win.settings .ks-link{color:#8ec2ff}.ks-win.settings .ks-warn{color:#f2c94c;background:#4d4530;box-shadow:inset 3px 0 #f2c94c}.ks-win.settings .ks-qual button{background:var(--dark);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px}.ks-win.settings .ks-qual button.on{background:var(--orange);color:#fff;box-shadow:none}.ks-win.settings .ks-qual button.on small{color:#ffe3d6}.ks-win.settings :is(.ks-ofx>button,.ks-lay button){background:var(--dark);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px}.ks-win.settings :is(.ks-ofx>button,.ks-lay button).on{box-shadow:inset 0 0 0 2px var(--orange);background:#4e5767}.ks-win.settings .ks-doll{background:radial-gradient(at 50% 80%,#4a5466 0,#262b35 75%);border-radius:6px}.ks-win.settings .ks-lay .pv{background:#5a6475;border-radius:4px}.ks-win.settings .ks-lay .pv i{background:#f1f3f6}.ks-win.settings .ks-lay button.on .pv i.a{background:var(--orange)}.ks-win.settings .ks-acct .av{box-shadow:inset 0 0 0 1px var(--line);border-radius:6px}.ks-win.settings .ks-guest{background:var(--dark);border-radius:6px}.ks-win.auto .ks-ps{background:var(--dark);box-shadow:inset 0 0 0 1px var(--line);border-radius:5px}.ks-win.auto .ks-ps.next:after{box-shadow:inset 0 0 0 2px var(--orange);border-radius:5px}.ks-win.auto .ks-ps b{color:#fff;text-shadow:0 1px #000,0 0 2px #000}.ks-win.auto .ks-thr .bar{box-shadow:inset 0 0 0 1px var(--line);border-radius:3px}.ks-win.auto .ks-thr>b{color:#1f242d;background:#f1f3f6}.ks-win.auto .ks-thr>b:after{background:#f1f3f6}.ks-win.auto .ks-thr.none>b{color:#f1f3f6;background:#5a6475}.ks-win.auto .ks-thr.none>b:after{background:#5a6475}.ks-win.auto :is(.ks-skl button,.ks-mobs button){background:var(--dark);border-radius:6px}.ks-win.auto :is(.ks-skl button,.ks-mobs button).on{box-shadow:inset 0 0 0 2px var(--orange);background:#4e5767}.ks-win.auto .ks-skl button .none{background:#262b35;border-radius:5px}.ks-win.auto .ks-skl button:not(.on) i{background:#3a414e}.ks-win.auto .ks-map{box-shadow:inset 0 0 0 1px var(--line);border-radius:6px}.ks-win.auto .ks-run{color:#7fe0a4;border-radius:6px}@media (max-height:520px) and (orientation:landscape){.ks-win.rail:is(.settings,.auto) .ks-tabs{padding:6px 6px 6px calc(6px + var(--sal))}.ks-win.rail:is(.settings,.auto) .ks-tab.on{box-shadow:none}}@media (max-width:699px) and (orientation:portrait){.w-win.ks-win:is(.settings,.auto){border-radius:0}.ks-win:is(.settings,.auto) .ks-tabs{padding:6px calc(8px + var(--sar)) 6px calc(8px + var(--sal));gap:4px}}.w-win.cw.msm .cw-canvas,.w-win.cw.msm :is(.cw-sdetail,.cw-sbar){box-shadow:inset 0 0 0 1px var(--line);border-radius:6px}.w-win.cw.msm .cw-cols{background:var(--white);color:var(--ink)}.w-win.cw.msm .cw-lv{color:#7c8596}.w-win.cw.msm .cw-lv.in{color:var(--ink)}.w-win.cw.msm .cw-links path.on{stroke:var(--orange)}.w-win.cw.msm .cw-sn .si{background:#262b35;border-radius:6px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.cw.msm .cw-sn .si>img{border-radius:6px}.w-win.cw.msm .cw-sn>b{color:var(--mute);border-radius:3px}.w-win.cw.msm :is(.cw-sn.got,.cw-sn.max,.cw-sn.can:not(.zero))>b{color:var(--star)}.w-win.cw.msm .cw-sn.on .si{outline:2px solid var(--orange)}.w-win.cw.msm .cw-sn .m-max{background:var(--star);color:#1f242d}.w-win.cw.msm .cw-sn .m-lock{background:#1f242d;border-radius:4px}.w-win.cw.msm .cw-sn .m-lock img{filter:brightness(0)invert(.85);opacity:1}.w-win.cw.msm .cw-sn .m-guide{background:var(--blue)}.w-win.cw.msm .cw-legend .lg{border-radius:3px}.w-win.cw.msm .cw-legend .lg.got{box-shadow:inset 0 -3px 0 var(--star);background:#262b35}.w-win.cw.msm .cw-legend .lg.lock{background:#262b35;box-shadow:inset 0 0 0 1px #3e4553}.w-win.cw.msm .cw-legend .lg.max{background:var(--star);color:#1f242d}.w-win.cw.msm .cw-chip{color:#c9cfd8;background:#5a6475;border-radius:14px}.w-win.cw.msm button.cw-chip.on,.w-win.cw.msm .cw-chip.on{background:var(--orange);color:#fff}.w-win.cw.msm .cw-why{color:#ff8a8a}.w-win.cw.msm .cw-why.go{color:var(--star)}.w-win.cw.msm .cw-why.mute,.w-win.cw.msm .cw-note{color:var(--mute)}.w-win.cw.msm .cw-req{border-top-color:var(--line)}.w-win.cw.msm .cw-req .no{color:#ff8a8a}.w-win.cw.msm .cw-kslot{background:#262b35;border-radius:6px;box-shadow:inset 0 0 0 1px #3e4553}.w-win.cw.msm .cw-kslot img{border-radius:6px}.w-win.cw.msm .cw-kslot kbd{color:var(--mute)}.w-win.cw.msm .cw-kslot.on{outline:2px solid var(--orange)}.w-win.cw.msm .cw-kslot.fit{background-color:#4d4530}.w-win.cw.msm .cw-sbar.pick .cw-kslot.fit{box-shadow:inset 0 0 0 2px var(--star)}.fw.msm .mw-mic{border-radius:5px}.fw.msm .mw-row .st img{border-radius:4px}.fw.msm .mw-xp.soon{color:#ff8a8a}.fw.msm .mw-det{box-shadow:inset 0 0 0 1px var(--edge);border-radius:6px}.fw.msm .mw-from .sys{border-radius:3px}.fw.msm .mw-att-r,.fw.msm .mw-coin{border-radius:5px}.fw.msm .mw-fee{color:#ffc9c9;background:#5a3a3a;border-radius:6px}.fw.msm .mw-sheet-x img{filter:brightness(0)invert(.9)}.fw.msm .mw-picks button{color:#c9cfd8;background:#5a6475;border-radius:14px}.fw.msm .mw-picks button:hover{color:#fff;background:#67728a}.fw.msm .mw-picks button.on{background:var(--orange);color:#fff}.fw.msm .pw-pc{border-radius:6px}.fw.msm .pw-pc.on{box-shadow:inset 0 -2px 0 var(--rc,transparent),inset 0 0 0 2px var(--orange);background:#4e5767}.fw.msm .pw-pc .out{background:#2f8f5a;border-radius:3px}.fw.msm .pw-pc.empty:after{box-shadow:inset 0 0 0 1px #5a6475}.fw.msm .pw-stage{background:radial-gradient(at 50% 80%,#4a5466 0,#262b35 75%);border-radius:6px}.fw.msm .pw-stage .fm{background:#000000b0;border-radius:3px}.fw.msm .pw-id .nm button{background:var(--quiet);color:var(--ink);border-radius:6px}.fw.msm .pw-pill{color:#7fe0a4;background:#2e4a3d;border-radius:3px}.fw.msm .pw-forms span{border-radius:5px}.fw.msm .pw-forms span.now{box-shadow:inset 0 0 0 1px var(--orange);background:#4e5767}.fw.msm .pw-sk li{border-radius:5px}.fw.msm .pw-pick{border-radius:6px}.fw.msm .pw-pick.ok{color:#7fe0a4;background:#2e4a3d}.fw.msm .pw-pick.mid{color:#f2c94c;background:#4d4530}.fw.msm .pw-pick.bad{color:#ff9a9a;background:#5a3a3a}.fw.msm .pw-step button{background:var(--blue);border-radius:6px}.fw.msm .pw-step button[disabled]{color:#7c8596;background:#3a414e}.fw.msm .pw-chip{color:#c9cfd8;background:#5a6475;border-radius:14px}.fw.msm button.pw-chip:hover:not([disabled]){color:#fff;background:#67728a}.fw.msm .pw-chip.on{background:var(--orange);color:#fff}.fw.msm .pw-bk{border-radius:6px}.fw.msm .pw-bk:not(.have) img{filter:brightness(0)invert(.8)opacity(.22)}.fw.msm .pw-hatch{box-shadow:inset 0 0 0 1px var(--edge);border-radius:6px}.w-win.msm:is([data-testid=win-q1log],[data-testid=win-q1npc],[data-testid=win-cbtnpc]) :is(.w-sec,.w-sec[class*=n9-]){background:var(--slot);color:var(--ink);border-width:0;border-image-source:none;border-radius:6px}.w-win.msm:is([data-testid=win-q1log],[data-testid=win-q1npc],[data-testid=win-cbtnpc]) :is(.w-bubble,.w-bubble[class*=n9-]),.w-win.msm:is([data-testid=win-q1log],[data-testid=win-q1npc],[data-testid=win-cbtnpc]) :is(.w-opt,.w-opt[class*=n9-]){background:var(--white);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);border-width:0;border-image-source:none;border-radius:6px}.w-win.msm:is([data-testid=win-q1log],[data-testid=win-q1npc],[data-testid=win-cbtnpc]) .w-opt:hover{filter:none;background:#4e5767}.w-win.msm:is([data-testid=win-q1log],[data-testid=win-q1npc],[data-testid=win-cbtnpc]) .q1-opt.on{box-shadow:inset 0 0 0 2px var(--orange);outline:0}.w-win.msm:is([data-testid=win-q1log],[data-testid=win-q1npc],[data-testid=win-cbtnpc]) .w-portrait>:is(img,.w-face){background:#ffffff10}.w-win.msm:is([data-testid=win-q1log],[data-testid=win-q1npc]) :is(.q1-line,.q1-board){color:var(--mute)}.w-win.msm:is([data-testid=win-q1log],[data-testid=win-q1npc]) .q1-board .q1-obj b{background:#ffffff14}.w-win.msm:is([data-testid=win-q1log],[data-testid=win-q1npc]) .q1-opt .q1-mk{color:var(--star)}.w-win.msm:is([data-testid=win-q1log],[data-testid=win-q1npc],[data-testid=win-cbtnpc]) .w-sec{box-shadow:inset 4px 0 0 var(--orange)}.w-win.msm[data-testid=win-q1log] .q1-top .w-tabs{scrollbar-width:none;flex:0 auto;min-width:0;overflow-x:auto}.w-win.msm[data-testid=win-q1log] .q1-top .w-tab{flex:none}.w-win.msm[data-testid=win-q1log] .q1-title{color:#c9cfd8;background:#5a6475;border:0;border-radius:14px}.w-win.msm[data-testid=win-q1log] .q1-title.on{background:var(--orange);color:#fff}.w-win.msm .cbt-win,.w-win.msm :is(.cbt-form,.cbt-npc-r){color:var(--ink)}.w-win.msm .cbt-left{color:var(--mute)}.w-win.msm .cbt-pts{color:var(--ink)}.w-win.msm .cbt-bar{background:var(--slot);box-shadow:inset 0 0 0 1px var(--line)}.w-win.msm .cbt-box{border-color:var(--line);background:#4e5767;border-radius:8px}.w-win.msm .cbt-box small{color:var(--mute)}.w-win.msm .cbt-box.got{background:#ffd45a;border-color:#b9952f}.w-win.msm .cbt-box.on{box-shadow:0 0 0 3px var(--orange)}.w-win.msm .cbt-guest,.w-win.msm .cbt-gemnote{color:#f2c94c;background:#4d4530;border-radius:6px}.w-win.msm .cbt-rows li{background:var(--white);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px}.w-win.msm .cbt-rows li.done{background:#2e4a3d;box-shadow:inset 0 0 0 1px #3f7a5a}.w-win.msm .cbt-mk{color:var(--up);border-color:#7c8596}.w-win.msm .cbt-rows li.done .cbt-mk{border-color:var(--up);color:#fff;background:#2f8f5a}.w-win.msm .cbt-mn em{color:var(--up)}.w-win.msm .cbt-mbar{background:var(--slot)}.w-win.msm .cbt-mbar i{background:var(--orange)}.w-win.msm .cbt-mbar small{color:#fff;text-shadow:0 1px 1px #000}.w-win.msm .cbt-mp{color:var(--orange)}.w-win.msm .cbt-ok{color:var(--up)}.w-win.msm .cbt-go{background:var(--blue)}.w-win.msm .cbt-reward{background:var(--white);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);border-radius:6px}.w-win.msm .cbt-drawer-h{color:var(--ink)}.w-win.msm .cbt-tstate{color:var(--mute)}.w-win.msm .cbt-tstate.ok{color:var(--star)}.w-win.msm .cbt-note{color:var(--mute)}.w-win.msm .cbt-form label{color:var(--ink2,#c9cfd8)}.w-win.msm :is(.cbt-form select,.cbt-form input,.cbt-form textarea){border-color:var(--line);background:var(--slot);color:var(--ink)}.w-win.msm :is(.cbt-form input,.cbt-form textarea)::placeholder{color:#7c8596}.w-win.msm .cbt-stars button{color:#5a6475}.w-win.msm .cbt-stars button.on{color:#f2c94c}.w-win.msm .cbt-seg button{color:#e2e6ec;background:#5a6475;border-radius:6px}.w-win.msm .cbt-seg button.on{background:var(--orange);color:#fff}.w-win.msm .cbt-msg{color:#ff8a8a}@media (max-width:760px){.w-win.msm .cbt-win>.cbt-foot{background:var(--body)}}@media (max-height:640px){.w-overlay{padding:8px}.w-win{max-height:calc(100dvh - 16px)}.w-win.msm[class] .w-body{gap:8px;padding:10px 12px}}@media (max-height:520px) and (orientation:landscape),(max-width:760px) and (orientation:portrait){.w-overlay:has(>.w-win.msm){padding:0}.w-overlay>.w-win.msm[class]{width:auto;max-width:none;height:auto;max-height:none;box-shadow:none;border-radius:0;position:absolute;inset:0}.w-win.msm[class] .w-head{border-radius:0}body:has(.w-overlay>.w-win.msm,.mk-win,.rw-win,.av-gacha-ov,.fw,.ks-win,.cw,.shopui) .chatd-btn:not(.on){visibility:hidden;pointer-events:none}}@media (max-height:520px) and (orientation:landscape){.w-win.msm[class] .w-head{height:38px;padding:0 env(safe-area-inset-right,0px) 0 calc(12px + env(safe-area-inset-left,0px))}.w-win.msm[class] .w-x{width:44px;height:38px}.w-win.msm[class] .w-body{padding:6px calc(10px + env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) calc(10px + env(safe-area-inset-left,0px));gap:6px}}@media (max-width:760px) and (orientation:portrait){.w-win.msm[class] .w-head{height:calc(42px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.w-win.msm[class] .w-x{width:44px;height:42px}.w-win.msm[class] .w-body{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));gap:8px}}@media (pointer:coarse){.w-win.msm[class] .w-btn[class],.w-win.msm[class] .w-btn.sm[class]{min-height:40px}}.w-win.msm.bs-eq .w-body{overflow:hidden}.bs-eqmain{flex:1;min-height:0}.bs-eqleft,.bs-eqright{min-height:0}.bs-eqright>.bs-cgrid{overscroll-behavior:contain;flex:0 auto;min-height:0;overflow-y:auto}.bs-eqright>.bs-ctip{flex:none}.bs-more{background:var(--slot);min-height:30px;color:var(--ink);cursor:pointer;border:0;border-radius:6px;margin-left:auto;padding:0 10px;font:600 12px/1 Noto Sans Thai,sans-serif;display:none}.bs-more:hover{background:#363d4a}.bs-eqright.big>.bs-stats{display:none}@media (max-height:640px),(max-width:760px) and (orientation:portrait){.bs-more{align-items:center;display:inline-flex}}@media (pointer:coarse){.bs-more{min-height:40px}}@media (max-height:640px){.w-win.msm.bs-eq .w-body{gap:6px;padding:8px 10px}.bs-eqleft,.bs-eqright{gap:4px;padding:6px 8px}.bs-stat{min-height:38px;padding:2px 4px 2px 8px}.bs-crow{min-height:21px}.bs-cgrp-h{padding:2px 4px}.bs-ctip{min-height:0}.w-win.msm[class] .bs-foot{padding-top:6px}}@media (max-height:520px) and (orientation:landscape){.w-win.msm.bs-eq{height:auto}.w-win.msm.bs-eq .w-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:200px minmax(0,1fr);gap:6px;display:grid}.bs-eqmain{display:contents}.bs-eqleft{grid-area:1/1/3}.bs-eqright{grid-area:1/2}.w-win.msm[class] .bs-foot{border-top:0;grid-area:2/2;min-width:0}.bs-eq .w-doll{flex:1;grid-template-columns:40px minmax(0,1fr) 40px;gap:4px;min-height:0}.bs-eq .w-dcol{gap:3px}.bs-eqleft{padding:6px}.bs-eqleft>.bs-pick{display:none}.bs-eq .w-stage .who{bottom:24px}.bs-eq .w-stage p{margin-bottom:4px;font-size:11px}.bs-eqright{padding:6px 8px}.bs-stats{gap:4px}.bs-crow{min-height:20px;font-size:11.5px}.bs-crow>b{font-size:12px}.bs-cgrid{padding:2px 6px 4px}.bs-ctip{min-height:0;font-size:11px}.w-win.msm[class] .bs-foot{padding-top:0}.bs-chip{text-overflow:ellipsis;min-width:0;overflow:hidden}}@media (max-height:520px) and (orientation:landscape) and (max-width:760px){.bs-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px) and (orientation:portrait){.bs-eqleft,.bs-eqright{gap:4px;padding:6px 8px}.bs-eqleft>.bs-pick{display:none}.bs-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.bs-stat{min-height:40px;padding:2px 4px 2px 6px}.bs-crow{min-height:21px}.bs-ctip{min-height:0}.bs-cgrid[class]{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}.bs-cgrid>.bs-cgrp:first-child{grid-row:span 2}.bs-cgrid>.bs-cgrp:nth-child(3){grid-column:2}.bs-eq .w-stage{height:128px}.w-win.msm[class] .bs-foot{flex-wrap:nowrap}.w-win.msm[class] .bs-foot .w-btn{padding:2px 10px}.bs-chip{text-overflow:ellipsis;min-width:0;overflow:hidden}}@media (max-height:520px) and (orientation:landscape){.w-win.cw.cw-bagwin .cw-inv{grid-template-columns:250px minmax(0,1fr);gap:6px}.w-win.cw.cw-bagwin .cw-char{gap:4px;padding:6px;overflow:hidden}.w-win.cw.cw-bagwin .cw-bag{gap:4px;overflow:hidden}.cw-bagwin .cw-who{grid-template-columns:minmax(0,1fr) auto;column-gap:6px;min-height:0;display:grid}.cw-bagwin .cw-who>b{grid-area:1/1;font-size:13.5px;line-height:1.2}.cw-bagwin .cw-who>span{text-overflow:ellipsis;grid-area:2/1;font-size:11px;line-height:1.2;overflow:hidden}.cw-bagwin .cw-who .cw-seg{order:0;grid-area:1/2/3}.cw-bagwin .cw-who .cw-seg button{padding:0 8px}.w-win.cw.msm.cw-bagwin .cw-doll{grid-template-columns:minmax(0,1fr) repeat(4,40px);gap:3px}.cw-bagwin .cw-fig{grid-row:1/5}.cw-bagwin .cw-stats{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:4px}.cw-bagwin .cw-stats .cw-line{flex-direction:column;align-items:center;gap:0;padding:0;font-size:11px;line-height:1.25}.cw-bagwin .cw-stats .cw-line>b{font-size:12px}.cw-bagwin .cw-pow{gap:6px;padding-top:3px}.cw-bagwin .cw-pow b{font-size:15px}.cw-bagwin .cw-pow .cw-link{min-height:30px}.cw-bagwin .cw-tabs .cw-tab{min-height:34px}.cw-bagwin .cw-gridbox{flex-direction:column;gap:4px;padding:4px;display:flex}.w-win.cw.msm.cw-bagwin .cw-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}.cw-bagwin .cw-gridbox .av-pages{margin:0}.cw-bagwin .cw-foot{gap:4px 6px}.cw-bagwin .cw-foot .cw-coins{flex:none;min-width:0;padding:0 8px}.cw-bagwin .cw-foot .cw-btn{padding:2px 10px}.cw-bagwin .cw-detail.show{width:250px}}@media (max-height:520px) and (orientation:landscape) and (max-width:760px){.cw-bagwin .cw-foot .cw-btn{flex:auto}.cw-bagwin .cw-gridbox{gap:3px;padding:3px}}@media (max-height:520px) and (orientation:landscape) and (min-width:761px){.w-win.msm.cw.cw-bagwin .cw-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (max-width:699px) and (orientation:portrait){.w-win.cw.msm.cw-bagwin .cw-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.cw-bagwin .cw-gridbox{padding:6px}.cw-bagwin .cw-inv{gap:8px}.cw-bagwin .cw-bag{gap:6px}}@media (max-height:640px) and (min-height:521px){.w-win.cw.msm .w-body{gap:8px;padding:8px 10px}.w-win.cw.msm .cw-char{gap:6px;padding:8px}.cw-bagwin .cw-bag{gap:6px}.cw-bagwin .cw-gridbox{padding:6px}}.cw-st{--rhmax:86px;--nmax:56px;--colh:38px}.cw-canvas{container-type:size}.cw-stgrid{--rh:clamp(46px,calc((100cqh - var(--colh) - 12px) / var(--rows,7)),var(--rhmax));--n:min(var(--nmax),calc(var(--rh) - 22px))}@media (max-height:520px) and (orientation:landscape){.cw-st{--rhmax:72px;--nmax:46px;--colh:30px}}@media (max-width:699px) and (orientation:portrait){.cw-st{--rhmax:78px;--nmax:50px}}.cw-sbar{min-width:0}.cw-sbar .cw-kslot{aspect-ratio:1;flex:1 1 0;width:auto;min-width:34px;max-width:44px;height:auto}@media (max-height:520px) and (orientation:landscape){.cw-st{grid-template-rows:auto minmax(0,1fr);gap:6px;display:grid}.cw-stmain{display:contents}.cw-st{grid-template-columns:minmax(0,1fr) 248px}.cw-sthead{flex-wrap:nowrap;grid-area:1/2;gap:4px}.cw-sp{gap:4px;min-width:0}.cw-sp b{white-space:nowrap;font-size:20px}.cw-sp b:before{content:"SP ";color:var(--mute);font-size:12px}.cw-sp span{display:none}.cw-sthead .cw-btn.sm,.cw-sthead .cw-chip{padding:0 8px}.cw-canvas{grid-area:1/1/3;padding:0 6px 6px}.cw-side{grid-area:2/2;min-height:0}.cw-cols{padding:6px 0 4px;font-size:11.5px}.cw-stgrid{--rh:clamp(36px,calc((100cqh - var(--colh) - 8px) / var(--rows,7)),var(--rhmax));--n:min(var(--nmax),calc(var(--rh) - 4px))}.cw-sn{min-width:40px;min-height:var(--rh);justify-content:center}.cw-sn>b{z-index:2;background:#1f242dd9;border-radius:3px;padding:0 3px;font-size:10px;line-height:13px;position:absolute;bottom:-1px;right:-6px}.cw-lv{margin-top:calc(var(--rh) / 2 - 8px)}.cw-sdetail{padding:6px 8px}.cw-sdacts{gap:3px;padding-top:4px}.cw-sdacts .cw-why{margin:0;font-size:11px;line-height:1.3}.cw-sdacts .cw-btn{min-width:0;padding:2px 6px;font-size:12.5px}.cw-sdhead>img{width:34px;height:34px}.cw-sdbody{margin-top:4px}.cw-sbar{grid-template-columns:repeat(4,40px);justify-content:center;gap:4px 8px;padding:5px;display:grid}.cw-sbar .cw-kslot{width:40px;min-width:0;max-width:none;height:40px}.cw-kslot.ult{margin-left:0}.cw-sbar.rows{grid-template-columns:repeat(5,40px)}.cw-sbar.rows .cw-krow{display:none}.cw-sbar.rows .cw-kslot.ult{grid-area:1/5/3;align-self:center;margin-left:0}}@media (max-width:699px) and (orientation:portrait){.cw-stgrid{--rh:clamp(54px,calc((100cqh - var(--colh) - 12px) / var(--rows,7)),var(--rhmax))}.cw-canvas{flex:auto;min-height:min(440px,50dvh)}.cw-side{flex:0 auto;min-height:0}.cw-sdetail{flex:auto;min-height:0}.cw-sdbody{flex:auto;min-height:84px;max-height:none}.cw-sn{min-width:40px;min-height:40px}.cw-sbar>span{display:none}.cw-sbar{gap:4px}}.w-win.msm[class] .w-split{flex:auto;min-height:0}@media (max-height:520px) and (orientation:landscape){.w-win.msm[class] :is(.w-split.qs,.w-split.td,.w-split.forge,.w-split.jw,.w-split.ml,.w-split.fr,.w-split.st,.w-split.rv,.w-split.inv){grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.w-win.msm[class] .w-split.forge{grid-template-columns:minmax(0,.9fr) minmax(0,.9fr) minmax(0,1fr)}.w-win.msm[class] .w-split>*{overscroll-behavior:contain;min-height:0;overflow-y:auto}}@media (max-height:640px){.w-win.msm[data-testid][class] .w-sec{min-height:26px;margin:0 0 4px;font-size:13px}.w-win.msm[data-testid][class] .w-sec:before{top:6px;bottom:6px}.w-win.msm[class] .w-rewards span{padding:5px 4px}}@media (max-height:520px) and (orientation:landscape){.w-win.msm[data-testid][class] .w-sec{min-height:24px;padding-top:0;padding-bottom:0;font-size:12.5px}.w-win.msm[class] .w-rewards{gap:4px}.w-win.msm[class] .w-rewards span{flex-flow:wrap;justify-content:center;column-gap:4px;padding:3px 4px;font-size:12px;line-height:1.25}.w-win.msm[class] .w-rewards i{font-size:14px}.w-win.msm[class] .w-rewards img{width:22px;height:22px}.w-win.msm[class] .w-card{padding:6px 8px}.w-win.msm[class] .w-li{min-height:42px;padding:3px 6px}.w-win.msm[class] .w-card>.w-row.end:last-child{z-index:2;background:var(--white);margin:0 -8px -6px;padding:4px 8px 6px;position:sticky;bottom:-6px}.w-win.msm[class] .w-npc{grid-template-columns:132px minmax(0,1fr);gap:8px}.w-win.msm[class] .w-npc .w-portrait>:is(img,.w-face){width:84px;height:84px}.w-win.msm[class] .w-opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.w-win.msm[class] .w-opts>*{margin:0}.w-win.msm[class] .w-bubble{padding:8px 10px}.w-win.msm[data-testid=win-shop][class] .w-head b{max-width:130px}.w-win.msm[data-testid=win-shop][class] .w-body>.w-tabs{z-index:3;height:34px;position:absolute;top:2px;left:170px;right:50px}.w-win.msm[data-testid=win-shop][class] .w-split.shop{grid-template-rows:minmax(0,1fr);grid-template-columns:66px minmax(0,1fr) 224px;gap:6px}.w-win.msm[data-testid=win-shop][class] .w-split.shop>*{overscroll-behavior:contain;min-height:0;overflow-y:auto}.w-win.msm[data-testid=win-shop][class] .w-catlist{flex-direction:column;gap:4px}.w-win.msm[data-testid=win-shop][class] .w-catbtn{flex:none;min-height:48px;padding:3px 2px;font-size:11px}.w-win.msm[data-testid=win-shop][class] .w-catbtn img{width:24px;height:24px}.w-win.msm[data-testid=win-shop][class] .w-listwrap{overflow:hidden}.w-win.msm[data-testid=win-shop][class] .w-list{min-height:0;overflow-y:auto}.w-win.msm[data-testid=win-shop][class] .w-li{grid-template-columns:36px minmax(0,1fr) 64px 36px;gap:4px}.w-win.msm[data-testid=win-shop][class] .w-lhead{grid-template-columns:minmax(0,1fr) 64px 36px;gap:4px}.w-win.msm[data-testid=win-shop][class] .w-side{grid-column:auto;align-items:stretch;gap:4px;padding:6px}.w-win.msm[data-testid=win-shop][class] .w-side>*{flex:none}.w-win.msm[data-testid=win-shop][class] .w-side>.w-btn{order:1}.w-win.msm[data-testid=win-shop][class] .w-side>.w-note{order:2}.w-win.msm[data-testid=win-shop][class] .w-side>.w-big{order:5;align-self:center;width:64px;height:64px}.w-win.msm[data-testid=win-shop][class] .w-side>.w-big img{width:44px;height:44px}.w-win.msm[data-testid=win-shop][class] .w-side>.w-text{order:6}.w-win.msm[data-testid=win-shop][class] .w-side .w-line{padding:2px 0}.w-win.msm[data-testid=win-shop][class] .w-qin{height:40px}.w-win.msm[data-testid=win-shop][class] .w-qbtn{min-width:36px}.w-win.msm[data-testid=win-shop][class] .w-qslide{height:26px}.w-win.msm[data-testid=win-shop][class] .w-foot{padding-top:4px}.w-win.msm[data-testid=win-travel][class] .w-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.w-win.msm[data-testid=win-travel][class] .w-body>.w-foot{grid-column:1/-1}.w-win.msm[data-testid=win-travel][class] .w-body>.w-card{min-height:0;overflow-y:auto}.w-win.msm[data-testid=win-travel][class] .w-hero{width:72px;height:72px;padding:8px}.w-win.msm[data-testid=win-travel][class] .w-card .w-row{flex-wrap:wrap}.w-win.msm[data-testid=win-revive][class] .w-stage.ko{overflow:hidden}.w-win.msm[data-testid=win-revive][class] .w-card{overflow-x:hidden}.w-win.msm[data-testid=win-trade][class] .w-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.w-win.msm[data-testid=win-trade][class] .w-split.td{flex-direction:column;gap:6px;min-height:0;display:flex;overflow-y:auto}.w-win.msm[data-testid=win-trade][class] .w-split.td>.w-card{flex:none;overflow:visible}.w-win.msm[data-testid=win-trade][class] .w-body>.w-card{flex-direction:column;gap:4px;min-height:0;display:flex;overflow-y:auto}.w-win.msm[data-testid=win-trade][class] .w-body>.w-foot{grid-column:1/-1}.w-win.msm[data-testid=win-trade][class] .w-split.td .w-grid.g4{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}.w-win.msm[data-testid=win-trade][class] .w-body>.w-card>.w-grid.g8{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;max-height:none;overflow:visible}.w-win.msm[data-testid=win-trade][class] .w-card .w-line{padding:2px 0}.w-win.msm[data-testid=win-trade][class] .w-split.td>.w-card:has(.w-form){grid-template-columns:minmax(96px,auto) minmax(0,1fr);align-items:center;column-gap:8px;display:grid}.w-win.msm[data-testid=win-trade][class] .w-split.td>.w-card:has(.w-form)>:not(.w-line):not(.w-form){grid-column:1/-1}.w-win.msm[data-testid=win-trade][class] .w-split.td>.w-card .w-form{margin:0}.w-win.msm[data-testid=win-trade][class] .w-card .w-note,.w-win.msm[data-testid=win-trade][class] .w-foot .w-note{font-size:11px;line-height:1.3}.w-win.st-win.msm[class] .w-split.st{grid-template-columns:minmax(0,1fr) 224px}.w-win.st-win.msm[class] .w-split.st>.w-col{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:4px 6px;display:grid;overflow:hidden}.w-win.st-win.msm[class] .w-split.st>.w-col>.w-tabs{grid-area:1/1}.w-win.st-win.msm[class] .w-split.st>.w-col>.w-tabs .w-tab{flex:none;width:auto;min-width:max-content;padding:0 10px;font-size:12.5px}.w-win.st-win.msm[class] .st-sorts{scrollbar-width:none;flex-wrap:nowrap;grid-area:1/2;margin:0;overflow:auto hidden}.w-win.st-win.msm[class] .st-sort{flex:none;min-height:34px;padding:0 10px}.w-win.st-win.msm[class] .w-split.st>.w-col>:is(.w-grid,.av-pages){grid-column:1/-1}.w-win.st-win.msm[class] .w-split.st>.w-col>.w-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;overflow:visible}.w-win.st-win.msm[class] .st-sheet{max-height:none}.w-win.st-win.msm[class] .w-foot{gap:4px 6px;padding-top:4px}.w-win.st-win.msm[class] .w-foot .w-btn{padding:2px 10px}}@media (max-height:520px) and (orientation:landscape) and (min-width:761px){.w-win.st-win.msm[class] .w-split.st>.w-col>.w-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.w-win.msm[class] .pf .pm-card{grid-template-columns:minmax(0,1fr) minmax(84px,.8fr);align-items:center;gap:4px 8px;padding:6px 8px;display:grid}.w-win.msm[class] .pf .pm-card.empty{display:flex}.w-win.msm[class] .pf .pm-top{grid-column:1}.w-win.msm[class] .pf .pm-bars{grid-column:2}.w-win.msm[class] .pf .pm-meta,.w-win.msm[class] .pf .pm-acts{grid-column:1/-1}.w-win.msm[class] .pf .pm-meta{flex-wrap:nowrap;font-size:11.5px}.w-win.msm[class] .pf .pm-face{width:36px;height:36px}.w-win.msm[class] .pf .pm-bar{height:13px;font-size:10px;line-height:13px}.w-win.msm[class] .pf .pm-acts{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:3px;display:grid}.w-win.msm[class] .pf .pm-acts .w-btn[class]{white-space:normal;min-width:0;padding:0 3px;font-size:11.5px;line-height:1.1}.w-win.msm[class] .pf .pf-boost{gap:4px;padding:8px 10px}.w-win.msm[class] .pf .pb-row{gap:6px;padding:3px 8px}.w-win.msm[class] .pf .pb-l small{font-size:11.5px}.w-win.msm[class] .pf .pm-grid{gap:6px}.w-win.msm[data-testid=win-friends][class] .w-body:has(>.pf){overflow:hidden}.w-win.msm[class] .pf{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.w-win.msm[class] .pf>.pf-mine{flex:auto;grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0}.w-win.msm[class] .pf .pf-col,.w-win.msm[class] .pf .pf-set{overscroll-behavior:contain;min-height:0;overflow-y:auto}.w-win.msm[class] .pf .pf-set>.w-btn,.w-win.msm[class] .pf .pf-set>.pf-recruit{z-index:2;background:var(--white);position:sticky}.w-win.msm[class] .pf .pf-set>.w-btn{bottom:58px}.w-win.msm[class] .pf .pf-set>.pf-recruit{padding-bottom:6px;bottom:-10px}.w-win.msm[class] .pf .pf-members>.w-foot{z-index:2;background:var(--white);position:sticky;bottom:-10px}@media (max-width:760px) and (orientation:portrait){.w-win.msm[class] .pf>.pf-mine{grid-template-rows:auto minmax(0,1fr)}.w-win.msm[class] .pf .pf-col{overflow:visible}.w-win.msm[class] .pf .pm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.w-win.msm[class] .pf .pm-card{grid-template-columns:minmax(0,1fr);gap:3px}.w-win.msm[class] .pf .pm-bars{flex-direction:row;grid-column:1}.w-win.msm[class] .pf .pm-bar{flex:1 1 0;min-width:0}.w-win.msm[class] .pf .pb-rules,.w-win.msm[class] .pf .pb-l small,.w-win.msm[class] .pf .pf-members>.w-sec{display:none}}@media (max-height:640px){.w-win.msm[class] .pf .pf-col,.w-win.msm[class] .pf .pf-set{gap:6px}.w-win.msm[class] .pf .pb-l{flex-basis:120px}.w-win.msm[class] .pf .pb-l small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.w-win.msm[class] .pf .pb-rules:not([open]){position:absolute;top:8px;right:10px}.w-win.msm[class] .pf .pf-boost{position:relative}.w-win.msm[class] .pf .pb-head{padding-right:150px}.w-win.msm[class] .pf .pf-members>.w-sec{display:none}.w-win.msm[class] .pf :is(.pf-content input,.pf-range input){height:36px;min-height:0;padding-top:0;padding-bottom:0}.w-win.msm[class] .pf .pf-content select{height:34px}.w-win.msm[class] .pf .pf-field{gap:2px}.w-win.msm[class] .pf .pf-sw{padding:4px 8px}}@media (max-height:520px) and (orientation:landscape){.w-win.msm[data-testid=win-friends][class] .w-head b{max-width:120px}.w-win.msm[data-testid=win-friends][class] .w-body>.w-tabs{z-index:3;height:34px;position:absolute;top:2px;left:150px;right:50px}.w-win.msm[class] .pf{flex-direction:column;flex:auto;gap:6px;min-height:0;display:flex}.w-win.msm[class] .pf>.w-tabs .w-tab{min-height:32px}.w-win.msm[class] .pf>.pf-mine{flex:auto;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 250px;align-items:stretch;gap:6px;min-height:0}.w-win.msm[class] .pf-mine.solo{grid-template-columns:minmax(0,1fr) 250px}.w-win.msm[class] .pf-col{display:contents}.w-win.msm[class] .pf .pf-members{flex-direction:column;grid-area:1/1/3;gap:4px;min-height:0;display:flex;overflow-y:auto}.w-win.msm[class] .pf .pf-members>.w-sec{display:none}.w-win.msm[class] .pf .pm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.w-win.msm[class] .pf .pm-card{grid-template-columns:minmax(0,1fr);gap:3px}.w-win.msm[class] .pf .pm-bars{flex-direction:row;grid-column:1}.w-win.msm[class] .pf .pm-bar{flex:1 1 0;min-width:0}.w-win.msm[class] .pf .pf-members>.w-foot{z-index:2;background:var(--white);margin:0 -8px -6px;padding:4px 8px 6px;position:sticky;bottom:-6px}.w-win.msm[class] .pf .pf-boost{grid-area:1/2}.w-win.msm[class] .pf .pb-rules,.w-win.msm[class] .pf .pb-l small{display:none}.w-win.msm[class] .pf .pf-members>.w-foot{flex-wrap:nowrap;gap:4px}.w-win.msm[class] .pf .pf-members>.w-foot input{flex:60px;width:auto;min-width:0}.w-win.msm[class] .pf .pf-members>.w-foot .w-grow{display:none}.w-win.msm[class] .pf .pf-members>.w-foot .w-btn{padding:2px 8px;font-size:12px}.w-win.msm[class] .pf .pf-set{overscroll-behavior:contain;grid-area:2/2;min-height:0;overflow-y:auto}.w-win.msm[class] .pf .pf-set .pf-sw span small,.w-win.msm[class] .pf .pf-sw>span>small{font-size:11px}.w-win.msm[class] .pf .pb-l b{font-size:12px}.w-win.msm[class] .pf .pb-head{gap:6px}}.mw-w label{margin:5px 0 3px}.mw-w textarea.fw-in{height:64px;min-height:56px}.mw-w .fw-pane>.fw-card>.mw-grid:not([data-testid]){grid-template-columns:repeat(5,minmax(0,46px))}.mw-w .fw-tip{font-size:11.5px;line-height:1.35}.mw-w .fw-pane{gap:8px}.mw-w .fw-pane>.fw-card:first-child{padding:10px 12px}.mw-w .fw-pane>.fw-card:last-child{padding:8px 12px}.mw-w .fw-pane>.fw-card:last-child .fw-line{min-height:0;padding:3px 0}@media (max-height:760px){.mw-w textarea.fw-in{height:56px}}@media (max-height:640px){.mw-w{gap:8px}.mw-w label{margin:3px 0 2px}.mw-w .fw-tip{font-size:11px;line-height:1.3}.mw-w .fw-pane>.fw-card>.mw-grid:not([data-testid]){grid-template-columns:repeat(5,minmax(0,38px))}.mw-w textarea.fw-in{height:48px;min-height:44px}.mw-w .fw-card{padding:10px}.mw-w .fw-pane{gap:8px}.mw-w .fw-pane>.fw-card:first-child{padding:10px 12px}}@media (max-height:520px) and (orientation:landscape){.mw-w{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:stretch;overflow:hidden}.mw-w>*{min-height:0;overflow-y:auto!important}.mw-w .av-pages{gap:2px}.mw-w .av-pages button{width:auto;min-width:30px;padding:0 4px}.mw-w>.fw-card{grid-template-columns:minmax(0,1fr) 120px;align-content:start;column-gap:8px;padding:8px;display:grid}.mw-w>.fw-card>*{grid-column:1/-1}.mw-w>.fw-card>:nth-child(4),.mw-w>.fw-card>:nth-child(5){grid-column:1}.mw-w>.fw-card>:nth-child(8){grid-area:4/2}.mw-w>.fw-card>:nth-child(9){grid-area:5/2}.mw-w label{margin:4px 0 2px;font-size:11.5px}.mw-w label:first-child{margin-top:0}.mw-picks{scrollbar-width:none;flex-wrap:nowrap;margin-top:4px;overflow-x:auto}.mw-picks button{flex:none}.mw-w textarea.fw-in{height:48px;min-height:44px}.mw-w .fw-pane{gap:6px}.mw-w .fw-pane>.fw-card{padding:8px;gap:4px!important}.mw-w .fw-tip{font-size:11px;line-height:1.3}.mw-w .fw-line{min-height:0;padding:2px 0}}@media (max-width:760px) and (orientation:portrait){.mw-w>.fw-card{grid-template-columns:minmax(0,1fr) 120px;align-content:start;column-gap:8px;display:grid}.mw-w>.fw-card>*{grid-column:1/-1}.mw-w>.fw-card>:nth-child(4),.mw-w>.fw-card>:nth-child(5){grid-column:1}.mw-w>.fw-card>:nth-child(8){grid-area:4/2}.mw-w>.fw-card>:nth-child(9){grid-area:5/2}.mw-w textarea.fw-in{height:48px;min-height:44px}.mw-w .av-pages{gap:2px}.mw-w .av-pages button{width:auto;min-width:30px;padding:0 4px}.fw-body:has(>.mw){overflow:hidden}.mw{flex:auto;min-height:0}.mw>.fw-pane{flex:auto;min-height:0;overflow:hidden}.mw-list{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.mw-row{min-height:50px;padding:5px 10px 5px 6px}}.fw-body:has(>.pw){overflow:hidden}.pw{flex:auto;grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0}.pw>.fw-card{overscroll-behavior:contain;min-height:0;overflow-y:auto}@media (max-height:760px){.pw-det{gap:8px}.pw-stage{width:150px;height:124px;padding-bottom:12px}.pw-stage img{width:88px;height:88px}.pw-stage:after{bottom:18px}.pw-lv{margin-top:2px}.pw-forms span{padding:3px 2px}.pw-req li{min-height:21px}.pw-sk li{padding:3px 8px}.pw-cols{gap:10px}}@media (max-height:520px) and (orientation:landscape){.pw{grid-template-columns:minmax(0,248px) minmax(0,1fr);gap:8px}.pw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pw-stage{width:112px;height:100px}.pw-stage img{width:64px;height:64px}.pw-id .nm{font-size:16px}}@media (max-width:760px) and (orientation:portrait){.pw{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.pw>.pw-house{max-height:40dvh}}@media (max-height:640px) and (min-height:521px){.pw-id{grid-template-columns:auto auto minmax(0,1fr);align-content:start;align-items:center;gap:2px 8px;display:grid}.pw-id>.pw-lv{grid-column:1/-1}.pw-id>.pw-pill{justify-self:start}.pw-lv{gap:2px 10px}.pw-lv em{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pw-det>.fw-tip{font-size:11px}.pw-det h3.fw-sect{margin:0}.pw-sk{gap:3px}}@media (max-height:520px) and (orientation:landscape){.fw-card[data-testid=pet-helper]{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:12px;display:grid}.fw-card[data-testid=pet-helper]>:not(.pw-set){grid-column:1/-1}.fw-card[data-testid=pet-helper] .pw-set{min-height:0;box-shadow:none;gap:4px 8px;padding:4px 0}.fw-card[data-testid=pet-helper] .pw-set>div:first-child{font-size:12px;line-height:1.3}.fw-card[data-testid=pet-helper] .fw-tip,.fw-card[data-testid=pet-helper] .pw-pick{margin:0 0 4px;font-size:12px}.fw-body:has(>.duo-mine){overflow:hidden}.duo-mine{flex-direction:row;gap:8px}.duo-cards{flex:1 1 0;align-content:start;gap:6px;min-height:0;overflow-y:auto}.duo-card{gap:0;padding:6px 6px 4px}.duo-card img{width:56px;height:56px}.duo-card b{font-size:13.5px;line-height:18px}.duo-detail{flex:1 1 0;gap:5px;min-height:0;padding:8px;overflow-y:auto}.duo-detail header b{font-size:16px;line-height:20px}.duo-skills{gap:3px}.duo-skills li{padding:3px 6px}}@media (max-height:640px) and (min-height:521px){.duo-card img{width:72px;height:72px}.duo-detail{gap:6px}.duo-skills li{padding:4px 8px}}@media (max-height:520px) and (orientation:landscape){.duo-form{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px 12px;display:grid}.duo-form>:not(.duo-row){grid-column:1/-1}.duo-form>h4{margin:2px 0 0}.duo-row{gap:2px;min-height:0;padding:1px 0}.duo-row>span{line-height:14px}.duo-form>h4{font-size:12px;line-height:15px}.duo-settings,.duo-skins{gap:4px}.duo-skinview img{width:48px;height:48px}}.mg-w textarea.fw-in{height:64px;min-height:52px}.mg-times .fw-seg{flex-wrap:wrap;max-width:100%;display:flex}.mg-times .fw-seg>button{flex:auto}@media (max-height:640px){.mg-w{gap:6px}.mg-w .fw-card{padding:8px 10px}.mg-w textarea.fw-in{height:52px}}@media (max-height:520px) and (orientation:landscape){.mg-w{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-auto-rows:min-content;align-content:start;gap:5px 10px;display:grid;overflow:hidden}.mg-w>*{grid-column:1}.mg-w>:last-child:not(.fw-btn){contain:size;grid-area:1/2/span 5;min-height:0;overflow-y:auto}.mg-times .fw-seg>button{padding:0 6px;font-size:12px}.mg-w .fw-card label{margin:0 0 2px}.mg-w textarea.fw-in{height:48px;min-height:44px}.mg-w .mg-note,.mg-w .mg-why{margin:0;font-size:11.5px}}.dgm-body{flex:auto;grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:8px;min-height:0;display:grid}.dgm-list{overscroll-behavior:contain;align-content:start;gap:6px;min-height:0;display:grid;overflow-y:auto}.fw-body:has(>.dgm-body){overflow:hidden}@media (max-height:520px) and (orientation:landscape){.dgm-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dgm-list>.fw-card{padding:6px 8px}}@media (max-height:760px){.smy-stage{gap:6px;padding:16px 12px 12px}.smy-slines .fw-line{min-height:24px}.smy-chance b{font-size:38px}}@media (max-height:640px){.smy{gap:8px}.smy-stage{gap:4px;padding:10px 10px 8px}.smy-stage:has(>.fw-band){padding-top:34px}.smy-big{width:84px;height:84px}.smy-plate b{font-size:14.5px}.smy-stars img{width:13px;height:13px}.smy-slines .fw-line{min-height:22px}.smy-act{gap:4px}.smy-chance b{font-size:32px}.smy-chance span{font-size:11.5px}.smy-cbar{height:8px}.smy-outc{padding:5px 8px;font-size:12px;line-height:1.35}.smy-rates summary{min-height:28px}.smy-plist .fw-li{min-height:46px}.smy-plist .fw-li .fw-sl{width:40px;height:40px}}.w-win.ks-win.settings{width:min(100vw - 24px,1180px)}.ks-cols{columns:3 300px;column-gap:10px;display:block}.ks-cols>.ks-bx{break-inside:avoid;margin:0 0 10px;display:block}.ks-cols>:not(.ks-bx){break-inside:avoid}.ks-row{gap:10px;min-height:44px;padding:4px 0}.ks-rt b{font-size:13.5px}.ks-rt small{font-size:11.5px;line-height:1.35}.ks-bx{padding:10px}.ks-sect{margin:0 0 4px;font-size:14px}@media (max-height:520px) and (orientation:landscape){.ks-cols{columns:2 240px;column-gap:8px}.ks-cols>.ks-bx{margin-bottom:8px;padding:8px}.ks-row{min-height:40px;padding:3px 0}}.mk-win .mk-body:has(>.mk-it){overflow:hidden}.mk-win .mk-it{grid-template-rows:minmax(0,1fr);align-items:stretch;height:100%}.mk-win .mk-it>.pnl{overscroll-behavior:contain;min-height:0;overflow-y:auto}.mk-win .mk-it>.it-pick{flex-direction:column;display:flex}.mk-win .mk-it>.it-pick>*{flex:none}.mk-win .mk-it .it-list{flex:auto;min-height:126px;max-height:none}@media (max-width:1000px){.mk-win .mk-it{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}}.mk-win .it-side{display:contents}.mk-win .it-foot{display:none}@media (max-height:520px) and (orientation:landscape),(max-width:760px) and (orientation:portrait){.mk-win .mk-it>.it-side{overscroll-behavior:contain;flex-direction:column;gap:8px;min-height:0;display:flex;position:relative;overflow-y:auto}.mk-win .it-side>.pnl{flex:none;min-height:0;overflow:visible}.mk-win .it-side .it-form>.it-seg,.mk-win .it-side .it-form>.it-price>input,.mk-win .it-side .it-form>.it-go{display:none}.mk-win .it-side .it-head{flex-wrap:wrap}.mk-win .it-foot{z-index:2;background:#2b3442;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:auto;padding:6px 8px;display:grid;position:sticky;bottom:0;box-shadow:0 0 0 1px #566072,0 -6px 14px #0006}.mk-win .it-foot .seg{grid-template-columns:auto auto;margin:0}.mk-win .it-foot .seg button{min-width:54px;height:40px;padding:0 12px}.mk-win .it-foot .fld{margin:0;font-size:11px}.mk-win .it-foot .fld span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mk-win .it-foot .fld input{height:40px}.mk-win .it-foot .go{width:auto;min-width:96px;height:40px;margin:0;padding:0 14px}.mk-win .it-form .quick button{min-height:36px}.mk-win .it-form .quick.qty button{min-height:40px}}.mk-win .rules ol{columns:2 300px;column-gap:24px}.mk-win .rules ol>li{break-inside:avoid}@media (max-height:640px){.mk-win .rules ol{font-size:12.5px;line-height:1.5}}@media (max-height:520px) and (orientation:landscape){.mk-win .mk-it{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,min(300px,40%)) minmax(0,1fr);gap:8px}.mk-win .mk-it>.it-pick{grid-row:auto}.mk-win .mk-it>.pnl:not(.it-pick){grid-row:auto;grid-column:auto!important}.mk-win .mk-it .it-cats{scrollbar-width:none;flex-wrap:nowrap;margin-bottom:4px;overflow-x:auto}.mk-win .mk-it .it-cats>*{flex:none}.mk-win .mk-it .it-q,.mk-win .mk-it .it-tools{margin-bottom:4px}.mk-win .rules ol{columns:2 240px;font-size:12px;line-height:1.45}}@media (max-width:760px) and (orientation:portrait){.mk-win .mk-it{grid-template-rows:minmax(0,2fr) minmax(0,3fr);grid-template-columns:minmax(0,1fr);gap:8px}.mk-win .mk-it>.it-pick{grid-row:auto}.mk-win .mk-it>.pnl:not(.it-pick){grid-column:auto!important}.mk-win .mk-it .it-cats{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.mk-win .mk-it .it-cats>*{flex:none}}@media (max-height:520px) and (orientation:landscape){.mk-win .mk-body:has(>[data-testid=market-gear]){flex-direction:column;display:flex;overflow:hidden}.mk-win [data-testid=market-gear]{flex-direction:column;flex:auto;gap:6px;min-height:0;display:flex}.mk-win [data-testid=market-gear]>.mg-buy{flex:auto;gap:6px;min-height:0}.mk-win .mg-buy>.mg-bar{flex-wrap:nowrap;padding:4px 6px}.mk-win .mg-buy>.mg-bar .sum{display:none}.mk-win .mg-buy>.mg-bar .q{flex:100px;width:auto;min-width:0}.mk-win .mg-buy>.mg-tools{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.mk-win .mg-buy>.mg-tools>*,.mk-win .mg-buy>.mg-tools>.mg-cats,.mk-win .mg-buy>.mg-bar,.mk-win .mg-buy>.mg-tools{flex:none}.mk-win .mg-buy>.mg-main{flex:auto;min-height:0;overflow-y:auto}}@media (max-height:760px){.rw-win .wk-c{gap:2px;min-height:100px;padding:4px 3px}.rw-win .wk-c img{width:34px;height:34px}.rw-win .cal-c{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);place-items:center start;column-gap:4px;padding:3px 6px;display:grid}.rw-win .cal-c .d{grid-area:1/1}.rw-win .cal-c img{grid-area:1/2/3;justify-self:center}.rw-win .cal-c>:not(.d):not(img):not(.ok){grid-area:2/1}}@media (max-height:520px) and (orientation:landscape){.rw-win .rw-body{padding:6px}.rw-win .wk-c{min-height:0;padding:3px 1px}.rw-win .wk-c img{width:26px;height:26px}.rw-win .wk-c .n{display:none}.rw-win .cal{gap:3px}.rw-win .cal-c{gap:0;padding:2px 1px;font-size:10.5px;display:flex}.rw-win .cal-c img{width:22px;height:22px}}@media (max-height:420px) and (orientation:landscape){.evp-card .evp-top{min-height:0;padding-top:2px;padding-bottom:2px}.evp-card .evp-body{gap:4px;padding:4px 8px}.evp-card .evp-foot{padding-top:4px;padding-bottom:4px}.evp-card .evp-row{padding-top:3px;padding-bottom:3px}}@media (max-width:760px) and (orientation:portrait){.fw.dgw .dgw-hub{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.fw.dgw .dgw-hc .hn{padding-top:6px;font-size:13.5px}.fw.dgw .dgw-hc .hf{min-height:26px;padding:3px 6px;font-size:11.5px}.fw.dgw .fw-body:has(>.dgw-grid){overflow:hidden}.fw.dgw .dgw-grid{flex:auto;grid-template-rows:auto minmax(0,1fr);min-height:0}.fw.dgw .dgw-grid>.dgw-list{max-height:30dvh;overflow-y:auto}.fw.dgw .dgw-grid>.dgw-det{min-height:0;overflow-y:auto}}.w-win.msm[data-testid=win-shop][class] .w-body:has(>.w-split.shop){overflow:hidden}.w-win.msm[data-testid=win-shop][class] .w-split.shop{grid-template-rows:minmax(0,1fr)}.w-win.msm[data-testid=win-shop][class] .w-split.shop>*{overscroll-behavior:contain;min-height:0;overflow-y:auto}.w-win.msm[data-testid=win-shop][class] .w-listwrap{overflow:hidden}.w-win.msm[data-testid=win-shop][class] .w-listwrap>.w-list{min-height:0;overflow-y:auto}.w-win.msm[data-testid=win-shop][class] .w-side>.w-btn{z-index:2;flex:none;position:sticky;bottom:0}.w-win.msm[data-testid=win-shop][class] .w-side>.w-note.warn{z-index:2;background:var(--white);order:0;padding:2px 0;position:sticky;bottom:46px}@media (max-height:760px){.w-win.msm[data-testid=win-shop][class] .w-side{gap:6px}.w-win.msm[data-testid=win-shop][class] .w-side>.w-big{flex:none;width:96px;height:96px}.w-win.msm[data-testid=win-shop][class] .w-side>.w-big img{width:66px;height:66px}}@media (max-width:520px){.w-win.msm[data-testid=win-shop][class] .w-split.shop{grid-template-rows:auto minmax(0,1fr) minmax(0,1fr)}.w-win.msm[data-testid=win-shop][class] .w-split.shop>.w-catlist{overflow:visible}.w-win.msm[data-testid=win-shop][class] .w-side{align-items:stretch;gap:4px;padding:6px 8px}.w-win.msm[data-testid=win-shop][class] .w-side>*{flex:none}.w-win.msm[data-testid=win-shop][class] .w-side>.w-btn{order:1}.w-win.msm[data-testid=win-shop][class] .w-side>.w-note{order:2}.w-win.msm[data-testid=win-shop][class] .w-side>.w-big{order:5;align-self:center;width:64px;height:64px}.w-win.msm[data-testid=win-shop][class] .w-side>.w-big img{width:44px;height:44px}.w-win.msm[data-testid=win-shop][class] .w-side>.w-text{order:6}}@media (min-width:1000px){.w-win.ks-win.auto{width:min(100vw - 24px,1180px)}.ks-au{grid-template-rows:auto auto;grid-template-columns:repeat(3,minmax(0,1fr))}.ks-au>.ks-col{display:contents}.ks-au>.ks-col:first-child>.ks-bx:first-child{grid-area:1/1}.ks-au>.ks-col:first-child>.ks-bx:nth-child(2){grid-area:2/1}.ks-au>.ks-col:first-child>.ks-bx:nth-child(n+3){grid-area:1/3}.ks-au>.ks-col:last-child>.ks-bx:first-child{grid-area:1/2/span 2}.ks-au>.ks-col:last-child>.ks-bx:nth-child(n+2){grid-area:2/3}}@media (max-height:520px) and (orientation:landscape),(max-width:760px) and (orientation:portrait){.bs-eq .w-stage .who.fit{aspect-ratio:auto;width:calc(100% - 8px);max-width:none;height:calc(100% - 40px);top:6px;bottom:auto;left:4px;transform:none}.bs-eq .w-stage:has(>.who.fit):before{display:none}.cw-fig:has(>.who.fit):after{display:none}.cw-fig .who.fit{width:100%;height:100%;inset:0}}@media (max-height:520px) and (orientation:landscape){.w-win.cw.cw-bagwin .cw-inv{grid-template-columns:clamp(232px,30vw,300px) minmax(0,1fr)}.w-win.cw.msm.cw-bagwin .cw-doll{grid-template-columns:minmax(0,1fr) repeat(3,36px);gap:3px}.cw-bagwin .cw-fig{grid-row:1/6}.cw-bagwin .cw-doll .w-slot{width:36px;height:36px;position:relative}.cw-bagwin .cw-doll .w-slot:before{content:"";position:absolute;inset:-2px}}@media (max-height:520px) and (orientation:landscape),(max-width:760px) and (orientation:portrait){:root{--ui-head:36px;--ui-tab:32px;--ui-ctl:36px;--ui-fs:13px;--ui-fs-s:11.5px;--ui-fs-t:15px;--ui-gap:10px}.w-win.msm[class] .w-head,.w-win.cw[class] .w-head,.w-win.ks-win[class] .ks-head,.fw[class] .fw-head,.mk-win .mk-hd{height:var(--ui-head);min-height:0;padding-top:0;padding-bottom:0}.w-win[class] .w-head b,.ks-win .ks-head h2,.fw[class] .fw-head b,.mk-win .mk-hd b{font-size:var(--ui-fs-t);line-height:1.2}.w-win[class] .w-head small,.fw[class] .fw-head small{font-size:var(--ui-fs-s)}.w-win.msm[class] .w-x,.w-win.cw[class] .w-x,.ks-win .ks-x,.fw[class] .fw-x{width:44px;height:var(--ui-head)}.mk-win .mk-x{width:40px;height:var(--ui-head)}.w-win.msm[class] .w-tab,.w-win.cw[class] .cw-tab,.fw[class] .fw-tab,.mk-win .mk-tabs button{height:var(--ui-tab);min-height:var(--ui-tab);position:relative}.w-win.msm[class] .w-tab:after,.w-win.cw[class] .cw-tab:after,.fw[class] .fw-tab:after,.mk-win .mk-tabs button:after{content:"";position:absolute;inset:-4px 0}.fw[class] .fw-tab img{width:18px;height:18px}.w-win.msm[class] .w-btn[class],.w-win.msm[class] .w-btn.sm[class]{min-height:var(--ui-ctl);font-size:var(--ui-fs);position:relative}.w-win.msm[class] .w-btn[class]:before{content:"";position:absolute;inset:-2px 0}.w-win.msm[class] .w-body,.w-win.cw[class] .w-body,.fw[class] .fw-body,.ks-win .ks-body,.mk-win .mk-body{font-size:var(--ui-fs)}.w-win.msm[class] .bs-stat{grid-template-columns:minmax(0,1fr) auto 34px 34px;min-height:36px}.w-win.msm[class] .bs-stat .w-round.sm{width:34px;height:34px;font-size:15px;position:relative}.w-win.msm[class] .bs-stat .w-round.sm:before{content:"";position:absolute;inset:-3px}.w-win.msm[class] .bs-sv{font-size:14px}.w-win.msm.bs-eq[class] .w-body,.w-win.cw.cw-bagwin .cw-inv{gap:var(--ui-gap)}}@media (max-height:520px) and (orientation:landscape){.w-win.msm.bs-eq .w-body{grid-template-columns:clamp(220px,27vw,270px) minmax(0,1fr)}}@media (max-width:760px) and (orientation:portrait){.w-win.msm[class] .w-head,.w-win.cw[class] .w-head,.w-win.ks-win[class] .ks-head,.fw[class] .fw-head,.mk-win .mk-hd{height:calc(var(--ui-head) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}}@media (max-height:380px) and (orientation:landscape){.w-win.cw.cw-bagwin .cw-inv{grid-template-columns:clamp(244px,33vw,300px) minmax(0,1fr);gap:8px}.w-win.cw.msm.cw-bagwin .cw-doll{grid-template-columns:minmax(0,1fr) repeat(4,36px)}.cw-bagwin .cw-fig{grid-row:1/5}}@media (max-height:520px) and (orientation:landscape) and (min-width:700px) and (max-width:800px){.cw-bagwin .cw-foot{flex-wrap:nowrap}.cw-bagwin .cw-foot .cw-btn{flex:none;padding:2px 8px;font-size:12.5px}.cw-bagwin .cw-foot .cw-coins{flex:none}.cw-bagwin .cw-foot>:not(.cw-btn,.cw-coins){white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}}.shopui{z-index:50;place-items:center;padding:12px;display:grid;position:fixed;inset:0;overflow:hidden}.shopui.ff-land,.shopui.ff-port{place-items:stretch stretch;padding:0}.shopui{--ink:#232b3a;--mute:#7a8090;--body:#f5f3ee;--white:#fdfcfa;--dark:#232b3a;--title:#2c3547;--slot:#e7e3da;--round:#647890;--orange:#ec7444;--orange-d:#c9562b;--blue:#4c84b0;--blue-d:#386890;--up:#2f8f6a;--down:#c8463f;--exp:#c9a94e;--hp:#c8463f;--stage:#b9c3d4;--r-common:#8a8a8a;--r-good:#9aa3b2;--r-rare:#4c91d2;--r-epic:#8c62be;--r-legend:#2c976c;--r-limited:#b02532;--gold:#b8964a;--gold-d:#8e7235;--gold-soft:#f4eedd;--vip:#6b4a8e;--vip-soft:#eee8f3;--mint:#9ccdb6;--mint-soft:#e6f1eb;--line:#d8d2c4;--shadow:0 3px 0 #1b233440;--edge:#1b233426;--r-s:2px;--r-m:3px;--r-l:4px;--num:"Outfit","Noto Sans Thai",sans-serif;--pv:0px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--tap:40px}.shopui,.shopui *{box-sizing:border-box}.shopui{height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#0b1022b8;margin:0;font-family:Noto Sans Thai,Outfit,sans-serif;font-size:14px;line-height:1.45}.shopui button{color:inherit;font-family:inherit}.shopui img.px,.shopui .px img,.shopui .px{image-rendering:pixelated}.shopui .num{font-family:var(--num);font-variant-numeric:tabular-nums}.shopui .mute{color:var(--mute)}.shopui .row{align-items:center;gap:8px;display:flex}.shopui .col{flex-direction:column;gap:8px;display:flex}.shopui .grow{flex:1;min-width:0}.shopui .wrap{flex-wrap:wrap}.shopui .win{width:min(1180px,100%);max-height:calc(100dvh - var(--pv) - 24px);background:var(--body);border-radius:var(--r-l);box-shadow:0 0 0 2px var(--dark),0 6px 0 #0000004d;flex-direction:column;display:flex;overflow:hidden}.shopui .win-head{background:var(--title);color:#fff;flex:none;align-items:center;gap:10px;min-height:48px;padding:6px 12px;display:flex}.shopui .win-head h1,.shopui .win-head h2{margin:0;font-size:17px;font-weight:700}.shopui .win-x{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:3px;width:32px;height:32px;margin-left:auto;font-size:15px}.shopui .win-body{overscroll-behavior:contain;flex:1;min-height:0;padding:12px;overflow:auto}.shopui .panel{background:var(--white);border-radius:var(--r-m);padding:12px;box-shadow:0 1px #0000001a}.shopui .sect{align-items:center;gap:8px;margin:0 0 8px;font-size:15px;font-weight:700;display:flex}.shopui .sect:before{content:"";background:var(--orange);border-radius:2px;width:4px;height:16px}.shopui .btn{background:var(--blue);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:3px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;transition:transform 60ms,filter .12s;display:inline-flex;box-shadow:inset 0 -3px #0000002e}.shopui .btn:hover{filter:brightness(1.06)}.shopui .btn:active{transform:translateY(1px);box-shadow:inset 0 -1px #0000002e}.shopui .btn.orange{background:var(--orange)}.shopui .btn.blue{background:var(--blue)}.shopui .btn.green{background:var(--up)}.shopui .btn.gold{color:#5a3b00;background:#f0c43a;box-shadow:inset 0 -3px #b8891a80}.shopui .btn.vip{background:var(--vip)}.shopui .btn.lg{border-radius:3px;min-height:50px;padding:0 26px;font-size:16.5px}.shopui .btn.sm{min-height:30px;padding:0 12px;font-size:12.5px}.shopui .btn.block{width:100%;display:flex}.shopui .btn:disabled,.shopui .btn.off{color:#fff;cursor:not-allowed;filter:none;box-shadow:none;background:#9aa3b2}.shopui .cur{font-family:var(--num);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;font-weight:700;display:inline-flex}.shopui .cur img{width:18px;height:18px;image-rendering:pixelated;flex:none}.shopui .cur.lg{font-size:20px}.shopui .cur.lg img{width:26px;height:26px}.shopui .cur.xl{font-size:28px}.shopui .cur.xl img{width:34px;height:34px}.shopui .wallet{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.shopui .wallet .cur{color:#fff;background:#283444;border-radius:3px;height:30px;padding:0 10px 0 6px;font-size:13px}.shopui .wallet .add{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:50%;width:26px;height:26px;margin-left:-2px;font-size:16px;font-weight:800;line-height:1;box-shadow:inset 0 -2px #0000002e}.shopui .tabs{background:var(--dark);flex:none;gap:4px;padding:8px 10px 0;display:flex;overflow-x:auto}.shopui .tab{background:var(--title);color:#fff;cursor:pointer;border:0;border-radius:3px 3px 0 0;flex:none;align-items:center;gap:6px;height:42px;padding:0 14px;font-size:13.5px;font-weight:600;display:flex;position:relative}.shopui .tab img{width:22px;height:22px;image-rendering:pixelated}.shopui .tab.on{background:var(--body);color:var(--ink)}.shopui .seg{background:var(--slot);border-radius:3px;gap:2px;padding:3px;display:inline-flex}.shopui .seg button{cursor:pointer;height:30px;color:var(--mute);background:0 0;border:0;border-radius:3px;padding:0 14px;font-size:13px;font-weight:600}.shopui .grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;display:grid}.shopui .card{background:var(--white);border:2px solid var(--rc,var(--r-common));border-radius:var(--r-m);text-align:center;cursor:pointer;min-height:200px;box-shadow:0 2px 0 var(--edge);flex-direction:column;align-items:center;gap:4px;padding:12px 8px 8px;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.shopui .card .pic{object-fit:contain;width:64px;height:64px;image-rendering:pixelated;margin-top:8px}.shopui .card .name{font-size:13.5px;font-weight:700;line-height:1.25}.shopui .card .desc{color:var(--mute);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.shopui .card .foot{flex-direction:column;align-items:center;gap:1px;margin-top:auto;display:flex}.shopui .card.soon{opacity:.62;cursor:default}.shopui .r-common{--rc:var(--r-common)}.shopui .r-good{--rc:var(--r-good)}.shopui .r-rare{--rc:var(--r-rare)}.shopui .r-epic{--rc:var(--r-epic)}.shopui .r-legend{--rc:var(--r-legend)}.shopui .r-limited{--rc:var(--r-limited)}.shopui .rar{background:var(--rc,var(--r-common));color:#fff;border-radius:3px;padding:0 7px;font-size:10.5px;font-weight:700}.shopui .was{color:var(--mute);font-size:11.5px;font-family:var(--num);text-decoration:line-through}.shopui .tag{background:var(--orange);color:#fff;border-radius:3px;padding:1px 7px;font-size:11px;font-weight:700;position:absolute;top:6px;left:6px}.shopui .tag.right{left:auto;right:6px}.shopui .tag.new{background:var(--blue)}.shopui .tag.hot{background:var(--hp)}.shopui .tag.vip{background:var(--vip)}.shopui .tag.up{background:var(--up)}.shopui .off{background:var(--hp);color:#fff;font-family:var(--num);border-radius:4px;padding:0 6px;font-size:11.5px;font-weight:800;display:inline-block}.shopui .ribbon{background:var(--orange);color:#fff;white-space:nowrap;border-radius:0 0 3px 3px;padding:2px 14px 3px;font-size:11.5px;font-weight:800;position:absolute;top:-2px;left:50%;transform:translate(-50%);box-shadow:0 2px #0000001f}.shopui .ribbon.gold{color:#5a3b00;background:#f0c43a}.shopui .dot{background:var(--hp);color:#fff;min-width:16px;height:16px;font:800 10.5px/16px var(--num);text-align:center;box-shadow:0 0 0 2px var(--white);border-radius:999px;padding:0 4px;position:absolute;top:-3px;right:-3px}.shopui .pill{background:var(--slot);border-radius:3px;align-items:center;gap:4px;height:22px;padding:0 9px;font-size:11.5px;font-weight:700;display:inline-flex}.shopui .pill.gold{background:var(--gold-soft);color:#7a5200}.shopui .pill.vip{background:var(--vip-soft);color:var(--vip)}.shopui .pill.up{background:var(--mint-soft);color:#1f6e4e}.shopui .pill.hot{color:#b02532;background:#fde3e1}.shopui .bar{background:var(--slot);border-radius:3px;height:14px;position:relative;overflow:hidden}.shopui .bar>i{width:var(--v,0%);background:var(--orange);border-radius:3px;transition:width .5s;position:absolute;inset:0 auto 0 0}.shopui .bar.vip>i{background:var(--vip)}.shopui .bar.up>i{background:var(--up)}.shopui .bar.blue>i{background:var(--blue)}.shopui .cd{font-family:var(--num);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-weight:700;display:inline-flex}.shopui .cd b{background:var(--dark);color:#fff;text-align:center;border-radius:4px;min-width:26px;padding:1px 4px;font-size:13px}.shopui .slot{background:var(--slot);width:56px;height:56px;box-shadow:inset 0 0 0 2px var(--rc,#c4c8d0);border-radius:3px;place-items:center;display:grid;position:relative}.shopui .slot img{object-fit:contain;width:40px;height:40px;image-rendering:pixelated}.shopui .slot .q{font:800 11px var(--num);color:var(--ink);text-shadow:0 0 2px #fff,0 0 2px #fff;position:absolute;bottom:1px;right:3px}.shopui .slot.got{opacity:.5}.shopui .slot.got:after{content:"✓";color:var(--up);place-items:center;font-size:22px;font-weight:800;display:grid;position:absolute;inset:0}.shopui .modal{z-index:300;background:#0b1022a8;place-items:center;padding:12px;animation:.15s sk-fade;display:grid;position:fixed;inset:0}.shopui .dialog{background:var(--body);border-radius:var(--r-l);width:min(440px,100%);max-height:calc(100dvh - 24px);box-shadow:0 0 0 2px var(--dark),0 5px 0 #0000004d;flex-direction:column;gap:10px;padding:16px;animation:.18s sk-pop;display:flex;overflow:auto}.shopui .dialog h3{margin:0;font-size:17px}.shopui .toasts{z-index:400;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:56px;left:50%;transform:translate(-50%)}.shopui .toast{background:var(--dark);color:#fff;border-radius:3px;padding:8px 16px;font-size:13.5px;font-weight:600;animation:.2s sk-pop;box-shadow:0 3px #0000004d}@keyframes sk-fade{0%{opacity:0}}@keyframes sk-pop{0%{opacity:0;transform:scale(.94)}}@keyframes sk-bob{50%{transform:translateY(-4px)}}@keyframes sk-pulse{50%{transform:scale(1.04)}}@keyframes sk-glint{0%,60%{transform:translate(-140%)skew(-20deg)}to{transform:translate(260%)skew(-20deg)}}.shopui .bob{animation:2.4s ease-in-out infinite sk-bob}.shopui .pulse{animation:1.6s ease-in-out infinite sk-pulse}.shopui .glint{position:relative;overflow:hidden}.shopui .glint:after{content:none}@media (prefers-reduced-motion:reduce){.shopui,.shopui *{transition:none!important;animation:none!important}}.shopui{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.shopui button,.shopui a,.shopui .card,.shopui .tab{touch-action:manipulation}.shopui.touch{--tap:44px}.shopui.touch .btn{min-height:var(--tap)}.shopui.touch .btn.sm{min-height:36px}.shopui.touch .win-x{width:var(--tap);height:var(--tap)}.shopui.touch .seg button{height:36px}.shopui.touch input,.shopui.touch select,.shopui.touch textarea{font-size:16px}.shopui.touch .card:hover{box-shadow:0 2px 0 var(--edge);transform:none}.shopui.ff-land .win,.shopui.ff-port .win{width:100%;max-height:none;height:calc(100dvh - var(--pv));box-shadow:none;border-radius:0}.shopui.ff-port .win-head{padding:calc(6px + var(--sat)) calc(10px + var(--sar)) 6px calc(10px + var(--sal))}.shopui.ff-port .win-body{padding:10px calc(10px + var(--sar)) calc(12px + var(--sab)) calc(10px + var(--sal))}.shopui.ff-port .tabs{padding-left:calc(8px + var(--sal));padding-right:calc(8px + var(--sar));scrollbar-width:none}.shopui.ff-port .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shopui.ff-land .win-head{min-height:40px;padding:calc(3px + var(--sat)) calc(10px + var(--sar)) 3px calc(10px + var(--sal))}.shopui.ff-land .win-head h1,.shopui.ff-land .win-head h2{font-size:15px}.shopui.ff-land .win-body{padding:8px calc(10px + var(--sar)) calc(8px + var(--sab)) 10px}.shopui.ff-land .win.rail .win-main{flex:1;min-height:0;display:flex}.shopui.ff-land .win.rail .tabs{width:calc(132px + var(--sal));padding:6px 0 calc(6px + var(--sab)) calc(6px + var(--sal));flex-direction:column;flex:none;gap:3px;overflow:hidden auto}.shopui.ff-land .win.rail .tab{border-radius:3px 0 0 3px;height:40px;padding:0 10px;font-size:13px}.shopui.ff-land .win.rail .win-body{flex:1;min-width:0}.shopui.ff-land .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.shopui:not(.ff-land) .win.rail .win-main{display:contents}.shopui .actbar{background:var(--white);box-shadow:0 -1px 0 var(--line);flex:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.shopui.ff-port .actbar{padding:8px calc(10px + var(--sar)) calc(8px + var(--sab)) calc(10px + var(--sal))}.shopui.ff-land .actbar{padding:6px calc(10px + var(--sar)) calc(6px + var(--sab)) 10px}.shopui.ff-port .modal{place-items:end stretch;padding:0}.shopui.ff-port .dialog{width:100%;max-height:calc(92dvh - var(--sat));padding:10px calc(14px + var(--sar)) calc(14px + var(--sab)) calc(14px + var(--sal));border-radius:4px 4px 0 0;animation:.22s sk-sheet}.shopui.ff-port .dialog:before{content:"";background:#c4c8d0;border-radius:2px;flex:none;align-self:center;width:40px;height:4px}.shopui.ff-land .dialog{max-height:calc(100dvh - 12px);padding:12px}@keyframes sk-sheet{0%{opacity:0;transform:translateY(40%)}}.shopui.ff-port .toasts{top:calc(var(--pv) + var(--sat) + 8px);width:calc(100% - 24px)}.shopui.ff-land.touch .win-x{width:36px;height:36px}.shopui.ff-land.touch .win.rail .tab{height:var(--tap)}.shopui.ff-land .modal{padding:6px calc(8px + var(--sar)) calc(6px + var(--sab)) calc(8px + var(--sal))}.shopui .panel{box-shadow:none;border:2px solid var(--line)}.shopui .btn{border-radius:3px;box-shadow:inset 0 -3px #00000038,inset 0 0 0 2px #00000024}.shopui .btn.white{box-shadow:inset 0 -3px #0000001a,inset 0 0 0 2px #9aa3b2}.shopui .btn.gold{box-shadow:inset 0 -3px #b8891a,inset 0 0 0 2px #b8891a}.shopui .card{border-radius:3px}.shopui .tab{border:2px solid var(--dark);border-bottom:0}.shopui .bar{border-radius:2px;box-shadow:inset 0 0 0 2px #0000001f}.shopui .wallet .cur{border-radius:3px;box-shadow:inset 0 0 0 2px #ffffff24}.shopui .cd b{border-radius:2px}.shopui .slot{border-radius:3px}.shopui .tag,.shopui .off,.shopui .rar,.shopui .pill{border-radius:2px}.shopui .toast{border-radius:3px;box-shadow:0 0 0 2px #0006,0 3px #0000004d}.shopui{letter-spacing:.005em}.shopui.ff-land .win,.shopui.ff-port .win{box-shadow:none}.shopui .win-head{border-bottom:1px solid var(--gold);min-height:46px}.shopui .win-head h1,.shopui .win-head h2{letter-spacing:.03em;font-weight:600}.shopui .win-x{background:0 0;border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff40}.shopui .panel{border:1px solid var(--line);box-shadow:none;padding:16px}.shopui .sect{letter-spacing:.02em;font-weight:600}.shopui .btn{letter-spacing:.02em;border-radius:2px;font-weight:600;box-shadow:inset 0 -1px #0003}.shopui .btn.white{color:var(--ink);background:0 0;box-shadow:inset 0 0 0 1px #a8a294}.shopui .btn:disabled,.shopui .btn.off{background:#b5b1a8}.shopui .tabs{gap:2px}.shopui .tab{color:#c9cfdb;background:0 0;border:0;border-radius:0;font-weight:500;box-shadow:inset 0 -1px #ffffff1f}.shopui .tab.on{background:var(--body);color:var(--ink);box-shadow:inset 0 2px 0 var(--gold);font-weight:600}.shopui .seg{box-shadow:inset 0 0 0 1px var(--line);background:0 0;border-radius:2px}.shopui .seg button{border-radius:1px}.shopui .seg button.on{background:var(--dark);color:#fff;box-shadow:none}.shopui .card{box-shadow:none;border-width:1px;border-radius:2px}.shopui .card:hover{box-shadow:0 0 0 1px var(--rc,var(--r-common));transform:none}.shopui .tag,.shopui .off,.shopui .rar,.shopui .pill{letter-spacing:.02em;border-radius:1px;font-weight:600}.shopui .tag{background:var(--dark)}.shopui .tag.gold{background:var(--gold);color:#fff}.shopui .pill{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.shopui .pill.gold{color:var(--gold-d);box-shadow:inset 0 0 0 1px var(--gold);background:0 0}.shopui .pill.vip{box-shadow:inset 0 0 0 1px var(--vip);background:0 0}.shopui .pill.up{color:var(--up);box-shadow:inset 0 0 0 1px var(--up);background:0 0}.shopui .pill.hot{color:var(--hp);box-shadow:inset 0 0 0 1px var(--hp);background:0 0}.shopui .ribbon{box-shadow:none;letter-spacing:.03em;border-radius:0;font-weight:600}.shopui .ribbon.gold{background:var(--gold);color:#fff}.shopui .bar{background:0 0;border-radius:0;height:8px;box-shadow:inset 0 0 0 1px #a8a294}.shopui .bar.thin{height:5px}.shopui .bar.gold>i{background:var(--gold)}.shopui .cd b{border-radius:1px;font-weight:600}.shopui .wallet .cur{background:0 0;border-radius:2px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff38}.shopui .wallet .add{box-shadow:none;border-radius:2px}.shopui .toast{box-shadow:0 0 0 1px var(--gold);border-radius:2px;font-weight:500}.shopui .actbar{box-shadow:0 -1px 0 var(--line)}.shopui .win{box-shadow:0 0 0 1px #141a25}.shopui .win-head{border-bottom:0}.shopui .win-x{box-shadow:none;background:#ffffff14}.shopui .dialog{box-shadow:0 0 0 1px #141a25}.shopui .panel{border:0}.shopui .card{box-shadow:none;border:0}.shopui .card:hover{box-shadow:none}.shopui .btn.white{box-shadow:none;background:var(--slot)}.shopui .tab{box-shadow:none}.shopui .seg{box-shadow:none;background:var(--slot)}.shopui .pill,.shopui .pill.gold,.shopui .pill.vip,.shopui .pill.up,.shopui .pill.hot{box-shadow:none;padding:0 2px}.shopui .pill{color:var(--mute);background:0 0}.shopui .bar,.shopui .slot{box-shadow:none;background:var(--slot)}.shopui .wallet .cur{box-shadow:none;background:#ffffff14}.shopui .toast{box-shadow:none}.shopui .actbar{box-shadow:none;background:var(--white)}.shopui .btn.gold,.shopui .tag.gold,.shopui .ribbon.gold{color:var(--ink)}.shopui .lg{border:0;border-radius:0;width:auto;height:auto}.shopui{--ink:#f1f3f6;--mute:#aab2c0;--body:#353c4a;--white:#434b5a;--dark:#2c323e;--title:#2b3442;--slot:#2c323e;--round:#4e5767;--orange:#f07a45;--orange-d:#b9542a;--blue:#4a86c5;--blue-d:#2f5e8f;--up:#5fd08a;--down:#ff6b6b;--hp:#e5534b;--stage:#2c323e;--r-common:#c9ced6;--r-good:#aab2c0;--r-rare:#4fa3f7;--r-epic:#b07cf2;--r-legend:#4cc98a;--r-limited:#ff6b6b;--gold:#f2c94c;--gold-d:#f2c94c;--gold-soft:#4d4530;--vip:#9b72d6;--vip-soft:#3e3552;--mint:#5fd08a;--mint-soft:#2e4a3d;--line:#566072;--edge:#566072;--shadow:0 2px 0 #0006;scrollbar-color:#566072 transparent;scrollbar-width:thin;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.shopui ::-webkit-scrollbar{width:8px;height:8px}.shopui ::-webkit-scrollbar-thumb{background:#566072;border-radius:4px}.shopui ::-webkit-scrollbar-track{background:0 0}.shopui .win{border-radius:8px;box-shadow:0 0 0 1px #141a25,0 14px 44px #0009}.shopui .win-head{background:var(--title);box-shadow:inset 0 -1px #1f2632}.shopui .win-x{background:#ffffff14;border-radius:6px}.shopui .win-x:hover{background:#ffffff26}.shopui .panel{background:var(--white);box-shadow:inset 0 0 0 1px var(--edge);border-radius:6px}.shopui .sect:before{background:var(--orange);border-radius:2px;width:4px;height:14px;transform:none}.shopui .btn{box-shadow:0 2px 0 var(--blue-d);border-radius:6px}.shopui .btn:active{box-shadow:none}.shopui .btn.orange{background:var(--orange);box-shadow:0 2px 0 var(--orange-d)}.shopui .btn.orange:hover:not(:disabled){filter:none;background:#ff8a55}.shopui .btn.green{background:#2f8f5a;box-shadow:0 2px #1f6440}.shopui .btn.white{background:var(--round);color:#f1f3f6;box-shadow:none}.shopui .btn.gold{background:var(--gold);color:#2b2210;box-shadow:0 2px #b8891a}.shopui .btn.vip{background:var(--vip);box-shadow:0 2px #5e3f8e}.shopui .btn.lg{border-radius:6px}.shopui .btn:disabled,.shopui .btn.off{color:#7c8596;box-shadow:none;background:#3a414e}.shopui .tabs{background:var(--title);gap:6px;padding:8px 10px}.shopui .tab{background:var(--dark);color:#c9cfd8;border-radius:6px;height:36px;font-weight:600}.shopui .tab:hover{color:#fff;background:#3a414e}.shopui .tab.on{background:var(--orange);color:#fff;box-shadow:0 2px 0 var(--orange-d)}.shopui.ff-land .win.rail .tab{border-radius:6px}.shopui.ff-land .win.rail .tab.on{box-shadow:0 2px 0 var(--orange-d)}.shopui .seg{background:var(--dark);border-radius:6px}.shopui .seg button{color:#c9cfd8;border-radius:5px}.shopui .seg button.on{background:var(--orange);color:#fff}.shopui .card{background:var(--white);box-shadow:inset 0 0 0 1px var(--edge);border-radius:6px}.shopui .card[class*=r-]{box-shadow:inset 0 0 0 2px var(--rc)}.shopui .card:hover{box-shadow:inset 0 0 0 2px var(--rc,#7c8596);filter:brightness(1.06)}.shopui .card.on,.shopui .card[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--orange)}.shopui .rar{color:#1a1f29;border-radius:3px}.shopui .tag{background:var(--orange);border-radius:3px}.shopui .tag.gold,.shopui .ribbon.gold{background:var(--gold);color:#2b2210}.shopui .ribbon{border-radius:0 0 4px 4px}.shopui .pill{border-radius:3px}.shopui .pill.gold{color:var(--gold)}.shopui .pill.vip{color:#c9a8f5}.shopui .pill.up{color:var(--up)}.shopui .pill.hot{color:#ff8a8a}.shopui .bar{background:var(--dark);border-radius:3px}.shopui .bar>i{border-radius:3px}.shopui .slot{background:var(--dark);box-shadow:inset 0 0 0 1px var(--edge);border-radius:6px}.shopui .slot[class*=r-]{box-shadow:inset 0 0 0 2px var(--rc)}.shopui .slot .q{color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000}.shopui .cd b{background:#1f2532;border-radius:3px}.shopui .wallet .cur{background:var(--dark);box-shadow:inset 0 0 0 1px var(--edge);border-radius:14px}.shopui .wallet .add{border-radius:50%}.shopui .dialog{background:var(--body);border-radius:8px;box-shadow:0 0 0 1px #141a25,0 14px 44px #0009}.shopui.ff-port .dialog{border-radius:8px 8px 0 0}.shopui.ff-port .dialog:before{background:#566072}.shopui .actbar{background:var(--title);box-shadow:inset 0 1px #1f2632}.shopui .toast{box-shadow:0 0 0 1px var(--edge),0 6px 18px #0008;background:#2b3442;border-radius:6px}.shopui .toast.ok{background:#2f8f5a}.shopui .toast.bad{background:#b33a3a}.shopui input,.shopui select,.shopui textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--dark);border:1px solid var(--edge);border-radius:6px}.shopui input::placeholder,.shopui textarea::placeholder{color:#7c8596}.shopui input[type=checkbox],.shopui input[type=radio]{accent-color:var(--orange)}.shopui .dialog .btn.white{background:var(--blue);box-shadow:0 2px 0 var(--blue-d)}.shop-tu.ff-desk .tw,.shop-tu.ff-tab .tw{height:calc(100dvh - var(--pv) - 24px)}.shop-tu .tw .win-head{flex-wrap:wrap}.shop-tu .tw .win-head .ico{width:28px;height:28px;image-rendering:pixelated}.shop-tu .vchip{background:var(--vip);color:#fff;height:26px;font:800 12.5px var(--num);border-radius:3px;align-items:center;gap:5px;padding:0 10px 0 4px;display:inline-flex}.shop-tu .vchip img{width:20px;height:20px;image-rendering:pixelated}.shop-tu .rel{position:relative}.shop-tu .vstrip{background:var(--vip-soft);flex:none;align-items:center;gap:10px;padding:7px 12px;font-size:12.5px;font-weight:600;display:flex;position:relative}.shop-tu .vstrip .lv{font:800 13px var(--num);color:var(--vip);white-space:nowrap}.shop-tu .vstrip .bar{flex:1;min-width:60px}.shop-tu .vstrip .txt{white-space:nowrap}.shop-tu .vstrip .txt b{font-family:var(--num)}.shop-tu .pvbar em{background:var(--vip);border-radius:3px;width:0;transition:width .5s;position:absolute;inset:0 auto 0 0}.shop-tu .pvbar.gold em{background:var(--gold)}.shop-tu .linkbtn{min-height:40px;color:var(--blue-d);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:12.5px;font-weight:700;text-decoration:underline}.shop-tu .banner{border-radius:var(--r-m);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.shop-tu .banner.need{background:var(--mint-soft);color:var(--up)}.shop-tu .banner.guest{background:var(--white);color:var(--hp)}.shop-tu .rules{color:var(--mute);margin:10px 0 0;font-size:12px;line-height:1.6}.shop-tu .rules .cur{color:var(--ink);font-size:12px}.shop-tu .rules .cur img{width:14px;height:14px}.shop-tu .sum{flex-wrap:wrap;gap:10px 14px;position:relative}.shop-tu .sum .what{flex-wrap:wrap;flex:1;align-items:center;gap:4px 10px;min-width:200px;font-size:13px;font-weight:600;display:flex}.shop-tu .sum .sub{color:var(--mute);flex-basis:100%;font-size:11.5px;font-weight:500}.shop-tu .sum[hidden]{display:none}.shop-tu .tw .win-x{width:40px;height:40px}.shop-tu .offers{grid-template-columns:1.25fr 1fr 1fr;gap:10px;display:grid}.shop-tu .offers.vipp{grid-template-columns:repeat(3,1fr)}.shop-tu .of{background:var(--white);border-radius:var(--r-m);border:1px solid var(--line);box-shadow:none;flex-direction:column;gap:8px;padding:12px;display:flex;position:relative}.shop-tu .of.star{border-color:var(--gold-d);order:-1;grid-area:span 2/1}.shop-tu .of h3{margin:0;font-size:15px}.shop-tu .of .d{color:var(--mute);margin:0;font-size:12.5px}.shop-tu .of .items{flex-wrap:wrap;gap:6px;display:flex}.shop-tu .of .ft{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.shop-tu .of .ft .lim{color:var(--mute);flex:1;min-width:90px;font-size:11.5px}.shop-tu .cmp{border-radius:var(--r-s);background:var(--gold-soft);grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:8px 10px;font-size:12.5px;display:grid}.shop-tu .cmp .bar{grid-column:1/-1}.shop-tu .days{grid-template-columns:repeat(15,1fr);gap:3px;display:grid}.shop-tu .days i{aspect-ratio:1;background:var(--slot);border-radius:3px}.shop-tu .cumbar{margin:26px 4px 12px;position:relative}.shop-tu .cumbar .tick{font:700 11.5px var(--num);color:var(--mute);white-space:nowrap;position:absolute;top:-22px;transform:translate(-100%)}.shop-tu .cums{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.shop-tu .cm{background:var(--white);border-radius:var(--r-m);border:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;display:flex}.shop-tu .cm.soon{border-style:dashed;border-color:var(--gold-d)}.shop-tu .cm .items{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.shop-tu .cm .st{color:var(--mute);align-items:center;min-height:40px;font-size:12px;display:flex}.shop-tu .viptop{border-radius:var(--r-m);color:#fff;background:var(--dark) url(/mall/banners/banner-vip.webp?h=27aa88a6ac8d) right center/auto 100% no-repeat;align-items:center;gap:12px;min-height:84px;margin-bottom:10px;padding:10px 14px;display:flex}.shop-tu .viptop img{width:56px;height:56px;image-rendering:pixelated}.shop-tu .viptop h2{margin:0;font-size:18px}.shop-tu .viptop p{color:var(--vip-soft);margin:2px 0 0;font-size:12.5px}.shop-tu .ladder{flex-direction:column;gap:6px;display:flex}.shop-tu .lr{background:var(--white);border-radius:var(--r-m);border:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;display:flex}.shop-tu .lr .b{text-align:center;width:64px;font:800 15px var(--num);color:var(--mute);flex:none}.shop-tu .lr .b small{font:600 11px var(--num);color:var(--mute);display:block}.shop-tu .lr .perks{flex-wrap:wrap;flex:1;gap:5px;display:flex}.shop-tu .lr.past .b,.shop-tu .lr.cur .b,.shop-tu .lr.next .b{color:var(--vip)}.shop-tu .lr.cur{border-color:var(--vip);background:var(--vip-soft)}.shop-tu .lr .go{flex-direction:column;flex:none;align-items:flex-end;gap:3px;font-size:11.5px;font-weight:700;display:flex}.shop-tu .vcards{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.shop-tu .vc{background:var(--white);border-radius:var(--r-m);border:1px solid var(--line);align-items:center;gap:8px;padding:10px;display:flex;position:relative}.shop-tu .vc img{width:32px;height:32px;image-rendering:pixelated}.shop-tu .hist{flex-direction:column;gap:6px;display:flex}.shop-tu .hr{background:var(--white);border-radius:var(--r-s);flex-wrap:wrap;align-items:center;gap:6px 12px;padding:9px 12px;font-size:12.5px;display:flex}.shop-tu .hr .when{min-width:150px;color:var(--mute);flex:1}.shop-tu .hr.sample{opacity:.65}.shop-tu .trust{border-top:1px solid var(--line);color:var(--mute);margin-top:14px;padding-top:10px;font-size:11.5px;line-height:1.7;position:relative}.shop-tu .trust .linkbtn{font-size:11.5px}.shop-tu .ord{background:var(--white);border-radius:var(--r-m);align-items:center;gap:12px;padding:10px;display:flex}.shop-tu .ord>img{object-fit:contain;width:64px;height:64px;image-rendering:pixelated;flex:none}.shop-tu .ord .ln{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.shop-tu .kv{justify-content:space-between;gap:10px;font-size:13px;display:flex}.shop-tu .kv b{font-family:var(--num)}.shop-tu .kv.total{border-top:1px solid var(--line);padding-top:8px;font-size:15px;font-weight:700}.shop-tu .kv.total b{font-size:22px}.shop-tu .methods{grid-template-columns:1fr 1fr;gap:8px;display:grid}.shop-tu .mt{border:1px solid var(--line);border-radius:var(--r-m);background:var(--white);text-align:left;cursor:pointer;align-items:center;gap:8px;min-height:60px;padding:8px;font-size:13px;font-weight:700;line-height:1.25;display:flex}.shop-tu .mt:hover,.shop-tu .mt.on{border-color:var(--orange)}.shop-tu .mt:disabled{opacity:.45;cursor:not-allowed;border-color:var(--line)}.shop-tu .mt small{color:var(--mute);font-size:11px;font-weight:500;display:block}.shop-tu .mt .g{background:var(--slot);width:36px;height:36px;color:var(--title);font:800 12px var(--num);border-radius:3px;flex:none;place-items:center;display:grid}.shop-tu .ph{border:1px dashed var(--round);border-radius:var(--r-m);background:var(--white);text-align:center;padding:18px 12px;font-size:13px}.shop-tu .exp{justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.shop-tu .exp b{background:var(--dark);color:#fff;font:700 14px var(--num);border-radius:4px;padding:1px 7px}.shop-tu .warn{border-radius:var(--r-s);background:var(--white);color:var(--hp);padding:9px 11px;font-size:12.5px;font-weight:600}.shop-tu .okbox{background:var(--white);border-radius:var(--r-m);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:18px 10px 14px;display:flex;position:relative;overflow:hidden}.shop-tu .okbox>img{object-fit:contain;width:96px;height:96px;image-rendering:pixelated}.shop-tu .okbox h3{font-size:19px}.shop-tu .vipup{background:var(--vip);color:#fff;border-radius:3px;padding:4px 14px;font-weight:800;animation:.4s .5s backwards sk-pop}.shop-tu .conf{pointer-events:none;position:absolute;inset:0}.shop-tu .conf i{border-radius:2px;width:7px;height:11px;animation:1.7s ease-in forwards sk-fall;position:absolute;top:-12px}@keyframes sk-fall{to{opacity:0;transform:translateY(330px)rotate(540deg)}}.shop-tu .tw .win-head{gap:8px}.shop-tu .back{background:#ffffff1f;border-radius:3px;flex:none;place-items:center;width:36px;height:36px;display:grid}.shop-tu.touch .back{width:var(--tap);height:var(--tap)}.shop-tu.ff-land.touch .back{width:36px;height:36px}.shop-tu .caps{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.shop-tu .cap{background:var(--dark);color:#fff;border-radius:3px;align-items:center;gap:5px;height:30px;padding:0 4px 0 7px;font-size:13px;display:inline-flex}.shop-tu .cap .add{background:var(--orange);color:#fff;width:22px;height:22px;font:800 15px/1 var(--num);cursor:pointer;border:0;border-radius:3px;flex:none;padding:0;position:relative;box-shadow:inset 0 -2px #0000002e}.shop-tu .cap .add:after{content:"";position:absolute;inset:-11px -5px}.shop-tu .tw-main{flex:1;min-height:0;display:flex}.shop-tu .tw-col{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.shop-tu .side{background:var(--dark);scrollbar-width:none;flex-direction:column;flex:none;gap:3px;width:176px;padding:8px 0 8px 8px;display:flex;position:relative;overflow:hidden auto}.shop-tu .srow{min-height:var(--tap);color:#c9cfdb;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:3px 0 0 3px;flex:none;align-items:center;gap:8px;padding:0 10px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex;position:relative}.shop-tu .srow.on{background:var(--body);color:var(--ink)}.shop-tu .srow .i-n{display:none}.shop-tu .srow .dot{box-shadow:none;top:6px;right:8px}.shop-tu .sbig{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;gap:6px;min-height:48px;margin:auto 8px 0 0;font-size:15px;font-weight:800;display:flex;position:relative;box-shadow:inset 0 -3px #0000002e}.shop-tu .sbig img{width:22px;height:22px;image-rendering:pixelated}.shop-tu .sbig .dot{min-width:12px;height:12px;box-shadow:0 0 0 1px var(--dark);padding:0;top:-4px;right:-4px}.shop-tu .shophead{align-items:center;gap:10px;margin-bottom:8px;display:flex}.shop-tu .x2rib{background:var(--dark);color:#fff;border-radius:3px;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:36px;padding:4px 14px;font-size:13px;font-weight:600;display:flex;position:relative}.shop-tu .x2rib b{color:var(--gold);font:800 18px var(--num)}.shop-tu .x2rib small{color:#c9cfdb;font-size:11.5px;font-weight:500}.shop-tu .x2rib.done{background:var(--mint-soft);color:var(--up)}.shop-tu .chips{flex:none;gap:6px;display:flex}.shop-tu .chip{min-width:60px;min-height:var(--tap);cursor:pointer;color:var(--ink);background:0 0;border:0;flex-direction:column;align-items:center;gap:1px;padding:0;font-size:10.5px;font-weight:700;display:flex;position:relative}.shop-tu .chip .ci{background:var(--white);width:38px;height:38px;box-shadow:0 2px 0 #0000001f,inset 0 0 0 1px var(--line);border-radius:3px;place-items:center;display:grid}.shop-tu .chip .dot{top:-2px;right:8px}.shop-tu .chip .cd{gap:1px;font-size:10px}.shop-tu .chip .cd b{min-width:0;padding:0 2px;font-size:10px}.shop-tu .rowt{margin:4px 0 6px;font-size:14px}.shop-tu .rowt small{color:var(--mute);font-size:12px;font-weight:500}.shop-tu .tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.shop-tu .tile{--k:1;background:var(--white);box-shadow:0 0 0 1px var(--tl);cursor:pointer;text-align:center;border-radius:4px;flex-direction:column;transition:transform .1s;display:flex;position:relative;overflow:hidden}.shop-tu:not(.touch) .tile:hover{transform:translateY(-2px)}.shop-tu .tile.cool{--tl:var(--line);--tf:var(--slot);--tb:var(--title);--tc:#fff}.shop-tu .tile.gold{--tl:var(--gold);--tf:var(--gold-soft);--tb:var(--gold);--tc:var(--ink)}.shop-tu .tile.cool.popular{--tl:var(--line)}.shop-tu .tile.cool.best{--tl:var(--gold-d)}.shop-tu .tile .field{background:var(--tf);place-items:center;height:104px;display:grid;position:relative}.shop-tu .tile .field>img{image-rendering:pixelated;object-fit:contain;width:calc(var(--px,64px)*var(--k));height:calc(var(--px,64px)*var(--k))}.shop-tu .tile .nm{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;padding:7px 6px 0;font-size:14px;font-weight:700;line-height:1.25;display:flex}.shop-tu .tile .nm .cur{font-size:17px}.shop-tu .tile .sb{min-height:30px;color:var(--mute);flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 6px;padding:3px 6px 7px;font-size:11.5px;line-height:1.3;display:flex}.shop-tu .tile .sb s{font:600 12px var(--num)}.shop-tu .tile .sb .cur{color:var(--ink);font-size:12.5px}.shop-tu .tile .sb .cur img{width:15px;height:15px}.shop-tu .tile .pbar{background:var(--tb);min-height:40px;color:var(--tc);font:800 17px var(--num);justify-content:center;align-items:center;gap:4px;margin-top:auto;display:flex}.shop-tu .tile .pbar small{font:700 12.5px Noto Sans Thai,sans-serif}.shop-tu .tile.got .pbar{background:var(--round);color:#fff}.shop-tu .badge{z-index:2;background:var(--orange);color:#fff;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;width:42px;height:42px;font-size:10.5px;font-weight:800;line-height:1.05;display:flex;position:absolute;top:6px;left:6px;box-shadow:0 2px #0000002e}.shop-tu .badge.up{background:var(--up);font-family:var(--num);font-size:12px}.shop-tu .mag{z-index:2;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:-2px;right:-2px}.shop-tu .mag i{background:var(--white);width:28px;height:28px;box-shadow:0 1px 0 #0000002e,inset 0 0 0 1px var(--line);border-radius:3px;position:relative}.shop-tu .mag i:before{content:"";border:1px solid var(--title);border-radius:3px;width:9px;height:9px;position:absolute;top:7px;left:7px}.shop-tu .mag i:after{content:"";background:var(--title);border-radius:1px;width:2.5px;height:7px;position:absolute;top:15px;left:17px;transform:rotate(-45deg)}.shop-tu .x2m{background:var(--gold);color:var(--ink);border-radius:3px;padding:1px 8px;font:800 11px Noto Sans Thai,sans-serif;position:absolute;bottom:6px;right:6px;box-shadow:0 1px #0000002e}.shop-tu .fitm{top:auto;bottom:6px;left:6px}.shop-tu .helpul{margin:0;padding-left:18px;font-size:13px;line-height:1.7}.shop-tu.ff-tab .side{width:148px}.shop-tu.ff-tab .tiles{gap:8px}.shop-tu.ff-tab .tile{--k:.85}.shop-tu.ff-land .side{width:calc(132px + var(--sal));padding:6px 0 calc(6px + var(--sab)) calc(6px + var(--sal))}.shop-tu.ff-land .srow{min-height:40px;font-size:13px}.shop-tu.ff-land .srow.backrow{display:none}.shop-tu.ff-land .sbig{min-height:var(--tap);font-size:14px}.shop-tu.ff-land .shophead{gap:8px;margin-bottom:4px}.shop-tu.ff-land .x2rib{min-height:30px;padding:2px 12px;font-size:12.5px}.shop-tu.ff-land .x2rib small{display:none}.shop-tu.ff-land .chip .ci{width:30px;height:30px}.shop-tu.ff-land .chip .ci img{width:18px;height:18px}.shop-tu.ff-land .rowt{margin:2px 0 4px;font-size:13px}.shop-tu.ff-land .tiles{gap:8px;margin-bottom:8px}.shop-tu.ff-land .tile{--k:.62}.shop-tu.ff-land .tile .nm .cur{font-size:15px}.shop-tu.ff-land .tile .sb{min-height:0;padding-bottom:4px;font-size:11px}.shop-tu.ff-land .tile .pbar{min-height:34px;font-size:15px}.shop-tu.ff-land .badge{width:34px;height:34px;font-size:9px;top:4px;left:4px}.shop-tu.ff-land .badge img{display:none}.shop-tu.ff-land .mag{width:40px;height:40px}.shop-tu.ff-land .mag i{transform:scale(.86)}.shop-tu.ff-land .x2m{padding:0 6px;font-size:10px;bottom:3px;right:4px}.shop-tu.ff-land .banner.need .linkbtn,.shop-tu.ff-land .sum .w2{display:none}.shop-tu.ff-port .tw-main{flex-direction:column}.shop-tu.ff-port .tw .win-head .caps{flex-basis:100%;order:5;justify-content:flex-start}.shop-tu.ff-port .side{width:auto;padding:6px calc(8px + var(--sar)) 0 calc(8px + var(--sal));flex-direction:row;gap:4px;overflow:auto hidden}.shop-tu.ff-port .srow{background:var(--title);color:#fff;border-radius:3px 3px 0 0;padding:0 12px}.shop-tu.ff-port .srow.on{background:var(--body);color:var(--ink)}.shop-tu.ff-port .srow.backrow,.shop-tu.ff-port .sbig{display:none}.shop-tu.ff-port .shophead{flex-wrap:wrap;gap:6px 10px}.shop-tu.ff-port #hero{flex-basis:100%;order:-1}.shop-tu.ff-port .chips{margin-left:auto}.shop-tu.ff-port .x2rib{border-radius:var(--r-m);padding:6px 12px}.shop-tu.ff-port .tiles{grid-template-columns:1fr 1fr;gap:8px}.shop-tu.ff-port .tile{--k:.85}.shop-tu.ff-port .tile .pbar{min-height:var(--tap)}.shop-tu.ff-port #gems .tile:last-child:nth-child(odd){--k:1;grid-column:1/-1}.shop-tu.ff-port #prem{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0 -10px 10px;padding:3px 10px 5px;display:flex;overflow-x:auto}.shop-tu.ff-port #prem .tile{scroll-snap-align:start;flex:none;width:calc(50% - 4px);scroll-margin-left:10px}.shop-tu.ff-port #prem .tile .field>img{width:48px;height:48px}.shop-tu.ff-port #prem .tile .sb{display:none}.shop-tu.ff-port #prem .tile .nm{padding-bottom:7px;font-size:13px}.shop-tu.ff-port #prem .badge{width:34px;height:34px;font-size:9px}.shop-tu.ff-port #prem .badge img{display:none}.shop-tu.ff-port .shophead{margin-bottom:2px}.shop-tu.ff-port .rowt{margin:2px 0 4px}.shop-tu.ff-land #prem .tile .sb{display:none}.shop-tu.ff-land #prem .tile .nm{padding-bottom:5px}.shop-tu.ff-land #prem .tile .field>img{width:40px;height:40px}.shop-tu .vmini{color:var(--vip-soft);white-space:nowrap;font-size:12px;font-weight:600;display:none}.shop-tu .sh-t{display:none}.shop-tu .gets{color:var(--mute);font-size:12px;line-height:1.4}.shop-tu .linkbtn{min-height:var(--tap)}.shop-tu .dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.shop-tu .pf{flex-direction:column;gap:10px;display:flex}.shop-tu .pf-a,.shop-tu .pf-b{display:contents}.shop-tu .mt .g{background:var(--slot) center/24px no-repeat}.shop-tu .mt .g img{width:24px;height:24px}.shop-tu .cm .th{align-items:center;gap:6px;display:flex}.shop-tu .cm .th img{width:32px;height:32px}.shop-tu .snap{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.shop-tu .snap::-webkit-scrollbar{display:none}.shop-tu.ff-tab .offers{grid-template-columns:1fr 1fr}.shop-tu.ff-tab .of.star{grid-area:auto/1/auto/-1}.shop-tu.ff-tab .cums{grid-template-columns:1fr 1fr}.shop-tu.ff-land .tw .win-head{flex-wrap:nowrap}.shop-tu.ff-land .tw .win-head .ico{width:22px;height:22px}.shop-tu.ff-land .vmini{display:inline}.shop-tu.ff-land .vstrip{gap:0;padding:0}.shop-tu.ff-land .vstrip .lv,.shop-tu.ff-land .vstrip .txt{display:none}.shop-tu.ff-land .vstrip .bar{border-radius:0;height:6px}.shop-tu.ff-land .vstrip .bar>*{border-radius:0}.shop-tu.ff-land .banner{margin-bottom:6px;padding:4px 10px;font-size:12.5px}.shop-tu.ff-land .rules{margin-top:4px}.shop-tu.ff-land .sum{flex-wrap:nowrap}.shop-tu.ff-land .sum .what{white-space:nowrap;flex-wrap:nowrap;min-width:0;overflow:hidden}.shop-tu.ff-land .sum .sub{display:none}.shop-tu.ff-land .sum .btn.lg{min-height:var(--tap);padding:0 18px;font-size:15px}.shop-tu.ff-land .sum .cur.lg{font-size:17px}.shop-tu.ff-land .sum .cur.lg img{width:22px;height:22px}.shop-tu.ff-land .offers{grid-template-columns:1fr 1fr}.shop-tu.ff-land .of.star{grid-area:auto/1/auto/-1}.shop-tu.ff-land .viptop{min-height:0;padding:6px 12px}.shop-tu.ff-land .viptop img{width:36px;height:36px}.shop-tu.ff-land .viptop h2{font-size:15px}.shop-tu.ff-land .viptop p{display:none}.shop-tu.ff-land .cm{padding:8px 4px}.shop-tu.ff-land .cm .slot{width:44px;height:44px}.shop-tu.ff-land .cm .slot img{width:30px;height:30px}.shop-tu.ff-land .modal{padding:6px calc(12px + var(--sar)) calc(6px + var(--sab)) calc(12px + var(--sal))}.shop-tu.ff-land .dialog{max-height:calc(100dvh - 12px - var(--sab))}.shop-tu.ff-land .paydlg{width:min(700px,100%)}.shop-tu.ff-land .paydlg .pf{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.shop-tu.ff-land .paydlg .pf-a,.shop-tu.ff-land .paydlg .pf-b{flex-direction:column;gap:8px;min-width:0;display:flex}.shop-tu.ff-land .okbox{padding:10px}.shop-tu.ff-land .okbox>img{width:60px;height:60px}.shop-tu.ff-land .ord>img{width:48px;height:48px}.shop-tu.ff-land .mt{min-height:56px}.shop-tu.ff-port .tw .win-head [data-wallet]{flex-basis:100%;order:5}.shop-tu.ff-port .tw .win-head h1{font-size:16px}.shop-tu.ff-port .vstrip{padding:5px calc(10px + var(--sar)) 5px calc(10px + var(--sal));gap:8px;font-size:12px}.shop-tu.ff-port .vstrip .bar{height:8px}.shop-tu.ff-port .lg-t{display:none}.shop-tu.ff-port .sh-t{display:inline}.shop-tu.ff-port .banner.need .grow{display:none}.shop-tu.ff-port .sum{gap:6px}.shop-tu.ff-port .sum .what{gap:2px 8px;min-width:100%}.shop-tu.ff-port .sum .sub,.shop-tu.ff-port .sum [data-act=unpick]{display:none}.shop-tu.ff-port .sum .btn.lg{flex:1}.shop-tu.ff-port .sum .cur.lg{font-size:17px}.shop-tu.ff-port .sum .cur.lg img{width:22px;height:22px}.shop-tu.ff-port .sum .pay{margin-left:auto}.shop-tu.ff-port .sum .w2{display:none}.shop-tu.ff-port .sum .what{white-space:nowrap;flex-wrap:nowrap}.shop-tu.ff-port .banner{margin-bottom:8px;padding:6px 10px}.shop-tu.ff-port .pk{padding-top:16px}.shop-tu.ff-port .offers,.shop-tu.ff-port .offers.vipp{grid-template-columns:1fr}.shop-tu.ff-port .of.star{grid-row:auto}.shop-tu.ff-port .cumbar{display:none}.shop-tu.ff-port .cums{grid-template-columns:1fr;gap:8px;margin-top:10px;padding-left:24px}.shop-tu.ff-port .cm{text-align:left;flex-flow:wrap;justify-content:space-between;gap:6px 10px;padding:10px;position:relative}.shop-tu.ff-port .cm:before{content:"";z-index:1;background:var(--slot);width:12px;height:12px;box-shadow:0 0 0 1px var(--white);border-radius:3px;position:absolute;top:16px;left:-20px}.shop-tu.ff-port .cm:after{content:"";background:var(--slot);width:2px;position:absolute;top:22px;bottom:-30px;left:-15px}.shop-tu.ff-port .cm:last-child:after{display:none}.shop-tu.ff-port .cm .th{flex:1}.shop-tu.ff-port .cm .st{min-height:0}.shop-tu.ff-port .cm .items{flex-basis:100%;order:3;justify-content:flex-start}.shop-tu.ff-port .cm .gets{flex-basis:100%;order:4}.shop-tu.ff-port .viptop{background:var(--dark);min-height:0;padding:8px 10px}.shop-tu.ff-port .viptop img{width:44px;height:44px}.shop-tu.ff-port .viptop h2{font-size:15px}.shop-tu.ff-port .viptop p{font-size:11.5px}.shop-tu.ff-port .ladder{flex-direction:row;align-items:stretch;gap:8px;margin:0 -10px;padding:2px 13% 8px;overflow-x:auto}.shop-tu.ff-port .lr{scroll-snap-align:center;flex-direction:column;flex:none;align-items:flex-start;width:100%;min-height:190px}.shop-tu.ff-port .lr .b{text-align:left;width:auto;font-size:19px}.shop-tu.ff-port .lr .b small{margin-left:6px;display:inline}.shop-tu.ff-port .lr .perks{flex-direction:column;flex:1 0 auto;align-items:flex-start}.shop-tu.ff-port .lr .go{flex-direction:row;justify-content:space-between;align-self:stretch;align-items:center}.shop-tu.ff-port .vcards{grid-template-columns:1fr}.shop-tu .vchip,.shop-tu .cap{box-shadow:inset 0 0 0 1px #ffffff24}.shop-tu .cap .add{box-shadow:inset 0 -2px #00000038,inset 0 0 0 1px #00000024}.shop-tu .back{box-shadow:inset 0 0 0 1px #ffffff24}.shop-tu .vstrip{border-bottom:2px solid var(--line)}.shop-tu .srow{border:1px solid #0000;border-right:0}.shop-tu .srow.on{border-color:var(--dark)}.shop-tu.ff-port .srow{border:1px solid var(--dark);border-bottom:0}.shop-tu .sbig{box-shadow:inset 0 -3px #00000038,inset 0 0 0 1px #00000024}.shop-tu .x2rib{box-shadow:inset 0 0 0 1px #ffffff24}.shop-tu .x2rib.done{box-shadow:inset 0 0 0 1px var(--mint)}.shop-tu .chip .ci{box-shadow:inset 0 0 0 1px var(--line)}.shop-tu .tile{box-shadow:0 0 0 1px var(--tl);transition:none}.shop-tu .tile:active{transform:translateY(1px)}.shop-tu:not(.touch) .tile:hover{filter:brightness(1.03);transform:none}.shop-tu:not(.touch) .tile:active{transform:translateY(1px)}.shop-tu .tile.cool,.shop-tu .tile.cool.popular,.shop-tu .tile.cool.best{--tl:var(--line);--tf:var(--slot);--tb:var(--title);--tbl:var(--dark);--tc:#fff}.shop-tu .tile.gold{--tl:var(--gold-d);--tf:var(--gold-soft);--tb:var(--gold);--tbl:var(--gold-d);--tc:var(--ink)}.shop-tu .tile .pbar{border-top:2px solid var(--tbl)}.shop-tu .tile.on .pbar{border-top-color:var(--orange-d)}.shop-tu .tile.got .pbar{border-top-color:var(--round)}.shop-tu .badge,.shop-tu.ff-land .badge,.shop-tu.ff-port #prem .badge{width:auto;height:auto;box-shadow:none;border-bottom:2px solid #0000002e;border-right:2px solid #0000002e;border-radius:0 0 3px;flex-direction:row;gap:4px;padding:2px 9px 3px;font-size:11px;line-height:1.3;top:0;left:0}.shop-tu .badge br{display:none}.shop-tu .badge img{width:13px;height:13px}.shop-tu .badge.gold{background:var(--gold);color:var(--ink)}.shop-tu .mag i{box-shadow:inset 0 0 0 1px var(--line)}.shop-tu .mag i:before{border-radius:4px}.shop-tu .x2m{box-shadow:inset 0 0 0 1px var(--gold-d)}.shop-tu .of{border-color:var(--line)}.shop-tu .of.star{border-color:var(--gold-d)}.shop-tu .cm{border-color:var(--line)}.shop-tu .cm.ready{border-color:var(--gold-d)}.shop-tu .lr,.shop-tu .vc{border-color:var(--line)}.shop-tu .mt{border-color:var(--line);box-shadow:none}.shop-tu .ord,.shop-tu .okbox,.shop-tu .hr{box-shadow:inset 0 0 0 1px var(--line)}.shop-tu .days i,.shop-tu.ff-port .cm:before{border-radius:2px}.shop-tu .vchip{box-shadow:inset 0 0 0 1px var(--gold);letter-spacing:.04em;background:0 0;font-weight:600}.shop-tu .cap{background:0 0;border-radius:2px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff38}.shop-tu .cap .add{background:0 0;border-radius:2px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff59}.shop-tu .cap:first-child .add{background:var(--orange);box-shadow:none}.shop-tu .back{background:0 0;border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff40}.shop-tu .vstrip{background:var(--body);border-bottom:1px solid var(--line);font-weight:500}.shop-tu .vstrip .lv{font:600 11.5px var(--num);letter-spacing:.08em;color:var(--vip)}.shop-tu .vstrip .bar{height:5px}.shop-tu .pvbar em,.shop-tu .pvbar.gold em{opacity:.35;border-radius:0}.shop-tu .srow,.shop-tu.ff-port .srow{color:#c9cfdb;background:0 0;border:0;border-radius:0;font-weight:500}.shop-tu .srow:hover{background:#ffffff0f}.shop-tu .srow.on{background:var(--body);color:var(--ink);box-shadow:inset 2px 0 0 var(--gold);font-weight:600}.shop-tu.ff-port .srow{box-shadow:inset 0 -1px #ffffff1f}.shop-tu.ff-port .srow.on{background:var(--body);color:var(--ink);box-shadow:inset 0 2px 0 var(--gold)}.shop-tu .sbig{color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);letter-spacing:.03em;background:0 0;border-radius:2px;font-weight:600}.shop-tu .sbig:active{transform:translateY(1px)}.shop-tu .sbig .dot{box-shadow:0 0 0 2px var(--dark)}.shop-tu .x2rib{background:var(--dark);box-shadow:inset 0 1px 0 var(--gold),inset 0 -1px 0 var(--gold);color:var(--body);letter-spacing:.01em;border-radius:0;font-weight:500}.shop-tu .x2rib b{color:var(--gold);font-weight:600}.shop-tu .x2rib.done{color:var(--up);box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line);background:0 0}.shop-tu.ff-port .x2rib{border-radius:0}.shop-tu .chip{font-weight:600}.shop-tu .chip .ci{background:var(--white);box-shadow:inset 0 0 0 1px var(--line);border-radius:2px}.shop-tu .rowt{letter-spacing:.02em;margin:8px 0 10px;font-weight:600}.shop-tu .rowt small{letter-spacing:0}.shop-tu .shophead{margin-bottom:12px}.shop-tu .tiles{gap:14px;margin-bottom:20px}.shop-tu .tile{background:var(--white);box-shadow:0 0 0 1px var(--line);border-radius:2px}.shop-tu .tile:active,.shop-tu:not(.touch) .tile:active{transform:translateY(1px)}.shop-tu:not(.touch) .tile:hover{filter:none;box-shadow:0 0 0 1px var(--mute)}.shop-tu .tile.cool,.shop-tu .tile.cool.popular,.shop-tu .tile.cool.best{--tl:var(--line);--tf:color-mix(in srgb,var(--slot) 50%,var(--white));--tc:var(--ink)}.shop-tu .tile.gold{--tl:var(--line);--tf:var(--gold-soft);--tc:var(--gold-d)}.shop-tu .tile .field{height:112px}.shop-tu .tile .nm{color:var(--mute);padding:11px 8px 0;font-size:13px;font-weight:500}.shop-tu .tile .nm .cur{font:600 21px var(--num);color:var(--ink)}.shop-tu .tile.gold .nm{color:var(--ink);font-size:14px;font-weight:600}.shop-tu .tile .sb{color:var(--mute);padding:4px 8px 11px}.shop-tu .tile .sb .pill{height:auto;box-shadow:none;color:var(--up);background:0 0;padding:0;font-weight:600}.shop-tu .tile .pbar{background:var(--white);border-top:1px solid var(--line);min-height:42px;color:var(--tc);font:600 17px var(--num);letter-spacing:.02em}.shop-tu .tile.on .pbar{background:var(--white);color:var(--ink);border-top-color:var(--gold)}.shop-tu .tile.on .pbar:after{content:"✓ เลือกอยู่";letter-spacing:0;color:var(--up);margin-left:8px;font:600 11.5px Noto Sans Thai,sans-serif}.shop-tu .tile.got .pbar{background:var(--white);color:var(--mute);border-top-color:var(--line)}.shop-tu .badge,.shop-tu.ff-land .badge,.shop-tu.ff-port #prem .badge{background:var(--dark);color:#fff;letter-spacing:.04em;border:0;border-radius:0 0 2px;padding:3px 9px;font-size:10.5px;font-weight:600}.shop-tu .mag i{background:var(--white);box-shadow:inset 0 0 0 1px var(--line);border-radius:2px}.shop-tu .mag i:before{border-width:1.5px;border-color:var(--ink);border-radius:4px}.shop-tu .mag i:after{background:var(--ink);width:1.5px}.shop-tu .x2m{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--gold);letter-spacing:.02em;border-radius:1px;font-weight:600}.shop-tu .banner{border-radius:2px;font-weight:500}.shop-tu .banner.need{color:var(--up);box-shadow:inset 0 0 0 1px var(--up);background:0 0}.shop-tu .banner.guest,.shop-tu .warn{color:var(--hp);box-shadow:inset 0 0 0 1px var(--hp);background:0 0;border-radius:2px}.shop-tu .linkbtn{color:var(--ink);font-weight:600}.shop-tu .sum .pay b{font:600 20px var(--num)}.shop-tu .of{border:1px solid var(--line);box-shadow:none;border-radius:2px;gap:10px;padding:16px}.shop-tu .of.star{border-color:var(--gold);box-shadow:inset 0 0 0 2px var(--white),inset 0 0 0 3px var(--gold)}.shop-tu .of h3{letter-spacing:.02em;font-weight:600}.shop-tu .of .btn.orange:not(:disabled),.shop-tu .lr .btn.orange,.shop-tu .vc .btn{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:0 0}.shop-tu .cmp{background:var(--gold-soft);border-radius:0}.shop-tu .days i{background:var(--slot);border-radius:0}.shop-tu .days i.on{background:var(--gold)}.shop-tu .days i.now{box-shadow:0 0 0 1px var(--gold-d)}.shop-tu .offers,.shop-tu .cums{gap:14px}.shop-tu .cm{border:1px solid var(--line);background:var(--white);border-radius:2px;padding:14px 10px}.shop-tu .cm.ready{border-color:var(--gold);background:var(--gold-soft)}.shop-tu .cm.soon{border:1px dashed var(--gold)}.shop-tu .cm .th{font:600 17px var(--num)}.shop-tu .cm .btn.orange{background:var(--gold);color:#fff;box-shadow:inset 0 -1px 0 var(--gold-d)}.shop-tu .cumbar .tick.hit{color:var(--gold-d)}.shop-tu.ff-port .cm:before{background:var(--line);width:8px;height:8px;box-shadow:none;border-radius:0;top:18px;left:-18px;transform:rotate(45deg)}.shop-tu.ff-port .cm:after{background:var(--line);width:1px;left:-14.5px}.shop-tu.ff-port .cm.hit:before,.shop-tu.ff-port .cm.hit:after{background:var(--gold)}.shop-tu .viptop{background-color:var(--dark);box-shadow:inset 0 1px 0 var(--gold),inset 0 -1px 0 var(--gold);border-radius:0}.shop-tu .viptop h2{letter-spacing:.02em;font-weight:600}.shop-tu.ff-port .viptop{background:var(--dark)}.shop-tu .ladder{gap:8px}.shop-tu .lr{border:1px solid var(--line);background:var(--white);border-radius:2px;padding:10px 12px}.shop-tu .lr .b{font-weight:600}.shop-tu .lr.past{opacity:.75}.shop-tu .lr.cur{border-color:var(--gold);background:var(--white);box-shadow:inset 0 0 0 2px var(--white),inset 0 0 0 3px var(--gold)}.shop-tu .lr.next{border-color:var(--line);background:var(--gold-soft);box-shadow:none}.shop-tu .vc{border:1px solid var(--line);border-radius:2px}.shop-tu .hr{box-shadow:inset 0 0 0 1px var(--line);border-radius:2px}.shop-tu .trust{border-top:1px solid var(--line)}.shop-tu .ord,.shop-tu .okbox{box-shadow:inset 0 0 0 1px var(--line);border-radius:2px}.shop-tu .okbox h3{letter-spacing:.03em;font-weight:600}.shop-tu .okbox h3:after{content:"";background:var(--gold);width:56px;height:1px;margin:8px auto 2px;display:block}.shop-tu .kv.total{border-top:1px solid var(--line)}.shop-tu .kv.total b{font-weight:600}.shop-tu .mt{border:1px solid var(--line);box-shadow:none;border-radius:2px;font-weight:600}.shop-tu .mt:hover{border-color:var(--gold)}.shop-tu .mt:active{transform:translateY(1px)}.shop-tu .mt .g{box-shadow:inset 0 0 0 1px var(--line);background:0 0;border-radius:2px}.shop-tu .ph{border:1px dashed var(--line);border-radius:2px}.shop-tu .exp b{background:var(--dark);border-radius:1px;font-weight:600}.shop-tu .vipup{color:var(--vip);box-shadow:inset 0 0 0 1px var(--vip);background:0 0;border-radius:2px;font-weight:600}.shop-tu .conf i{border-radius:0;width:4px;height:4px}.shop-tu .helpul li{margin-bottom:2px}.shop-tu.ff-tab .tiles,.shop-tu.ff-land .tiles,.shop-tu.ff-port .tiles{gap:10px}.shop-tu.ff-land .tiles{margin-bottom:12px}.shop-tu.ff-land .rowt{margin:4px 0 6px}.shop-tu.ff-land .shophead{margin-bottom:6px}.shop-tu.ff-land .tile .field{height:60px}.shop-tu.ff-land #prem .tile .field{height:52px}.shop-tu.ff-port .tile .field{height:88px}.shop-tu.ff-port #prem .tile .field{height:68px}.shop-tu.ff-tab .tile .field{height:92px}.shop-tu.ff-land .tile .nm{padding-top:6px;font-size:12px}.shop-tu.ff-land .tile .sb{padding-bottom:6px}.shop-tu.ff-land .tile .pbar{min-height:34px}.shop-tu.ff-port .tile .nm .cur{font-size:19px}.shop-tu.ff-port .tile.on .pbar:after,.shop-tu.ff-land .tile.on .pbar:after{content:"✓"}.shop-tu .vchip,.shop-tu .cap{box-shadow:none;background:#ffffff14}.shop-tu .cap .add{box-shadow:none;background:#ffffff26}.shop-tu .cap:first-child .add{background:var(--orange)}.shop-tu .back{box-shadow:none;background:#ffffff14}.shop-tu .side{box-shadow:none}.shop-tu .sbig{box-shadow:none;color:var(--gold);background:#ffffff14}.shop-tu .x2rib,.shop-tu .x2rib.done{box-shadow:none}.shop-tu .x2rib.done{background:var(--mint-soft)}.shop-tu .chip .ci{box-shadow:none;background:var(--white)}.shop-tu .tile,.shop-tu:not(.touch) .tile:hover{box-shadow:none}.shop-tu:not(.touch) .tile:hover .field{filter:brightness(.97)}.shop-tu .tile.gold .field{box-shadow:none}.shop-tu .tile .pbar,.shop-tu .tile.got .pbar{border-top:0;min-height:38px;padding-bottom:6px}.shop-tu .tile.on{box-shadow:0 0 0 1px var(--gold)}.shop-tu .tile.on .pbar{border-top:0}.shop-tu .badge,.shop-tu.ff-land .badge,.shop-tu.ff-port #prem .badge{box-shadow:none;background:var(--dark);color:#fff}.shop-tu .badge.gold{background:var(--gold);color:#fff;box-shadow:none}.shop-tu .mag i{box-shadow:none;background:var(--white)}.shop-tu .x2m{box-shadow:none;color:var(--gold-d);background:0 0;padding:0;font-size:12px;font-weight:700;bottom:5px;right:8px}.shop-tu.ff-land .x2m{padding:0;font-size:11px}.shop-tu .banner.need{box-shadow:none;background:var(--mint-soft)}.shop-tu .banner.guest,.shop-tu .warn{box-shadow:none;background:var(--white)}.shop-tu .of,.shop-tu .of.star{box-shadow:none;border:0}.shop-tu .of.star{background:var(--gold-soft)}.shop-tu .of.star .cmp{background:var(--white)}.shop-tu .of .btn.orange:not(:disabled),.shop-tu .lr .btn.orange,.shop-tu .vc .btn{box-shadow:none;background:var(--slot);color:var(--ink)}.shop-tu .days i.now{box-shadow:none;background:var(--gold-d)}.shop-tu .cm,.shop-tu .cm.ready,.shop-tu .cm.soon{border:0}.shop-tu .cm.soon{background:var(--gold-soft)}.shop-tu .viptop{box-shadow:none}.shop-tu .lr,.shop-tu .lr.next{box-shadow:none;border:0}.shop-tu .lr.cur{box-shadow:inset 0 0 0 1px var(--gold);border:0}.shop-tu .vc{border:0}.shop-tu .hr,.shop-tu .ord,.shop-tu .okbox{box-shadow:none}.shop-tu .mt{background:var(--white);border:0}.shop-tu .mt:hover{background:var(--gold-soft)}.shop-tu .mt .g{box-shadow:none;background:var(--slot)}.shop-tu .ph{background:var(--white);border:0}.shop-tu .vipup{box-shadow:none;background:var(--vip-soft)}.shop-tu .side{background:#242a35;gap:4px;padding-right:8px}.shop-tu .srow,.shop-tu.ff-port .srow{color:#c9cfd8;box-shadow:none;background:#323947;border-radius:6px;font-weight:600}.shop-tu .srow:hover{color:#fff;background:#3a414e}.shop-tu .srow.on,.shop-tu.ff-port .srow.on{background:var(--orange);color:#fff;box-shadow:0 2px 0 var(--orange-d);font-weight:700}.shop-tu .srow.on .i-n{display:none}.shop-tu .srow.on .i-w{display:block}.shop-tu .sbig{background:var(--orange);color:#fff;box-shadow:0 2px 0 var(--orange-d);border-radius:6px;margin-right:0}.shop-tu .sbig:hover{background:#ff8a55}.shop-tu .x2rib{background:var(--dark);color:var(--ink);box-shadow:inset 0 0 0 1px var(--edge);border-radius:6px}.shop-tu .x2rib b{color:var(--gold)}.shop-tu .x2rib small{color:var(--mute)}.shop-tu .x2rib.done{background:var(--mint-soft);color:var(--up);box-shadow:none}.shop-tu .x2m{color:var(--gold)}.shop-tu .banner{border-radius:6px}.shop-tu .banner.guest,.shop-tu .warn{color:#ffc2c2;background:#4a2629}.shop-tu .viptop{background-color:var(--title);box-shadow:inset 0 -1px #1f2632}.shop-tu .tile{box-shadow:none;outline:1px solid var(--line);outline-offset:-1px;border-radius:6px}.shop-tu .tile.cool.best{outline:2px solid var(--gold);outline-offset:-2px}.shop-tu .tile:hover{filter:brightness(1.08)}.shop-tu .tile.on{box-shadow:none;outline:2px solid var(--orange);outline-offset:-2px}.shop-tu .tile.on .pbar{background:var(--orange);color:#fff}.shop-tu .tile.on .pbar:after{color:#fff}.shop-tu .vmini{color:#c9a8f5}.shop-tu .viptop p{color:#e0d0f8}.lg-ov{--ink:#232b3a;--ink2:#4a5263;--mute:#7a8090;--body:#f5f3ee;--white:#fdfcfa;--title:#2c3547;--slot:#e7e3da;--orange:#ec7444;--blue:#4c84b0;--gold:#b8964a;--gold-soft:#f4eedd;--down:#c8463f;--line:#d8d2c4;z-index:9500;box-sizing:border-box;color:var(--ink);background:#0a0e189e;place-items:center;padding:12px;font:400 14px/1.6 Noto Sans Thai,Outfit,system-ui,sans-serif;display:grid;position:fixed;inset:0}.lg-ov *,.lg-ov :before,.lg-ov :after{box-sizing:border-box}.lg-sheet{background:var(--body);text-align:left;border-radius:4px;flex-direction:column;width:min(780px,100%);height:min(100%,700px);display:flex;overflow:hidden;box-shadow:0 0 0 1px #141a25}.lg-sheet.gate{width:min(560px,100%);height:auto;max-height:100%}.lg-head{color:#fff;background:var(--title);flex:none;align-items:center;gap:10px;min-height:46px;padding:0 0 0 14px;display:flex}.lg-head b{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.lg-head small{color:#c9cfdb;white-space:nowrap;font-size:12px}.lg-ov .lg-x{color:#fff;cursor:pointer;background:0 0;border:0;flex:none;width:48px;height:46px;margin-left:auto;font-size:24px;line-height:1}.lg-ov .lg-x:hover{background:#ffffff14}.lg-sheet.gate .lg-head{padding-right:14px}.lg-tabs{scrollbar-width:none;background:var(--white);flex:none;gap:2px;padding:0 10px;display:flex;overflow-x:auto}.lg-tabs button{height:42px;color:var(--mute);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:none;padding:0 14px;font:500 13.5px Noto Sans Thai,sans-serif}.lg-tabs button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--gold);font-weight:600}.lg-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;-webkit-user-select:text;user-select:text;flex:1;min-height:0;padding:16px 22px 22px;overflow-y:auto}.lg-body h2{margin:6px 0 4px;font-size:20px;font-weight:700;line-height:1.35}.lg-body h3{border-bottom:1px solid var(--line);margin:22px 0 6px;padding-bottom:4px;font-size:16px;font-weight:700}.lg-body h4{margin:14px 0 4px;font-size:14.5px;font-weight:700}.lg-body p{margin:6px 0}.lg-body ul,.lg-body ol{margin:6px 0;padding-left:24px}.lg-body li{margin:3px 0}.lg-body li>ul{margin:2px 0}.lg-body b{color:#14161c;font-weight:700}.lg-body hr{border:0;border-top:1px solid var(--line);margin:16px 0}.lg-note{background:var(--gold-soft);color:#6e5520;border-radius:3px;padding:8px 12px;font-size:13px;font-weight:600}.lg-table{margin:8px 0;overflow-x:auto}.lg-table table{border-collapse:collapse;min-width:100%;font-size:13px}.lg-table th,.lg-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:6px 10px}.lg-table th{background:var(--slot);font-weight:700}.lg-mute{color:var(--mute)}.lg-err{color:var(--down);margin:8px 0 0;font-weight:600}.lg-foot{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--white);flex:none;justify-content:flex-end;gap:8px;display:flex}.lg-ov .lg-btn{color:#fff;background:var(--title);cursor:pointer;border:0;border-radius:2px;min-height:42px;padding:4px 20px;font:600 14px Noto Sans Thai,sans-serif}.lg-ov .lg-btn.orange{background:var(--orange)}.lg-ov .lg-btn.white{color:var(--ink);background:var(--slot)}.lg-ov .lg-btn[disabled]{background:var(--slot);color:#a8a294;cursor:default}.lg-docs{gap:6px;margin:12px 0;display:grid}.lg-ov .lg-doc{background:var(--white);text-align:left;cursor:pointer;color:var(--ink);border:0;border-radius:3px;grid-template-columns:1fr auto;align-items:center;gap:0 10px;padding:10px 12px;font-family:inherit;display:grid}.lg-doc b{font-size:14px}.lg-doc small{color:var(--mute);grid-column:1;font-size:12px}.lg-doc i{color:var(--blue);grid-area:1/2/3;font-size:13px;font-style:normal;font-weight:600}.lg-doc:hover{box-shadow:inset 0 0 0 1px var(--gold)}.lg-agree{background:var(--gold-soft,#f4eedd);color:var(--ink,#232b3a);text-align:left;cursor:pointer;border-radius:3px;align-items:flex-start;gap:10px;margin:10px 0 0;padding:10px 12px;font:400 13px/1.55 Noto Sans Thai,sans-serif;display:flex;box-shadow:inset 0 0 0 1px #0000}.lg-agree.on{box-shadow:inset 0 0 0 1px var(--gold,#b8964a)}.lg-agree input{width:20px;height:20px;accent-color:var(--orange,#ec7444);cursor:pointer;flex:none;margin:1px 0 0}.lg-agree b{color:var(--down,#c8463f);font-weight:700}:is(.lg-ov,.lg-agree,.avl2-foot) .lg-link{color:var(--blue,#4c84b0);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline;display:inline}:is(.lg-ov,.lg-agree,.avl2-foot) .lg-link:focus-visible{outline:2px solid var(--blue,#4c84b0);outline-offset:1px}@media (max-width:760px) and (orientation:portrait),(max-height:520px){.lg-ov{padding:0}.lg-sheet,.lg-sheet.gate{border-radius:0;width:100%;height:100%;max-height:none}.lg-head{padding-top:env(safe-area-inset-top,0px);min-height:calc(46px + env(safe-area-inset-top,0px))}.lg-body{padding:12px 16px 18px}.lg-ov .lg-foot .lg-btn{flex:1}}@media (max-height:520px){.lg-body{padding:10px calc(16px + env(safe-area-inset-right,0px)) 14px calc(16px + env(safe-area-inset-left,0px))}}.shop-st .mall{height:min(780px,calc(100dvh - var(--pv) - 24px))}.shop-st .mall-head{gap:8px}.shop-st .mall-head h1{white-space:nowrap}.shop-st .mall .win-x{width:var(--tap);height:var(--tap);place-items:center;margin:0;text-decoration:none;display:grid;position:relative}.shop-st .mall .win-x img{width:18px;height:18px}.shop-st .mh-right{align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.shop-st .icb{width:var(--tap);height:var(--tap);cursor:pointer;background:#ffffff1f;border:0;border-radius:3px;flex:none;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff24}.shop-st .icb img{width:28px;height:28px;image-rendering:pixelated}.shop-st .icb .dot{box-shadow:0 0 0 2px var(--title)}.shop-st .caps{align-items:center;gap:6px;min-width:0;display:flex}.shop-st .cap{background:var(--dark);color:#fff;height:32px;font:700 13px var(--num);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:3px;align-items:center;gap:4px;padding:0 4px 0 6px;display:flex;box-shadow:inset 0 0 0 1px #ffffff24}.shop-st .cap>img{width:18px;height:18px;image-rendering:pixelated}.shop-st .cap .plus{color:#fff;width:24px;height:24px;font:800 16px/1 var(--num);cursor:pointer;background:#ffffff2e;border:0;border-radius:2px;place-items:center;margin-left:2px;padding:0;text-decoration:none;display:grid;position:relative}.shop-st .cap .plus.go{background:var(--orange);box-shadow:inset 0 -2px #0000002e}.shop-st .cap .plus:after{content:"";position:absolute;inset:-10px -3px}.shop-st .mall-main{flex:1;min-height:0;display:flex}.shop-st .rail{background:var(--dark);flex-direction:column;flex:none;width:176px;padding:8px 0 8px 8px;display:flex}.shop-st .rail-list{scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:3px;min-height:0;display:flex;overflow:hidden auto}.shop-st .rail-list::-webkit-scrollbar{display:none}.shop-st .rtab{height:var(--tap);color:#c9cfdb;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-left:4px solid #0000;border-radius:3px 0 0 3px;flex:none;align-items:center;gap:8px;padding:0 10px;font-size:13.5px;font-weight:600;display:flex;position:relative}.shop-st .rtab.on{background:var(--body);color:var(--ink);border-left-color:var(--orange);font-weight:700}.shop-st .rtab img{width:22px;height:22px;image-rendering:pixelated;flex:none}.shop-st .rtab .i-n{display:none}.shop-st .rtab.on .i-w,.shop-st .rtab .ls{display:none}.shop-st .rtab .dot{box-shadow:none;margin-left:auto;position:static}.shop-st .rail-topup{background:var(--orange);color:#fff;border-radius:4px;flex-direction:column;flex:none;align-items:center;gap:1px;margin:8px 8px 0 0;padding:8px 6px 10px;font-size:15.5px;font-weight:800;text-decoration:none;display:flex;position:relative;box-shadow:inset 0 -1px #0003}.shop-st .rail-topup:hover{filter:brightness(1.06)}.shop-st .rail-topup img{width:34px;height:34px;image-rendering:pixelated}.shop-st .rail-topup .first,.shop-st .mall-act .first{background:var(--gold);color:var(--body);border-radius:2px;padding:0 7px;font-size:10.5px;font-weight:800;line-height:16px}.shop-st .rail-topup .dot{box-shadow:0 0 0 2px var(--dark);top:-4px;right:-4px}.shop-st .mall-act{display:none}.shop-st .mall .win-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-direction:column;gap:12px;display:flex}.shop-st .mall .win-body>*{flex:none}.shop-st .sect{margin:0}.shop-st .sect small{color:var(--mute);font-size:12px;font-weight:500}.shop-st .sect .more{color:var(--blue-d);cursor:pointer;min-height:var(--tap);background:0 0;border:0;margin-left:auto;padding:0 6px;font-size:12.5px;font-weight:700}html:lang(en) .shop-st .sect{white-space:nowrap}html:lang(en) .shop-st .sect small{white-space:normal;min-width:0}html:lang(en) .shop-st .sect .more{white-space:nowrap;flex:none}.shop-st .blk{flex-direction:column;gap:8px;display:flex}.shop-st .cbar{align-items:flex-start;gap:10px;margin-bottom:-4px;display:flex}.shop-st .help{min-height:var(--tap);color:var(--blue-d);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0 6px 0 2px;font-size:13px;font-weight:700;display:inline-flex}.shop-st .help img{width:18px;height:18px}.shop-st .evs{gap:12px;margin-left:auto;display:flex}.shop-st .ev{min-width:var(--tap);cursor:pointer;color:var(--ink);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;font-size:11px;font-weight:700;display:flex;position:relative}.shop-st .ev .ring{background:var(--white);border:1px solid var(--line);border-radius:3px;place-items:center;width:44px;height:44px;display:grid}.shop-st .ev .ring img{width:28px;height:28px;image-rendering:pixelated}.shop-st .ev .dot{box-shadow:0 0 0 2px var(--body);top:-2px;right:-2px}.shop-st .ev .cd{gap:1px;font-size:11px}.shop-st .ev .cd b{min-width:0;padding:0 3px;font-size:10.5px}.shop-st .ev.done .ring{opacity:.55}.shop-st .hero{border-radius:var(--r-m);background:var(--white);border:1px solid var(--dark);height:160px;position:relative;overflow:hidden}.shop-st .track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;height:100%;display:flex;overflow-x:auto}.shop-st .track::-webkit-scrollbar{display:none}.shop-st .slide{scroll-snap-align:start;scroll-snap-stop:always;image-rendering:pixelated;background-position:100%;background-size:cover;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:flex-start;gap:4px;padding:8px 16px 26px 20px;display:flex}.shop-st .slide>*{max-width:46%}.shop-st .slide h2{background:var(--dark);color:#fff;margin:0;padding:3px 8px;font-size:21px;font-weight:800;line-height:1.2}.shop-st .slide p{background:var(--white);color:var(--ink);margin:0;padding:2px 8px;font-size:12.5px;font-weight:500;line-height:1.35}.shop-st .slide.dark h2{background:var(--orange)}.shop-st .slide .btn{margin-top:2px;position:relative}.shop-st .hero-ctl{align-items:center;gap:2px;display:flex;position:absolute;bottom:0;left:12px}.shop-st .hero-dots{display:flex}.shop-st .hero-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:28px;padding:0;display:grid}.shop-st .hero-dots i{background:var(--white);width:8px;height:8px;box-shadow:0 0 0 2px var(--dark)}.shop-st .hero-dots button.on i{background:var(--orange);width:20px}.shop-st .hero-dots button.on{width:32px}.shop-st .hero-nav button{width:28px;height:28px;color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:16px}.shop-st.touch .hero-nav,.shop-st.ff-land .hero-nav,.shop-st.ff-port .hero-nav{display:none}.shop-st.touch .hero-dots,.shop-st.ff-land .hero-dots,.shop-st.ff-port .hero-dots{pointer-events:none}.shop-st .tiles{--ah:112px;--pz:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.shop-st .tile{background:var(--white);border:1px solid var(--rc,var(--line));cursor:pointer;text-align:center;box-shadow:none;border-radius:3px;flex-direction:column;display:flex;position:relative;overflow:hidden}.shop-st .tile:hover{filter:brightness(1.04)}.shop-st .tile.r-common{--rc:var(--line)}.shop-st .tile.soon{--rc:var(--line)}.shop-st.touch .tile:hover{filter:none}.shop-st .tile:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.shop-st .tile .art{height:var(--ah);background:color-mix(in srgb,var(--rc,var(--r-common)) 14%,var(--slot));place-items:center;display:grid;position:relative}.shop-st .tile.gold .art{background:var(--gold-soft)}.shop-st .tile.free .art{background:var(--mint-soft)}.shop-st .tile .pic{zoom:var(--pz);place-items:center;display:grid}.shop-st .tile .pic:has(img[data-pixel-fit=true]){zoom:1}.shop-st .tile .pic img{object-fit:contain;width:72px;height:72px;image-rendering:pixelated}.shop-st .badge{background:var(--orange);color:#fff;border-radius:0 0 2px;place-items:center;min-width:26px;height:22px;padding:0 7px;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;top:0;left:0}.shop-st .badge.hot,.shop-st .badge.off{background:var(--hp)}.shop-st .badge.new{background:var(--blue)}.shop-st .badge.lim{background:var(--r-limited)}.shop-st .badge.off{font-family:var(--num);font-size:11.5px}.shop-st .mag{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:3px;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:5px;right:5px}.shop-st .mag:after{content:"";position:absolute;inset:-7px}.shop-st .tile .nm{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:6px 8px 0;font-size:13.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.shop-st .tile .forchar{color:#404c64;background:#e8eef6;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;margin:2px 8px 0;padding:0 6px;font-size:10.5px;font-weight:700;line-height:17px;display:inline-flex}.shop-st .tile .forchar .dot{background:#ec7444;border-radius:50%;width:6px;height:6px;display:inline-block}.shop-st .tile .ln{min-height:22px;color:var(--mute);margin-top:auto;padding:3px 6px 6px;font-size:11px;line-height:1.3}.shop-st .pb{border-top:1px solid var(--dark);background:var(--title);color:#fff;min-height:38px;font:800 15px var(--num);justify-content:center;align-items:center;gap:6px;padding:0 6px;display:flex}.shop-st .pb s{opacity:.72;font-size:12px;font-weight:600}.shop-st .pb.gold{background:var(--gold);border-top-color:var(--gold-d);color:var(--body);font-size:16px}.shop-st .pb.free{background:var(--up);border-top-color:var(--up);font-family:inherit}.shop-st .pb.grey{background:var(--line);border-top-color:var(--mute);font-family:inherit;font-size:12.5px;font-weight:700}.shop-st .pb.own{background:var(--slot);border-top-color:var(--line);color:var(--blue-d);font-family:inherit;font-size:13px}.shop-st .pb .only{color:var(--gold);font:700 10.5px Noto Sans Thai,sans-serif}.shop-st .only{color:var(--r-limited);margin-left:3px;font-family:Noto Sans Thai,sans-serif;font-size:10.5px;font-weight:700}.shop-st .tile.soon,.shop-st .tile.own{cursor:default}.shop-st .tile.soon .pic,.shop-st .tile.soon .nm{opacity:.55}.shop-st .baht{font-family:var(--num);color:var(--ink);font-size:18px;font-weight:800}.shop-st .chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.shop-st .chip{min-height:var(--tap);background:var(--white);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border:0;border-radius:3px;padding:0 14px;font-size:13px;font-weight:600}.shop-st .chips .sep{background:var(--line);width:1px;height:22px;margin:0 4px}.shop-st .crop{flex:none;display:block;position:relative;overflow:hidden}.shop-st .crop>i{image-rendering:pixelated;background-repeat:no-repeat;display:block;position:absolute;top:50%;left:50%}.shop-st .trio{justify-content:center;align-items:center;display:flex}.shop-st .trio img{flex:none}.shop-st .slots{flex-wrap:wrap;gap:6px;display:flex}.shop-st .slots .slot{width:52px;height:52px}.shop-st .slots .slot img{width:38px;height:38px}.shop-st .rules{color:var(--mute);margin:0;font-size:11.5px}.shop-st .fwrap{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:12px;display:grid}.shop-st .fwrap .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-st .tryon{--ds:2;--dt:-22px;flex-direction:column;gap:8px;padding:10px 12px;display:flex;position:sticky;top:0}.shop-st .tstage{border-radius:var(--r-m);background:var(--stage);height:176px;position:relative;overflow:hidden}.shop-st .tstage:after{content:"";background:#9cb884;height:34px;position:absolute;bottom:0;left:0;right:0}.shop-st .doll{left:50%;top:var(--dt);width:140px;height:100px;margin-left:calc(-70px * var(--ds));transform:scale(var(--ds));transform-origin:0 0;z-index:1;position:absolute}.shop-st .doll i{image-rendering:pixelated;background-repeat:no-repeat;display:block;position:absolute}.shop-st .doll .me{background-image:url(/sprites/character-side/guardian.webp?h=f2ca7c8a9a6c);background-position:-402px -102px;width:96px;height:96px;top:2px;left:22px}.shop-st .doll .wing{width:128px;height:128px;top:1px;left:0}.shop-st .doll .ring{width:64px;height:32px;top:76px;left:38px}.shop-st .doll .plate{width:48px;height:14px;top:20px;left:46px}.shop-st .tside{flex-direction:column;gap:8px;display:flex}.shop-st .tryon .slots{flex-wrap:nowrap;justify-content:space-between;gap:4px}.shop-st .tryon .slot{cursor:pointer;border:0;flex:1;width:auto;min-width:0;height:44px;padding:0}.shop-st .setline{align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.shop-st .setline .bar{flex:1}.shop-st .dl,.shop-st .dr,.shop-st .drs{flex-direction:column;gap:10px;min-width:0;display:flex}.shop-st .dlg-head{align-items:center;gap:12px;display:flex}.shop-st .dlg-head .pic{border:1px solid var(--rc,var(--line));background:color-mix(in srgb,var(--rc,var(--r-common)) 14%,#fff);border-radius:3px;flex:none;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.shop-st .dlg-head .pic img{object-fit:contain;width:60px;height:60px;image-rendering:pixelated}.shop-st .dlg-head p{color:var(--mute);margin:2px 0 0;font-size:12.5px;line-height:1.35}.shop-st .box{background:var(--white);border:1px solid var(--line);border-radius:3px;padding:8px 10px;font-size:13px}.shop-st .box ul{margin:0;padding:0;list-style:none}.shop-st .box li{justify-content:space-between;gap:10px;padding:2px 0;display:flex}.shop-st .box li.got{color:var(--mute)}.shop-st .box h4{margin:0 0 4px;font-size:12.5px}.shop-st .qty{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.shop-st .qty input{width:60px;height:var(--tap);border:1px solid var(--line);text-align:center;font:700 16px var(--num);background:var(--white);color:var(--ink);border-radius:3px}.shop-st .qty .btn{min-width:var(--tap);padding:0}.shop-st .qty .chip{padding:0 10px}.shop-st .hint{color:var(--blue-d);font-size:12px;font-weight:600}.shop-st .payrow{justify-content:space-between;align-items:center;gap:8px;padding:2px 0;display:flex}.shop-st .payrow.total{font-size:15px;font-weight:800}.shop-st .short{border-color:var(--orange);background:var(--gold-soft);flex-direction:column;gap:6px;display:flex}.shop-st .short b.need{color:var(--orange-d);font-size:15px}.shop-st .packrow{align-items:center;gap:10px;display:flex}.shop-st .packrow>img{width:48px;height:48px;image-rendering:pixelated;flex:none}.shop-st .packrow .baht{margin-left:auto}.shop-st .acts{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.shop-st .acts .btn{flex:1}.shop-st .deliver{color:var(--blue-d);font-size:12.5px}.shop-st .yay{border-radius:var(--r-m);border:1px solid var(--line);background:var(--white);place-items:center;height:132px;display:grid;position:relative;overflow:hidden}.shop-st .yay .pic{place-items:center;width:84px;height:84px;animation:.45s cubic-bezier(.2,1.6,.4,1) both yaypop;display:grid}.shop-st .yay .pic img{object-fit:contain;width:80px;height:80px;image-rendering:pixelated}.shop-st .yay s{background:var(--c);width:8px;height:8px;animation:.8s ease-out both spark;animation-delay:var(--d);position:absolute;top:50%;left:50%}@keyframes yaypop{0%{opacity:0;transform:scale(.2)}}@keyframes spark{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.4);opacity:0}}.shop-st .mail-list{flex-direction:column;gap:4px;max-height:240px;display:flex;overflow:auto}.shop-st .mail-list div{border:1px solid var(--line);background:var(--white);border-radius:3px;justify-content:space-between;gap:8px;padding:6px 10px;font-size:13px;display:flex}.shop-st .helplist{flex-direction:column;gap:5px;margin:0;padding-left:18px;font-size:13px;display:flex}.shop-st.ff-tab .rail{width:150px}.shop-st.ff-tab .tiles{--ah:88px;--pz:.82;gap:8px}.shop-st.ff-tab .hero{height:150px}.shop-st.ff-tab .cap:nth-child(n+3) .plus{display:none}.shop-st.ff-tab .cap:nth-child(n+3){padding-right:9px}.shop-st.ff-tab .fwrap,.shop-st.ff-port .fwrap{grid-template-columns:1fr;gap:10px}.shop-st.ff-tab .fwrap .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-st.ff-tab .tryon,.shop-st.ff-port .tryon{--ds:1.3;--dt:-8px;grid-template-columns:112px minmax(0,1fr);grid-template-areas:"st ch""st sd";gap:6px 8px;padding:8px;display:grid;position:static}.shop-st.ff-tab .tryon .sect,.shop-st.ff-port .tryon .sect,.shop-st.ff-tab .tryon p,.shop-st.ff-port .tryon p,.shop-st.ff-tab .setline,.shop-st.ff-port .setline{display:none}.shop-st.ff-tab .tstage,.shop-st.ff-port .tstage{grid-area:st;height:auto;min-height:126px}.shop-st.ff-tab .tstage:after,.shop-st.ff-port .tstage:after{height:22px}.shop-st.ff-tab .tchips,.shop-st.ff-port .tchips{grid-area:ch}.shop-st.ff-tab .tside,.shop-st.ff-port .tside{grid-area:sd;gap:6px}.shop-st.ff-tab .tryon .slot,.shop-st.ff-port .tryon .slot{width:auto;height:var(--tap);flex:1}.shop-st.ff-land .chips,.shop-st.ff-port .chips,.shop-st.ff-tab .tchips{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.shop-st.ff-land .chips::-webkit-scrollbar{display:none}.shop-st.ff-port .chips::-webkit-scrollbar{display:none}.shop-st.ff-tab .tchips::-webkit-scrollbar{display:none}.shop-st.ff-land .chip,.shop-st.ff-port .chip,.shop-st.ff-tab .tchips .chip,.shop-st.ff-land .chips .sep,.shop-st.ff-port .chips .sep{flex:none}.shop-st.ff-land .mall-head h1{font-size:15px}.shop-st.ff-land .icb,.shop-st.ff-land .mall .win-x{width:36px;height:36px}.shop-st.ff-land .icb img{width:24px;height:24px}.shop-st.ff-land .icb:after,.shop-st.ff-land .mall .win-x:after,.shop-st.ff-land .slide .btn:after{content:"";position:absolute;inset:-4px}.shop-st.ff-land .cap{height:28px;font-size:12.5px}.shop-st.ff-land .rail{width:calc(128px + var(--sal));padding:6px 0 calc(6px + var(--sab)) calc(6px + var(--sal))}.shop-st.ff-land .rtab{gap:6px;padding:0 8px;font-size:13px}.shop-st.ff-land .rtab .lf{display:none}.shop-st.ff-land .rtab .ls{display:inline}.shop-st.ff-land .rail-topup{min-height:var(--tap);flex-direction:row;justify-content:center;gap:5px;margin:6px 6px 0 0;padding:0 6px;font-size:14px}.shop-st.ff-land .rail-topup img{width:24px;height:24px}.shop-st.ff-land .rail-topup .first{box-shadow:0 0 0 2px var(--dark);position:absolute;top:-7px;right:-3px}.shop-st.ff-land .rail-topup .dot{display:none}.shop-st.ff-land .cbar{margin-bottom:-2px}.shop-st.ff-land .ev{flex-direction:row;gap:5px}.shop-st.ff-land .ev .ring{width:36px;height:36px}.shop-st.ff-land .ev .ring img{width:24px;height:24px}.shop-st.ff-land .ev .dot{left:24px;right:auto}.shop-st.ff-land .ev:after{content:"";position:absolute;inset:-4px}.shop-st.ff-land .hero{height:92px}.shop-st.ff-land .slide{gap:3px;padding:4px 8px 16px 12px}.shop-st.ff-land .slide>*{max-width:50%}.shop-st.ff-land .slide h2{font-size:15px}.shop-st.ff-land .slide p{display:none}.shop-st.ff-land .slide .btn{min-height:34px;margin:0;padding:0 12px;font-size:12.5px}.shop-st.ff-land .hero-ctl{left:auto;right:8px}.shop-st.ff-land .hero-dots button{height:18px}.shop-st.ff-land .tiles{--ah:64px;--pz:.62;gap:8px}.shop-st.ff-land .tile .nm{padding:4px 4px 0;font-size:12px}.shop-st.ff-land .tile .ln{min-height:17px;padding:2px 3px 4px;font-size:10px}.shop-st.ff-land .pb .cur img{width:15px;height:15px}.shop-st.ff-land .badge{min-width:22px;height:18px;padding:0 5px;font-size:10px}.shop-st.ff-land .badge.off{font-size:10px}.shop-st.ff-land .badge img{width:12px;height:12px}.shop-st.ff-land .mag{width:24px;height:24px;top:4px;right:4px}.shop-st.ff-land .mag:after{inset:-10px}.shop-st.ff-land .mag img{width:13px;height:13px}.shop-st.ff-land .tryon{--ds:1.4;--dt:-31px;gap:6px;padding:8px}.shop-st.ff-land .tryon .sect,.shop-st.ff-land .tryon p,.shop-st.ff-land .setline{display:none}.shop-st.ff-land .tstage{height:112px}.shop-st.ff-land .tryon .slots{pointer-events:none;gap:3px}.shop-st.ff-land .tryon .slot{flex:1;width:auto;height:32px}.shop-st.ff-land .tryon .crop{zoom:.7}.shop-st.ff-land .tside{gap:6px}.shop-st.ff-land .dialog{max-height:calc(100dvh - 2 * var(--sab) - 12px)}.shop-st.ff-land .dialog.buy{flex-direction:row;align-items:stretch;gap:12px;width:min(720px,100%);overflow:hidden}.shop-st.ff-land .dialog.buy .dl{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.shop-st.ff-land .dialog.buy .dr{flex:1;min-height:0}.shop-st.ff-land .dialog.buy .drs{overscroll-behavior:contain;flex:1;gap:6px;min-height:0;overflow:auto}.shop-st.ff-land .dialog.buy .box{padding:6px 10px}.shop-st.ff-land .yay{height:96px}.shop-st.ff-port .mall-head .caps{display:none}.shop-st.ff-port .mall-main{flex-direction:column}.shop-st.ff-port .rail{width:auto;padding:6px 0 0;position:relative}.shop-st.ff-port .rail-list{padding:0 30px 0 calc(8px + var(--sal));scroll-snap-type:x proximity;scroll-padding-left:calc(8px + var(--sal));overscroll-behavior-x:contain;flex-direction:row;gap:4px;overflow:auto hidden}.shop-st.ff-port .rtab{scroll-snap-align:start;border:1px solid var(--dark);background:var(--title);color:#fff;border-bottom:0;border-radius:3px 3px 0 0;height:44px;padding:0 11px}.shop-st.ff-port .rtab.on{background:var(--body);color:var(--ink)}.shop-st.ff-port .rtab .dot{box-shadow:0 0 0 2px var(--title);margin:0;position:absolute;top:3px;right:3px}.shop-st.ff-port .rail:after{content:"›";background:var(--dark);border-left:1px solid var(--title);color:#fff;pointer-events:none;place-items:center;width:24px;font-weight:800;display:grid;position:absolute;top:0;bottom:0;right:0}.shop-st.ff-port .rail-topup{display:none}.shop-st.ff-port .mall-act{gap:6px;display:flex}.shop-st .mall-act .cap{background:var(--dark);height:30px;padding-right:9px;font-size:12.5px}.shop-st .mall-act .cap .plus,.shop-st .mall-act .cap:nth-child(4){display:none}.shop-st.ff-port .mall-act .topup{flex:1;max-width:190px;min-height:48px;margin-left:auto;padding:0 10px 0 6px;font-size:15.5px;position:relative}.shop-st .mall-act .topup img{width:26px;height:26px;image-rendering:pixelated}.shop-st .mall-act .first{box-shadow:0 0 0 2px var(--white);position:absolute;top:-8px;right:-4px}.shop-st.ff-port .hero{height:120px}.shop-st.ff-port .slide{padding:6px 10px 20px 12px}.shop-st.ff-port .slide>*{max-width:48%}.shop-st.ff-port .slide h2{font-size:16px}.shop-st.ff-port .slide p{display:none}.shop-st.ff-port .hero-ctl{left:auto;right:8px}.shop-st.ff-port .tryon{z-index:5;border-color:var(--dark);box-shadow:none;position:sticky;top:-10px}.shop-st.ff-port .tryon .crop{zoom:.8}.shop-st.ff-port .acts{flex-flow:column}.shop-st.ff-port .acts .btn{flex:none;width:100%}.shop-st.ff-port .acts .btn.orange{min-height:50px;font-size:16px}.shop-st.ff-port .dialog.buy{padding-bottom:0}.shop-st.ff-port .dialog.buy .acts{padding:8px 4px calc(12px + var(--sab));background:var(--body);margin:0 -4px;position:sticky;bottom:0}.shop-st .mall .win-body{gap:18px}.shop-st .sect .more,.shop-st .help{color:var(--ink);letter-spacing:.02em;font-weight:600}.shop-st .rules,.shop-st .hint,.shop-st .deliver{color:var(--mute)}.shop-st .icb{background:0 0;border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff40}.shop-st .cap{background:0 0;border-radius:2px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff38}.shop-st .cap .plus{background:0 0;border-radius:1px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff40}.shop-st .cap .plus.go{color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:0 0}.shop-st .mall-act .cap{background:var(--dark);box-shadow:none}.shop-st .rail{padding:8px 0}.shop-st .rail-list{gap:0}.shop-st .rtab{color:#c9cfdb;letter-spacing:.02em;border-left:0;border-radius:0;padding:0 14px;font-weight:500;box-shadow:inset 0 -1px #ffffff14}.shop-st .rtab:hover{background:#ffffff0d}.shop-st .rtab.on{color:var(--body);box-shadow:inset 2px 0 0 var(--gold),inset 0 -1px 0 #ffffff14;background:0 0;font-weight:600}.shop-st .rtab.on .i-n{display:none}.shop-st .rtab.on .i-w{display:block}.shop-st .rail-topup{letter-spacing:.03em;border-radius:2px;margin:10px 10px 0;font-weight:600;box-shadow:inset 0 -1px #0003}.shop-st .rail-topup .first,.shop-st .mall-act .first{background:var(--dark);color:var(--body);letter-spacing:.02em;border-radius:1px;font-weight:600}.shop-st.ff-land .rail{padding:6px 0 calc(6px + var(--sab)) var(--sal)}.shop-st.ff-land .rtab{padding:0 10px}.shop-st.ff-land .rail-topup{margin:6px 8px 0}.shop-st.ff-land .rail-topup .first,.shop-st .mall-act .first{box-shadow:0 0 0 1px var(--gold)}.shop-st.ff-port .rail{padding:4px 0 0}.shop-st.ff-port .rtab{color:#c9cfdb;background:0 0;border:0;border-radius:0;box-shadow:inset 0 -1px #ffffff1f}.shop-st.ff-port .rtab.on{background:var(--body);color:var(--ink);box-shadow:inset 0 2px 0 var(--gold)}.shop-st.ff-port .rail:after{border-left:1px solid #ffffff24;font-weight:500}.shop-st .ev{color:var(--mute);font-weight:600}.shop-st .ev .ring{border:1px solid var(--line);box-shadow:none;border-radius:2px}.shop-st .hero{border:1px solid var(--line);border-radius:2px}.shop-st .slide h2,.shop-st .slide.dark h2{background:var(--dark);border-bottom:1px solid var(--gold);color:var(--body);letter-spacing:.03em;padding:5px 12px;font-weight:600}.shop-st .slide p{background:var(--white);color:var(--ink);padding:3px 12px}.shop-st .slide .btn{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--dark);margin-top:6px}.shop-st .hero-dots i{background:var(--white);box-shadow:0 0 0 1px var(--dark)}.shop-st .tile{border:1px solid var(--line);box-shadow:none;border-radius:2px}.shop-st .tile.r-common,.shop-st .tile.soon{--rc:var(--r-common)}.shop-st .tile.gold{--rc:var(--gold);border-color:var(--gold)}.shop-st .tile.free{--rc:var(--up)}.shop-st .tile:hover{filter:none;border-color:var(--gold)}.shop-st.touch .tile:hover{border-color:var(--line)}.shop-st.touch .tile.gold:hover{border-color:var(--gold)}.shop-st .tile:active{box-shadow:none;transform:translateY(1px)}.shop-st .tile.soon:active,.shop-st .tile.own:active{box-shadow:none;transform:none}.shop-st .badge,.shop-st .badge.hot,.shop-st .badge.new,.shop-st .badge.lim{background:var(--dark);height:20px;color:var(--body);letter-spacing:.03em;border-radius:0 0 1px;padding:0 8px;font-size:10.5px;font-weight:600}.shop-st .badge.off{background:var(--hp);color:#fff}.shop-st .mag{border:1px solid var(--line);background:var(--white);border-radius:2px}.shop-st .tile .nm{letter-spacing:.01em;padding:10px 10px 0;font-weight:600}.shop-st .tile .ln{min-height:28px;color:var(--mute);padding:4px 8px 10px}.shop-st .tile .ln .out{color:var(--hp);font-weight:600}.shop-st .tile .ln .have{color:var(--ink);font-weight:600}.shop-st .tile .ln .save{color:var(--up);font-weight:600}.shop-st .pb{border-top:1px solid var(--line);background:var(--white);min-height:40px;color:var(--ink);font:600 15.5px var(--num);letter-spacing:.01em}.shop-st .pb s{color:var(--mute);opacity:1;font-weight:500}.shop-st .pb.gold{background:var(--white);border-top-color:var(--gold);color:var(--gold-d);font-size:16px;font-weight:700}.shop-st .pb.free{background:var(--white);border-top-color:var(--up);color:var(--up);font-size:15px;font-weight:700}.shop-st .pb.grey,.shop-st .pb.own{background:var(--white);border-top-color:var(--line);color:var(--mute);font-weight:500}.shop-st .pb .only,.shop-st .only{color:var(--hp);font-weight:600}.shop-st .chip{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);background:0 0;border-radius:2px;font-weight:500}.shop-st .chip.on{background:var(--dark);color:var(--body);box-shadow:none}.shop-st .tstage{border-radius:2px}.shop-st.ff-port .tryon{border-color:var(--line);box-shadow:0 1px 0 var(--line)}.shop-st .dlg-head h3{letter-spacing:.02em;font-weight:600}.shop-st .box{border:1px solid var(--line);border-radius:2px;padding:10px 12px}.shop-st .box h4{letter-spacing:.02em;font-weight:600}.shop-st .qty input{border:1px solid var(--line);border-radius:2px;font-weight:600}.shop-st .qty .btn.blue{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.shop-st .qty .btn.blue:disabled{color:var(--line);background:0 0}.shop-st .payrow.total{font-weight:700}.shop-st .short b.need{color:var(--hp)}.shop-st .yay,.shop-st .mail-list div{border:1px solid var(--line);border-radius:2px}.shop-st .baht{font-weight:700}.shop-st.ff-land .tiles{gap:10px}.shop-st.ff-land .pb{min-height:30px;font-size:13.5px}.shop-st.ff-land .tile .nm{padding:5px 4px 0}.shop-st.ff-land .tile .ln{min-height:18px;padding:2px 3px 5px}.shop-st.ff-land .badge{height:17px;padding:0 5px;font-size:9.5px}.shop-st.ff-land .mall .win-body{gap:12px}.shop-st.ff-port .tiles,.shop-st.ff-port .fwrap .tiles{gap:10px}.shop-st.ff-port .mall .win-body{gap:14px}.shop-st .icb,.shop-st .cap,.shop-st .cap .plus,.shop-st .cap .plus.go,.shop-st .rtab,.shop-st .rail-topup,.shop-st .chip,.shop-st .slide .btn,.shop-st .hero-dots i,.shop-st .qty .btn.blue{box-shadow:none}.shop-st .icb,.shop-st .cap{background:#ffffff14}.shop-st .cap .plus{background:#ffffff1f}.shop-st .cap .plus.go{background:var(--gold);color:var(--dark)}.shop-st .mall-act .cap{background:var(--dark)}.shop-st .rtab.on{box-shadow:inset 2px 0 0 var(--gold);background:#ffffff0d}.shop-st.ff-port .rtab{box-shadow:none}.shop-st.ff-port .rtab.on{background:var(--body);box-shadow:inset 0 2px 0 var(--gold)}.shop-st.ff-port .rail:after{border-left:0}.shop-st.ff-land .rail-topup .first,.shop-st .mall-act .first,.shop-st .rail-topup .first{box-shadow:none}.shop-st .ev .ring,.shop-st .hero,.shop-st .mag,.shop-st .box,.shop-st .dlg-head .pic,.shop-st .qty input,.shop-st .yay,.shop-st .mail-list div,.shop-st .short{border:0}.shop-st .slide h2,.shop-st .slide.dark h2{border-bottom:0}.shop-st .tile,.shop-st .tile.gold{border:0}.shop-st .tile:hover,.shop-st.touch .tile.gold:hover{box-shadow:0 0 0 1px var(--gold)}.shop-st.touch .tile:hover{box-shadow:none}.shop-st .tile:after{content:"";background:var(--rc,var(--line));flex:none;height:2px}.shop-st .tile.r-common:after,.shop-st .tile.soon:after{background:var(--line)}.shop-st .tile .art,.shop-st .tile.gold .art,.shop-st .tile.free .art{border-bottom:0}.shop-st .pb,.shop-st .pb.gold,.shop-st .pb.free,.shop-st .pb.grey,.shop-st .pb.own{border-top:0}.shop-st .chip{background:var(--white)}.shop-st .chip.on{background:var(--dark)}.shop-st .qty .btn.blue,.shop-st .qty input{background:var(--white)}.shop-st.ff-port .tryon{box-shadow:none;border:0}.shop-st .tiles{gap:16px}.shop-st.ff-land .tiles,.shop-st.ff-port .tiles,.shop-st.ff-port .fwrap .tiles{gap:12px}.shop-st .rail{background:#242a35;padding:8px 0 8px 8px}.shop-st .rtab,.shop-st.ff-port .rtab{color:#c9cfd8;box-shadow:none;background:#323947;border-radius:6px;font-weight:600}.shop-st .rtab:hover{color:#fff;background:#3a414e}.shop-st .rtab.on,.shop-st.ff-port .rtab.on{background:var(--orange);color:#fff;box-shadow:0 2px 0 var(--orange-d);font-weight:700}.shop-st.ff-port .rail:after{background:#242a35;border-left-color:#323947}.shop-st .rail-topup{box-shadow:0 2px 0 var(--orange-d);border-radius:6px}.shop-st .rail-topup .first,.shop-st .mall-act .first{color:var(--gold);box-shadow:0 0 0 1px var(--gold);background:#1f2532}.shop-st .slide h2,.shop-st .slide.dark h2{color:#fff;border-bottom:2px solid var(--orange);background:#2b3442e6}.shop-st .slide p{color:var(--ink);background:#353c4ae6}.shop-st .slide .btn{background:var(--orange);color:#fff;box-shadow:0 2px 0 var(--orange-d)}.shop-st .hero{border-color:var(--edge);border-radius:6px}.shop-st .hero-dots i{box-shadow:none;background:#5a6475}.shop-st .hero-dots button.on i{background:var(--orange)}.shop-st .tile{border:2px solid var(--rc,var(--line));border-radius:6px}.shop-st .tile:not([class*=r-]):not(.gold){border-width:1px}.shop-st .tile:hover,.shop-st.touch .tile.gold:hover{border-color:var(--rc,var(--orange));box-shadow:none;filter:brightness(1.08)}.shop-st .tile.gold{--rc:var(--gold)}.shop-st .tile .art,.shop-st .tile.gold .art,.shop-st .tile.free .art{background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--rc,var(--r-common)) 22%,transparent) 0,transparent 70%),var(--dark);border-bottom:1px solid var(--line)}.shop-st .tile .forchar{background:var(--dark);color:#c9cfd8;box-shadow:inset 0 0 0 1px var(--edge)}.shop-st .tile .forchar .dot{background:var(--orange)}.shop-st .badge,.shop-st .badge.lim{color:#fff;background:#1f2532;border-radius:0 0 4px}.shop-st .badge.hot{background:var(--hp);color:#fff}.shop-st .badge.new{background:var(--blue);color:#fff}.shop-st .mag{border-color:var(--edge);background:var(--dark);border-radius:6px}.shop-st .pb{border-top-color:var(--line);background:#3b4352}.shop-st .pb.gold{color:var(--gold);background:#3b4352}.shop-st .pb.free,.shop-st .pb.grey,.shop-st .pb.own{background:#3b4352}.shop-st .chip{color:#c9cfd8;box-shadow:none;background:#5a6475;border-radius:16px}.shop-st .chip:hover{color:#fff;background:#67728a}.shop-st .chip.on{background:var(--orange);color:#fff}.shop-st .box,.shop-st .mail-list div,.shop-st .yay{border-color:var(--edge);background:var(--white);border-radius:6px}.shop-st .qty input,.shop-st .qty .btn.blue{background:var(--dark);color:var(--ink);box-shadow:inset 0 0 0 1px var(--edge)}.shop-st .dlg-head .pic{border:2px solid var(--rc,var(--line));background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--rc,var(--r-common)) 22%,transparent) 0,transparent 70%),var(--dark);border-radius:6px}.shop-st .short{border-color:var(--orange);background:#4a3a2e}.shop-st .tryon .btn.orange{background:var(--orange)}.shop-st .icb{border-radius:6px}.shop-st .cap{background:var(--dark);box-shadow:inset 0 0 0 1px var(--edge);border-radius:16px}.shop-st .cap .plus{border-radius:50%}.shop-st .tstage:after{background:#3e4a3a}.shop-st.ff-port .rtab.on .i-n{display:none}.shop-st.ff-port .rtab.on .i-w{display:block}.shop-st .slide{background-color:#2c323e;background-position:100%;background-repeat:no-repeat;background-size:auto 100%;box-shadow:inset 0 0 0 1px #566072}.shop-st .slide:before{content:"";width:min(100%,calc(100% - 600px * var(--hs,1) + 260px));pointer-events:none;background:linear-gradient(90deg,#2c323e 0 calc(100% - 260px),#2c323e00 100%);position:absolute;inset:0 auto 0 0}.shop-st .slide{position:relative}.shop-st .slide>*{z-index:1;position:relative}.shop-st .tile .ds{color:var(--mute);text-overflow:ellipsis;white-space:nowrap;margin:3px 8px 0;font-size:11.5px;line-height:1.35;overflow:hidden}.shop-st .tile .times{flex-wrap:wrap;justify-content:center;gap:4px;margin:6px 6px 0;display:flex}.shop-st .tile .tm{background:var(--dark);color:#c9cfd8;min-width:52px;min-height:28px;box-shadow:inset 0 0 0 1px var(--edge);cursor:pointer;border:0;border-radius:14px;padding:0 9px;font:700 12px Noto Sans Thai,sans-serif;position:relative}.shop-st .tile .tm:after{content:"";position:absolute;inset:-4px -2px}.shop-st .tile .tm:hover{color:#fff;box-shadow:inset 0 0 0 1px #8c96a8}.shop-st .tile .tm.on{background:var(--orange);color:#fff;box-shadow:0 2px 0 var(--orange-d)}.shop-st .tile .tm.off{opacity:.55}.shop-st .tile .tm:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.shop-st .cbar{align-items:center;min-height:40px;margin-bottom:-2px;padding:0 2px}.shop-st .evs{align-items:center;gap:8px}.shop-st .ev{background:var(--dark);min-height:36px;box-shadow:inset 0 0 0 1px var(--edge);color:var(--ink);border-radius:18px;flex-direction:row;gap:6px;padding:0 12px 0 4px;font-size:12px}.shop-st .ev .ring{background:0 0;border:0;border-radius:50%;width:28px;height:28px}.shop-st .ev .ring img{width:22px;height:22px}.shop-st .ev .dot{top:-4px;right:-4px}.shop-st .ev .cd{font-size:12px}.shop-st.ff-port .tile .times,.shop-st.ff-land .tile .times{flex-wrap:nowrap;gap:3px;margin:5px 4px 0}.shop-st.ff-port .tile .tm,.shop-st.ff-land .tile .tm{white-space:nowrap;flex:1 1 0;min-width:0;padding:0 2px;font-size:11px}.shop-st.ff-port .tile .ds{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.shop-st .mag img,.shop-st .help img{filter:brightness(0)invert(.86)}.shop-st .box.howto p{color:var(--ink);margin:0 0 4px;font-size:12.5px;line-height:1.5}.shop-st .box.howto p:last-child{margin-bottom:0}.shop-st .box.howto .dl-k{color:var(--orange);font-weight:700}.shop-st .mall{width:min(1400px,100%);height:min(900px,calc(100dvh - var(--pv) - 24px))}.shop-st .mall-head{min-height:44px;padding-top:4px;padding-bottom:4px}.shop-st .mall .win-body{gap:10px;padding:10px 12px}.shop-st .blk{gap:6px}.shop-st .rail{width:136px;padding:6px 0 6px 6px}.shop-st .rail-list{gap:3px;padding-right:6px}.shop-st .rtab{gap:7px;height:34px;padding:0 9px;font-size:12.5px}.shop-st.touch .rtab{height:var(--tap)}.shop-st .rtab img{width:18px;height:18px}.shop-st .rail-topup{flex-direction:row;justify-content:center;gap:6px;min-height:40px;margin:8px 6px 0 0;padding:0 8px;font-size:13.5px}.shop-st .rail-topup img{width:24px;height:24px}.shop-st .rail-topup .first{position:absolute;top:-8px;right:-2px}.shop-st:not(.touch) .chip{min-height:30px;padding:0 12px;font-size:12px}.shop-st:not(.touch) .help,.shop-st .cbar,.shop-st .ev{min-height:32px}.shop-st.touch .ev{min-height:var(--tap)}.shop-st.touch .cap .plus:after{inset:-10px}.shop-st .tiles,.shop-st.ff-tab .tiles{--ah:78px;--pz:1;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.shop-st .fwrap .tiles,.shop-st.ff-tab .fwrap .tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.shop-st .tile .pic img{width:60px;height:60px}.shop-st .tile .nm{padding:5px 6px 0;font-size:12.5px;line-height:1.3}.shop-st .tile .ds{margin:2px 6px 0;font-size:11px}.shop-st .tile .forchar{margin:3px 6px 0;padding:0 6px;font-size:10px;line-height:16px}.shop-st .tile .times{gap:3px;margin:4px 4px 0}.shop-st .tile .tm{min-width:0;min-height:24px;padding:0 8px;font-size:11px}.shop-st .tile .ln{min-height:0;padding:2px 6px 4px;font-size:10.5px}.shop-st .pb{gap:4px;min-height:32px;font-size:14px}.shop-st .pb .cur img{width:15px;height:15px}.shop-st .pb.gold{font-size:14.5px}.shop-st .badge,.shop-st .badge.hot,.shop-st .badge.new,.shop-st .badge.lim,.shop-st .badge.off{min-width:0;height:18px;padding:0 6px;font-size:10px}.shop-st .badge img{width:13px;height:13px}.shop-st .mag{width:22px;height:22px;top:4px;right:4px}.shop-st .mag:after{inset:-8px}.shop-st .mag img{width:13px;height:13px}.shop-st.touch .mag:after{inset:-11px}.shop-st.touch .tile .tm:after{inset:-10px -2px}.shop-st .fwrap{grid-template-columns:224px minmax(0,1fr);gap:10px}.shop-st .tryon{--tp-h:224px;gap:6px;padding:8px}.shop-st .tryon .sect{font-size:13px}.shop-st .tryon>p.mute{line-height:1.35;font-size:11px!important}.shop-st.ff-tab .fwrap{grid-template-columns:196px minmax(0,1fr);gap:8px}.shop-st.ff-tab .tryon{flex-direction:column;padding:8px;display:flex;position:sticky;top:0}.shop-st.ff-desk .dialog,.shop-st.ff-tab .dialog{gap:10px;padding:16px}.shop-st .dlg-head{gap:10px}.shop-st .dlg-head .pic{width:56px;height:56px}.shop-st .dlg-head .pic img{width:48px;height:48px}.shop-st .dlg-head h3{font-size:15.5px}.shop-st .box{padding:8px 10px}.shop-st .dl,.shop-st .dr,.shop-st .drs{gap:8px}.shop-st .dialog.buy .dp{grid-area:dp;min-width:0}.shop-st .dialog.buy .dl{grid-area:dl}.shop-st .dialog.buy .dr{grid-area:dr}.shop-st.ff-desk .dialog.buy.wtry,.shop-st.ff-tab .dialog.buy.wtry{grid-template:"dp dl""dp dr"1fr/236px minmax(0,1fr);align-items:start;gap:10px 14px;width:min(680px,100%);display:grid}.shop-st .dialog.buy .dp{--tp-h:236px}.shop-st.ff-land .tiles{--ah:70px;--pz:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.shop-st.ff-land .fwrap .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-st.ff-land .tile .pic img,.shop-st.ff-port .tile .pic img{width:52px;height:52px}.shop-st.ff-land .tile .nm,.shop-st.ff-port .tile .nm{padding:4px 4px 0;font-size:11.5px}.shop-st.ff-land .tile .ln,.shop-st.ff-port .tile .ln{min-height:0;padding:2px 4px 4px;font-size:10px}.shop-st.ff-land .pb,.shop-st.ff-port .pb{min-height:30px;font-size:13px}.shop-st.ff-land .badge,.shop-st.ff-port .badge{height:17px;padding:0 5px;font-size:9.5px}.shop-st.ff-land .mag,.shop-st.ff-port .mag{width:22px;height:22px;top:3px;right:3px}.shop-st.ff-land .mag:after,.shop-st.ff-port .mag:after{inset:-11px}.shop-st.ff-land .fwrap{grid-template-columns:168px minmax(0,1fr);gap:8px}.shop-st.ff-land .tryon{--tp-h:170px;gap:6px;padding:6px}.shop-st .tp-bar{flex-wrap:wrap}.shop-st.ff-land .tryon .tp-note{display:none}.shop-st.ff-land .dialog.buy .dp{--tp-h:min(210px,calc(100dvh - 130px));flex:0 0 176px;min-height:0;overflow:auto}.shop-st.ff-port .tiles,.shop-st.ff-port .fwrap .tiles{--ah:66px;--pz:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.shop-st.ff-port .tryon{z-index:5;--tp-h:170px;padding:8px;display:block;position:sticky;top:-10px}.shop-st.ff-port .tryon .tp{grid-template:"st bar""st list""st wear"1fr/120px minmax(0,1fr);align-items:start;gap:6px 8px;display:grid}.shop-st.ff-port .tryon .tp-stage{grid-area:st}.shop-st.ff-port .tryon .tp-bar{grid-area:bar}.shop-st.ff-port .tryon .tp-list{grid-area:list}.shop-st.ff-port .tryon .tp-wear{grid-area:wear}.shop-st.ff-port .tryon .tp-note{display:none}.shop-st.ff-port .dialog.buy .dl{order:0}.shop-st.ff-port .dialog.buy .dp{--tp-h:170px;order:1}.shop-st.ff-port .dialog.buy .dr{order:2}.shop-st .cbar{flex-wrap:nowrap;gap:8px}.shop-st .cbar .chips{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;flex:0 auto;min-width:0;overflow-x:auto}.shop-st .cbar .chips::-webkit-scrollbar{display:none}.shop-st .cbar .chip{flex:none}.shop-st.ff-tab .cbar,.shop-st.ff-port .cbar{flex-wrap:wrap}.shop-st.ff-tab .cbar .chips,.shop-st.ff-port .cbar .chips{flex:1 0 100%;order:3}.shop-st.ff-land .tiles{--ah:60px}.shop-st.ff-land .tile .pic img{width:48px;height:48px}.shop-st.ff-port .tryon .tp{grid-template-columns:132px minmax(0,1fr)}.shop-st .blk .tiles{grid-template-columns:repeat(6,minmax(0,1fr))}.shop-st.ff-tab .blk .tiles,.shop-st.ff-land .blk .tiles,.shop-st.ff-port .blk .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-st.ff-land .mall .win-body{gap:6px;padding-top:6px}.av-intro{z-index:50;color:#fff;-webkit-user-select:none;user-select:none;--bar:min(9vh, 72px);background:#000;font-family:inherit;position:fixed;inset:0;overflow:hidden}.av-intro *,.av-intro :before,.av-intro :after{animation-fill-mode:both!important}.av-intro.hold *,.av-intro.hold :before,.av-intro.hold :after{animation-play-state:paused!important}.av-intro .ai-shake{animation:ai-shake .5s calc(var(--t-hero) - .1s) linear;position:absolute;inset:0}@keyframes ai-shake{0%,to{transform:none}15%{transform:translate(-6px,3px)}30%{transform:translate(5px,-4px)}45%{transform:translate(-4px,-2px)}60%{transform:translate(3px,3px)}80%{transform:translate(-1px,1px)}}.av-intro .ai-shake>img,.av-intro .ai-shake>i,.av-intro>i{pointer-events:none;display:block;position:absolute}@keyframes ai-show{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes ai-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.av-intro .ai-sky{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;will-change:transform, opacity;animation:ai-sky calc(var(--t-battle) + .4s) linear 0s;inset:0}@keyframes ai-sky{0%{opacity:0;transform:scale(1.22)translateY(4%)}12%{opacity:1}95%{opacity:1}to{opacity:0;visibility:hidden;transform:scale(1)translateY(0)}}.av-intro .ai-sun{will-change:transform, opacity;width:120vmax;height:120vmax;animation:ai-sun calc(var(--t-isles) - var(--t-runes) + 1s) var(--t-runes) ease-out;background:radial-gradient(circle,#fff8d8 0%,#ffe39acc 10%,#ffcf6a55 24%,#ffb44a00 50%);border-radius:50%;margin:-60vmax 0 0 -60vmax;top:50%;left:50%}@keyframes ai-sun{0%{opacity:0;transform:translateY(45%)scale(.6)}35%{opacity:1}80%{opacity:.85;transform:translateY(0)scale(1)}to{opacity:0;visibility:hidden;transform:translateY(-4%)scale(1.1)}}.av-intro .ai-winds{pointer-events:none;animation:ai-show var(--t-isles) 0s;position:absolute;inset:0}.av-intro .ai-winds i{width:var(--w);background:linear-gradient(90deg,#fff0,#ffffffb0,#fff0);border-radius:2px;height:2px;animation:3.1s linear infinite ai-wind;position:absolute;left:0}@keyframes ai-wind{0%{opacity:0;transform:translate(-40vw)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(120vw)}}.av-intro .ai-chapter{pointer-events:none;text-shadow:0 2px 12px #0009;flex-direction:column;align-items:center;gap:6px;margin:0;animation:3.8s ease-out .3s ai-chapter;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.av-intro .ai-chapter span{letter-spacing:.4em;color:#fff6dc;font-size:clamp(13px,1.6vw,17px)}.av-intro .ai-chapter b{letter-spacing:.3em;color:#fff;font-size:clamp(30px,6vw,64px)}@keyframes ai-chapter{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}25%{opacity:1}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;visibility:hidden;transform:translate(-50%,-60%)scale(1.04)}}.av-intro .ai-stars{pointer-events:none;position:absolute;inset:0}.av-intro .ai-stars i{transform-origin:100%;background:linear-gradient(90deg,#fff0,#fff 85%,#fffbe0);border-radius:2px;width:140px;height:2px;animation:1.1s ease-in ai-star;position:absolute}@keyframes ai-star{0%{opacity:0;transform:rotate(-24deg)translate(-30vw)scaleX(.3)}20%{opacity:1}to{opacity:0;visibility:hidden;transform:rotate(-24deg)translate(20vw)scaleX(1)}}.av-intro .ai-ship{width:clamp(72px,9vw,120px);image-rendering:pixelated;animation:7.5s linear .5s ai-ship;top:22%;left:0}@keyframes ai-ship{0%{opacity:0;transform:translate(-15vw)}8%{opacity:1}25%{transform:translate(18vw,-6px)}50%{transform:translate(50vw,4px)}75%{transform:translate(82vw,-4px)}92%{opacity:1}to{opacity:0;visibility:hidden;transform:translate(110vw)}}.av-intro .ai-ring{aspect-ratio:1;pointer-events:none;width:min(62vmin,440px);animation:ai-ring calc(var(--t-isles) - var(--t-runes) + .3s) var(--t-runes);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}@keyframes ai-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}to{opacity:0;visibility:hidden;transform:translate(-50%,-50%)scale(1.9)}}.av-intro .ai-ring svg{width:100%;height:100%;animation:ai-spin 30s linear var(--t-runes);overflow:visible}@keyframes ai-spin{to{transform:rotate(360deg)}}.av-intro .ai-ring circle,.av-intro .ai-ring path{fill:none;stroke:#ffe7a3;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.av-intro .ai-ring circle{stroke-dasharray:600;stroke-dashoffset:600px;animation:ai-draw 1.8s var(--t-runes) ease-in-out}.av-intro .ai-ring .r2{stroke:#8ff3ff;stroke-width:1px;animation-delay:calc(var(--t-runes) + .3s)}.av-intro .ai-ring .r3{stroke-dasharray:4 6;stroke-dashoffset:0;stroke-width:.8px;animation:ai-show 3.6s calc(var(--t-runes) + .6s)}@keyframes ai-draw{to{stroke-dashoffset:0}}.av-intro .ai-ring .marks path{stroke:#8ff3ff;stroke-width:1.4px;animation-name:ai-rune;animation-duration:.9s}@keyframes ai-rune{0%{opacity:0;stroke:#8ff3ff;stroke-width:1.4px}40%{opacity:1;stroke:#fff;stroke-width:2.6px}to{opacity:1;stroke:#8ff3ff;stroke-width:1.4px}}.av-intro .ai-ring img{width:34%;image-rendering:pixelated;animation:ai-emblem 3.6s calc(var(--t-runes) + .5s);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ai-emblem{0%{opacity:0;transform:translate(-50%,-40%)scale(.6)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}60%{transform:translate(-50%,-54%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.av-intro .ai-pillar{transform-origin:50% 54%;width:min(14vmin,110px);animation:ai-pillar 1.4s calc(var(--t-isles) - .9s) ease-out;background:linear-gradient(90deg,#fff0,#fffbe0ee 40%,#fff 50%,#fffbe0ee 60%,#fff0);margin-left:calc(min(14vmin,110px)/-2);top:0;bottom:0;left:50%}@keyframes ai-pillar{0%{opacity:0;transform:scaleX(.1)scaleY(0)}30%{opacity:1;transform:scaleX(1)scaleY(1)}to{opacity:0;visibility:hidden;transform:scaleX(3)scaleY(1)}}.av-intro .ai-isles{pointer-events:none;position:absolute;inset:0}.av-intro .ai-isle{will-change:transform, opacity;width:min(92vw,150vh);margin:0;animation:.95s ease-out ai-isle;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.av-intro .ai-isle img{width:100%;image-rendering:pixelated;display:block;-webkit-mask-image:radial-gradient(50% 50%,#000 62%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 62%,#0000 100%)}@keyframes ai-isle{0%{opacity:0;transform:translate(-50%,-50%)scale(1.25)rotate(-2deg)}18%{opacity:1}80%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;visibility:hidden;transform:translate(-50%,-50%)scale(.94)}}.av-intro .ai-isle.home{animation:ai-home calc(var(--t-battle) - var(--t-isles) - 4s + .2s) ease-in}@keyframes ai-home{0%{opacity:0;transform:translate(-50%,-50%)scale(1.25)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}70%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}to{opacity:0;visibility:hidden;transform:translate(-50%,-50%)scale(2.6)}}.av-intro .ai-isle figcaption{color:#ffe7a3;letter-spacing:.08em;white-space:nowrap;background:#0b1222cc;border:1px solid #f2cf8699;border-radius:6px;padding:6px 18px;font-size:clamp(16px,2.6vw,26px);font-weight:700;animation:.85s ease-out ai-tag;position:absolute;top:6%;left:50%;transform:translate(-50%)}.av-intro .ai-isle.home figcaption{animation-duration:1.3s}@keyframes ai-tag{0%{opacity:0;transform:translate(-50%)translateY(-8px)}20%{opacity:1;transform:translate(-50%)translateY(0)}85%{opacity:1}to{opacity:0}}.av-intro .ai-battle{pointer-events:none;animation:ai-show calc(var(--t-boss) - var(--t-battle) + .3s) var(--t-battle);position:absolute;inset:0}.av-intro .ab-ground{width:max(min(92vw,150vh),70vh);image-rendering:pixelated;animation:ai-ground calc(var(--t-boss) - var(--t-battle)) var(--t-battle) linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)scale(2.6)}@keyframes ai-ground{0%{transform:translate(-50%,-46%)scale(2.6)}to{transform:translate(-52%,-46%)scale(2.75)}}.av-intro .ab-shade{background:radial-gradient(80% 70% at 50% 60%,#0002 30%,#000a 100%);position:absolute;inset:0}.av-intro .ai-land{aspect-ratio:1;pointer-events:none;width:min(30vmin,230px);position:absolute;bottom:22%;left:30%;transform:translate(-50%)}.av-intro .ai-land canvas{width:100%;height:100%;animation:ai-drop .6s calc(var(--t-battle) + .4s) cubic-bezier(.3, 1.5, .5, 1);position:absolute;inset:0}@keyframes ai-drop{0%{opacity:0;transform:translateY(-60%)scale(.6)}to{opacity:1;transform:none}}.av-intro .ai-beam{transform-origin:bottom;height:100vh;animation:ai-beam 1.1s calc(var(--t-battle) + 50ms) ease-out;background:linear-gradient(#fff0,#fffbe0aa 70%,#fffbe0);position:absolute;bottom:12%;left:30%;right:30%}@keyframes ai-beam{0%{opacity:0;transform:scaleY(0)}35%{opacity:1;transform:scaleY(1)}to{opacity:0;visibility:hidden;transform:scaleY(1)scaleX(.2)}}.av-intro .ai-wave{width:100%;height:30%;animation:ai-wave .9s calc(var(--t-battle) + .9s) ease-out;border:3px solid #fff3c4;border-radius:50%;margin-left:-50%;position:absolute;bottom:8%;left:50%}@keyframes ai-wave{0%{opacity:1;transform:scale(.2)}to{opacity:0;visibility:hidden;transform:scale(2.4)}}.av-intro .ab-mon{width:min(30vmin,240px);height:min(30vmin,240px);image-rendering:pixelated;animation:ai-mon calc(var(--t-boss) - var(--t-battle)) var(--t-battle);background:radial-gradient(30% 7% at 50% 86%,#0007,#0000);margin-left:calc(min(30vmin,240px)/-2);position:absolute;transform:scaleX(-1)}@keyframes ai-mon{0%{opacity:0;transform:scaleX(-1)translate(-8vw)}12%{opacity:1;transform:scaleX(-1)translate(0)}62%{opacity:1}72%{opacity:0;visibility:hidden}to{opacity:0;visibility:hidden}}.av-intro .ab-fx{image-rendering:auto;width:min(58vmin,460px);position:absolute;bottom:18%;left:72%;transform:translate(-50%)}.av-intro .ab-dmg{color:#fff;-webkit-text-stroke:1px #3a1a00;text-shadow:0 2px #3a1a00,0 0 6px #000a;flex-direction:column;align-items:center;font-size:clamp(22px,3.4vw,38px);font-weight:900;line-height:1;animation:.9s ease-out ai-dmg;display:flex;position:absolute}.av-intro .ab-dmg.crit{color:#ffcf3a;font-size:clamp(28px,4.6vw,54px)}.av-intro .ab-dmg small{letter-spacing:.12em;color:#ff6a3a;font-size:.38em}@keyframes ai-dmg{0%{opacity:0;transform:translateY(0)scale(.4)}15%{opacity:1;transform:translateY(-10px)scale(1.35)}35%{transform:translateY(-18px)scale(1)}80%{opacity:1}to{opacity:0;visibility:hidden;transform:translateY(-48px)scale(1)}}.av-intro .ab-loot{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:30%;left:66%;transform:translate(-50%)}.av-intro .ab-coin{color:#ffe27a;text-shadow:0 2px #3a2400,0 0 6px #000;align-items:center;gap:6px;font-size:clamp(16px,2.2vw,24px);font-weight:800;animation:2.4s ease-out ai-pop;display:flex}.av-intro .ab-coin img{width:clamp(24px,3vw,36px);image-rendering:pixelated}.av-intro .ab-drop{flex-direction:column;align-items:center;gap:4px;animation:2.4s cubic-bezier(.3,1.6,.5,1) ai-pop;display:flex}.av-intro .ab-drop i{aspect-ratio:1;width:clamp(84px,12vw,132px);image-rendering:pixelated;background-size:100% 100%;border-radius:12px;place-items:center;display:grid;box-shadow:0 0 24px 6px #ffb84a99}.av-intro .ab-drop img{width:72%;image-rendering:pixelated}.av-intro .ab-drop b{letter-spacing:.1em;color:#ffb84a;text-shadow:0 2px #3a1a00,0 0 8px #000;font-size:clamp(20px,3vw,32px)}@keyframes ai-pop{0%{opacity:0;transform:translateY(30px)scale(.3)}20%{opacity:1;transform:translateY(-8px)scale(1.15)}32%{transform:translateY(0)scale(1)}85%{opacity:1}to{opacity:0;visibility:hidden}}.av-intro .ab-lvl{letter-spacing:.06em;color:#fff3a8;-webkit-text-stroke:1.5px #6a3b00;text-shadow:0 3px #6a3b00,0 0 18px #ffd34a;white-space:nowrap;animation:ai-lvl 1.9s calc(var(--t-battle) + 4.9s) cubic-bezier(.3, 1.6, .5, 1);font-size:clamp(30px,5vw,60px);font-weight:900;position:absolute;bottom:52%;left:30%;transform:translate(-50%)}@keyframes ai-lvl{0%{opacity:0;transform:translate(-50%)scale(.3)}20%{opacity:1;transform:translate(-50%)scale(1.15)}35%{transform:translate(-50%)scale(1)}85%{opacity:1;transform:translate(-50%)translateY(-8px)}to{opacity:0;visibility:hidden;transform:translate(-50%)translateY(-20px)}}.av-intro .ai-boss{pointer-events:none;animation:ai-show calc(var(--t-crew) - var(--t-boss) + .3s) var(--t-boss);position:absolute;inset:0;overflow:hidden}.av-intro .ab-red{background:radial-gradient(70% 70% at 50% 55%,#6b1010 0%,#2a0505 60%,#0a0000 100%);position:absolute;inset:0}.av-intro .ab-warn{white-space:nowrap;background:repeating-linear-gradient(-45deg,#fc0 0 14px,#1a1a1a 14px 28px);padding:6px 0;position:absolute;left:0;right:0;overflow:hidden}.av-intro .ab-warn.top{top:calc(var(--bar) + 2vh)}.av-intro .ab-warn.bottom{bottom:calc(var(--bar) + 2vh)}.av-intro .ab-warn span{color:#fc0;letter-spacing:.3em;animation:ai-ticker 3.5s var(--t-boss) linear;background:#1a1a1a;padding:2px 0;font-size:clamp(14px,2vw,20px);font-weight:900;display:inline-block}.av-intro .ab-warn.bottom span{animation-direction:reverse}@keyframes ai-ticker{0%{transform:translate(0)}to{transform:translate(-40%)}}.av-intro .ab-golem{will-change:transform, opacity;height:min(58vh,460px,100vw);animation:ai-golem calc(var(--t-crew) - var(--t-boss)) calc(var(--t-boss) + .6s) cubic-bezier(.5, 0, .6, 1.4);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}@keyframes ai-golem{0%{opacity:0;transform:translate(-50%,-160%)scale(.8)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}20%{transform:translate(-50%,-48%)scale(1)}24%,32%{transform:translate(-51%,-50%)scale(1)}28%{transform:translate(-49%,-50%)scale(1)}60%{transform:translate(-50%,-50%)scale(1.08)}to{opacity:1;transform:translate(-50%,-50%)scale(1.12)}}.av-intro .ab-bossname{letter-spacing:.3em;color:#ff4a3a;-webkit-text-stroke:2px #2a0000;text-shadow:0 0 24px #ff2a1a;animation:ai-slam 2.6s calc(var(--t-boss) + 1.1s) ease-out;font-size:clamp(40px,8vw,96px);font-weight:900;position:absolute;top:18%;left:50%;transform:translate(-50%)}@keyframes ai-slam{0%{opacity:0;transform:translate(-50%)scale(2.4)}12%{opacity:1;transform:translate(-50%)scale(1)}85%{opacity:1}to{opacity:0;visibility:hidden;transform:translate(-50%)scale(1.05)}}.av-intro .ai-crew{pointer-events:none;animation:ai-show calc(var(--t-hero) - var(--t-crew) + .2s) var(--t-crew);background:#0b1022;position:absolute;inset:0;overflow:hidden}.av-intro .ac-panel{object-fit:cover;width:30%;height:100%;animation:ai-panel calc(var(--t-hero) - var(--t-crew)) ease-out;border-left:3px solid #f2cf86;position:absolute;top:0;transform:skew(-8deg)}@keyframes ai-panel{0%{opacity:0;transform:skew(-8deg)translateY(30%)}14%{opacity:1;transform:skew(-8deg)translateY(0)}to{opacity:1;transform:skew(-8deg)translateY(-3%)}}.av-intro .ac-pets{left:50%;bottom:calc(var(--bar) + 12vh);gap:clamp(6px,1.4vw,18px);display:flex;position:absolute;transform:translate(-50%)}.av-intro .ac-pets img{width:clamp(48px,7vw,88px);image-rendering:pixelated;animation:2s cubic-bezier(.3,1.8,.5,1) ai-pet}@keyframes ai-pet{0%{opacity:0;transform:translateY(40px)scale(.4)}25%{opacity:1;transform:translateY(-10px)scale(1.1)}40%{transform:translateY(0)scale(1)}70%{transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.av-intro .ai-flash{opacity:0;animation:ai-flash 1.1s calc(var(--t-hero) - .15s);background:#fff;inset:0}@keyframes ai-flash{0%{opacity:0}14%{opacity:.95}to{opacity:0;visibility:hidden}}.av-intro .ai-hero{object-fit:cover;will-change:transform, opacity;width:100%;height:100%;animation:ai-hero calc(var(--t-out) - var(--t-hero) + 1.5s) var(--t-hero) ease-out;inset:0}@keyframes ai-hero{0%{opacity:0;transform:scale(1.16)}4%{opacity:1}58%{opacity:1;transform:scale(1.03)}68%{opacity:.4}to{opacity:.35;transform:scale(1)}}.av-intro .ai-rays{width:160vmax;height:160vmax;animation:ai-rays calc(var(--t-title) - var(--t-hero)) var(--t-hero) linear;background:repeating-conic-gradient(#fff0 0deg 9deg,#fff3 11deg,#fff0 13deg 24deg);border-radius:50%;margin:-80vmax 0 0 -80vmax;top:50%;left:50%}@keyframes ai-rays{0%{opacity:0;transform:rotate(0)}10%{opacity:.55}80%{opacity:.35}to{opacity:0;visibility:hidden;transform:rotate(40deg)}}.av-intro .ai-plate{left:7vw;bottom:calc(var(--bar) + 6vh);pointer-events:none;text-shadow:0 2px 12px #000c,0 0 2px #000;max-width:86vw;animation:ai-plate calc(var(--t-title) - var(--t-hero) - .5s) calc(var(--t-hero) + .5s);flex-direction:column;gap:4px;display:flex;position:absolute}@keyframes ai-plate{0%{opacity:0;transform:translate(-6vw)}14%{opacity:1;transform:translate(0)}86%{opacity:1;transform:translate(1vw)}to{opacity:0;visibility:hidden;transform:translate(3vw)}}.av-intro .ai-cls{background:var(--accent,#3d6df2);color:#0b1022;letter-spacing:.08em;text-shadow:none;border-radius:4px;align-self:flex-start;padding:3px 12px;font-size:clamp(13px,1.8vw,18px);font-weight:700}.av-intro .ai-name{letter-spacing:.02em;overflow-wrap:anywhere;font-size:clamp(34px,7vw,88px);line-height:1.05}.av-intro .ai-name span{white-space:pre;animation:.5s cubic-bezier(.2,1.4,.4,1) ai-letter;display:inline-block}@keyframes ai-letter{0%{opacity:0;transform:translateY(.4em)scale(1.6)}to{opacity:1;transform:none}}.av-intro .ai-of{opacity:.9;letter-spacing:.12em;font-size:clamp(13px,1.7vw,18px)}.av-intro .ai-title{text-align:center;pointer-events:none;text-shadow:0 2px 10px #000d;width:min(88vw,720px);animation:ai-show calc(var(--t-out) - var(--t-title) + 1.5s) var(--t-title);flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.av-intro .ai-logo{width:100%;-webkit-mask-image:var(--logo);-webkit-mask-image:var(--logo);mask-image:var(--logo);animation:ai-logo 1.8s var(--t-title) cubic-bezier(.2, .8, .2, 1.2);display:block;position:relative;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%}.av-intro .ai-logo img{width:100%;image-rendering:pixelated;display:block}@keyframes ai-logo{0%{opacity:0;transform:scale(1.35)}40%{opacity:1}to{opacity:1;transform:scale(1)}}.av-intro .ai-glint{width:18%;animation:ai-glint 1s calc(var(--t-title) + 1.2s) ease-in-out;background:linear-gradient(90deg,#fff0,#ffffffd0,#fff0);position:absolute;top:0;bottom:0;left:0;transform:translate(-120%)skew(-20deg)}@keyframes ai-glint{0%{transform:translate(-120%)skew(-20deg)}to{transform:translate(650%)skew(-20deg)}}.av-intro .ai-welcome{letter-spacing:.14em;color:#ffe7a3;animation:ai-rise 1s calc(var(--t-title) + .9s);font-size:clamp(16px,2.6vw,26px);font-weight:700}.av-intro .ai-begins{animation:ai-rise 1s calc(var(--t-title) + 1.7s);font-size:clamp(15px,2.2vw,22px)}.av-intro .ai-cap,.av-intro .ai-call{left:50%;bottom:calc(var(--bar) + 3vh);text-align:center;pointer-events:none;width:min(90vw,820px);margin:0;animation-name:ai-cap;position:absolute;transform:translate(-50%)}.av-intro .ai-cap{letter-spacing:.06em;text-shadow:0 2px 8px #000e,0 0 3px #000,0 0 1px #000;font-size:clamp(16px,2.4vw,24px);font-weight:700}.av-intro .ai-call{letter-spacing:.04em;color:#fff;-webkit-text-stroke:1px #0b1022;text-shadow:0 3px #0b1022,0 0 14px #000c;font-size:clamp(20px,3.4vw,36px);font-weight:900}.av-intro .c1{animation-duration:3.2s;animation-delay:1s}.av-intro .c2{animation-delay:calc(var(--t-runes) + .4s);animation-duration:3.4s}.av-intro .f1{animation-delay:calc(var(--t-isles) + .2s);animation-duration:calc(var(--t-battle) - var(--t-isles) - .4s)}.av-intro .f2{animation-delay:calc(var(--t-battle) + .6s);animation-duration:calc(var(--t-boss) - var(--t-battle) - .8s)}.av-intro .f3{animation-delay:calc(var(--t-boss) + 1.4s);animation-duration:calc(var(--t-crew) - var(--t-boss) - 1.5s);color:#ffd0c8}.av-intro .f4{animation-delay:calc(var(--t-crew) + .4s);animation-duration:calc(var(--t-hero) - var(--t-crew) - .5s)}@keyframes ai-cap{0%{opacity:0;transform:translate(-50%,8px)}12%{opacity:1;transform:translate(-50%)}88%{opacity:1}to{opacity:0;visibility:hidden}}.av-intro .ai-bar{height:var(--bar);background:#000;animation:1.4s ai-bar;left:0;right:0}.av-intro .ai-bar.top{transform-origin:top;top:0}.av-intro .ai-bar.bottom{transform-origin:bottom;bottom:0}@keyframes ai-bar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.av-intro>.ai-iris{width:40vmax;height:40vmax;animation:ai-iris calc(35s - var(--t-out)) var(--t-out) cubic-bezier(.4, 0, .7, 1);border-radius:50%;margin:-20vmax 0 0 -20vmax;top:50%;left:50%;box-shadow:0 0 0 200vmax #000}@keyframes ai-iris{0%{transform:scale(3)}to{transform:scale(0)}}.av-intro .ai-out{opacity:0;background:#000;animation:none;inset:0}@keyframes ai-out{0%{opacity:0}to{opacity:1}}.av-intro.leaving .ai-out{animation:.45s ease-in ai-out!important}.av-intro .ai-skip{right:max(16px,3vw);bottom:calc(var(--bar) / 2);z-index:4;color:#fff;letter-spacing:.06em;cursor:pointer;background:#0008;border:1px solid #fff5;border-radius:999px;padding:8px 16px;font-size:14px;animation:.6s ai-rise;position:absolute;transform:translateY(50%);animation-play-state:running!important}.av-intro .ai-skip:hover,.av-intro .ai-skip:focus-visible{background:#000c;border-color:#fff}.av-intro .ai-hint{left:max(16px,3vw);bottom:calc(var(--bar) / 2);z-index:4;letter-spacing:.06em;color:#fff9;pointer-events:none;font-size:12px;position:absolute;transform:translateY(50%);animation:6s ai-hint!important}@keyframes ai-hint{0%,to{opacity:0}15%,75%{opacity:1}}.av-intro .ai-bursts{pointer-events:none;z-index:3;position:absolute;inset:0}.av-intro .ai-bursts span{width:0;height:0;position:absolute}.av-intro .ai-bursts i{background:radial-gradient(circle,#fff 0% 25%,#8ff3ff 50%,#8ff3ff00 72%);border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:-7px;animation:.85s ease-out ai-burst!important}@keyframes ai-burst{0%{opacity:1;transform:rotate(var(--a)) translateX(0) scale(1.4)}to{opacity:0;transform:rotate(var(--a)) translateX(110px) scale(.3)}}@media (prefers-reduced-motion:reduce){.av-intro .ai-shake{animation:none}.av-intro .ai-winds,.av-intro .ai-rays,.av-intro .ai-stars{display:none}.av-intro .ai-ring svg{animation:none}}.evp-ov{z-index:80;box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + 8px) calc(env(safe-area-inset-right,0px) + 8px) calc(env(safe-area-inset-bottom,0px) + 8px) calc(env(safe-area-inset-left,0px) + 8px);color:#f1f3f6;-webkit-tap-highlight-color:transparent;background:#0a0e169e;place-items:center;font-family:Noto Sans Thai,sans-serif;display:grid;position:fixed;inset:0}.evp-card{box-sizing:border-box;isolation:isolate;background:#353c4a;border:1px solid #566072;border-radius:10px;flex-direction:column;width:min(580px,100%);max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 40px #0009}.evp-top{background:#2b3442;border-bottom:1px solid #566072;flex:none;align-items:center;gap:8px;min-height:44px;padding:0 4px 0 14px;display:flex}.evp-ticon{image-rendering:pixelated;flex:none}.evp-top>b{flex:1;min-width:0;font-size:15px;font-weight:700}.evp-x{color:#f1f3f6;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;padding:0;font:700 18px/1 sans-serif;display:grid}.evp-x:hover{background:#434b5a}.evp-body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.evp-hero{min-height:190px;image-rendering:pixelated;background:#2c323e 100%/auto 100% no-repeat;border:1px solid #566072;border-radius:8px;flex:none;align-items:center;display:flex;position:relative;overflow:hidden}.evp-hero:before{content:"";background:linear-gradient(90deg,#1c212cf0 0%,#1c212cd1 46%,#1c212c00 74%);position:absolute;inset:0}.evp-hero-in{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:62%;padding:14px 16px;display:flex;position:relative}.evp-hero h3{color:#fff;text-shadow:0 2px #00000059;margin:2px 0 0;font-size:22px;font-weight:800;line-height:1.25}.evp-text{color:#d5dae2;margin:0;font-size:13.5px;line-height:1.5}.evp-meta{color:#aab2c0;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.evp-chip{color:#fff;background:#f07a45;border-radius:9px;padding:0 8px;font:700 11.5px/20px Noto Sans Thai,sans-serif}.evp-chip.new{background:#4a86c5}.evp-go{color:#fff;cursor:pointer;background:#f07a45;border:0;border-radius:6px;min-height:40px;margin-top:6px;padding:0 18px;font:700 14px Noto Sans Thai,sans-serif}.evp-go:hover{background:#ff8a55}.evp-go.sm{flex:none;margin:0;padding:0 14px}.evp-row{background:#434b5a;border:1px solid #566072;border-radius:6px;flex:none;align-items:center;gap:10px;padding:8px;display:flex}.evp-thumb{width:72px;height:54px;image-rendering:pixelated;background:#2c323e 100%/auto 100% no-repeat;border-radius:5px;flex:none;box-shadow:inset 0 0 0 1px #566072}.evp-row-in{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.evp-row-in b{font-size:14px;line-height:1.3}.evp-row-in small{color:#aab2c0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;overflow:hidden}.evp-live{background:#2c323e;border:1px solid #566072;border-radius:6px;flex-wrap:wrap;flex:none;align-items:center;gap:4px 10px;margin:0;padding:8px 12px;font-size:13px;display:flex}.evp-licon{image-rendering:pixelated;flex:none}.evp-live b{color:#f2c94c}.evp-live span{color:#d5dae2}.evp-patch{color:#d5dae2;text-align:left;cursor:pointer;background:0 0;border:1px dashed #566072;border-radius:6px;flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:0 12px;font:500 13px Noto Sans Thai,sans-serif;display:flex}.evp-patch b{color:#f07a45;flex:none}.evp-patch:hover{border-color:#8c96a8}.evp-foot{background:#2b3442;border-top:1px solid #566072;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.evp-hide{color:#f1f3f6;cursor:pointer;background:#4e5767;border:0;border-radius:6px;min-height:40px;padding:0 12px;font:500 13.5px Noto Sans Thai,sans-serif}.evp-hide:before{content:"";vertical-align:-3px;box-sizing:border-box;border:2px solid #aab2c0;border-radius:3px;width:14px;height:14px;margin-right:8px;display:inline-block}.evp-hide:hover{background:#5a6475}.evp-close{color:#fff;cursor:pointer;background:#4a86c5;border:0;border-radius:6px;min-width:110px;min-height:40px;padding:0 18px;font:700 14px Noto Sans Thai,sans-serif}.evp-close:hover{background:#5a96d5}@media (max-height:520px) and (orientation:landscape){.evp-body{gap:6px;padding:8px}.evp-hero{min-height:140px}.evp-hero h3{font-size:18px}.evp-text{font-size:12.5px}.evp-hero-in{padding:10px 12px}}@media (max-width:560px){.evp-hero{min-height:200px}.evp-hero:before{background:linear-gradient(90deg,#1c212cf0 0%,#1c212cc7 62%,#1c212c59 100%)}.evp-hero-in{width:78%}.evp-hero h3{font-size:19px}.evp-row-in small{white-space:normal}}.evp-hero.key{aspect-ratio:16/9;background-image:var(--evp-art);image-rendering:auto;background-position:100%;background-size:cover;align-items:flex-start;min-height:0;max-height:46vh}.evp-hero.key:before{background:linear-gradient(90deg,#1c212cdb 0%,#1c212c8c 34%,#1c212c00 52%)}.evp-hero.key .evp-hero-in{width:46%;min-height:100%}.evp-thumb.key{background-image:var(--evp-art);image-rendering:auto;background-position:100%;background-size:cover}.evp-hero.key.top:before{background:linear-gradient(#1c212cdb 0%,#1c212c80 26%,#1c212c00 42%)}.evp-hero.key.top .evp-hero-in{text-align:center;align-items:center;width:100%;min-height:0}.evp-thumb.key.top{background-position:50%}@media (orientation:portrait){.evp-hero.key{aspect-ratio:9/16;background-image:var(--evp-art-tall);background-position:50% 45%;max-height:60vh}.evp-hero.key:before{background:linear-gradient(#1c212cdb 0%,#1c212c80 26%,#1c212c00 42%)}.evp-hero.key .evp-hero-in{width:100%;min-height:0}.evp-thumb.key{background-image:var(--evp-art-tall);background-position:top}}.ver-tag{z-index:30;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 1px);pointer-events:none;-webkit-user-select:none;user-select:none;color:#fff6;text-shadow:0 1px 1px #0009;white-space:nowrap;font:600 10px/1 ui-monospace,Consolas,monospace;position:fixed;transform:translate(-50%)}.pb-bar{flex-wrap:wrap;align-items:center;gap:4px 6px;padding:4px 10px;font-size:12px;display:flex}.pb-title{color:#9a6400;margin-right:2px;font-size:12px}.pb-chip{color:#2a3a52;white-space:nowrap;background:#e8f3ff;border-radius:999px;padding:2px 9px;line-height:18px}.pb-chip.pb-diversity{background:#f0e8ff}.pb-chip.pb-social{background:#ffe8f0}.pb-chip.pb-streak{background:#fff1dc}.pb-chip.pb-first{background:#fff7c2}.pb-chip.pb-newbie{background:#e4f8e4}.pb-chip.pb-total{color:#5a3a00;background:linear-gradient(#ffe48a,#f2b93c);font-weight:700;animation:.35s ease-out pb-pop}.pb-hint{color:#5d6b80}.pb-result{text-align:center;color:#3a3020;background:#fff6dc;border:1px solid #f2d48a;border-radius:8px;margin-top:8px;padding:6px 8px}.pb-result .pb-row{flex-wrap:wrap;justify-content:center;gap:4px;margin:4px 0;display:flex}.pb-exp{color:#c25e00;margin:2px 0;font-weight:700}.pb-tok{margin:2px 0}.pb-note{color:#b5541c;margin:2px 0;font-size:12px}.pb-chest{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}@keyframes pb-pop{0%{transform:scale(.9)}to{transform:scale(1)}}@media (max-width:480px){.pb-bar{padding:3px 6px;font-size:11px}}.armor-bar{box-sizing:border-box;pointer-events:none;background:#10161f;border:1px solid #5d6b7c;border-radius:2px;height:5px;margin-top:2px;position:relative;overflow:hidden}.armor-bar>i{background:linear-gradient(90deg,#9fb4c8,#e6f0fa);height:100%;transition:width .15s linear;display:block}.armor-bar.regen>i{background:linear-gradient(90deg,#55657a,#8aa0b8);transition:none}.armor-bar.break{border-color:#ffb347;animation:.35s ease-in-out infinite alternate armorbreak;box-shadow:0 0 8px #ff8a00aa}.armor-bar.break>i{width:0!important}.armor-bar>em{color:#ffd28a;text-align:center;text-shadow:0 1px #000;font:800 9px/7px Noto Sans Thai,Outfit,sans-serif;position:absolute;inset:-1px 0 auto}.dg-boss .armor-bar{height:7px}.dg-boss .armor-bar>em{line-height:6px}@keyframes armorbreak{0%{background:#2a1606}to{background:#5a2a06}}.combat-banner{z-index:6;pointer-events:none;white-space:nowrap;letter-spacing:.04em;padding:4px 20px;font:900 34px/1.1 Outfit,Noto Sans Thai,sans-serif;animation:.9s ease-out forwards cbanner;position:absolute;top:calc(64px + 24%);left:50%;transform:translate(-50%)}.combat-banner.perfect{color:#bff6ff;text-shadow:0 2px #06324a,0 0 10px #31d7ff99;opacity:.9;font-size:19px;top:calc(64px + 30%)}.combat-banner.break{color:#ffd23a;text-shadow:0 2px #3a1d00,0 0 16px #ff8a00dd;font-size:38px;animation-duration:1.4s}@keyframes cbanner{0%{opacity:0;transform:translate(-50%)scale(1.6)}12%{opacity:1;transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%)scale(1.04)}}@media (max-width:760px){.combat-banner{font-size:24px;top:calc(85px + 20%)}.combat-banner.break{font-size:28px}}@media (prefers-reduced-motion:reduce){.combat-banner,.armor-bar.break{animation:none}}.counter-ready{animation:.32s ease-in-out infinite alternate ctrready;box-shadow:0 0 0 3px #7fe9ffcc,0 0 18px 4px #31d7ffaa!important}@keyframes ctrready{0%{filter:brightness()}to{filter:brightness(1.35)}}@media (prefers-reduced-motion:reduce){.counter-ready{animation:none}}.raid-hud{pointer-events:none;z-index:8;color:#fff3c4;font-family:Noto Sans Thai,sans-serif;position:fixed;inset:0}.raid-top{flex-direction:column;align-items:center;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.raid-hud.phone .raid-top{top:4px}.raid-sub{flex-direction:column;align-items:center;display:flex;position:absolute;top:104px;left:50%;transform:translate(-50%)}.raid-hud.phone .raid-sub{top:52px}.raid-hud .raid-hp.l,.raid-hud .raid-hp.r{width:var(--raid-bar,300px)}.raid-hud.phone .raid-hp.l,.raid-hud.phone .raid-hp.r{width:var(--raid-bar,150px)}.raid-row{align-items:flex-start;gap:8px;display:flex}.raid-bell{opacity:.55;filter:saturate(.6);flex:none;position:relative}.raid-bell.on{opacity:1;filter:none}.raid-bell.ring{animation:.6s ease-in-out infinite raid-bell-ring}.raid-bell b{color:#fff3c4;text-shadow:0 0 2px #120a24,0 2px #120a24,2px 0 #120a24,-2px 0 #120a24,0 -2px #120a24;font-size:34px;font-weight:800;line-height:1;animation:.35s ease-out raid-pop;position:absolute;bottom:-2px;right:-4px}.raid-hud.phone .raid-bell b{font-size:20px;right:-6px}.raid-group{box-sizing:border-box;text-align:center;pointer-events:none;background:#120a24d1;border:3px solid #ffd34d;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;width:96px;height:96px;display:flex}.raid-group.dusk{border-color:#8a5cff}.raid-group b{color:#fff3c4;text-shadow:0 1px #120a24;font-size:15px;line-height:1.1}.raid-group.dusk b{color:#e2d4ff}.raid-group small{color:#d8cfee;font-size:11px}.raid-group-ic{width:32px;height:32px;image-rendering:pixelated}.raid-hud.phone .raid-group{border-width:2px;width:48px;height:48px}.raid-hud.phone .raid-group b{font-size:9px}.raid-hud.phone .raid-group small{font-size:7px}.raid-cast-cue{color:#ffe08a;margin:1px 0 2px;font-size:12px;font-weight:700;animation:.6s ease-in-out infinite raid-bell-ring;display:block}.raid-hud.phone .raid-cast-cue{font-size:9px}@keyframes raid-bell-ring{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes raid-pop{0%{opacity:0;transform:scale(2.2)}to{opacity:1;transform:scale(1)}}.raid-hint{white-space:nowrap;background:#120a24b8;border:1px solid #6b5a8e;border-radius:8px;padding:2px 8px;font-size:13px;font-weight:700;position:absolute;top:70px;left:calc(50% + 56px)}.raid-hud.phone .raid-hint{padding:0 6px;font-size:9px;line-height:1.2;top:35px;left:calc(50% + 30px)}.raid-hp{flex-direction:column;gap:2px;width:300px;margin-top:22px;display:flex}.raid-hp.c{width:min(560px,86vw);margin-top:4px}.raid-hud.phone .raid-hp{width:150px;margin-top:8px}.raid-hud.phone .raid-hp.c{width:min(300px,70vw);margin-top:2px}.raid-hp.l .raid-hp-name{justify-content:flex-end}.raid-hp-name{text-shadow:0 1px 2px #000;align-items:baseline;gap:6px;font-size:13px;line-height:1.1;display:flex}.raid-hud.phone .raid-hp-name{font-size:10px}.raid-hp-name em{color:#ffd25a;font-style:normal;font-weight:800}.raid-hp-bar{background:#162517;border:1px solid #d5b66f;height:14px;position:relative;box-shadow:0 0 0 1px #120a24}.raid-hud.phone .raid-hp-bar{height:9px}.raid-hp-bar i{background:linear-gradient(#c43a37,#952422);transition:width .25s;position:absolute;top:0;bottom:0;left:0}.raid-hp.l .raid-hp-bar i{left:auto;right:0}.raid-hp.gold .raid-hp-bar i{background:linear-gradient(#ffe08a,#d9a531);animation:1s ease-in-out infinite raid-gold}.raid-hp.off{opacity:.7}.raid-hp-bar span{text-align:center;color:#fff;text-shadow:0 1px 1px #000;font-size:10px;line-height:14px;position:absolute;inset:0}.raid-hud.phone .raid-hp-bar span{font-size:8px;line-height:9px}@keyframes raid-gold{50%{filter:brightness(1.35)}}.raid-enrage{color:#ffcf8a;margin-left:auto;font-size:12px;font-weight:700}.raid-enrage.solo{white-space:nowrap;background:#120a24b8;border-radius:8px;padding:2px 8px;position:absolute;top:70px;right:calc(50% + 56px)}.raid-hud.phone .raid-enrage.solo{font-size:10px;top:36px;right:calc(50% + 30px)}.raid-scale{flex:none;position:relative}.raid-scale-glow{mix-blend-mode:plus-lighter;animation:1s ease-in-out infinite raid-gold}.raid-callout{color:#ffe9a0;white-space:nowrap;background:#3c1e08d1;border:1px solid #ffd25a;border-radius:10px;margin-top:18px;padding:2px 12px;font-size:15px;font-weight:800;animation:.35s ease-out raid-pop}.raid-hud.phone .raid-callout{margin-top:9px;padding:1px 8px;font-size:10px}.raid-count{flex-direction:column;align-items:center;animation:.7s cubic-bezier(.2,1.4,.4,1) raid-zoom;display:flex;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)}.raid-count b{color:#fff3c4;text-shadow:0 0 18px #8a5cff,0 4px #120a24,4px 0 #120a24,-4px 0 #120a24,0 -4px #120a24;font-size:150px;font-weight:900;line-height:1}.raid-count small{text-shadow:0 1px 2px #000;font-size:16px;font-weight:700}.raid-count.late b{color:#ffb0a0;text-shadow:0 0 22px #e0402a,0 4px #120a24,4px 0 #120a24,-4px 0 #120a24,0 -4px #120a24}.raid-hud.phone .raid-count{top:30%}.raid-hud.phone .raid-count b{font-size:84px}.raid-hud.phone .raid-count small{font-size:11px}@keyframes raid-zoom{0%{opacity:0;transform:translate(-50%,-50%)scale(2.4)}60%{opacity:1}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.raid-end{white-space:nowrap;text-shadow:0 0 16px #ffd25a,0 3px #120a24;font-size:48px;font-weight:900;animation:1.2s ease-out raid-zoom;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.raid-end.lost{color:#c8a8ff;text-shadow:0 0 16px #8a5cff,0 3px #120a24}.raid-hud.phone .raid-end{font-size:26px}.raid-afk{white-space:nowrap;background:#781414e0;border:1px solid #ff8a7a;border-radius:10px;padding:6px 16px;font-size:15px;font-weight:800;position:absolute;top:42%;left:50%;transform:translate(-50%)}.raid-tools{pointer-events:auto;position:absolute;top:40%;left:8px}.raid-hud.phone .raid-tools{left:calc(env(safe-area-inset-left,0px) + 6px);top:46%}.raid-qc{background:#120a2499;border:1px solid #6b5a8e;border-radius:10px;flex-direction:column;gap:4px;padding:4px;display:flex}.raid-qc button,.raid-wheel button,.raid-wheel-btn{color:#fff3c4;cursor:pointer;width:44px;height:44px;font:inherit;background:#251a40;border:1px solid #6b5a8e;border-radius:10px;place-items:center;padding:0;display:grid;position:relative}.raid-qc button:hover{background:#3a2a60}.raid-qc kbd{opacity:.85;font-family:inherit;font-size:9px;position:absolute;bottom:0;right:1px}.raid-sep{height:4px}.raid-pbtn small{display:none}.raid-pdot{background:var(--pc);border-radius:50% 50% 50% 0;width:16px;height:16px;display:block;transform:rotate(-45deg);box-shadow:0 0 0 2px #120a24}.raid-pbtn.armed{outline:2px solid var(--pc);background:#3a2a60}.raid-vbtn,.raid-hbtn{font-size:18px}.raid-wheel-btn{border-radius:50%;width:48px;height:48px;font-size:22px}.raid-wheel{width:0;height:0;position:absolute;top:24px;left:24px}.raid-wheel button{border-radius:50%;width:40px;height:40px}.raid-armed{white-space:nowrap;background:#120a24d9;border-radius:8px;padding:3px 10px;font-size:12px;position:absolute;top:0;left:56px}.raid-vpanel{pointer-events:auto;background:#1b1430;border:1px solid #d5b66f;border-radius:12px;flex-direction:column;gap:6px;min-width:260px;padding:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.raid-vpanel header{justify-content:space-between;align-items:center;display:flex}.raid-vpanel header button{color:#fff3c4;cursor:pointer;background:0 0;border:0;font-size:16px}.raid-vrow{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.raid-vrow select{font:inherit;font-size:12px}.raid-surrender{color:#fff;font:inherit;cursor:pointer;background:#5a1d1d;border:1px solid #ff8a7a;border-radius:8px;padding:6px}.raid-vote{pointer-events:auto;background:#1b1430f0;border:1px solid #d5b66f;border-radius:12px;flex-direction:column;gap:4px;width:300px;padding:8px 10px;font-size:13px;display:flex;position:absolute;top:272px;left:50%;transform:translate(-50%)}.raid-hud.phone .raid-vote{width:240px;font-size:11px;top:138px}.raid-vote-bar{background:#120a24;height:4px}.raid-vote-bar i{background:#ffd25a;height:100%;transition:width .2s linear;display:block}.raid-vote-btns{gap:6px;display:flex}.raid-vote-btns button{font:inherit;cursor:pointer;color:#fff;border:1px solid #6b5a8e;border-radius:8px;flex:1;padding:6px}.raid-vote-btns .yes{background:#2f6b3a}.raid-vote-btns .no{background:#5a1d1d}.raid-afk-tag{color:#ffcfc4;background:#5a1d1d;border-radius:4px;margin-left:4px;padding:0 4px;font-size:10px;font-style:normal}.raid-cast{flex-direction:column;align-items:center;gap:3px;width:min(300px,70vw);margin-top:6px;animation:.35s ease-out raid-pop;display:flex}.raid-cast b{color:#fff3c4;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:14px}.raid-cast.fail b{color:#ff8a7a}.raid-cast-bar{background:#120a24;border:1px solid #d5b66f;width:100%;height:8px;position:relative}.raid-cast-bar i{background:#e0402a;transition:width .2s linear;position:absolute;top:0;bottom:0;left:0}.raid-cast-bar.stag{height:10px}.raid-cast-bar.stag i{background:linear-gradient(#ffe08a,#ffc340)}.raid-cast.ok .raid-cast-bar.stag i{animation:.5s ease-in-out infinite raid-gold}.raid-hud.phone .raid-cast{gap:2px;width:min(150px,50vw);margin-top:3px}.raid-hud.phone .raid-cast b{font-size:9px}.raid-hud.phone .raid-cast-bar{height:4px}.raid-hud.phone .raid-cast-bar.stag{height:5px}body.raid-on .hud:not(.tl2):not(.pv2)>.dg-hud{top:272px}body.raid-on .dg-boss{display:none}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/noto-sans-thai-thai-wght-normal.woff2?h=1f5a173641bb)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/noto-sans-thai-latin-wght-normal.woff2?h=1a66f268c8d7)format("woff2");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:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/noto-sans-thai-latin-ext-wght-normal.woff2?h=49929deb3afa)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,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:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/outfit-latin-wght-normal.woff2?h=6c18d579fd87)format("woff2");unicode-range:U+??,U+2000-206F}.game-ui{--ink:#283444;--mute:#6e7787;--body:#f0f0f0;--white:#fcfcfc;--dark:#283444;--title:#404c64;--slot:#dcdce0;--round:#647890;--orange:#ec7444;--blue:#4c84b0;--up:#2c976c;--down:#e0306a;--exp:#f0c43a;--hp:#e2463f;--stage:linear-gradient(#b4c4e0,#c4d0e4);font-family:Noto Sans Thai,Outfit,sans-serif}.game-ui button{font-family:inherit}.hud{z-index:10;pointer-events:none;color:#fff;font-size:13px;position:absolute;inset:0}.hud>*{pointer-events:auto;position:absolute}.hud kbd{font-family:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.hud-player{--ring1:#ffb27a;--ring2:#ec7444;box-sizing:border-box;pointer-events:none;background:linear-gradient(#36435bf2 0%,#283444f2 58%,#222c3bf2 100%);border:1px solid #ffffff26;border-radius:18px;width:330px;height:99px;top:8px;left:10px;box-shadow:0 8px 18px #0b1d3059,inset 0 1px #ffffff2e,inset 0 -1px #0003}.hud-player[data-cls=fighter]{--ring1:#ffb27a;--ring2:#e2553a}.hud-player[data-cls=archer]{--ring1:#c8f08a;--ring2:#3f9e55}.hud-player[data-cls=mage]{--ring1:#d5b6ff;--ring2:#7a52c7}.hud-player[data-cls=rogue]{--ring1:#9fe8f0;--ring2:#2f8fa6}.hud-player[data-cls=bard]{--ring1:#9ff0e0;--ring2:#2fb3a6}.hud-player:before{content:"";background:radial-gradient(90px 80px at 52px 46px,color-mix(in srgb,var(--ring2) 30%,transparent),transparent 72%);pointer-events:none;border-radius:18px 0 0 18px;width:104px;position:absolute;top:0;bottom:0;left:0}.hud-face{box-sizing:border-box;background:radial-gradient(circle at 50% 30%,#a9cdf2 0%,#6d93c4 46%,#3d5679 100%) padding-box,linear-gradient(150deg,var(--ring1),var(--ring2)) border-box;border:3px solid #0000;border-radius:50%;width:76px;height:76px;position:absolute;top:9px;left:13px;overflow:hidden;box-shadow:0 0 0 2px #fff,0 3px 8px #0007}button.hud-face{cursor:pointer;pointer-events:auto;font:inherit;padding:0;transition:transform 80ms,filter .12s;overflow:visible}button.hud-face canvas{border-radius:50%}button.hud-face:hover{filter:brightness(1.15);box-shadow:0 0 0 2px #fff,0 0 0 4px #ffd25a,0 3px 8px #0007}button.hud-face:active{transform:scale(.94)}button.hud-face:after{content:"";border-radius:50%;position:absolute;inset:-4px}.hud-face canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.hud-player:has(.hud-pframe) .hud-face{box-shadow:none;background:radial-gradient(circle at 50% 30%,#a9cdf2 0%,#6d93c4 46%,#3d5679 100%) padding-box padding-box;border-color:#0000}.hud.pv2 .hud-player:has(.hud-pframe) .hud-face{box-shadow:none;background:radial-gradient(circle at 50% 30%,#a9cdf2 0%,#6d93c4 46%,#3d5679 100%) padding-box padding-box;border-color:#0000}.hud-player:has(.hud-pframe) button.hud-face:hover{box-shadow:none;filter:brightness(1.15)}.hud-player:has(.hud-pframe) .hud-face{border-radius:6px}.hud-player:has(.hud-pframe) .hud-face canvas{border-radius:6px}.hud-player:has(.hud-pframe) button.hud-face:after{border-radius:6px}.hud-lv{box-sizing:border-box;z-index:3;letter-spacing:.4px;color:#fff;background:linear-gradient(180deg,var(--ring1),var(--ring2));text-shadow:0 1px 1px #0005;white-space:nowrap;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;gap:3px;width:62px;height:18px;font:800 11px/1 Outfit,Noto Sans Thai,sans-serif;display:flex;position:absolute;top:78px;left:20px;box-shadow:0 2px 5px #0006}.hud-lv span{display:inline}.hud-who{height:32px;position:absolute;top:9px;left:104px;right:14px}.hud-who strong{color:#fff;text-shadow:0 1px 2px #0008;white-space:nowrap;text-overflow:ellipsis;font:700 15px/20px Noto Sans Thai,sans-serif;display:block;overflow:hidden}.hud-who small{color:var(--ring1);opacity:.95;text-shadow:0 1px 1px #0007;white-space:nowrap;font:600 10.5px/12px Noto Sans Thai,sans-serif;display:block}.hud-meter{box-sizing:border-box;background:linear-gradient(#121924,#1d2633);border:1.5px solid #ffffffd9;border-radius:9px;height:17px;position:absolute;left:104px;right:14px;overflow:hidden;box-shadow:inset 0 2px 3px #0008,0 1px 2px #0005}.hud-meter.hp{top:46px}.hud-meter.mp{top:68px}:is(.hud-player,.pv-chrow) .pet-hud{cursor:pointer;z-index:2;pointer-events:auto;background:#24324a;border:2px solid #f4c95d;border-radius:50%;width:38px;height:38px;padding:0;position:absolute;top:26px;left:336px;box-shadow:0 2px 6px #0006}:is(.hud-player,.pv-chrow) .pet-hud img{width:30px;height:30px;image-rendering:pixelated;margin:2px;display:block}:is(.hud-player,.pv-chrow) .pet-hud b{z-index:1;color:#fff;white-space:nowrap;background:#3d4d66;border-radius:6px;padding:0 4px;font:700 9.5px Noto Sans Thai,sans-serif;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}:is(.hud-player,.pv-chrow) .pet-hud i{background:conic-gradient(#f4c95d var(--f),transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:-4px;-webkit-mask:radial-gradient(circle,#0000 21px,#000 22px);mask:radial-gradient(circle,#0000 21px,#000 22px)}:is(.hud-player,.pv-chrow) .pet-hud.low{border-color:#e8743b}.hud-meter i{background:linear-gradient(#ffffff59 0%,#ffffff14 48%,#0000 52% 100%),linear-gradient(90deg,#d8323a,#ff6b5a);border-radius:8px;transition:width .25s ease-out;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 -2px #0002}.hud-meter.mp i{background:linear-gradient(#ffffff59 0%,#ffffff14 48%,#0000 52% 100%),linear-gradient(90deg,#2c6fd6,#5fb4ff)}.hud-meter:before{content:"HP";z-index:2;color:#fff;letter-spacing:.6px;text-shadow:0 1px 2px #000a;font:800 10px/14px Outfit,sans-serif;position:absolute;top:0;left:8px}.hud-meter.mp:before{content:"MP"}.hud-meter b{z-index:2;color:#fff;text-shadow:0 1px 2px #000b;font:700 10px/14px Outfit,Noto Sans Thai,sans-serif;position:absolute;top:0;right:8px}.hud-quest{box-sizing:border-box;background:#283444d9;border-radius:16px;width:250px;padding:0 0 8px;top:116px;left:10px;overflow:hidden;box-shadow:0 4px 12px #0b1d3040}.hud-qhead{cursor:pointer;border-bottom:1px solid #fff2;justify-content:space-between;align-items:center;height:31px;padding:0 10px 0 12px;font:600 12px Noto Sans Thai,sans-serif;display:flex}.hud-qhead span{letter-spacing:1px}.hud-qhead small{color:var(--accent,#f4c95d);font:700 12px Outfit,sans-serif}.hud-qtitle{align-items:center;gap:6px;margin:6px 10px 0;display:flex}.hud-quest .hud-qgoal{color:#ffe7a0;opacity:.95;margin:2px 10px 0;font-size:12px}.hud-qtitle em{color:#fff;background:var(--orange);border-radius:50%;flex:none;place-items:center;width:15px;height:24px;font:700 20px/24px Outfit,sans-serif;display:grid}.hud-qtitle em.done{background:var(--up);font-size:13px}.hud-qtitle h2{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font:600 14px/21px Noto Sans Thai,sans-serif;overflow:hidden}.hud-quest p{color:#c3cbda;margin:6px 10px 0;font:12px/18px Noto Sans Thai,sans-serif}.hud-objs{margin:6px 10px 0}.hud-obj{justify-content:space-between;align-items:center;gap:5px;padding:3px 0;font-size:12px;display:flex}.hud-obj:before{content:"○";color:#ffd664;margin-right:1px}.hud-obj.done:before{content:"✓";color:#a6f56c}.hud-obj span{flex:1;min-width:0}.hud-obj b{color:#fff;background:#ffffff1a;border-radius:2px;padding:1px 4px;font:500 12px Outfit,sans-serif}.hud-obj.done{color:#9fe0b8}.hud-track{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #b1bc7940;align-items:center;gap:6px;width:calc(100% - 20px);margin:6px 10px 0;padding:6px 0;font:600 12px Noto Sans Thai,sans-serif;display:flex}.hud-track span{color:#fff;margin-left:auto;font-size:17px}.hud-autoq{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:10px;width:calc(100% - 20px);height:32px;margin:6px 10px 0;font:700 12px Noto Sans Thai,sans-serif;display:block}.hud-autoq:hover,.hud-track:hover{filter:brightness(1.08)}.hud-autoq .aq-short{display:none}.hud-caption{box-sizing:border-box;pointer-events:none;background:#0a0e209e;border:1px solid #ffffff29;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:200px;height:30px;padding:2px 18px;display:flex;top:15px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0000004d}.hud-caption h1{color:#fff;white-space:nowrap;letter-spacing:.5px;text-overflow:ellipsis;margin:0;font:600 14px/18px Noto Sans Thai,sans-serif;overflow:hidden}.hud-update{color:#fff;pointer-events:auto;z-index:30;background:#283444e6;border:1px solid #f6c46a;border-radius:14px;align-items:center;gap:10px;padding:6px 8px 6px 14px;font:600 12px Noto Sans Thai,sans-serif;display:flex;position:absolute;top:86px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0006}.hud-update b{color:#ffe28a}.hud-update span{opacity:.85;font-weight:500}.hud-update button{color:#1b2230;cursor:pointer;background:#f6c46a;border:0;border-radius:10px;padding:5px 14px;font:700 12px Noto Sans Thai,sans-serif}.hud-update-cover{z-index:90;color:#fff;pointer-events:auto;background:#141c28d9;flex-direction:column;justify-content:center;align-items:center;gap:8px;font:600 16px Noto Sans Thai,sans-serif;display:flex;position:fixed;inset:0}.hud-update-cover span{opacity:.85;font-size:13px;font-weight:500}.hud-ch{color:#fff6dc;white-space:nowrap;cursor:pointer;pointer-events:auto;background:#141c28c7;border:1px solid #c9a55a;border-radius:999px;align-items:center;gap:8px;padding:3px 12px;font:500 12px Noto Sans Thai,sans-serif;display:flex;top:52px;left:50%;transform:translate(-50%)}.hud-ch b{color:#f6c46a;font-size:13px}.hud-ch-dot{background:#f5c542;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 2px #0006}.hud-ch-dot.low{background:#3dd68c}.hud-ch-dot.high{background:#ff5d5d}.hud-ch-go{color:#2b1d00;background:#f6c46a;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;line-height:16px}.hud-ch:hover .hud-ch-go{filter:brightness(1.1)}.hud-ch.none b{color:#c9cfdb;font-weight:600}.hud-net{background:#e0a03a;border-radius:50%;flex:none;width:7px;height:7px}.hud-net.online{background:#7bd88f}.hud-net.closed,.hud-net.offline{background:#e0306a}.hud-zone{text-align:center;color:#fff;text-shadow:0 4px 24px #0009;pointer-events:none;opacity:0;z-index:7;animation:3.4s both hud-zone;top:15%;left:50%;transform:translate(-50%)}.hud-zone small{letter-spacing:3px;color:var(--accent,#f4c95d);font:700 13px Noto Sans Thai,sans-serif;display:block}.hud-zone b{letter-spacing:1px;font:700 clamp(30px,3.8vw,48px)/1.15 Noto Sans Thai,sans-serif;display:block}.hud-zone span{color:#e6e9f5;margin-top:4px;font-size:15px;display:block}.hud-zone:before,.hud-zone:after{content:"";background:linear-gradient(90deg,transparent,var(--accent,#f4c95d));width:min(180px,18vw);height:1px;position:absolute;top:50%}.hud-zone:before{right:calc(100% + 18px)}.hud-zone:after{left:calc(100% + 18px);transform:scaleX(-1)}@keyframes hud-zone{0%{opacity:0;letter-spacing:6px;transform:translate(-50%,14px)}14%{opacity:1;letter-spacing:0;transform:translate(-50%)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-8px)}}@keyframes hud-zone-touch{0%{opacity:0}14%{opacity:1}78%{opacity:1}to{opacity:0}}.lg-drop{box-sizing:border-box;text-align:center;color:#fff;pointer-events:none;z-index:8;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--lg-col,#2c976c) 45%,transparent),#0b1410d9 72%);min-width:min(420px,86vw);max-width:92vw;box-shadow:0 0 0 1px #0008,0 0 28px #f4c95d99,0 0 70px color-mix(in srgb,var(--lg-col,#2c976c) 70%,transparent);border:2px solid #f4c95d;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:14px 28px 16px;animation:4.2s both lg-drop;display:flex;position:fixed;top:24%;left:50%;transform:translate(-50%)}.lg-drop small{letter-spacing:3px;color:#f4c95d;text-shadow:0 2px 4px #000;font:700 13px Noto Sans Thai,sans-serif}.lg-drop b{color:#ffe9a8;text-shadow:0 0 14px #f4c95d,0 3px #6b4a0f;font:800 clamp(28px,3.6vw,44px)/1.15 Noto Sans Thai,sans-serif}.lg-drop span{color:color-mix(in srgb,var(--lg-col,#2c976c) 55%,#fff);text-shadow:0 2px 6px #000;font:700 clamp(15px,1.6vw,19px)/1.3 Noto Sans Thai,sans-serif}.lg-icon{border:2px solid var(--lg-col,#2c976c);width:72px;height:72px;box-shadow:0 0 18px var(--lg-col,#2c976c);background:#0007;border-radius:12px;place-items:center;margin:4px 0 2px;animation:1.2s ease-in-out infinite lg-bob;display:grid}.lg-icon img{object-fit:contain;width:62px;height:62px}.lg-icon i{color:#ffe9a8;font-size:36px;font-style:normal}.lg-rays{background:repeating-conic-gradient(#f4c95d40 0 8deg,transparent 8deg 24deg);z-index:-1;border-radius:50%;width:520px;height:520px;margin:-260px 0 0 -260px;animation:7s linear infinite lg-spin;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 18%,#0000 64%);mask:radial-gradient(circle,#000 18%,#0000 64%)}@keyframes lg-drop{0%{opacity:0;transform:translate(-50%)scale(.6)}8%{opacity:1;transform:translate(-50%)scale(1.08)}13%{transform:translate(-50%)scale(1)}88%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-12px)scale(.96)}}@keyframes lg-spin{to{transform:rotate(1turn)}}@keyframes lg-bob{50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.lg-rays,.lg-icon{animation:none}}.hud-menu{background:#283444d9;border-radius:16px;gap:6px;padding:6px 8px 4px;display:flex;top:8px;right:10px;box-shadow:0 10px 30px #0000004d}.hud-tile{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;width:56px;height:60px;padding:0;transition:transform .12s;display:flex;position:relative}.hud-tile img{box-sizing:border-box;background:var(--round);object-fit:contain;border-radius:50%;width:44px;height:44px;padding:8px;box-shadow:0 2px 5px #0b1d3059}.hud-tile img.px{image-rendering:pixelated;padding:8px}.hud-tile:hover img,.hud-tile.open img{background:var(--orange)}.hud-tile.on img{background:var(--up)}.hud-tile:hover{filter:brightness(1.12)}.hud-tile span{color:#fff;text-shadow:0 1px 2px #000a;white-space:nowrap;margin-top:2px;font:700 11px/14px Noto Sans Thai,sans-serif}.hud-dot{pointer-events:none;background:#d0574a;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:4px;box-shadow:0 0 0 2px #fff}.hud-shop{background:#283444b3;border-radius:16px;flex-direction:column;gap:6px;padding:6px 4px 2px;display:flex;top:92px;right:194px;box-shadow:0 6px 18px #00000040}.hud-tile.shop img{background:radial-gradient(circle at 50% 38%,#ffe7a6,#f0a64a 70%,#d9793a);padding:4px;box-shadow:0 0 0 2px #fff4cf,0 2px 6px #0b1d3066}.hud-tile.shop:hover img{filter:brightness(1.08)}.hud-tile.shop.off img{filter:grayscale(.7);opacity:.7}.hud-more{box-sizing:border-box;background:var(--body);width:min(380px,100vw - 20px);color:var(--ink);z-index:8;max-height:calc((100dvh - 94px - env(safe-area-inset-bottom,0px)) / var(--hud-scale,1));overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;pointer-events:auto;border-radius:10px;padding:12px;animation:.18s both w-in;top:84px;right:10px;overflow-y:auto;box-shadow:0 10px 26px #0b1d3059}@media (max-height:520px){.hud-more{max-height:calc((100dvh - 72px) / var(--hud-scale,1))}}.hud-more-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hud-more-grid button{color:var(--ink);cursor:pointer;text-align:center;background:#fff;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 6px;font:700 11px/1.2 Noto Sans Thai,sans-serif;display:flex;position:relative}.hud-more-grid .hud-badge{box-sizing:border-box;color:#fff;background:#ec7444;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font:700 10px/16px sans-serif;position:absolute;top:2px;right:8px}.hud-more-grid button:hover{box-shadow:inset 0 0 0 2px var(--orange)}.hud-more-grid button.off{opacity:.55}.hud-more-grid img{box-sizing:border-box;background:var(--round);object-fit:contain;border-radius:50%;width:42px;height:42px;padding:7px;box-shadow:0 3px 8px #00000059}.hud-more-grid .hk{color:#fff;pointer-events:none;background:#0b1626cc;border-radius:4px;padding:0 3px;font:700 9px/12px Outfit,sans-serif;position:absolute;top:3px;left:4px}.hud-more-grid.soon button{opacity:.6}.hud-more-grid.soon img{filter:grayscale(.6)}.hud-more-grid i{background:var(--orange);color:#fff;white-space:nowrap;border-radius:6px;padding:0 4px;font:700 8px/12px Noto Sans Thai,sans-serif;position:absolute;top:2px;right:2px}.hud-more-sep{letter-spacing:1px;color:var(--mute);align-items:center;gap:8px;margin:10px 2px 6px;font:600 11px Noto Sans Thai,sans-serif;display:flex}.hud-more-sep:after{content:"";background:#ffffff29;flex:1;height:1px}.hud-mini{background:50%/100% 100% no-repeat;width:176px;height:218px;top:92px;right:12px}.hud-mini canvas{image-rendering:auto;border-radius:8px;width:154px;height:154px;position:absolute;top:11px;left:11px}.hud-mini .mini-tip{z-index:3;color:#fff;white-space:nowrap;pointer-events:none;background:#283444f0;border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:4px 8px;font:700 11px/1.25 Noto Sans Thai,sans-serif;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 4px));box-shadow:0 2px 6px #0007}.hud-mini .mini-tip span{color:#cfe8ff;font-size:10px;font-weight:500}.hud-mini button{color:#fff;cursor:pointer;z-index:2;background:#283444cc;border:0;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;font:700 14px/1 Noto Sans Thai,sans-serif;display:grid;position:absolute;top:137px}.hud-mini .z-out{left:13px}.hud-mini .z-in{left:137px}.hud-mini .z-out,.hud-mini .z-in{font-size:17px;box-shadow:0 2px 4px #0006}.hud-mini .z-out:hover,.hud-mini .z-in:hover{background:var(--orange)}.hud-mini .mini-zoom{white-space:nowrap;background:#283444e6;border-radius:10px;width:auto;height:20px;padding:0 9px;font:700 11px/20px Noto Sans Thai,sans-serif;animation:.15s both w-in;top:142px;left:50%;transform:translate(-50%)}.hud-mini .mini-expand{color:#fff;width:22px;height:22px;top:13px;left:141px}.hud-mini .nav-chip{color:#fff;z-index:2;background:#e8763ae6;border-radius:12px;align-items:center;gap:4px;height:24px;padding:0 2px 0 8px;font:700 11px/1 Noto Sans Thai,sans-serif;display:flex;position:absolute;top:188px;left:8px;right:8px}.hud-mini .nav-chip span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.hud-mini .nav-chip button{background:#283444cc;width:20px;height:20px;position:static}.hud-coords{color:#fff;text-align:center;height:30px;font:700 11.5px/30px Noto Sans Thai,sans-serif;position:absolute;top:186px;left:8px;right:8px}.hud-wallet{box-sizing:border-box;color:#fff;cursor:pointer;pointer-events:auto;background:#1e2633e0;border:1px solid #f5c54255;border-radius:16px;align-self:center;align-items:center;gap:6px;min-width:0;height:32px;padding:0 3px 0 6px;display:flex;box-shadow:0 4px 12px #0b1d3059}.hud-wallet img{object-fit:contain;width:22px;height:22px;image-rendering:pixelated;flex:none}.hud-wallet strong{color:#fff;text-align:left;font-variant-numeric:tabular-nums;flex:1;font:700 13px Outfit,sans-serif}.hud-wallet .plus{color:#5a3500;background:linear-gradient(#ffe08a,#f5b52e);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font:900 17px/1 Outfit,sans-serif;display:grid;box-shadow:inset 0 -2px #c9861a,0 0 0 1px #fff4cf}.hud-wallet:hover .plus{filter:brightness(1.08)}.hud-wallet:active{transform:scale(.97)}.hud-music{top:356px;right:12px}.hud-music [data-testid=music-open]{background:#283444d9!important;border-radius:15px!important;padding:5px 12px!important;font:600 12px Noto Sans Thai,sans-serif!important}.hud-stick{touch-action:none;cursor:grab;background:50%/100% 100% no-repeat;place-items:center;width:132px;height:132px;display:grid;bottom:51px;left:25px}.hud-stick.run,.pv-stick.run{border-radius:50%;box-shadow:0 0 0 3px #ffd23a,0 0 14px #ffb02e99}.pv-stick .run-ic,.hud-stick .run-ic{color:#ffd23a;text-shadow:0 1px 2px #000;pointer-events:none;font:900 22px/1 Outfit,sans-serif;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.hud-stick span{pointer-events:none;background:50%/100% 100% no-repeat;border-radius:50%;width:63px;height:63px;box-shadow:0 2px 5px #0003}.hud-buddy{box-sizing:border-box;cursor:pointer;background:#283444d9;border-radius:8px;align-items:center;gap:5px;width:181px;height:48px;padding:5px 8px;display:flex;bottom:142px;left:185px}.hud-buddy .fairy{color:#b0f4d4;text-align:center;flex:none;width:21px;font-size:25px}.hud-buddy div{flex-direction:column;flex:1;min-width:0;display:flex}.hud-buddy strong{white-space:nowrap;text-overflow:ellipsis;font:700 12px/18px Noto Sans Thai,sans-serif;overflow:hidden}.hud-buddy small{color:#c3cbda;white-space:nowrap;font:10px/16px Noto Sans Thai,sans-serif}.hud-toggle{box-sizing:border-box;background:#6b7a84;border:1px solid #abc4d8;border-radius:20px;flex:none;width:36px;height:21px;padding:3px;display:flex}.hud-toggle span{background:#f5e8af;border-radius:50%;width:13px;height:13px;transition:transform .15s}.hud-toggle.on{background:#4d9d84}.hud-toggle.on span{transform:translate(14px)}.hud-auto{cursor:pointer;background:50%/contain no-repeat;border:0;border-radius:50%;width:76px;height:76px;padding:0;bottom:52px;left:181px}.hud-auto-set{background:var(--round);cursor:pointer;z-index:2;border:2px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid;bottom:104px;left:239px;box-shadow:0 2px 5px #0b1d3066}.hud-auto-set img{object-fit:contain;pointer-events:none;width:18px;height:18px}.hud-auto-set:hover{background:var(--orange)}.hud-auto kbd{background:var(--dark);color:#fff;border-radius:6px;padding:0 5px;font:700 10px/15px Noto Sans Thai,sans-serif;position:absolute;top:-2px;left:-2px}.hud-toast{box-sizing:border-box;background:var(--dark);color:#fff;text-align:center;opacity:0;pointer-events:none;border-radius:999px;max-width:50vw;padding:10px 24px;font:13px Noto Sans Thai,sans-serif;transition:opacity .25s;bottom:185px;left:50%;transform:translate(-50%)}.hud-toast.on{opacity:1}.hud-chat-lines .s-system[data-kind^=gain] span{color:#c9f7b8}.hud-chat-lines{text-shadow:0 1px 2px #000,0 0 3px #000;max-height:7.8em;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 30%);mask-image:linear-gradient(#0000,#000 30%)}.hud-chat-lines p{word-break:break-word;margin:0;padding:1px 0}.hud-chat-lines i{opacity:.9;font-size:12px;font-style:normal}.hud-chat-lines .s-world i{color:#ffd77a}.hud-chat-lines .s-party i,.hud-chat-lines .s-party span{color:#9fe0ff}.hud-chat-lines .s-guild i,.hud-chat-lines .s-guild span{color:#b9f3a6}.hud-chat-lines .s-whisper i,.hud-chat-lines .s-whisper span{color:#ffb3e6}.hud-chat-lines .s-system i,.hud-chat-lines .s-system span{color:#ffcf8a}.hud-chat-tabs button{color:#c9d3e3;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;padding:2px 9px;font:600 12px Noto Sans Thai,sans-serif;position:relative}.hud-chat-tabs button.on{background:var(--orange);color:#fff}.hud-chat-input select{border:1px solid #647890;border-radius:7px;padding:0 4px;font:13px Noto Sans Thai,sans-serif}.hud-chat-input input{box-sizing:border-box;min-width:0;min-height:32px;color:var(--ink);background:#fff;border:1px solid #647890;border-radius:7px;outline:0;flex:1;padding:4px 10px;font:13px Noto Sans Thai,sans-serif}.hud-chat-input input:focus{box-shadow:0 0 0 2px var(--orange)}.hud-chat-input .send{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:0 14px;font:700 13px Noto Sans Thai,sans-serif}.hud-chat-tabs em{box-sizing:border-box;color:#fff;text-align:center;background:#e0306a;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font:700 9px/14px sans-serif;position:absolute;top:-4px;right:-2px}.hud-chat-draft{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.hud-chat-draft .vc-chip{border:1px solid color-mix(in srgb,var(--rc,#8a8a8a) 70%,#fff);color:color-mix(in srgb,var(--rc,#fff) 55%,#fff);background:#ffffff1a;border-radius:10px;align-items:center;gap:4px;padding:1px 4px 1px 8px;font-size:12px;font-weight:700;display:inline-flex}.hud-chat-draft .vc-chip button{color:#fff;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:14px;line-height:1}.hud-cluster{pointer-events:none;width:282px;height:250px;bottom:44px;right:22px}.hud-r{cursor:pointer;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:50%/100% 100% no-repeat;border:0;border-radius:50%;padding:0;position:absolute;box-shadow:0 3px 7px #0b1d3040}.hud-r:hover{filter:brightness(1.1)}.hud-r:active{transform:scale(.95)}.hud-r kbd{background:var(--dark);color:#fff;z-index:3;white-space:nowrap;border-radius:6px;padding:0 4px;font:700 9px/13px Noto Sans Thai,sans-serif;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.hud-r .ic{object-fit:cover;pointer-events:none;border-radius:50%;width:71%;height:71%;position:absolute;top:14.5%;left:14.5%}.hud-r .plus{color:#9aa3b5;place-items:center;font:800 22px/1 Noto Sans Thai,sans-serif;display:grid;position:absolute;inset:0}.hud-r .cd{color:#fff;z-index:2;background:#0b1626a8;border-radius:50%;place-items:center;width:72%;height:72%;font:800 16px Noto Sans Thai,sans-serif;display:grid;position:absolute;top:14%;left:14%}.hud-r.atk{width:100px;height:100px;top:150px;left:182px}.hud-r.atk .wpn{object-fit:contain;pointer-events:none;width:56%;height:56%;position:absolute;top:22%;left:22%}.hud-r.atk kbd,.hud-r.pot kbd,.hud-r.dash kbd,.hud-r.jump kbd,.hud-r.talk kbd{color:var(--ink);background:#fbf7ef;border:1px solid #c9a861;border-radius:6px;padding:0 4px;font:700 9px/13px Noto Sans Thai,sans-serif}.hud-r.atk kbd{top:4px;bottom:auto;left:4px;transform:none}.hud-r.pot kbd,.hud-r.talk kbd{top:-3px;bottom:auto;left:-3px;transform:none}.hud-r.atk,.hud-r.atk:hover{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent,#f4c95d) 45%,transparent))}.hud-r.s1{width:62px;height:62px;top:190px;left:81px}.hud-r.s2{width:62px;height:62px;top:117px;left:90px}.hud-r.s3{width:62px;height:62px;top:66px;left:136px}.hud-r.s4{width:62px;height:62px;top:47px;left:201px}.hud-r.ult{width:72px;height:72px;box-shadow:0 0 0 3px var(--exp),0 3px 7px #0b1d3040;top:154px;left:-6px}.hud-r.slot.empty{filter:saturate(.6)brightness(.95)}.hud-r.dash{width:56px;height:56px;top:82px;left:12px}.hud-r.jump{width:52px;height:52px;top:28px;left:-34px}.hud-r.jump .arrow{object-fit:contain;width:48%;height:48%;position:absolute;inset:26%}.hud-r.jump{transition:scale .12s ease-out}.hud-r.jump.pulse{scale:var(--jump-pulse,1.15);z-index:4;animation:.36s ease-in-out infinite alternate jump-pulse}@keyframes jump-pulse{0%{box-shadow:0 0 0 2px #ffb020cc,0 0 6px 2px #ffd25a80}to{box-shadow:0 0 0 4px #ffb020,0 0 18px 7px #ffd25acc}}@media (prefers-reduced-motion:reduce){.hud-r.jump.pulse{animation:none;box-shadow:0 0 0 4px #ffb020}}.hud-r.run{touch-action:none;-webkit-user-select:none;user-select:none;width:50px;height:50px;top:34px;left:-92px}.hud-r.run .run-ic{color:#3f7fd0;text-shadow:0 1px #fff,0 0 2px #fff;letter-spacing:-3px;pointer-events:none;place-items:center;padding-bottom:3px;font:900 30px/1 sans-serif;display:grid;position:absolute;inset:0}.hud-r.run:active{filter:brightness(1.25)}.hud-cluster.grid .hud-r.run{width:44px;height:44px;top:20px;left:196px}.hud-r.pot{width:52px;height:52px;left:-72px}.hud-r.pot.mp{top:100px}.hud-r.pot.hp{top:160px}.hud-cluster.grid .hud-r.s1{top:118px;left:40px}.hud-cluster.grid .hud-r.s2{top:118px;left:108px}.hud-cluster.grid .hud-r.s3{top:186px;left:40px}.hud-cluster.grid .hud-r.s4{top:186px;left:108px}.hud-cluster.grid .hud-r.ult{top:44px;left:24px}.hud-cluster.grid .hud-r.dash{top:84px;left:196px}.hud-cluster.grid .hud-r.jump{top:50px;left:120px}.hud-r.pot .ic{object-fit:contain;border-radius:0;width:66%;height:66%;top:17%;left:17%}.hud-r .n{box-sizing:border-box;background:var(--dark);color:#fff;text-align:center;z-index:3;border-radius:9px;min-width:18px;padding:0 5px;font:700 11px/17px Noto Sans Thai,sans-serif;position:absolute;bottom:-3px;right:-5px}.hud-r.talk{width:52px;height:52px;box-shadow:none;inset:auto 322px 24px auto;background-position:50%!important;background-size:contain!important}.hud-exp{pointer-events:none;height:20px;bottom:0;left:0;right:0}.hud-exp-bar{box-sizing:border-box;--s9:.6;background:#283444cc;border-radius:7px;height:14px;position:absolute;bottom:3px;left:6px;right:6px}.hud-exp-bar[class*=n9-]{background:0 0}.hud-exp-bar i{background:var(--exp);border-radius:6px;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.hud-exp>span,.hud-exp>b{z-index:2;color:#fff;text-shadow:0 1px 2px #000a;font:800 9px/12px Noto Sans Thai,sans-serif;position:absolute;bottom:4px}.hud-exp>span{left:16px}.hud-exp>b{font-weight:700;left:44px}.hud-panel{--s9:.75;background:#283444d9;border-radius:10px;padding:10px 12px 12px}.hud-panel[class*=n9-]{background:0 0}.hud-head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;font-weight:700;display:flex}.hud-head small{opacity:.7;font:700 11px Outfit,sans-serif}.hud-fps{left:auto;right:calc(env(safe-area-inset-right,0px) + 196px);top:calc(env(safe-area-inset-top,0px) + 4px);z-index:60;color:#fff;pointer-events:none;white-space:pre;opacity:.85;background:#283444b3;border-radius:6px;padding:2px 6px;font:600 9.5px/1.4 ui-monospace,Consolas,monospace;position:fixed;bottom:auto}.hud-fps>span{display:block}@media (max-width:760px),(max-height:520px){.hud-player{transform-origin:0 0;transform:scale(.78)}.hud-quest{width:200px;top:92px}.hud-menu{transform-origin:100% 0;transform:scale(.74)}.hud-more{top:64px}.hud-mini{transform-origin:100% 0;top:64px;transform:scale(.72)}.hud-shop{transform-origin:100% 0;top:64px;right:144px;transform:scale(.74)}.hud-wallet{top:228px}.hud-music{top:264px}.hud-cluster{transform-origin:100% 100%;transform:scale(.78)}.hud-r.talk{right:250px}}@media (max-width:760px){.hud-caption{display:none}.hud-qtitle h2{font-size:12px}.hud-quest p,.hud-obj,.hud-obj b,.hud-track{font-size:10px}.hud-auto{width:62px;height:62px;bottom:33px;left:142px}.hud-auto-set{width:26px;height:26px;bottom:80px;left:188px}.hud-auto-set img{width:15px;height:15px}.hud-stick{width:112px;height:112px;bottom:33px;left:14px}.hud-stick span{width:52px;height:52px}.hud-buddy{width:145px;height:auto;padding:4px 6px;bottom:109px;left:142px}.hud-buddy strong{font-size:10px;line-height:14px}.hud-buddy small{font-size:9px;line-height:12px}.hud-toggle{width:29px}.hud-toast{max-width:75vw;font-size:11px;bottom:230px}}@media (max-height:520px){.hud-cluster{bottom:26px;transform:scale(.7)}.hud-r.talk{width:46px;height:46px;bottom:64px;right:278px}.hud-wallet{min-width:104px;height:28px;top:70px;right:192px}.hud-music{top:104px;right:192px}.hud-stick{width:112px;height:112px;bottom:30px;left:14px}.hud-stick span{width:52px;height:52px}.hud-caption{width:136px;padding:2px 10px;left:272px;transform:none}.hud-ch{left:272px;transform:none}}@media (max-height:560px){.hud-quest p,.hud-buddy{display:none}.hud-toast{bottom:205px}}@media (max-width:520px){.hud-auto{bottom:174px;left:39px}.hud-auto-set{bottom:221px;left:85px}.hud-buddy{display:none}}.hud-qfold,.hud-qtrack{display:none}@media (max-width:760px),(max-height:560px){.hud-qhead{justify-content:flex-start}.hud-qhead small{margin-left:auto}.hud-qfold{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;margin-left:6px;padding:0;font:700 12px/1 Outfit,sans-serif;display:grid}.hud-quest.folded .hud-qtitle,.hud-quest.folded p,.hud-quest.folded .hud-objs,.hud-quest.folded .hud-track{display:none}.hud-qtitle h2{cursor:pointer;min-width:0}}@media (max-height:560px){.hud-quest{max-height:calc(100dvh - 250px);padding-bottom:6px}.hud-qhead{height:26px}.hud-qtitle,.hud-objs{margin-top:4px}.hud-obj{padding:1px 0}.hud-obj:not(.next){display:none}.hud-quest[data-q1] p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hud-quest .hud-track{display:none}.hud-qtrack{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;margin-left:auto;padding:0;font-size:15px;line-height:1;display:grid}.hud-autoq{border-radius:8px;height:26px;margin-top:5px}}@media (max-height:400px){.hud-quest[data-q1] p{display:none}}.w-overlay{z-index:40;background:radial-gradient(circle at 50% 45%,#0b102259,#050814b8);place-items:center;padding:12px;display:grid;position:absolute;inset:0}.w-overlay.fresh>.w-win{animation:.22s cubic-bezier(.2,.9,.3,1.15) both w-in}@keyframes w-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.w-win{box-sizing:border-box;width:min(96vw,var(--vw));max-height:94dvh;color:var(--ink);-webkit-user-select:none;user-select:none;filter:drop-shadow(0 14px 30px #0b1d3059);background:var(--body);border-radius:10px;flex-direction:column;font-size:14px;line-height:1.45;display:flex;position:relative}.w-win[class*=n9-]{background:0 0}.w-head{color:#fff;background:var(--title);border-radius:10px 10px 0 0;flex:none;align-items:center;gap:8px;height:33px;padding:0 6px 0 12px;display:flex}.w-win[class*=n9-] .w-head{background:0 0}.w-head b{letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.w-hicon{object-fit:contain;flex:none;width:22px;height:22px}.w-x:focus-visible{background:#ffffff26;outline:0}.w-win.plain{background:var(--body);filter:none;border-radius:10px;width:min(700px,100vw - 24px);max-height:calc(100dvh - 28px);box-shadow:0 14px 34px #0b1d3066}.w-win.plain .w-head{background:#404c64}.w-win.plain .w-head b{letter-spacing:.5px;font:600 12.5px/1 Noto Sans Thai,sans-serif}.w-win.plain .w-body{padding:35px 44px 42px}.w-win.plain h2{color:var(--ink);margin:0 0 14px;font:600 24px/1.3 Noto Sans Thai,sans-serif}.w-win.plain p,.w-win.plain small,.w-win.plain label{color:#4a5466}.w-win.plain p{font-size:14px;line-height:1.9}.w-x{cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.w-x:hover{background:#ffffff1f}.w-x img{object-fit:contain;width:16px;height:16px}.w-win[class*=n9-] .w-head{padding-right:calc(3.5px * var(--s9,1))}.w-win[class*=n9-] .w-x img{visibility:hidden}.w-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 16px 12px;display:flex;overflow:auto}.w-win p{margin:.2em 0}.w-win .down{color:var(--down)}.w-win .up{color:var(--up)}.w-empty{color:var(--mute);text-align:center;margin:0;padding:18px 8px}.w-btn{color:#fff;background:var(--blue);cursor:pointer;white-space:nowrap;--s9:.7;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:4px 18px;font-size:14px;font-weight:700;line-height:1.2;display:inline-flex;position:relative}.w-btn.orange{background-color:var(--orange)}.w-btn.white{color:var(--ink);background-color:#fff}.w-btn[class*=n9-],.w-btn[class*=n9-].orange,.w-btn[class*=n9-].white{background:0 0}.w-btn:hover:not([disabled]){filter:brightness(1.07)}.w-btn:active:not([disabled]){filter:brightness(.94);transform:translateY(1px)}.w-btn.sm{min-height:30px;padding:0 12px;font-size:12.5px}.w-btn[disabled]{color:#8a909b;cursor:not-allowed}.w-btn.wide{width:100%}.w-round{background:var(--round);color:#fff;cursor:pointer;--s9:.6;border:0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:17px;font-weight:800;display:grid}.w-round[class*=n9-]{background:0 0}.w-round.sm{--s9:.45;width:26px;height:26px;font-size:15px}.w-round[disabled]{opacity:.38;cursor:not-allowed}.w-round.orange{background:var(--orange);border-image-source:none}.w-round:hover:not([disabled]){filter:brightness(1.1)}.w-ri{object-fit:contain;width:18px;height:18px}.w-tabs{flex:none;gap:4px;display:flex}.w-tab{color:#fff;background:var(--dark);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;--s9:.65;border:0;border-radius:6px;flex:1;min-width:0;min-height:34px;padding:2px 10px;font-size:13.5px;font-weight:700;overflow:hidden}.w-tab.on{background:var(--orange)}.w-tab[class*=n9-]{background:0 0}.w-tab[disabled]{opacity:.55;cursor:not-allowed}.w-tabs.sm .w-tab{min-height:30px;font-size:12.5px}.w-cats{background:var(--white);border-radius:8px;flex:none;padding:2px 4px;display:flex;box-shadow:inset 0 0 0 1px #e3e3e8}.w-cat{min-height:34px;color:var(--mute);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:1;font-size:13px;font-weight:700;position:relative}.w-cat.on{color:var(--ink)}.w-cat.on:after{content:"";background:var(--orange);border-radius:2px;height:3px;position:absolute;bottom:3px;left:22%;right:22%}.w-card{background:var(--white);border-radius:8px;min-width:0;padding:10px 12px}.w-card.center{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.w-sec{background:var(--slot);--s9:1;border-radius:5px;align-items:center;gap:8px;min-height:26px;margin:2px 0 6px;padding:2px 10px 2px 14px;font-size:13.5px;display:flex;position:relative}.w-sec[class*=n9-]{background:0 0}.w-sec b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.w-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.w-row.center{justify-content:center}.w-row.end{justify-content:flex-end;margin-top:8px}.w-foot{border-top:1px solid #e0e0e6;flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding-top:6px;display:flex}.w-grow{flex:1}.w-coins{background:var(--dark);color:#fff;--s9:.7;border-radius:16px;align-items:center;gap:6px;min-width:120px;height:32px;padding:0 14px 0 10px;display:inline-flex}.w-coins[class*=n9-]{background:0 0}.w-coins i{color:var(--exp);font-style:normal}.w-coins b{margin-left:auto;font-size:13.5px}.w-chip{background:var(--slot);white-space:nowrap;border-radius:15px;align-items:center;gap:4px;min-height:30px;padding:0 12px;font-size:12.5px;display:inline-flex}.w-count{color:var(--mute);white-space:nowrap;font-size:13px}.w-line{border-bottom:1px solid #ececf0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:5px 2px;font-size:13.5px;display:flex}.w-line>span{color:var(--mute)}.w-note{color:var(--mute);font-size:12.5px}.w-text{text-align:left;width:100%;max-height:150px;font-size:13px;overflow:auto}.w-text .meta{color:var(--mute)}.w-total{font-size:16px}.w-step{align-items:center;gap:8px;display:inline-flex}.w-step b{text-align:center;background:#fff;border-radius:5px;min-width:54px;padding:2px 6px;box-shadow:inset 0 0 0 1px #d8d8de}.w-step .w-qty{text-align:center;width:64px;min-height:28px;font:inherit;border:1px solid #d8d8de;border-radius:5px;padding:2px 6px}.w-step{flex-wrap:wrap}.w-bar{background:var(--dark);border-radius:5px;width:100%;height:10px;overflow:hidden}.w-bar i{background:var(--orange);border-radius:5px;height:100%;display:block}.w-bar.ok i{background:var(--up)}.w-pick{white-space:nowrap;text-overflow:ellipsis;min-height:22px;margin:0;font-size:13px;overflow:hidden}.w-pick.dim{color:var(--mute)}.w-slot{aspect-ratio:1;background:var(--sb,var(--slot)) center/100% 100% no-repeat;cursor:pointer;border:0;border-radius:6px;width:100%;padding:0;display:block;position:relative}.w-slot.void,.w-slot[disabled]{cursor:default}.w-slot .ic{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #0002);width:72%;height:72%;position:absolute;inset:14%}.w-slot .glyph{object-fit:contain;opacity:.75;width:52%;height:52%;position:absolute;inset:24%}.w-slot .tag{object-fit:contain;width:16%;height:16%;position:absolute;top:5%;left:5%}.w-slot .qty{background:var(--dark);color:#fff;text-align:center;border-radius:7px;min-width:1.7em;padding:0 4px;font:700 10.5px/15px Noto Sans Thai,sans-serif;position:absolute;bottom:4%;right:4%}.w-slot.locked{cursor:default;opacity:.8}.w-slot.fresh{animation:1.2s ease-in-out infinite alternate w-fresh;box-shadow:0 0 0 2px #f28c28,0 0 10px 2px #f28c2899}@keyframes w-fresh{to{box-shadow:0 0 0 2px #f28c28,0 0 4px #f28c2833}}@media (prefers-reduced-motion:reduce){.w-slot.fresh{animation:none}}.w-line .w-slot{flex:none;width:34px}.w-slot .sel{pointer-events:none;background:url(/ui/slots/selection_overlay.webp?h=7dad6fd7b612) 50%/100% 100% no-repeat;position:absolute;inset:0}.w-slot.dim{opacity:.32}.w-slot.full:hover:not([disabled]){filter:brightness(1.06);transform:translateY(-1px)}.w-grid{align-content:start;gap:6px;padding:2px;display:grid;overflow:auto}.w-grid.g8{grid-template-columns:repeat(8,minmax(0,1fr))}.w-grid.g4{grid-template-columns:repeat(4,minmax(0,58px));justify-content:start}.w-trade .w-grid.g8{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));max-height:min(26dvh,170px);overflow:auto}.w-form.row{flex-direction:row;align-items:center;gap:8px;margin-top:6px}.w-form.row input{flex:1;min-width:0}.w-big{aspect-ratio:1;background:var(--sb) center/100% 100% no-repeat;width:min(132px,60%);margin:4px auto 0;position:relative}.w-big img{object-fit:contain;filter:drop-shadow(0 4px 5px #0003);width:68%;height:68%;position:absolute;inset:16%}.w-plate{color:#fff;background:var(--rc,var(--dark));--s9:.9;text-shadow:0 1px 2px #0006;border-radius:6px;justify-content:center;align-items:center;max-width:100%;min-height:30px;margin:6px auto 0;padding:3px 18px;display:flex}.w-plate[class*=n9-]{background:0 0}.w-plate b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.w-split{flex:1 0 auto;gap:14px;display:grid}.w-split.inv{grid-template-columns:minmax(300px,.85fr) minmax(0,1.35fr)}.w-split.shop{grid-template-columns:110px minmax(0,1.5fr) minmax(230px,.85fr)}.w-split.qs{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.w-split.td{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.w-chip.on{color:#9a5a10;background:#ffe1b8}.w-chipic{border-radius:4px;width:18px;height:18px;margin-left:-6px}.w-chip.up{color:#1d7a3e;background:#d6f5df}.w-chip.warn{color:#b23a2a;background:#ffe0dc}.w-split.forge{grid-template-columns:minmax(0,.95fr) minmax(0,.9fr) minmax(0,1fr)}.w-split.st{grid-template-columns:minmax(0,1.6fr) minmax(220px,.75fr)}.w-sortbar{justify-content:flex-end;align-items:center;gap:6px;margin:4px 0;font-size:12.5px;display:flex}.w-sortbar select{min-height:30px;font:inherit;border-radius:4px;padding:0 6px}.w-split.ml{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.w-split.fr{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}@media (max-width:860px){.w-split.ml,.w-split.fr{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){.w-split.st{grid-template-columns:minmax(0,1fr)}}.w-big .plus{color:#f0c000;background:#283444d9;border-radius:6px;padding:0 4px;font:800 13px/18px Noto Sans Thai,sans-serif;position:absolute;bottom:4%;left:5%}.cw-stat{color:#2f5d8a;margin:0;font-weight:700}.w-bar.rate i{background:var(--exp)}.w-split.jw{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.w-li.gear{grid-template-columns:40px minmax(0,1fr) 40px}.w-stars{justify-content:center;gap:2px;display:flex}.w-stars img{width:20px;height:20px}.w-li.up{grid-template-columns:40px minmax(0,1fr) auto}.w-li.craft{grid-template-columns:40px minmax(0,1fr) 130px auto}.w-li.pl{grid-template-columns:minmax(0,1fr) 54px;min-height:30px}.w-pline{margin:2px 0;font-size:13px;font-weight:700}.w-amount{background:#fff;border:1px solid #d8d8e0;border-radius:8px;width:110px;min-height:32px;padding:0 10px;font-size:13px;font-weight:600}.w-col{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.w-side{background:var(--white);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.w-doll{grid-template-columns:54px minmax(0,1fr) 54px;align-items:stretch;gap:8px;display:grid}.w-dcol{flex-direction:column;gap:6px;display:flex}.w-stage{background:var(--stage);border-radius:8px;flex-direction:column;justify-content:flex-end;align-items:center;min-height:260px;display:flex;position:relative;overflow:hidden}.w-stage:before{content:"";background:#7d8fb455;border-radius:50%;height:16px;position:absolute;bottom:44px;left:18%;right:18%}.w-stage .who{aspect-ratio:1;object-fit:contain;width:min(100%,200px);image-rendering:pixelated;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.w-stage p{background:var(--dark);color:#fff;border-radius:12px;margin:0 0 8px;padding:3px 14px;font-size:12.5px;position:relative}.w-stage p b{color:var(--exp)}.w-listwrap{background:var(--white);border-radius:8px;flex-direction:column;min-height:0;padding:6px;display:flex}.w-lhead,.w-li{grid-template-columns:minmax(0,1fr) 92px 70px;align-items:center;gap:8px;display:grid}.w-lhead{color:var(--mute);padding:4px 10px 6px 56px;font-size:12px;font-weight:700}.w-lhead span+span,.w-li .pr,.w-li .st{text-align:center}.w-list{flex-direction:column;gap:4px;min-height:0;max-height:min(52dvh,430px);display:flex;overflow:auto}.w-li{text-align:left;cursor:pointer;min-height:48px;color:var(--ink);background:#f5f5f7;border:0;border-radius:7px;grid-template-columns:40px minmax(0,1fr) 92px 70px;padding:4px 8px;font-size:13.5px}.w-li:hover{background:#ececf1}.w-li.on{box-shadow:inset 0 0 0 2px var(--orange);background:#fff}.w-li .w-slot{width:40px}.w-li .nm{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.w-li .nm small{color:var(--mute);font-size:12px;font-weight:400;display:block}.w-li.junk{opacity:.8}.w-lirow{flex-direction:column;display:flex;position:relative}.w-lirow>.w-li{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%}.w-li.blocked{opacity:.55;filter:grayscale(.6)}.w-li .nm small.why{color:var(--down,#c8463f)}.w-qback{z-index:4;position:fixed;inset:0}.w-qmenu{z-index:5;background:#fff;border-radius:7px;flex-wrap:wrap;gap:6px;margin:2px 0 4px 44px;padding:6px;display:flex;position:relative;box-shadow:0 2px 10px #0b1d3040,inset 0 0 0 1px #d8d8de}.w-qmenu button{background:var(--orange,#ec7444);color:#fff;min-height:34px;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:0 12px;font-size:13px;font-weight:700}.w-qmenu button:disabled{cursor:not-allowed;background:#a8afbc}.w-qmenu .why{color:var(--mute);font-size:12.5px}.w-sellbox{flex-direction:column;gap:6px;width:100%;display:flex}.w-sellrow{align-items:stretch;gap:4px;width:100%;display:flex}.w-qbtn{min-width:40px;height:36px;color:var(--ink);font:inherit;cursor:pointer;background:#eef1f5;border:0;border-radius:6px;flex:none;padding:0 6px;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1px #d8d8de}.w-qbtn.all{background:var(--blue,#4c84b0);color:#fff;box-shadow:none;padding:0 10px}.w-qbtn:disabled{opacity:.45;cursor:not-allowed}.w-qin{text-align:center;width:0;min-width:0;height:36px;font:inherit;color:var(--ink);background:#fff;border:0;border-radius:6px;flex:1;font-size:16px;font-weight:700;box-shadow:inset 0 0 0 1px #c9ccd6}.w-qin:focus{outline:2px solid var(--orange,#ec7444);outline-offset:0}.w-qslide{width:100%;height:28px;accent-color:var(--orange,#ec7444);margin:0}.w-qnote{color:var(--mute);font-size:12px}.w-note.warn{color:var(--down,#c8463f);font-weight:600}.w-ask{background:#fff4ec;border-radius:8px;flex-direction:column;gap:6px;width:100%;padding:8px;display:flex;box-shadow:inset 0 0 0 1px #f2c5a8}.w-ask small{color:var(--mute)}.w-askrow{justify-content:center;gap:6px;display:flex}@media (pointer:coarse),(max-width:760px),(max-height:520px){.w-qbtn,.w-qin{height:40px}.w-qbtn{min-width:44px}.w-qslide{height:40px}.w-qmenu button,.w-ask .w-btn,.w-split.shop .w-side .w-btn{min-height:40px}}.w-catlist{flex-direction:column;gap:6px;display:flex}.w-catbtn{cursor:pointer;color:var(--mute);--s9:.8;background:#fff;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:12.5px;font-weight:700;display:flex}.w-catbtn[class*=n9-]{background:0 0}.w-catbtn.on{color:var(--ink)}.w-catbtn img{object-fit:contain;width:30px;height:30px}.w-li.quest{grid-template-columns:30px minmax(0,1fr)}.w-li.quest span{flex-direction:column;min-width:0;display:flex}.w-li.quest b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.w-li.quest small{color:var(--mute);font-size:12px}.w-qmark{color:#fff;background:var(--orange);border-radius:50%;place-items:center;width:26px;height:26px;font-style:normal;font-weight:800;display:grid}.w-qmark.completed{background:var(--up)}.w-qmark.locked{background:var(--round);font-size:12px}.w-objs{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.w-obj{grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;font-size:13px;display:grid}.w-obj .w-bar{grid-column:1/-1;height:7px}.w-obj.done span{color:var(--up)}.w-rewards{gap:8px;display:flex}.w-rewards span{background:var(--slot);border-radius:8px;flex-direction:column;flex:1;align-items:center;padding:8px 4px;font-weight:700;display:flex}.w-rewards i{color:var(--orange);font-size:18px;font-style:normal}.w-rewards img{object-fit:contain;width:28px;height:28px}.w-rewards small{color:var(--mute);font-size:11.5px;font-weight:400}.w-npc{grid-template-columns:200px minmax(0,1fr);gap:14px;display:grid}.w-portrait{background:var(--stage);border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;display:flex}.w-portrait>img,.w-portrait>.w-face{aspect-ratio:1;object-fit:cover;object-position:50% 40%;width:100%;image-rendering:pixelated;background:#fff6;border-radius:8px}.w-portrait>.w-face{justify-content:center;align-items:center;display:flex;overflow:hidden}.w-face>img{object-fit:contain;width:100%;max-width:none;height:100%;image-rendering:pixelated;flex:none;display:block}.w-face.other>img{object-fit:cover;object-position:50% 40%}.w-face.painted>img{object-fit:cover;object-position:50% 30%;image-rendering:auto}.w-portrait small{opacity:.75;font-size:12px}.w-talk{flex-direction:column;gap:8px;min-width:0;display:flex}.w-bubble{background:var(--white);--s9:1;border-radius:8px;max-height:min(34dvh,260px);padding:12px 14px;overflow:auto}.w-bubble[class*=n9-]{background:0 0}.w-bubble h3{margin:0 0 4px;font-size:16px}.w-bubble p{font-size:14px;line-height:1.6}.w-opts{flex-direction:column;gap:6px;display:flex}.w-opt{cursor:pointer;min-height:42px;color:var(--ink);text-align:left;--s9:.8;background:#fff;border:0;border-radius:8px;align-items:center;gap:10px;padding:4px 14px;font-size:14px;font-weight:700;display:flex}.w-opt[class*=n9-]{background:0 0}.w-opt:hover{filter:brightness(.97)}.w-opt i{color:var(--orange);margin-left:auto;font-size:18px;font-style:normal}.w-opt img{object-fit:contain;width:24px;height:24px}.w-hero{object-fit:contain;background:var(--round);border-radius:50%;width:84px;height:84px;margin:6px auto;padding:12px}.w-pick2{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.w-pick2>div{background:var(--slot);border-radius:8px;flex-direction:column;min-width:0;padding:6px 18px;display:flex}.w-pick2 small{color:var(--mute)}@media (max-width:820px){.w-split.inv,.w-split.qs,.w-split.forge,.w-split.td,.w-split.jw{grid-template-columns:minmax(0,1fr)}.w-split.shop{grid-template-columns:76px minmax(0,1fr)}.w-split.shop .w-side{grid-column:1/-1}.w-npc{grid-template-columns:120px minmax(0,1fr)}.w-li{grid-template-columns:40px minmax(0,1fr) 78px 52px}.w-lhead{grid-template-columns:minmax(0,1fr) 78px 52px}.w-grid.g8{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:520px){.w-npc{grid-template-columns:minmax(0,1fr)}}.w-form{flex-direction:column;gap:4px;display:flex}.w-form label{color:var(--mute);margin-top:4px;font-size:12.5px;font-weight:700}.w-win input:not([type=checkbox]):not([type=range]),.w-win textarea{font:inherit;color:var(--ink);resize:vertical;background:#fff;border:1px solid #d6d8de;border-radius:6px;outline:none;padding:7px 10px;font-size:14px}.w-win input:not([type=checkbox]):not([type=range]):focus,.w-win textarea:focus{border-color:var(--orange);box-shadow:0 0 0 2px var(--orange)}.w-check input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:0;border-radius:4px;flex:none;width:20px;height:20px;margin:0;box-shadow:inset 0 0 0 2px #c5c8d0}.w-check input[type=checkbox]:checked{box-shadow:none;background:url(/ui/buttons/checkbox_checked.webp?h=415243001166) 50%/contain no-repeat}.w-check input[type=checkbox]:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.w-bubble .small{color:var(--mute);font-size:12.5px}.w-bubble .small .w-btn{margin-left:4px}.w-mbody{white-space:pre-wrap;background:#f6f3ea;border-radius:8px;min-height:64px;max-height:180px;margin:8px 0;padding:10px 12px;font-size:13.5px;line-height:1.55;overflow:auto}.w-pop{z-index:30;color:var(--ink);--s9:.8;background:#fffffff2;border-radius:10px;align-items:center;gap:10px;padding:10px 16px;display:flex;position:absolute;top:120px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0b1d3040}.w-pop[class*=n9-]{background:0 0}.w-pop.invite{top:170px}.w-ghead{background:#fcfcfc;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;display:flex}.w-ghead img{object-fit:contain;box-sizing:border-box;background:var(--round);border-radius:50%;width:44px;height:44px;padding:9px}.w-ghead div{flex-direction:column;min-width:0;display:flex}.w-ghead b{font-size:16px}.w-ghead small{color:var(--mute);font-size:12.5px}.w-li.gm{grid-template-columns:28px minmax(0,1fr) auto;column-gap:8px}.w-li.gm .st{white-space:nowrap;color:var(--mute);font-size:12.5px}.w-li.gm.received{box-shadow:inset 3px 0 #ec7444}.w-li.gm .nm{flex-direction:column;min-width:0;display:flex}.w-li.gm .nm small{color:var(--mute);font-size:12px;font-weight:600}.w-li.gm.pt{cursor:default;grid-template-columns:28px minmax(0,1fr) auto auto}.w-crown{color:#e8a92c;text-align:center;font-size:16px;font-style:normal}.w-crown.sub{color:#8ea3c6}.w-dot{vertical-align:middle;background:#b8bcc6;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.w-dot.on{background:#2c976c;box-shadow:0 0 0 3px #2c976c2e}.w-acts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.w-foot input{flex:0 200px;min-width:0}.w-win select{font:inherit;color:var(--ink);background:#fff;border:1px solid #d6d8de;border-radius:6px;padding:6px 8px;font-size:14px}.w-check{align-items:center;gap:8px;display:flex;color:var(--ink)!important;font-weight:400!important}.hud-buffs{z-index:3;pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;bottom:12px;left:12px}.hud-charm{color:#fff;pointer-events:none;background:#203442d9;border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 4px;font:600 12px Noto Sans Thai,sans-serif;display:flex}.hud-charm img{object-fit:contain;width:24px;height:24px}.hud-luck{z-index:6;box-sizing:border-box;color:#ffe9a8;pointer-events:auto;background:#2a2f3acc;border-radius:8px;align-items:center;gap:6px;width:min(70vw,260px);height:16px;padding:0 8px;font:600 11px/16px Noto Sans Thai,sans-serif;display:flex;position:absolute;bottom:23px;left:50%;overflow:hidden;transform:translate(-50%)}.hud-luck>i{background:linear-gradient(90deg,#5fbf6a66,#c8e88a66);width:0;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.hud-luck>span{white-space:nowrap;position:relative}.hud-luck.empty{color:#b9bdc6}.hud-luck.empty>i{background:#8a8f9a33}@media (pointer:coarse),(max-width:600px){.hud-luck{pointer-events:none;width:min(64vw,230px);height:14px;font-size:10px;line-height:14px}}.dg-hud{z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:6px;font-family:Noto Sans Thai,sans-serif;display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%)}.dg-row{align-items:center;gap:8px;display:flex}.dg-time{box-sizing:border-box;color:#fff;background:50%/100% 100% no-repeat;justify-content:flex-end;align-items:center;width:150px;height:42px;padding-right:22px;font:700 20px Outfit,Noto Sans Thai,sans-serif;display:flex}.dg-time.warn b{color:#ffb199;animation:.8s steps(2,end) infinite dgblink}.dg-prog{white-space:nowrap;box-sizing:border-box;color:#25364a;background:50%/100% 100% no-repeat;align-items:center;gap:6px;min-width:160px;height:44px;padding:0 14px 0 46px;font-size:14px;font-weight:700;display:flex}.dg-prog .dots{gap:3px;display:flex}.dg-prog .dots img{width:12px;height:12px}.dg-rev{white-space:nowrap;color:#fff;background:#203442cc;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.dg-goal{text-align:center;color:#ffe7a8;background:#203442cc;border-radius:10px;max-width:min(520px,80vw);padding:4px 12px;font-size:13px;font-weight:600;line-height:1.35}.dg-exit{pointer-events:auto;color:#fff;cursor:pointer;background:#e8743b;border:0;border-radius:999px;padding:7px 16px;font:700 14px Noto Sans Thai,sans-serif;box-shadow:0 2px 6px #0004}.dg-boss{flex-direction:column;gap:2px;width:min(560px,86vw);display:flex}.dg-bname{color:#fff;text-align:center;text-shadow:0 1px 3px #000c;font-size:14px;font-weight:700}.dg-bar{background:url(/dungeon/ui/boss-hp-frame.webp?h=7218004f5160) 50%/100% 100% no-repeat;height:30px;position:relative}.dg-bar i{border-radius:8px;max-width:93%;height:56%;position:absolute;top:22%;left:3.5%}.dg-bar .fill{background:linear-gradient(#ff6b5e,#e04236)}.dg-bar .shield{opacity:.85;background:linear-gradient(#7fb6ff,#3d7fd6);height:24%;top:58%}.dg-bar em{color:#fff;text-shadow:0 1px 2px #000;place-items:center;font-size:12px;font-style:normal;font-weight:700;display:grid;position:absolute;inset:0}.dg-banner{aspect-ratio:640/160;color:#fff;text-shadow:0 2px 6px #0008;background:50%/100% 100% no-repeat;place-items:center;width:min(560px,90vw);font:800 34px Noto Sans Thai,sans-serif;display:grid;position:fixed;top:32%;left:50%;transform:translate(-50%)}.dg-banner.go{animation:2.4s forwards dgban}@keyframes dgban{0%{opacity:0;transform:translate(-50%,10px)scale(.9)}12%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}@keyframes dgblink{50%{opacity:.4}}@media (max-width:760px){.dg-hud{transform-origin:top;top:266px;transform:translate(-50%)scale(.82)}.dg-row{flex-wrap:nowrap}.dg-time{width:118px;height:34px;font-size:16px}.dg-prog{min-width:120px;height:36px;font-size:12px}}.ar-hud .ar-bars{flex-direction:row;gap:12px;width:min(720px,94vw)}.ar-hud .ar-side{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ar-hud .ar-me .fill{background:linear-gradient(#6fd17a,#3aa34a)}.ar-hud .dg-bname small{opacity:.85;font-weight:600}.ar-count b{font-size:64px}.dg-rhead.ar-win b{color:#ffe08a}.dg-rhead.ar-loss b{color:#d9e2ec}.ar-delta{color:#25364a;font:700 18px Noto Sans Thai,sans-serif}.ar-delta em{margin-left:6px;font-style:normal}.ar-delta .up{color:#2f9e57}.ar-delta .down{color:#d0453b}.ar-card{background:#f6f8fb;border:1.5px solid #c8d3df;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:8px 0;padding:10px 14px;display:flex}.ar-tier{color:#3a4a5c;flex-direction:column;gap:2px;display:flex}.ar-tier b{color:#e8743b;font:800 20px Noto Sans Thai,sans-serif}.ar-rating{color:#25364a;font:700 28px Outfit,Noto Sans Thai,sans-serif}.ar-stats{color:#4b5a6b;flex-wrap:wrap;gap:14px;font-size:14px;display:flex}.ar-stats b{color:#25364a}.ar-acts{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.ar-room{color:#4b5a6b;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;font-size:13px;display:flex}.ar-room input{min-width:0;font:inherit;border:1px solid #d6d8de;border-radius:6px;flex:0 180px;padding:6px 8px}.ar-views{gap:8px;margin:0 0 8px;display:flex}.ar-season{color:#3a4a5c;background:#f6f8fb;border:1.5px solid #c8d3df;border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:6px 0;padding:10px 14px;display:flex}.ar-season b{color:#25364a;font:800 18px Noto Sans Thai,sans-serif}.ar-season p{flex-basis:100%;margin:2px 0 0;font-size:13px}.ar-coins{color:#3a4a5c;align-items:center;gap:6px;margin:6px 0;font-size:14px;display:flex}.ar-coins img{width:32px;height:32px;image-rendering:pixelated}.ar-coins b{color:#6b4fb3;font:800 18px Outfit,Noto Sans Thai,sans-serif}.ar-shop{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px;margin:6px 0;display:grid}.ar-srow{background:#fff;border:1px solid #d6dde6;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex}.ar-srow.off{opacity:.7}.ar-sname{color:#25364a;flex-direction:column;flex:1;min-width:0;font-size:13px;font-weight:700;display:flex}.ar-sname small{color:#5b6b7c;font-weight:500}.ar-slimit{color:#6b7a8a;max-width:90px;font-size:11px}.ar-tlist{flex-wrap:wrap;gap:6px;display:flex}.ar-title{cursor:pointer;background:#1f2a38;border:1.5px solid #c8d3df;border-radius:999px;padding:5px 10px;font:700 13px Noto Sans Thai,sans-serif}.ar-title.on{outline:2px solid #ffb84d}.ar-title.glow{text-shadow:0 0 6px}.ar-title:first-child{color:#d9e2ec}.ar-rent{color:#3a4a5c;justify-content:space-between;gap:8px;padding:2px 0;font-size:13px;display:flex}@media (max-width:760px){.ar-hud .ar-bars{gap:6px;width:94vw}.ar-count b{font-size:48px}.ar-shop{grid-template-columns:1fr}}.hud-run-end{--vw:560px;pointer-events:auto;z-index:30;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dg-result{flex-direction:column;align-items:center;gap:8px;padding:6px 4px;display:flex}.dg-rhead{color:#fff;background:50%/100% 100% no-repeat;place-items:center;width:100%;height:52px;font:700 20px Noto Sans Thai,sans-serif;display:grid}.dg-grade{width:120px;height:120px;animation:.5s cubic-bezier(.2,1.6,.4,1) dgpop}.dg-chest{cursor:pointer;color:#5d6b7a;background:0 0;border:0;flex-direction:column;align-items:center;font-size:12px;display:flex}.dg-chest img{width:192px;height:160px;image-rendering:pixelated}.dg-chest:not(.open) img{animation:1.4s ease-in-out infinite dgwob}.dg-result .mailed{color:var(--down)}@keyframes dgpop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.dg-strip{width:192px;height:160px;display:block;overflow:hidden}.dg-strip img{width:1152px;max-width:none;height:160px;image-rendering:pixelated;animation:.6s steps(5,end) both dgopen;display:block}@keyframes dgopen{0%{transform:translate(0)}to{transform:translate(-960px)}}@media (prefers-reduced-motion:reduce){.dg-strip img{animation:none;transform:translate(-960px)}}@keyframes dgwob{0%,to{transform:rotate(0)}10%{transform:rotate(-4deg)}20%{transform:rotate(4deg)}30%{transform:rotate(0)}}.dg-win{grid-template-columns:84px 1fr;gap:14px;min-height:0;display:grid}.dg-tabs{flex-direction:column;gap:6px;display:flex}.dg-tab{color:#3a4a5c;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font:600 12px Noto Sans Thai,sans-serif;display:flex}.dg-tab img{object-fit:contain;width:58px;height:58px;transition:transform .12s}.dg-tab.on{color:#e8743b}.dg-tab:hover img{transform:scale(1.06)}.dg-main{min-width:0;max-height:min(68vh,640px);padding-right:4px;overflow:auto}.dg-isl{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.dg-ib{color:#3a4a5c;cursor:pointer;background:#f6f8fb;border:1.5px solid #c8d3df;border-radius:999px;padding:4px 12px;font:600 13px Noto Sans Thai,sans-serif}.dg-ib.on{color:#fff;background:#3d4d66;border-color:#3d4d66}.dg-ib.lock{opacity:.5}.dg-cover{aspect-ratio:640/240;background:#1a2230 50%/cover no-repeat;border-radius:14px;width:100%;max-height:clamp(90px,16vh,150px);position:relative;overflow:hidden;box-shadow:0 3px 10px #0003}.dg-cover b{color:#fff;text-shadow:0 2px 6px #000c;font:700 22px Noto Sans Thai,sans-serif;position:absolute;bottom:10px;left:14px}.dg-text{color:#4b5a6b;margin:8px 2px;font-size:13px;line-height:1.55}.dg-chips{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.dg-chip{background:var(--bg) center/100% 100% no-repeat;color:#3a4a5c;cursor:pointer;border:0;min-width:96px;height:36px;padding:0 14px 0 34px;font:700 13px Noto Sans Thai,sans-serif}.dg-chip.on{color:#fff}.dg-chip.lock{color:#8e98a5;cursor:default}.dg-info{color:#4b5a6b;flex-wrap:wrap;gap:6px;margin:6px 0 8px;font-size:13px;display:flex}.dg-info>span{background:#eef2f7;border-radius:999px;padding:3px 10px}.dg-info b{color:#25364a}.dg-info .warn{color:#e8743b;font-weight:600}.dg-info .warn b{color:#e8743b}.dg-rewards{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.dg-rw{flex-direction:column;align-items:center;gap:2px;width:64px;display:flex}.dg-rw small{color:#5d6b7a;white-space:nowrap;font-size:11px}.dg-rw .w-slot{width:56px;height:56px}.dg-first{color:#8a5a1c;margin:2px 0 6px;font-size:12px}.dg-colors{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;font-size:13px;display:flex}.dg-col{border:2px solid var(--c);color:var(--c);cursor:pointer;background:#fff;border-radius:999px;padding:2px 10px;font:700 12px Noto Sans Thai,sans-serif}.dg-col.on{background:var(--c);color:#fff}.dg-tower{flex-wrap:wrap;gap:14px;margin:4px 0;font-size:13px;display:flex}.dg-skip{cursor:pointer;align-items:center;gap:6px;display:flex}.dg-rank .dg-rrow{background:var(--row) center/100% 100% no-repeat;color:#25364a;grid-template-columns:52px 1fr 120px;align-items:center;height:48px;padding:0 16px;font:600 14px Noto Sans Thai,sans-serif;display:grid}.dg-rank .dg-rrow em{text-align:right;color:#e8743b;font-style:normal}.dg-rank .dg-rrow.me{color:#e8743b}.dg-pick{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-bottom:8px;display:grid}.dg-pk{text-align:left;cursor:pointer;color:#25364a;background:#f7f9fc;border:1.5px solid #d3dbe5;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 10px;font-family:Noto Sans Thai,sans-serif;display:flex;position:relative}.dg-pk b{font-size:13px}.dg-pk .df{color:#e8743b;font-size:12px;font-weight:700}.dg-pk small{color:#5d6b7a;font-size:11px}.dg-pk .ok{color:#2f8f6a;font-size:10.5px;font-style:normal;font-weight:700}.dg-pk:hover{border-color:#e8743b88}.dg-pk.on{background:#fff4ee;border-color:#e8743b;box-shadow:0 0 0 2px #e8743b33}.dg-pk.lock{opacity:.55}.dg-pk.lock .df{color:#8e98a5}.dg-go{z-index:2;background:#fffe;border-top:1px solid #e3e8ee;border-radius:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 10px #0000000d}.dg-what{color:#4b5a6b;flex:1;min-width:0;font-size:13px}.dg-what b{color:#25364a}.dg-lock{color:#c45a2a;flex:1;font-size:13px;font-weight:600}.dg-foot{gap:14px}.dg-cur{color:#25364a;align-items:center;gap:4px;font:700 15px Noto Sans Thai,sans-serif;display:flex}.dg-cur img{width:26px;height:26px}.dg-cur small{color:#5d6b7a;font-size:11px;font-weight:500}.dg-reset{color:#5d6b7a;font-size:12px}.dg-shop{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.dg-card{background:var(--bg) center/100% 100% no-repeat;text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;display:flex}.dg-cslot{background:var(--slot) center/100% 100% no-repeat;place-items:center;width:76px;height:76px;display:grid;position:relative}.dg-cslot img{width:58px;height:58px}.dg-cslot b{font-size:12px;position:absolute;bottom:2px;right:6px}.dg-cname{color:#25364a;font:700 14px Noto Sans Thai,sans-serif}.dg-price{color:#8a5a1c;align-items:center;gap:3px;font-weight:700;display:flex}.dg-price img{width:20px;height:20px}.dg-card small{color:#5d6b7a;font-size:11px}@media (max-width:760px){.dg-win{grid-template-columns:1fr}.dg-tabs{flex-direction:row;overflow-x:auto}.dg-tab img{width:44px;height:44px}}.w-stat{grid-template-columns:1fr auto 24px 24px;align-items:center;gap:8px;display:grid}.w-stat small{color:var(--mute);font-size:11px}.w-stat em{color:#fff;background:var(--blue);border-radius:6px;padding:0 6px;font-size:11px;font-style:normal}.w-stat em.main{background:var(--orange)}.w-stat b em.up,.w-line b em.up{font-size:inherit;color:var(--up);background:0 0;padding:0}.w-plus{color:#fff;background:var(--up);cursor:pointer;border:0;border-radius:6px;width:24px;height:24px;font:700 15px/1 Outfit,sans-serif}.w-plus:disabled{background:var(--slot);cursor:default}.hud-party{pointer-events:auto;width:232px;position:absolute;top:392px;right:12px}.hud-event{color:#fff;text-align:center;z-index:11;pointer-events:none;--s9:.75;background:#283444e0;border-radius:10px;padding:6px 14px;font-size:12px;position:absolute;top:52px;left:50%;transform:translate(-50%)}.hud-event[class*=n9-]{background:0 0}.hud-event b{color:#ffd166;margin-right:6px}.pt-host{z-index:60;pointer-events:none;position:fixed}.pt{box-sizing:border-box;color:#fff;--s9:.5;text-align:left;filter:drop-shadow(0 8px 18px #0008);background:#2a2a2aeb;border:1px solid #a0a0a0;border-radius:8px;outline:1px solid #101010;width:318px;padding:18px 18px 0;font:12.5px/1.45 Noto Sans Thai,sans-serif;position:relative;overflow:hidden}.pt[class*=n9-]{background:0 0;border-width:0;outline:0}.pt-stars{justify-content:center;gap:1px;margin-bottom:4px;display:flex}.pt-stars .gap{width:8px}.pt-star{object-fit:contain;width:14px;height:14px}i.pt-star{color:#4a4a4a;width:auto;height:auto;font-size:13px;font-style:normal;line-height:14px}i.pt-star.on{color:#f0c000}.pt-name{text-align:center;color:#fff;margin:0;font-size:16px;font-weight:800;line-height:1.3}.pt-sub{text-align:center;color:#e8a000;margin:1px 0 0;font-size:12px}.pt-dash{border-top:1px dashed #5a5a5a;height:0;margin:8px -4px}.pt-main{grid-template-columns:82px minmax(0,1fr);align-items:start;gap:10px;display:grid}.pt-icon{background:var(--fb,linear-gradient(#0000,#0000)) center/100% 100% no-repeat,linear-gradient(#c4c4c4,#a8a8a8);border-radius:6px;width:82px;height:82px;position:relative;box-shadow:0 2px #646464}.pt-icon img{object-fit:contain;filter:drop-shadow(0 2px 3px #0005);width:76%;height:76%;position:absolute;inset:12%}.pt-right{text-align:right;flex-direction:column;align-items:flex-end;min-width:0;display:flex}.pt-main.short .pt-right{text-align:left;align-items:flex-start}.pt-biglbl{color:#b0b0b0;font-size:11.5px}.pt-big{color:#fff;align-items:center;gap:4px;font-size:30px;font-weight:800;line-height:1.05;display:flex}.pt-big.neg{color:#e0306a}.pt-plus{object-fit:contain;width:22px;height:22px}.pt-req{margin:3px 0 0;font-size:11.5px;font-weight:700}.pt-req.met{color:#f0c000}.pt-req.zero{color:#6e6e6e}.pt-req.not{color:#e0306a}.pt-reqgrid{grid-template-columns:repeat(3,auto);justify-content:end;gap:0 10px;display:grid}.pt-reqgrid .pt-req{margin:0;font-weight:600}.pt-classes{--s9:.35;background:#202020;border-radius:4px;grid-template-columns:repeat(4,1fr);margin:8px 0 0;padding:4px 3px;display:grid}.pt-classes[class*=n9-]{background:0 0}.pt-classes span{text-align:center;color:#5a5a5a;white-space:nowrap;text-overflow:ellipsis;padding:1px 0;font-size:10.5px;overflow:hidden;padding:1px 2px!important}.pt-classes span.on{color:#fff;border-radius:3px;font-weight:700;box-shadow:inset 0 0 0 1px #fff9}.pt-lines{flex-direction:column;gap:1px;display:flex}.pt-line{color:#fff;flex-wrap:wrap;align-items:center;gap:4px;margin:0;display:flex}.pt-line.neg{color:#e0306a}.pt-bonus{color:#b8e04a}.pt-growth{color:#d0a808}.pt-allstat{color:#6cf}.pt-set{color:#7cd67c}.pt-potential{color:#68c0c0}.pt-arrow{object-fit:contain;width:12px;height:12px;margin-left:auto}i.pt-arrow{font-size:10px;font-style:normal}i.pt-arrow.up{color:#b8e04a}i.pt-arrow.dn{color:#e0306a}.pt-flavor{color:#a0a0a0;margin:0;font-size:12px}.pt-note{color:#e8a000;--s9:.4;background:#000;border-radius:0 0 5px 5px;margin:10px -11px 8px;padding:6px 11px 8px;font-size:11.5px}.pt-note[class*=n9-]{background:0 0}.pt-equipped{align-items:center;height:20px;display:flex;position:absolute;top:12px;left:14px}.pt-equipped img{width:auto;height:20px}.pt-equipped b{color:#fff;white-space:nowrap;font-size:9.5px;line-height:20px;position:absolute;left:21px}.pt-equipped:not(:has(img)){background:#5fbf6a;border-radius:9px;padding:0 8px;font-size:10px}.pt.pt-skill .pt-icon img{object-fit:cover;border-radius:8px;width:80%;height:80%;inset:10%}.pt-note{white-space:pre-wrap}.v2-table{border-top:1px solid #e6e6ea;grid-template-columns:1fr 1fr;display:grid}.v2-table>div{border-bottom:1px solid #e6e6ea;justify-content:space-between;gap:8px;padding:6px 10px;font-size:13px;display:flex}.v2-table>div:nth-child(odd){border-right:1px solid #e6e6ea}.v2-table>div span{color:var(--mute)}.v2-table.three{grid-template-columns:1fr}.v2-table.three>div{border-right:0;grid-template-columns:90px 1fr 1fr;display:grid}.v2-table.three .th{background:var(--slot)}.v2-table b.up{color:var(--up)}.v2-cgrp{flex-direction:column;gap:2px;margin-top:6px;display:flex}.v2-cgrp-h{color:var(--mute);padding:0 2px;font-size:11.5px;font-weight:700}.v2-table.grp>div{cursor:pointer}.v2-table.grp>div.on{background:var(--slot)}.v2-table.grp>div b{text-align:right}.v2-ctip{color:var(--mute);min-height:2.9em;margin:6px 0 0;font-size:12px;line-height:1.45}@media (max-width:420px){.v2-table.grp{grid-template-columns:minmax(0,1fr)}.v2-table.grp>div:nth-child(odd){border-right:0}}.v2-khead{background:var(--white);border-radius:8px;align-items:flex-start;gap:12px;padding:8px 12px;display:flex}.v2-kic{object-fit:cover;background:var(--dark);border-radius:10px;flex:none;width:52px;height:52px}.v2-khead>div{min-width:0}.v2-khead small{color:var(--mute);font-size:12px;display:block}.v2-khead small.down{color:var(--down)}.v2-khead p{margin:2px 0 0;font-size:12.5px}.v2-ktype{background:var(--round);color:#fff;border-radius:8px;padding:0 7px;font-size:11px}.v2-ktype.t-ultimate{background:var(--orange)}.v2-ktype.t-passive{background:var(--up)}.v2-tree{--s9:1;background:#fff;border-radius:8px;height:min(46dvh,400px);min-height:280px;margin-left:0;position:relative}.v2-tree[class*=n9-]{background:0 0}.v2-lanes{pointer-events:none;grid-template-columns:50% 26% 24%;display:grid;position:absolute;inset:0 0 0 4%}.v2-lanes span{text-align:center;color:var(--mute);border-left:1px dashed #d6d6dd;padding:4px 0;font-size:11.5px;display:block}.v2-klv i{color:var(--ink);font:700 11px Noto Sans Thai,sans-serif;position:absolute;left:4px;transform:translateY(-50%)}.v2-klv i.dim{color:#b0b4bd}.v2-edges{pointer-events:none;fill:none;stroke:#c9ccd4;stroke-width:.5px;vector-effect:non-scaling-stroke;width:100%;height:100%;position:absolute;inset:0}.v2-edges path{stroke-width:3px;vector-effect:non-scaling-stroke}.v2-edges path.on{stroke:var(--kc)}.v2-node{background:var(--dark);cursor:pointer;border:0;border-radius:12px;width:52px;height:52px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff,0 2px 4px #0003}.v2-node img{object-fit:cover;border-radius:12px;width:100%;height:100%}.v2-node.locked img{filter:grayscale()brightness(.7)}.v2-node.on{box-shadow:0 0 0 3px var(--orange),0 2px 6px #0004}.v2-node .plus{background:var(--orange);color:#fff;border-radius:50%;width:18px;height:18px;font:800 13px/18px Noto Sans Thai,sans-serif;position:absolute;top:-6px;right:-6px}.v2-node>i{color:#fff;background:#0007;border-radius:12px;place-items:center;font:800 11px Noto Sans Thai,sans-serif;display:grid;position:absolute;inset:0}.v2-node .pips{gap:2px;display:flex;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.v2-node .pips b{background:#c7cad2;border-radius:2px;width:7px;height:4px}.v2-node .pips b.on{background:var(--kc)}.v2-kslots{gap:6px;display:flex}.v2-kslot{background:var(--sb) center/100% 100% no-repeat,var(--dark);cursor:pointer;border:0;border-radius:10px;width:46px;height:46px;padding:0;position:relative}.v2-kslot img{object-fit:cover;border-radius:8px;width:76%;height:76%;position:absolute;inset:12%}.v2-kslot span{color:#9aa3b5;font-size:20px}.v2-kslot em{min-width:16px;color:var(--ink);background:#fff;border-radius:6px;padding:0 3px;font:800 10px/14px Noto Sans Thai,sans-serif;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 0 1px #c8cbd2}.v2-kslot.fit{box-shadow:0 0 0 3px var(--orange)}.v2-kslot.ult{box-shadow:0 0 0 2px var(--exp)}@media (max-width:820px){.v2-tree{min-height:320px}.v2-node{width:42px;height:42px}}.w-head small{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.w-split.eq{grid-template-columns:minmax(300px,.95fr) minmax(0,1fr)}@media (max-width:820px){.w-split.eq{grid-template-columns:minmax(0,1fr)}}.v2-pick{white-space:nowrap;text-overflow:ellipsis;min-height:22px;margin:0;font-size:13px;overflow:hidden}.v2-pick.dim{color:var(--mute)}.v2-free{color:var(--mute);margin-left:auto;font-size:12.5px}.v2-free b.up{color:var(--up)}.v2-eqcard{background:var(--white);border-radius:8px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:4px 10px;padding:8px 10px;display:grid}.v2-eqcard>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.v2-eqcard small{color:var(--mute);font-size:12px}.v2-eqcard .w-row,.v2-eqcard .w-empty{grid-column:1/-1}.v2-stats{flex-direction:column;gap:3px;display:flex}.v2-stat{border-bottom:1px solid #efeff2;grid-template-columns:minmax(0,1fr) 72px 26px 26px;align-items:center;gap:8px;padding:3px 2px;display:grid}.v2-stat small{color:var(--mute);font-size:11.5px}.v2-val{text-align:center;background:var(--slot);border-radius:12px;padding:1px 0;font-weight:700}.v2-val b.up,.v2-table em.up{color:var(--up)}.v2-role{color:#fff;background:var(--orange);border-radius:8px;margin-left:4px;padding:0 6px;font-size:10.5px;font-style:normal}.v2-role.sub{background:var(--blue)}.boss-hud{text-align:center;color:#fff;z-index:2;pointer-events:none;box-sizing:border-box;--s9:.8;width:280px;padding:6px 10px;position:absolute;top:64px;left:50%;transform:translate(-50%)}.boss-hud>span{display:none}.boss-hud strong{color:#fff;margin:0 0 5px;font-size:13px;display:block}.boss-hud .bar{box-sizing:border-box;background:#182419;border:1px solid #716641;border-radius:2px;height:7px;overflow:hidden}.boss-hud .bar>div{background:#e2463f;border-radius:0;height:100%;transition:width .2s}@media (max-width:760px){.boss-hud{width:200px;padding:4px;top:85px}}@media (max-height:560px){.boss-hud{top:12px}}.w-slot .plus{color:#f0c000;background:#283444d9;border-radius:6px;padding:0 4px;font:800 10.5px/15px Noto Sans Thai,sans-serif;position:absolute;bottom:4%;left:5%}.w-slot .upi{object-fit:contain;pointer-events:none;width:22%;height:22%;position:absolute;top:3%;right:3%}.w-slot .bad{background:var(--ov) center/100% 100% no-repeat;pointer-events:none;opacity:.5;border-radius:6px;position:absolute;inset:0}.w-slot .qty[class*=n9-]{--s9:.3;background:0 0}.w-dslot{position:relative}.v2-dur{background:#0002;border-radius:2px;height:3px;position:absolute;bottom:-3px;left:12%;right:12%;overflow:hidden}.v2-dur:after{content:"";width:var(--d);background:var(--up);position:absolute;top:0;bottom:0;left:0}.v2-dur.low:after{background:var(--down)}.pt-host{align-items:flex-start;gap:8px;display:flex}@media (max-width:560px){.pt{width:min(300px,100vw - 24px)}.pt-host{flex-direction:column}}.v2-hero{object-fit:contain;background:var(--round);border-radius:50%;width:84px;height:84px;margin:6px auto;padding:12px;display:block}.v2-soon{background:var(--orange);color:#fff;border-radius:12px;padding:2px 14px;display:inline-block}.w-card.center.soon,.w-card.center.cache{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.w-card.center.soon p.small{color:var(--mute);margin:0;font-size:12px}.hud-quest[class*=n9-]{box-shadow:none;--s9:.8;background:0 0}.hud-buddy[class*=n9-]{--s9:.8;background:0 0}.hud-toast[class*=n9-]{--s9:.7;background:0 0}.hud-menu .hud-dot.warn{background:#e0a03a;left:4px;right:auto}.hud-menu .tile-badge{color:#fff;pointer-events:none;background:#2f7d4a;border-radius:8px;padding:0 5px;font:800 9px/14px Noto Sans Thai,sans-serif;position:absolute;top:-6px;right:-2px;box-shadow:0 1px 3px #0006}.hud-menu .tile-badge.full{background:#c0443e}.hud-menu .tile-badge.on{background:#2f7d4a}.v2-main-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.v2-main-grid button{min-height:95px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #e3e3e8;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;font:700 14px Noto Sans Thai,sans-serif;display:flex}.v2-main-grid strong{font-size:14px;font-weight:700}.v2-main-grid button:hover{border-color:var(--orange)}.v2-main-grid button{transition:transform .15s,border-color .15s}.v2-main-grid img{border-radius:12px;width:52px;height:52px;box-shadow:0 4px 10px #00000059}@media (max-width:520px){.v2-main-grid{gap:7px}.v2-main-grid button{min-height:88px}}@media (max-height:560px){.v2-main-grid button{min-height:75px}.v2-main-grid img{width:35px;height:35px}}.w-li .st.low{color:var(--down);font-weight:700}.w-jdots{vertical-align:middle;align-items:center;gap:2px;display:inline-flex}.w-slot .w-jdots{pointer-events:none;position:absolute;top:5%;right:5%}.w-jdots i{color:#523;text-align:center;background:#0003;border-radius:50%;width:7px;height:7px;font:700 6px/7px sans-serif;box-shadow:0 0 0 1px #fff8}.w-jdots i.crown{background:#ffe9a6;border-radius:2px;width:9px;height:9px;line-height:9px}.w-jdots i.element{border-radius:1px;font-size:0;transform:rotate(45deg)}.w-jdots i.full{box-shadow:0 0 0 1px #fff,0 0 4px #fff8}.w-li .nm.off{opacity:.7;font-weight:500}.w-link{color:#2a7fd4;cursor:pointer;font:inherit;background:0 0;border:0;padding:0 4px;text-decoration:underline}.pt-jhead{color:#ffd86a}.pt-jewel{color:#9ee0ff}.pt-jempty{color:#9aa3b5}.pt-sign{color:#e8c46a;font-style:italic}@media (max-width:820px){.w-jdots i{width:6px;height:6px}}.w-split.rv{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr)}.w-stage.ko{min-height:220px}.w-stage.ko .who{filter:grayscale(.5)brightness(.95);transform:translate(-50%,-50%)rotate(-8deg)}@media (max-width:860px){.w-split.rv{grid-template-columns:minmax(0,1fr)}}.loot-bar{z-index:6;box-sizing:border-box;color:#fff;text-shadow:0 1px 2px #000;white-space:nowrap;pointer-events:none;background:#0a0e208c;border-radius:16px;align-items:center;gap:14px;max-width:560px;height:32px;padding:0 14px;font:700 13px/1 Noto Sans Thai,sans-serif;transition:opacity .1s linear;display:flex;position:absolute;bottom:47px;left:50%;overflow:hidden;transform:translate(-50%)}.loot-bar>span{font-variant-numeric:tabular-nums;align-items:center;gap:4px;animation:.22s ease-out lb-pop;display:flex}.loot-bar img{object-fit:contain;width:20px;height:20px}.loot-bar .lb-coin{color:#ffd65a}.loot-bar .lb-item.rare img{box-sizing:border-box;border:1px solid var(--rc);background:#00000040;border-radius:5px;padding:1px}.loot-bar .lb-item em{color:var(--rc);text-overflow:ellipsis;max-width:9em;font-size:12px;font-style:normal;font-weight:600;overflow:hidden}.loot-bar .lb-dot{background:#cfd6e4;border-radius:50%;width:8px;height:8px}.loot-bar .lb-more{color:#e6e9f5;font-weight:600}.loot-bar .lb-exp{color:#d8ffe0}@keyframes lb-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (min-width:761px) and (min-height:561px){.hud:has(.hud-ai) .loot-bar{bottom:80px}}@media (max-height:520px){.loot-bar{gap:10px;width:-moz-fit-content;width:fit-content;max-width:calc(100vw - 557px);margin:0 auto;padding:0 10px;font-size:12px;bottom:118px;left:265px;right:292px;transform:none}}@media (max-width:760px) and (min-height:521px){.loot-bar{gap:10px;max-width:60vw;padding:0 10px;font-size:12px;bottom:262px}}@media (prefers-reduced-motion:reduce){.loot-bar>span{animation:none}}.luck-clover{color:#7fd36b;margin-left:4px;font-style:normal;font-weight:700}.combo-counter{z-index:7;text-align:center;pointer-events:none;opacity:0;color:#fff;width:180px;margin-left:-90px;font-family:Arial Black,Noto Sans Thai,sans-serif;transition:opacity .25s,transform .25s;position:absolute;top:84px;left:50%;transform:translateY(-8px)}.combo-counter.show{opacity:1;transform:none}.combo-counter.at-self{text-align:left;width:auto;margin:0;position:fixed;zoom:1!important;bottom:auto!important;transform:translateY(-100%)!important}.combo-counter.at-self b{font-size:30px}.combo-counter.at-self small{letter-spacing:2px;font-size:10px}.combo-counter small{letter-spacing:3px;color:var(--accent);text-shadow:0 2px 6px #000a;font-size:11px;display:block}.combo-counter b{background:linear-gradient(#fffbe0,#ffd36a 55%,#ff8a1f);color:#0000;filter:drop-shadow(0 3px #5a2a06)drop-shadow(0 0 10px #ff9a3c88);-webkit-background-clip:text;background-clip:text;font-size:40px;font-style:italic;line-height:1;animation:.28s cubic-bezier(.2,1.6,.4,1) comboPop;display:block}.combo-counter span{color:#c9ffd0;text-shadow:0 1px 4px #000;font-size:11px;font-weight:700}@keyframes comboPop{0%{transform:scale(1.5)}to{transform:scale(1)}}@media (min-width:761px) and (min-height:521px){.hud:has(.dg-hud) .combo-counter{top:170px}.hud:has(.boss-hud) .combo-counter{top:150px}}@media (max-height:520px){.combo-counter{top:80px}.combo-counter b{font-size:30px}.combo-counter small{letter-spacing:2px;font-size:10px}.hud:has(.dg-hud) .combo-counter{top:178px}}@media (max-width:760px) and (min-height:521px){.combo-counter{top:auto;bottom:304px}.combo-counter b{font-size:32px}}.lo-overlay{z-index:9000;background:#080c148c;place-items:center;display:grid;position:fixed;inset:0}.lo-card{color:#fff6dc;background:#18212e;border:1px solid #c9a55a;border-radius:14px;min-width:260px;max-width:min(92vw,420px);padding:18px 20px;box-shadow:0 12px 40px #00000080}.lo-card strong{font-size:17px;display:block}.lo-card p{opacity:.8;margin:6px 0 0;font-size:14px}.lo-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.lo-actions:empty{display:none}.lo-actions button{font:inherit;cursor:pointer;color:#fff6dc;background:#2a3547;border:1px solid #c9a55a;border-radius:999px;padding:6px 14px}.help-grid{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;font-size:13px;display:grid}.help-grid span{background:var(--white);color:var(--ink);border:1px solid #e3e3e8;border-radius:8px;padding:12px}.help-grid kbd{background:var(--dark);color:#fff;border-radius:4px;margin-right:8px;padding:2px 6px;font:600 11px/1.4 Noto Sans Thai,sans-serif}.help-sources{border-top:1px solid #e0e5d4;flex-wrap:wrap;gap:14px;padding-top:15px;font-size:11px;display:flex}.help-sources a{color:#5e8870}@media (max-width:640px){.help-grid{gap:6px;font-size:11px}.help-grid span{padding:9px}}.v1lines .stat small{color:var(--mute);margin-left:4px}.v1lines .stat b{color:#c0752a}.v1lines .cmp b{font-weight:800}.v1lines .req,.v1lines .cmp,.v1lines .dur{margin-top:2px}.hud-ai{box-sizing:border-box;color:#e6e9f5;text-align:center;pointer-events:none;background:#0a0e209e;border:1px solid #ffffff29;border-radius:999px;max-width:40vw;padding:6px 12px;font:400 12px Noto Sans Thai,sans-serif;bottom:33px;left:50%;transform:translate(-50%)}@media (max-width:760px),(max-height:560px){.hud-ai{display:none}}.w-crash{color:#fff;text-align:center;background:#283444f2;border-radius:10px;width:min(420px,100vw - 32px);padding:18px 20px;font:500 13px/1.5 Noto Sans Thai,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #0008}.w-crash b{margin-bottom:6px;font-size:15px;display:block}.w-crash p{color:#cfe8ff;margin:0 0 12px}.w-crash button{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:6px 22px;font:700 13px Noto Sans Thai,sans-serif}.hud-chips{z-index:9;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%)}.hud-chips .hud-event{position:static;transform:none}.cbt-chip{pointer-events:auto;color:#fff;font:inherit;cursor:pointer;background:#283444e6;border:0;border-radius:20px;align-items:center;gap:6px;padding:3px 12px 3px 4px;font-size:12.5px;display:flex;position:relative;box-shadow:0 2px 8px #0005}.cbt-chip b{color:#ffd45a;font-size:13px}.cbt-report{pointer-events:auto;color:#fff;font:inherit;cursor:pointer;background:#283444cc;border:0;border-radius:16px;align-items:center;gap:5px;padding:3px 12px;font-size:12px;display:flex;box-shadow:0 2px 8px #0005}.cbt-report:hover{background:#3a4a60}.cbt-report span{color:#ff8f8f}.cbt-ring{display:block}.cbt-dot{background:#e5484d;border-radius:50%;width:9px;height:9px;position:absolute;top:1px;right:2px;box-shadow:0 0 0 2px #283444}.cbt-toast{white-space:nowrap;color:#283444;background:#ffd45a;border-radius:10px;margin-top:4px;padding:2px 10px;font-size:12px;font-style:normal;font-weight:700;animation:4s forwards cbtToast;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes cbtToast{0%{opacity:0;transform:translate(-50%,6px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}@media (max-width:760px),(max-height:560px){.hud-chips{left:0;right:0;transform:none}.cbt-chip{border-radius:50%;justify-content:center;width:44px;height:44px;padding:2px;position:fixed;top:302px;right:14px}.cbt-chip .cbt-chip-t,.cbt-report{display:none}.cbt-chip b{place-items:center;font-size:10.5px;display:grid;position:absolute;inset:0}.cbt-chip .cbt-ring{width:40px;height:40px}.cbt-toast{animation-name:cbtToastR;left:auto;right:0;transform:none}}@keyframes cbtToastR{0%{opacity:0;transform:translateY(6px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}@media (max-height:560px){.cbt-chip{top:168px;right:148px}}.cbt-scrim{z-index:60;background:#0b102266;place-items:center;padding:10px;display:grid;position:fixed;inset:0}.cbt-win{color:#283444;flex-direction:column;gap:10px;min-height:0;display:flex}.cbt-form,.cbt-npc-r{color:#283444}.cbt-top{align-items:baseline;gap:10px;display:flex}.cbt-left{color:#4a5466;font-size:13px}.cbt-pts{color:#283444;margin-left:auto;font-size:18px}.cbt-bar{background:#28344422;border-radius:8px;height:16px;margin:10px 22px 40px;position:relative}.cbt-bar>i{background:linear-gradient(90deg,#ec7444,#ffd45a);border-radius:8px;position:absolute;top:0;bottom:0;left:0}.cbt-box{cursor:pointer;width:44px;height:44px;font:inherit;background:#dfe4ec;border:2px solid #283444;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.cbt-box span{font-size:18px;line-height:1}.cbt-box small{color:#4a5466;margin-top:3px;font-size:11px;position:absolute;top:100%}.cbt-box.got{background:#ffd45a}.cbt-box.on{box-shadow:0 0 0 3px #4c84b0}.cbt-guest{color:#7a4a00;background:#fff1d6;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;display:flex}.cbt-link{flex-basis:100%}.cbt-body{grid-template-columns:minmax(0,1fr) 270px;gap:12px;min-height:0;display:grid}.cbt-list{flex-direction:column;gap:6px;min-height:0;display:flex}.cbt-rows{flex-direction:column;gap:4px;max-height:min(46vh,380px);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.cbt-rows li{background:#ffffffb0;border-radius:8px;grid-template-columns:22px minmax(0,1fr) 120px 34px 84px;align-items:center;gap:8px;min-height:40px;padding:4px 8px;font-size:13px;display:grid}.cbt-rows li.done{background:#e9f6ec}.cbt-mk{color:#2c8a4a;border:2px solid #28344466;border-radius:6px;place-items:center;width:20px;height:20px;font-size:12px;font-style:normal;display:grid}.cbt-rows li.done .cbt-mk{background:#d4efdc;border-color:#2c8a4a}.cbt-mn em{color:#2c8a4a;font-size:11.5px;font-style:normal}.cbt-mbar{background:#28344420;border-radius:6px;height:12px;position:relative}.cbt-mbar i{background:#4c84b0;border-radius:6px;position:absolute;top:0;bottom:0;left:0}.cbt-mbar small{text-align:center;color:#283444;font-size:10.5px;position:absolute;inset:-3px 0 0}.cbt-mp{color:#ec7444;text-align:right}.cbt-ok{color:#2c8a4a;text-align:center;font-weight:700}.cbt-go{color:#fff;min-height:30px;font:inherit;cursor:pointer;background:#4c84b0;border:0;border-radius:6px;font-size:12px}.cbt-reward{color:#283444;background:#fff8e6;border-radius:10px;flex-direction:column;align-self:start;gap:6px;padding:10px 12px;font-size:13px;display:flex}.cbt-reward h4{margin:0;font-size:14px}.cbt-reward ul{margin:0;padding-left:18px}.cbt-drawer-h{display:none}.cbt-tstate{color:#4a5466;margin:0;font-size:12px}.cbt-tstate.ok{color:#9a6a00;font-weight:700}.cbt-note{color:#6b7383;margin:0;font-size:11.5px}.cbt-foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cbt-foot .cbt-note{flex:200px}.cbt-form{flex-direction:column;gap:10px;font-size:13px;display:flex}.cbt-form label{flex-direction:column;gap:4px;font-weight:600;display:flex}.cbt-form select,.cbt-form input,.cbt-form textarea{font:inherit;border:1px solid #28344444;border-radius:6px;min-height:36px;padding:6px 8px;font-weight:400}.cbt-stars button{color:#c3c9d3;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:24px}.cbt-stars button.on{color:#ffc233}.cbt-seg{flex-wrap:wrap;gap:4px;display:flex}.cbt-seg button{min-width:40px;min-height:36px;font:inherit;cursor:pointer;background:#dfe4ec;border:0;border-radius:6px;font-weight:600}.cbt-seg button.on{color:#fff;background:#4c84b0}.cbt-seg.nps button{min-width:34px}.cbt-msg{color:#c0392b;margin:0;font-size:12.5px}.cbt-npcline{margin:0;font-size:14px;line-height:1.5}.cbt-npc-r{flex-direction:column;gap:10px;display:flex}.cbt-npc-btns{flex-wrap:wrap;gap:8px;display:flex}.cbt-gemnote{color:#7a4a00;background:#fff1d6;border-radius:8px;margin:4px 0;padding:6px 10px;font-size:12px}@media (max-width:760px),(max-height:560px){.cbt-scrim{padding:0}.cbt-scrim>.w-win{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.cbt-scrim .w-body{padding:8px 10px 52px}.cbt-body{grid-template-columns:minmax(0,1fr)}.cbt-win>.cbt-foot{z-index:1;background:var(--body,#f0f0f0);padding:6px 0;position:sticky;bottom:0}.cbt-win>.cbt-foot .cbt-note{display:none}.cbt-top{font-size:12px}.cbt-pts{font-size:15px}.cbt-rows{max-height:none}.cbt-rows li{grid-template-columns:22px minmax(0,1fr) 70px 30px 44px;min-height:48px}.cbt-go{min-height:40px}.cbt-bar{height:12px;margin:6px 18px 30px}.cbt-box{width:36px;height:36px}.cbt-box span{font-size:15px}.cbt-list .w-tabs{flex-wrap:nowrap;overflow-x:auto}.cbt-reward{z-index:2;border-radius:12px 12px 0 0;max-height:44px;transition:max-height .2s;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 16px #0003}.cbt-reward.open{max-height:62dvh;overflow-y:auto}.cbt-drawer-h{min-height:36px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;display:block}.cbt-reward h4{display:none}}.ga-banner{z-index:45;pointer-events:none;opacity:0;font-family:Noto Sans Thai,sans-serif;position:fixed;top:84px;left:50%;transform:translate(-50%,-24px)}.ga-art{image-rendering:pixelated;pointer-events:none;position:absolute}.ga-icon{pointer-events:none;place-items:center;display:grid;position:absolute}.ga-icon canvas,.ga-icon img{width:100%;height:100%;display:block}.ga-text{color:#fff;pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:absolute}.ga-text p{white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:24px;overflow:hidden}.ga-l1,.ga-sline{align-items:baseline;display:flex}.ga-l1>*,.ga-sline>*{white-space:pre;flex:none}.ga-l1>.ga-who,.ga-sline>.ga-who,.ga-l1>.ga-more,.ga-sline>.ga-more,.ga-sline>.ga-mach{text-overflow:ellipsis;flex:0 auto;min-width:1.5em;overflow:hidden}.ga-l1{text-shadow:0 1px 2px #000;font-size:15px;font-weight:700}.ga-l2{color:#f5cf9e;font-size:12px;font-weight:700}.ga-tag{color:#fff;letter-spacing:.5px;vertical-align:1px;background:#b02532;border-radius:4px;margin-right:6px;padding:0 6px;font-size:10.5px;line-height:16px;display:inline-block}.ga-who{color:#fff;font-weight:700}.ga-mach{color:#f5cf9e}.ga-item{font:inherit;color:inherit;background:0 0;border:0;padding:0;font-weight:700}button.ga-item{cursor:pointer;pointer-events:auto;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px}.ga-item.r-limited{background:linear-gradient(90deg,#ff5a6e,#ffb14a,#ffe46a,#6be38f,#5ac8ff,#b78bff);color:#0000;text-shadow:none;filter:drop-shadow(0 1px 1px #000);-webkit-background-clip:text;background-clip:text}.ga-item.r-legend{color:#5fd39f}.ga-btns{justify-content:flex-end;align-items:center;gap:6px;display:flex;position:absolute}.ga-btns.stack{flex-direction:column;justify-content:center;align-items:flex-end;gap:3px}.ga-btns button{pointer-events:auto;color:#fff;cursor:pointer;white-space:nowrap;background:#405066;border:1px solid #b6a47e;border-radius:4px;min-width:58px;height:24px;padding:0 8px;font:700 12px Noto Sans Thai,sans-serif}.ga-btns.stack button{min-width:52px;height:21px;padding:0 6px;font-size:11px}.ga-btns button:hover{background:#4d6280}.ga-banner.noart{background:linear-gradient(#22203a,#141226);border-radius:8px;box-shadow:inset 0 0 0 2px #b02532,0 0 0 2px #ffcf5a}.ga-strip{z-index:45;pointer-events:none;opacity:0;font-family:Noto Sans Thai,sans-serif;position:fixed;right:12px}.ga-strip.m{left:50%;right:auto}.ga-strip.noart{background:#2a2016;border-radius:8px;box-shadow:inset 0 0 0 2px #f6c85f}.ga-sline{color:#f4ede0;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000;height:44px;margin:0;font-size:13px;font-weight:700;line-height:44px;position:absolute;top:0;overflow:hidden}.ga-chat-ic{vertical-align:-3px;width:16px;height:16px;image-rendering:pixelated;background-repeat:no-repeat;margin-right:4px;display:inline-block}.hud-chat-lines .s-system .ga-chat.t-S,.hud-chat-lines .s-system .ga-chat.t-S span{color:#ff8a95}.hud-chat-lines .s-system .ga-chat.t-A,.hud-chat-lines .s-system .ga-chat.t-A span{color:#ffd66b}.hud-chat-lines .s-system .ga-chat .ga-who{color:#fff}.hud-chat-lines .s-system .ga-chat .ga-item.r-legend{color:#5fd39f}.hud-chat-lines .s-system .ga-chat .ga-item.r-limited{color:#0000}.hud-chat-lines .s-system .ga-chat.short,.hud-chat-lines .s-system .ga-chat.short span{color:#ffcf8a}.hud-chat-lines .s-system .ga-chat.short .ga-item{color:#ffcf8a;filter:none;background:0 0}@media (max-width:760px),(max-height:520px){.ga-banner{top:88px}}@media (prefers-reduced-motion:reduce){.ga-item.r-limited{color:#ff8a95;background:0 0}}.cd-chips{z-index:80;pointer-events:none;gap:6px;display:flex;position:fixed;top:6px;left:50%;transform:translate(-50%)}.cd-chip{color:#283444;white-space:nowrap;background:#fcfcfc;border:2px solid #283444;border-radius:999px;align-items:baseline;gap:6px;padding:2px 12px;font:900 18px/1.25 Outfit,Noto Sans Thai,sans-serif;display:flex;box-shadow:0 2px #ec7444}.cd-chip small{opacity:.8;font:700 12px/1 Noto Sans Thai,sans-serif}.w-slot .keylock{filter:drop-shadow(0 1px 1px #000a);pointer-events:none;font-size:10px;line-height:1;position:absolute;top:2%;left:3%}.hud.tidy>.hud-qcol,.hud.tidy>.hud-mini,.hud.tidy>.hud-party,.hud.tidy>.hud-shop,.hud.tidy>.hud-music{display:none!important}.hud-tidy{pointer-events:auto;color:#fff;cursor:pointer;white-space:nowrap;background:#0b162699;border:1px solid #fff5;border-radius:999px;margin-left:8px;padding:2px 10px;font:600 11.5px Noto Sans Thai,sans-serif}.hud-tidy.on{background:#ec7444;border-color:#ec7444}.hud-untidy{color:#fff;cursor:pointer;background:#283444e6;border:1px solid #ffffff40;border-radius:17px;align-items:center;gap:6px;height:34px;padding:0 12px 0 6px;font:600 12px Noto Sans Thai,sans-serif;display:flex;top:92px;right:12px;box-shadow:0 2px 6px #0006}.hud-untidy img{width:24px;height:24px;image-rendering:pixelated}.hud-untidy:hover{background:var(--orange)}@media (max-width:760px),(max-height:520px){.hud-untidy{height:40px;top:64px}}.hud-buffrow{pointer-events:auto;gap:4px;display:flex;position:absolute;top:calc(100% + 4px);left:10px}.hud-buff{background:#0b1626cc;border-radius:7px;outline:none;width:30px;height:30px;position:relative;box-shadow:0 0 0 1.5px #7fe3a0}.hud-buff img{object-fit:contain;border-radius:7px;width:100%;height:100%}.hud-buff.ally{box-shadow:0 0 0 1.5px #7fe8d0,0 0 6px #7fe8d066}.hud-buff[data-tip]:hover:after,.hud-buff[data-tip]:focus:after{content:attr(data-tip);z-index:40;color:#fff;white-space:pre-line;pointer-events:none;background:#0b1626f2;border-radius:8px;min-width:max-content;max-width:260px;padding:6px 9px;font:600 12px/1.45 Noto Sans Thai,sans-serif;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 0 0 1px #7fe3a066,0 4px 14px #0008}.hud:has(.hud-player .hud-buffrow)>.hud-qcol{margin-top:36px}@media (max-width:760px),(max-height:520px){.hud:has(.hud-player .hud-buffrow)>.hud-qcol{margin-top:26px}}.hud-buff i{color:#7fe3a0;place-items:center;height:100%;font-style:normal;display:grid}.hud-buff b{color:#fff;background:#000a;border-radius:5px 0 0;padding:0 3px;font:700 10px/13px Noto Sans Thai,sans-serif;position:absolute;bottom:0;right:0}.nogpu-steps{color:#4a5466;margin:6px 0 14px;padding-left:22px;font-size:14px;line-height:1.8}.tc-card{z-index:7;color:#fff;pointer-events:auto;background:#140f1ad6;border:1px solid #d5b66f;border-radius:12px;align-items:center;gap:8px;width:max-content;min-width:190px;max-width:min(300px,64vw);padding:5px 6px 5px 9px;font-family:Noto Sans Thai,sans-serif;animation:.18s ease-out both tc-in;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0007}.tc-card.elite{border-color:#f4c95d}.tc-card.boss{border-color:#ff6a4a}.tc-mark{background:radial-gradient(circle,#ff5a3c 0 3px,#0000 4px);border:2px solid #ffd34d;border-radius:50%;flex:none;width:16px;height:16px}.tc-main{flex:1;min-width:0}.tc-name{white-space:nowrap;align-items:baseline;gap:6px;font-size:13px;line-height:1.25;display:flex}.tc-name b{text-overflow:ellipsis;font-weight:700;overflow:hidden}.tc-name small{color:#f4c95d;flex:none;font-size:11px}.tc-bar{background:#162517;border:1px solid #000a;border-radius:6px;height:11px;margin-top:3px;position:relative;overflow:hidden}.tc-bar i{background:linear-gradient(#e85a4f,#952422);transition:width .2s ease-out;position:absolute;top:0;bottom:0;left:0}.tc-bar span{text-align:center;text-shadow:0 1px 1px #000;font-size:9px;font-weight:700;line-height:11px;position:absolute;inset:0}.tc-hint{color:#d8dcef;white-space:normal;margin-top:3px;font-size:10px;line-height:1.3}.tc-x{color:#fff;cursor:pointer;background:#ffffff18;border:1px solid #fff5;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;padding:0;font-size:14px;line-height:1;display:grid}.tc-x:hover{background:#ff5a3c66}@keyframes tc-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}:is(.hud.tl2,.hud.pv2) .tc-card{top:calc((env(safe-area-inset-top,0px) + 96px) / var(--hud-scale,1));max-width:calc(min(300px,52vw) / var(--hud-scale,1))}:is(.hud.tl2,.hud.pv2) .tc-x{width:calc(44px / var(--hud-scale,1));height:calc(44px / var(--hud-scale,1));font-size:calc(18px / var(--hud-scale,1))}.hud>:not(.chatd){zoom:var(--hud-scale,1)}.hud>.hud-cluster,.hud>.hud-stick,.hud>.hud-auto,.hud>.hud-auto-set,.hud>.hud-r.talk{zoom:calc(var(--hud-scale,1) * var(--combat-scale,1))}.hud-r:after{content:"";inset:calc(-1 * var(--hit,0px));border-radius:50%;position:absolute}.hud-quest,.hud-q1{opacity:var(--panel-alpha,1)}.hud-qtabs{display:none}.hud-notes{z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:4px;width:max-content;max-width:min(46vw,520px);display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%)}.hud-note{box-sizing:border-box;color:#fff;text-align:center;text-shadow:0 1px 2px #0008;pointer-events:auto;cursor:pointer;background:#141c2c8c;border-radius:999px;max-width:100%;padding:5px 16px;font:500 13.5px/1.35 Noto Sans Thai,sans-serif;transition:opacity .4s;animation:.2s ease-out hud-note-in}.hud-note.out{opacity:0}.hud-note.hi{color:#fff3c4;background:#28200a9e;border:1px solid #ffd45a;font-weight:700}@keyframes hud-note-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hud-note{animation:none}}@media (max-width:760px),(max-height:560px){.hud-notes{max-width:min(52vw,420px);top:58px}.hud-note{padding:4px 12px;font-size:13px}.hud-menu .hud-tile[data-id=auto]{display:none}.hud-shop{transform:none!important}.hud-shop .hud-tile span{display:none}.hud-shop .hud-tile{width:52px;height:52px;min-height:0}.hud-shop .hud-tile img{width:40px;height:40px}.hud-music{display:none}.hud-r.slot.empty{opacity:.45}.hud-qcol.tabbed{min-width:172px;flex-direction:column!important;gap:0!important;width:min(24vw,210px)!important}.hud-qcol.tabbed>section{width:100%!important}.hud-qcol.tabbed.tab-log>.hud-q1,.hud-qcol.tabbed.tab-q1>.hud-quest{display:none}.hud-qcol.tabbed .hud-qtabs{pointer-events:auto;gap:2px;display:flex}.hud-qtabs button{color:#c8d2e4;cursor:pointer;background:#283444b3;border:0;border-radius:10px 10px 0 0;flex:1;min-height:28px;padding:0 6px;font:700 12px/1 Noto Sans Thai,sans-serif}.hud-qtabs button.on{color:#fff;box-shadow:inset 0 -2px 0 var(--accent,#f4c95d);background:#283444e6}.hud-qtabs .fold{flex:none;width:30px}.hud-qcol.tabbed>section{border-top-left-radius:0;border-top-right-radius:0}.hud-qcol.tabbed .hud-quest .hud-qhead{display:none}.hud-qcol.tabbed.folded .hud-quest .hud-qtitle{margin-top:4px;display:flex}.hud-qcol.tabbed.folded .hud-quest p,.hud-qcol.tabbed.folded .hud-quest .hud-obj:not(.next){display:none}.hud-qcol.tabbed.folded .hud-quest .hud-objs{margin-top:2px;display:block}.hud-qcol.tabbed.folded .hud-quest .hud-autoq{height:24px;margin-top:4px;font-size:12px}.hud-qcol.tabbed.folded .hud-q1 .q1-trk:not(:first-of-type),.hud-qcol.tabbed.folded .hud-q1 .q1-skip{display:none}.loot-bar{flex-direction:column;align-items:flex-start;left:calc(12px / var(--hud-scale,1))!important;right:auto!important;bottom:calc(150px / var(--hud-scale,1))!important;z-index:8!important;background:#0a0e20db!important;border-radius:10px!important;gap:3px!important;width:auto!important;max-width:min(30vw,220px)!important;height:auto!important;margin:0!important;padding:6px 10px!important;font-size:12px!important;transform:none!important}.loot-bar>span:nth-child(n+5){display:none}.loot-bar img{width:18px;height:18px}.loot-bar>span{line-height:16px}}@media (max-width:760px) and (min-height:561px){.loot-bar{bottom:calc(262px / var(--hud-scale,1))!important}}@media (max-height:560px){.hud-wallet{right:214px}.hud-ch{top:15px;left:414px}}.hud-more.msm{color:#e9eef7;background:linear-gradient(#1d2737f5,#131b28f5);border:1px solid #ffffff1c;border-radius:14px;flex-direction:column;width:min(420px,100vw - 20px);padding:0;display:flex;overflow:hidden;box-shadow:0 14px 34px #0009}.mm-quick{scrollbar-width:none;border-bottom:1px solid #ffffff14;flex:none;align-items:center;gap:6px;padding:8px 10px;display:flex;overflow-x:auto}.mm-quick::-webkit-scrollbar{display:none}.mm-q,.mm-x{color:#e9eef7;cursor:pointer;background:#ffffff12;border:0;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid;position:relative}.mm-q img{object-fit:contain;width:24px;height:24px}.mm-q:hover,.mm-x:hover{background:#ffffff26}.mm-q.on{background:#e46a3d}.mm-x{margin-left:auto;font:700 16px/1 sans-serif}.mm-body{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:10px;overflow-y:auto}.mm-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;display:grid}.mm-tile{box-sizing:border-box;color:#eef3fb;text-align:center;cursor:pointer;background:linear-gradient(#2e3c53,#222f43);border:1px solid #ffffff17;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:78px;padding:8px 4px 6px;font:700 11.5px/1.2 Noto Sans Thai,sans-serif;transition:transform .1s;display:flex;position:relative}.mm-tile img{object-fit:contain;filter:drop-shadow(0 2px 3px #0008);width:36px;height:36px}.mm-tile img.px{image-rendering:pixelated}.mm-tile span{-webkit-line-clamp:2;text-shadow:0 1px 2px #0009;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.mm-tile:hover{box-shadow:0 0 0 2px var(--orange,#f08a3c)}.mm-tile.off{opacity:.55}.mm-tile.tone-gold{background:linear-gradient(#e7a845,#b4721f);border-color:#ffe3a066}.mm-tile.tone-violet{background:linear-gradient(#7d5bd6,#553aa1);border-color:#c9b6ff55}.mm-tile.tone-teal{background:linear-gradient(#2fa69a,#1c7068);border-color:#9ff0e455}.mm-tile.tone-blue{background:linear-gradient(#3f86e0,#2a5dad);border-color:#a9cdff55}.mm-tile.tone-green{background:linear-gradient(#4f9f57,#336d3a);border-color:#b8f0bd55}.mm-tile.tone-red{background:linear-gradient(#d9574a,#9d3328);border-color:#ffb3a855}.mm-tile .hk{color:#fff;pointer-events:none;background:#0b1626cc;border-radius:4px;padding:0 3px;font:700 9px/12px Outfit,sans-serif;position:absolute;top:3px;left:4px}.mm-tile .hud-badge{box-sizing:border-box;color:#fff;background:#e5483f;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font:700 10px/16px sans-serif;position:absolute;top:3px;right:4px;box-shadow:0 0 0 1.5px #fff}.mm-dot{background:#ff4b3e;border-radius:50%;width:9px;height:9px;position:absolute;top:5px;right:6px;box-shadow:0 0 0 1.5px #fff}.mm-q .mm-dot{top:3px;right:3px}.mm-tile .soon{background:var(--orange,#f08a3c);color:#fff;white-space:nowrap;border-radius:6px;padding:0 4px;font:700 8px/12px Noto Sans Thai,sans-serif;position:absolute;top:3px;right:3px}.mm-grid.soon .mm-tile{opacity:.6}.mm-grid.soon img{filter:grayscale(.6)}.hud-more.msm .hud-more-sep{color:#9fb0c8}.mm-head{border-bottom:1px solid #ffffff14;flex-direction:column;flex:none;gap:2px;padding:10px 12px 8px;display:flex}.mm-head b{color:#ffd27a;font:800 14px/1.3 Noto Sans Thai,sans-serif}.mm-head span{color:#b8c4d6;font:500 12px/1.4 Noto Sans Thai,sans-serif}.mm-grid.edit .mm-tile:hover{transform:none}.mm-tile.sel{transform:translateY(-2px);box-shadow:0 0 0 3px #ffd27a,0 0 14px #ffd27a88}.mm-tile.picked{box-shadow:inset 0 0 0 2px #5fd38a}.mm-check{color:#fff;background:#ffffff2e;border-radius:50%;place-items:center;width:18px;height:18px;font:800 12px/1 sans-serif;display:grid;position:absolute;top:4px;right:4px}.mm-tile.picked .mm-check{background:#2f9e57}.mm-empty{color:#9fb0c8;grid-column:1/-1;margin:4px 2px;font:500 12px Noto Sans Thai,sans-serif}.mm-foot{background:#0f1622cc;border-top:1px solid #ffffff14;flex:none;align-items:center;gap:6px;padding:8px 10px;display:flex;position:relative}.mm-gap{flex:1}.mm-edit{cursor:pointer;background:#ffffff10;border:2px solid #e5483f;border-radius:10px;place-items:center;width:44px;height:40px;padding:0;display:grid}.mm-edit img{width:26px;height:26px}.mm-edit.open,.mm-edit:hover{background:#e5483f33}.mm-pop{z-index:2;background:#17202df0;border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 6px);left:10px;box-shadow:0 10px 26px #000a}.mm-pop button{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(#4a78c2,#34589a);border:1px solid #fff2;border-radius:10px;align-items:center;gap:10px;min-width:200px;height:42px;padding:0 12px;font:700 13px Noto Sans Thai,sans-serif;display:flex}.mm-pop button.hot{background:linear-gradient(#e46a3d,#b5481f);border-color:#ffd27a}.mm-pop button:hover{filter:brightness(1.1)}.mm-pop i{background:#ffffff30;border-radius:50%;place-items:center;width:24px;height:24px;font:700 13px/1 sans-serif;display:grid}.mm-btn{color:#e9eef7;white-space:nowrap;cursor:pointer;background:#ffffff14;border:0;border-radius:9px;align-items:center;gap:6px;height:38px;padding:0 10px;font:700 12px Noto Sans Thai,sans-serif;display:inline-flex}.mm-btn img{object-fit:contain;width:20px;height:20px}.mm-btn:hover{background:#ffffff26}.mm-btn:disabled{opacity:.4;cursor:default}.mm-btn.go{background:var(--orange,#f08a3c);color:#fff}@media (pointer:coarse){.mm-q,.mm-x{width:max(44px,calc(44px / var(--hud-scale,1)));height:max(44px,calc(44px / var(--hud-scale,1)))}.mm-btn{height:max(44px,calc(44px / var(--hud-scale,1)))}.mm-edit{height:max(44px,calc(44px / var(--hud-scale,1)));width:max(48px,calc(48px / var(--hud-scale,1)))}}.hud-menu .hud-tile span{text-overflow:ellipsis;max-width:64px;overflow:hidden}@media (min-width:761px) and (max-width:1199px) and (min-height:561px){.hud-menu{gap:4px}.hud-menu .hud-tile{width:50px}.hud-menu .hud-tile span{max-width:54px}}.mm-extra{justify-content:flex-end;padding:0 2px 6px;display:flex}.qcue{z-index:7;color:#eaf4ff;text-align:center;cursor:pointer;background:linear-gradient(#14233acc,#0c1626e6);border:2px solid #5fb8ff;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:240px;max-width:min(560px,86vw);padding:10px 22px 12px;font-family:Noto Sans Thai,Outfit,sans-serif;animation:.25s ease-out qcue-in;display:flex;position:absolute;top:calc(64px + 9%);left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0009}.qcue.warp{border-color:#ffc04a}.qcue-k{letter-spacing:.06em;color:#9fd3ff;font:800 12.5px/1.2 Noto Sans Thai,sans-serif}.qcue.warp .qcue-k{color:#ffd27a}.qcue-n{color:#fff;text-shadow:0 2px #0008;font:900 20px/1.25 Noto Sans Thai,sans-serif}.qcue-l{color:#d6e6f7;font:600 14px/1.35 Noto Sans Thai,sans-serif}@keyframes qcue-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (max-height:520px){.qcue{padding:6px 16px 8px;top:calc(48px + 6%)}.qcue-n{font-size:16px}.qcue-l{font-size:12.5px}}.hud.pv2 .hud-player:before{background:radial-gradient(44px 40px at 26px 26px,color-mix(in srgb,var(--ring2) 30%,transparent),transparent 72%);border-radius:14px 0 0 14px;width:54px}.hud.pv2 .hud-face{border-width:2px;width:40px;height:40px;top:3px;left:5px;box-shadow:0 0 0 1.5px #fff,0 2px 4px #0007}.hud.pv2 .hud-pframe{width:46px!important;height:46px!important;top:0!important;left:2px!important}.hud.pv2 .hud-lv{letter-spacing:0;border-width:1.5px;gap:2px;width:42px;height:13px;font-size:8.5px;top:38px;left:4px}.hud.pv2 .hud-who{height:15px;top:3px;left:52px;right:6px}.hud.pv2 .hud-who strong{font-size:12px;line-height:15px}.hud.pv2 .hud-who small{display:none}.hud.pv2 .hud-meter{border-width:1px;border-radius:4px;height:7px;left:52px;right:6px}.hud.pv2 .hud-meter.hp{top:20px}.hud.pv2 .hud-meter.mp{top:29px}.hud.pv2 .hud-meter:before{display:none}.hud.pv2 .hud-meter i{border-radius:3px}.hud.pv2 .hud-meter b{letter-spacing:.2px;font:700 6.5px/7px Outfit,Noto Sans Thai,sans-serif;top:-1px;right:3px}.hud.pv2 .pv-line{white-space:nowrap;color:#dfe6f2;pointer-events:auto;align-items:center;height:14px;font:600 9.5px/14px Noto Sans Thai,Outfit,sans-serif;display:flex;position:absolute;top:38px;left:52px;right:4px;overflow:hidden}.hud.pv2 .pv-luck{text-overflow:ellipsis;color:#ffe9a8;min-width:0;overflow:hidden}.hud.pv2 .pv-luck.empty{color:#aab3c2}.hud.pv2>.hud-zone{animation-duration:2.5s}.hud.pv2 .hud-zone small{letter-spacing:2px;font-size:10px}.hud.pv2 .hud-zone b{white-space:nowrap;text-overflow:ellipsis;font-size:20px;line-height:1.2;overflow:hidden}.hud.pv2 .hud-zone span{margin-top:2px;font-size:10.5px;line-height:1.3}.hud.pv2 .hud-zone:before,.hud.pv2 .hud-zone:after{width:min(36px,7vw)}body.pv2 .cbt-chip{border-radius:50%;justify-content:center;width:44px;height:44px;padding:2px}body.pv2 .cbt-chip .cbt-chip-t,body.pv2 .cbt-report{display:none}body.pv2 .cbt-chip b{place-items:center;font-size:10.5px;display:grid;position:absolute;inset:0}body.pv2 .cbt-chip .cbt-ring{width:40px;height:40px}body.pv2 .cbt-toast{animation-name:cbtToastR;left:auto;right:0;transform:none}.hud.pv2>.hud-cluster.pv{zoom:1;pointer-events:none;z-index:3;width:100%;height:100%;inset:0 auto auto 0;transform:none}.hud.pv2 .hud-r:after{inset:calc(-1 * var(--pvhit,0px))}.hud.pv2 .hud-r kbd{display:none}.hud.pv2 .hud-r .cd{font-size:14px}.hud.pv2 .hud-r.dash .cd,.hud.pv2 .hud-r.jump .cd{font-size:11px}.hud.pv2 .hud-r .plus{color:#dfe6f2;font-size:16px}.hud.pv2 .hud-r.slot.empty{opacity:.8;background-color:#0b162659}.hud.pv2 .hud-r.ult{box-shadow:0 0 0 2px var(--exp),0 3px 7px #0b1d3040}.hud.pv2 .hud-r .n{min-width:15px;padding:0 4px;font-size:9.5px;line-height:14px;bottom:-4px;right:-6px}.hud.pv2 .hud-r.talk{box-shadow:none;background-position:50%!important;background-size:contain!important}.hud.pv2 .hud-r.pv-auto{box-shadow:none;background-size:contain}.hud.pv2 .hud-r.pv-auto.on{filter:drop-shadow(0 0 6px #7fe3a0)}.hud.pv2>.pv-stickzone{zoom:1;z-index:1;touch-action:none;background:0 0;position:fixed}.hud.pv2>.pv-stick{zoom:1;z-index:2;touch-action:none;cursor:grab;background:#0b162633 50%/100% 100% no-repeat;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:inset 0 0 0 2px #ffffff4d}.hud.pv2>.pv-stick span{pointer-events:none;background:50%/100% 100% no-repeat;border-radius:50%;box-shadow:0 2px 5px #0003}.hud.pv2>.hud-exp.pv{zoom:1;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);pointer-events:none;height:4px}.hud.pv2 .hud-exp.pv .hud-exp-bar{border-radius:0;height:4px;bottom:0;left:0;right:0;border:0!important;background:#1b2433cc!important;border-image-source:none!important}.hud.pv2 .hud-exp.pv .hud-exp-bar i{border-radius:0}.hud.pv2 .loot-bar{zoom:1;visibility:var(--st-loot-v,visible);left:var(--st-loot-l,auto)!important;right:var(--st-loot-r,8px)!important;top:var(--st-loot-t,auto)!important;bottom:var(--st-loot-b,calc(var(--pv-zone,190px) + 8px))!important;max-width:min(220px,var(--st-loot-w,220px))!important}.hud.pv2>.combo-counter{zoom:1;top:auto;bottom:calc(var(--pv-zone,190px) + 92px)}.hud.pv2>.pv-bigmap-scrim{zoom:1;z-index:50;box-sizing:border-box;padding:calc(12px + env(safe-area-inset-top,0px)) 12px 12px;pointer-events:auto;background:#050814bf;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}.pv-bigmap{flex-direction:column;gap:8px;width:min(100%,560px);display:flex}.pv-bigmap header{color:#fff;align-items:center;gap:8px;font:700 15px Noto Sans Thai,sans-serif;display:flex}.pv-bigmap header b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pv-bigmap header .wm{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;flex:none;min-height:44px;padding:0 12px;font:700 12px Noto Sans Thai,sans-serif}.pv-bigmap header .x{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:10px;flex:none;width:44px;height:44px;padding:0;font:700 18px/1 sans-serif}.pv-bigmap .hud-mini.pv-big{aspect-ratio:1;box-sizing:border-box;border-radius:16px;width:min(100%,100dvh - 150px);height:auto;margin:0 auto;position:relative;top:auto;left:auto;right:auto;transform:none;background:#283444!important}.hud-mini.pv-big canvas{border-radius:12px;width:calc(100% - 16px);height:calc(100% - 16px);top:8px;left:8px}.hud-mini.pv-big .mini-expand{display:none}.hud-mini.pv-big .z-out,.hud-mini.pv-big .z-in{width:44px;height:44px;font-size:24px;top:auto;bottom:14px}.hud-mini.pv-big .z-out{left:14px}.hud-mini.pv-big .z-in{left:auto;right:14px}.hud-mini.pv-big .pv-zoomlv{z-index:2;color:#fff;background:#283444e6;border-radius:10px;padding:0 8px;font:700 12px/20px Outfit,sans-serif;position:absolute;bottom:26px;right:64px}.hud-mini.pv-big .hud-coords{z-index:2;background:#283444e6;border-radius:15px;width:auto;height:30px;padding:0 14px;font-size:13px;line-height:30px;inset:auto auto 20px 50%;transform:translate(-50%)}.hud-mini.pv-big .nav-chip{top:14px;left:14px;right:14px}.hud-mini.pv-big .mini-zoom{display:none}.hud.pv2:has(>.pv-arrange)>.hud-cluster.pv{visibility:hidden}.hud.pv2:has(>.pv-arrange)>.pv-stick{visibility:hidden}.hud.pv2>.pv-arrange{zoom:1;z-index:60;touch-action:none;pointer-events:auto;background:#0508148c;position:fixed;inset:0}.pv-arrange-bar{left:8px;right:8px;top:calc(8px + env(safe-area-inset-top,0px));color:#fff;background:#283444f2;border-radius:12px;flex-direction:column;gap:6px;padding:8px 10px;font:600 12px/1.4 Noto Sans Thai,sans-serif;display:flex;position:absolute}.pv-arrange-bar div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pv-arrange-bar button{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:10px;min-height:44px;padding:0 14px;font:700 13px Noto Sans Thai,sans-serif}.pv-arrange-bar button.ok{background:var(--orange)}.pv-ghost{box-sizing:border-box;touch-action:none;cursor:grab;border:1px dashed #ffffff80;border-radius:50%;place-items:center;display:grid;position:absolute}.pv-ghost i{color:#fff;pointer-events:none;background:#4c84b0d9;border-radius:50%;place-items:center;font:800 13px Outfit,sans-serif;display:grid;box-shadow:0 2px 6px #0007}.pv-ghost.live{z-index:2}.pv-ghost.live i{background:var(--orange)}.pv-ghost.bad i{background:#e0306a}.hud.tl2>.hud-cluster.pv{zoom:1;pointer-events:none;z-index:3;width:100%;height:100%;inset:0 auto auto 0;transform:none}.hud.tl2 .hud-r:after{inset:calc(-1 * var(--pvhit,0px))}.hud.tl2 .hud-r .cd{font-size:14px}.hud.tl2 .hud-r.dash .cd,.hud.tl2 .hud-r.jump .cd{font-size:11px}.hud.tl2 .hud-r .plus{color:#dfe6f2;font-size:16px}.hud.tl2 .hud-r.slot.empty{opacity:.8;background-color:#0b162659}.hud.tl2 .hud-r.ult{box-shadow:0 0 0 2px var(--exp),0 3px 7px #0b1d3040}.hud.tl2 .hud-r .n{min-width:15px;padding:0 4px;font-size:9.5px;line-height:14px;bottom:-4px;right:-6px}.hud.tl2 .hud-r.talk{box-shadow:none;background-position:50%!important;background-size:contain!important}.hud.tl2 .hud-r.pv-auto{box-shadow:none;background-size:contain}.hud.tl2 .hud-r.pv-auto.on{filter:drop-shadow(0 0 6px #7fe3a0)}.hud.tl2>.pv-stickzone{zoom:1;z-index:1;touch-action:none;background:0 0;position:fixed}.hud.tl2>.pv-stick{zoom:1;z-index:2;touch-action:none;cursor:grab;background:#0b162633 50%/100% 100% no-repeat;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:inset 0 0 0 2px #ffffff4d}.hud.tl2>.pv-stick span{pointer-events:none;background:50%/100% 100% no-repeat;border-radius:50%;box-shadow:0 2px 5px #0003}.hud.tl2>.hud-auto-set.tl{zoom:1;box-sizing:border-box;z-index:3;position:fixed;bottom:auto;right:auto}.hud.tl2>.hud-auto-set.tl img{width:62%;height:62%}.hud.tl2>.hud-auto-set.tl:after{content:"";inset:calc(-1 * var(--pvhit,0px));border-radius:50%;position:absolute}.hud.tl2>.hud-exp.tl{zoom:1;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);pointer-events:none;height:4px}.hud.tl2 .hud-exp.tl .hud-exp-bar{border-radius:0;height:4px;bottom:0;left:0;right:0;border:0!important;background:#1b2433cc!important;border-image-source:none!important}.hud.tl2 .hud-exp.tl .hud-exp-bar i{border-radius:0}.hud.tl2:has(>.pv-arrange)>.hud-cluster.pv{visibility:hidden}.hud.tl2:has(>.pv-arrange)>.pv-stick{visibility:hidden}.hud.tl2:has(>.pv-arrange)>.hud-auto-set{visibility:hidden}.hud.tl2>.pv-arrange{zoom:1;z-index:60;touch-action:none;pointer-events:auto;background:#0508148c;position:fixed;inset:0}.hud.tl2 .hud-r.run .run-ic,.hud.pv2 .hud-r.run .run-ic{letter-spacing:-2px;font-size:22px}.hud.pc>.pc-bar{box-sizing:border-box;z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-end;height:86px;margin:0 auto;padding:0 8px;display:flex;bottom:12px;left:0;right:0}.pc-g{align-items:flex-end;gap:8px;display:flex;position:relative}.pc-exp{pointer-events:auto;cursor:default;background:#0b162680;border-radius:6px;height:12px;position:absolute;top:0;left:8px;right:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.pc-exp i{background:linear-gradient(#ffe48a,var(--exp));border-radius:6px;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.pc-exp b{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;place-items:center;font:800 9px/1 Outfit,Noto Sans Thai,sans-serif;display:grid;position:absolute;inset:0}.pc-slot{box-sizing:border-box;color:#fff;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#1018265c;border:0;border-radius:12px;flex:none;place-items:center;width:56px;height:56px;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff40,0 2px 6px #0003}.pc-slot.s52{width:52px;height:52px}.pc-slot.big{width:66px;height:66px}.pc-slot:hover{filter:brightness(1.15)}.pc-slot:active{transform:scale(.95)}.pc-slot kbd{z-index:3;color:#fff;pointer-events:none;background:#000b;border-radius:5px;padding:2px 4px;font:800 10px/1 Outfit,Noto Sans Thai,sans-serif;position:absolute;bottom:3px;left:3px}.pc-slot kbd.alt{color:#cfd8e6;background:#0009;inset:3px 3px auto auto}.pc-slot .ic{object-fit:cover;pointer-events:none;border-radius:11px;width:100%;height:100%;position:absolute;inset:0}.pc-slot.pot .ic{object-fit:contain;width:76%;height:76%;image-rendering:pixelated;border-radius:0;inset:12%}.pc-slot .n{z-index:3;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;font:800 11px/1 Outfit,sans-serif;position:absolute;bottom:3px;right:4px}.pc-slot .plus{color:#cfd8e6;place-items:center;font:800 18px/1 sans-serif;display:grid;position:absolute;inset:0}.pc-slot.empty{opacity:.75}.pc-slot .cd{z-index:2;border-radius:inherit;background:conic-gradient(#000000b0 calc(var(--p,100) * 1%),#00000040 0);color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;place-items:center;font:800 20px Outfit,sans-serif;display:grid;position:absolute;inset:0}.pc-slot.s52 .cd{font-size:16px}.pc-slot .bi{filter:drop-shadow(0 1px 2px #0009);pointer-events:none;width:46%;height:46%}.pc-slot.atk{background:#ffffff38;border-radius:50%;box-shadow:inset 0 0 0 1.5px #ffffffa0,0 2px 8px #0003}.pc-slot.atk .bi{width:50%;height:50%}.pc-slot.atk .wpn{object-fit:contain;width:56%;height:56%;image-rendering:pixelated;filter:drop-shadow(0 1px 2px #0009);pointer-events:none}.pc-slot.jump{transition:scale .12s ease-out}.pc-slot.jump.pulse{scale:var(--jump-pulse,1.15);z-index:4;background:#ffb02059;animation:.36s ease-in-out infinite alternate jump-pulse}@media (prefers-reduced-motion:reduce){.pc-slot.jump.pulse{animation:none;box-shadow:0 0 0 4px #ffb020}}.pc-slot.auto .tx{color:#cfd8e6;text-shadow:0 1px 2px #000a;pointer-events:none;font:800 13px/1 Outfit,sans-serif}.pc-slot.auto.on .tx{color:#7fe3a0}.pc-g.auto .hud-auto-set{z-index:4;pointer-events:auto;background:#10182680;border:0;border-radius:8px;align-self:flex-start;width:24px;height:24px;position:relative;bottom:auto;left:auto;box-shadow:inset 0 0 0 1px #ffffff40}.pc-g.auto .hud-auto-set:hover{background:var(--orange)}.pc-g.auto .hud-auto-set img{width:14px;height:14px}.pc-slot.run .run-png{width:48px;height:48px;image-rendering:pixelated;pointer-events:none;position:absolute;top:2px;left:2px}.pc-slot.run.on{box-shadow:inset 0 0 0 1.5px #ffd25ab3,0 2px 6px #0003}.pc-slot.run.walk{opacity:.7}.pc-slot .tip{z-index:6;text-align:left;pointer-events:none;background:#141b28f2;border-radius:10px;width:max-content;max-width:220px;padding:8px 12px;display:none;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0008,inset 0 0 0 1px #fff2}.pc-slot .tip b{color:#ffd76a;font:700 13px/1.4 Noto Sans Thai,Outfit,sans-serif;display:block}.pc-slot .tip small{color:#dbe6f5;font:600 12px/1.45 Noto Sans Thai,Outfit,sans-serif;display:block}.pc-slot:hover .tip{display:block}.jump-warn{z-index:6;color:#ffd23a;text-shadow:0 2px #3a1d00,0 0 10px #ff8a0099;pointer-events:none;white-space:nowrap;background:#1b1206b3;border:2px solid #ffb02e;border-radius:12px;align-items:center;gap:10px;padding:6px 18px;font:900 30px/1.1 Noto Sans Thai,Outfit,sans-serif;animation:.5s ease-in-out infinite alternate jumpwarn;display:flex;position:absolute;top:calc(64px + 15%);left:50%;transform:translate(-50%)}.jump-warn kbd{color:#fff;background:#0b1626;border:1px solid #ffd23a;border-radius:6px;padding:2px 8px;font:800 18px/1.2 Outfit,sans-serif}@keyframes jumpwarn{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.08)}}@media (max-width:760px){.jump-warn{font-size:24px;top:calc(85px + 12%)}}.hud.pc .hud-tile .hk{z-index:3;color:#fff;pointer-events:none;background:#0b1626cc;border-radius:4px;padding:0 3px;font:700 9px/12px Outfit,sans-serif;position:absolute;top:2px;left:2px}.hud.pc .hud-luck{bottom:calc((var(--pc-bar,98px) + 2px) / var(--hud-scale,1))}.hud.pc .hud-ai{bottom:calc((var(--pc-bar,98px) + 22px) / var(--hud-scale,1))}.hud.pc .loot-bar{bottom:calc((var(--pc-bar,98px) + 56px) / var(--hud-scale,1))}.hud.pc .hud-toast{bottom:calc((var(--pc-bar,98px) + 130px) / var(--hud-scale,1))}.hud.pc>.hud-buddy{inset:auto 12px 12px auto}@media (max-width:1370px){.hud.pc>.hud-buddy{bottom:calc((var(--pc-bar,98px) + 8px) / var(--hud-scale,1))}}.hud-r.run img.run-ic{width:24px;height:24px;image-rendering:pixelated;filter:drop-shadow(0 1px #fff);margin:-12px 0 0 -12px;padding:0;position:absolute;top:50%;left:50%}.pv-stick img.run-ic,.hud-stick img.run-ic{width:24px;height:24px;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #000);margin-left:-12px;position:absolute;top:-30px;left:50%;transform:none}.pv-stickzone,.pv-stick{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hud.pc>.hud-npcnear{z-index:4;pointer-events:none;flex-direction:column;gap:6px;width:236px;display:flex;position:absolute;top:auto;bottom:68px;right:12px}@media (max-width:1370px){.hud.pc>.hud-npcnear{bottom:calc((var(--pc-bar,98px) + 8px) / var(--hud-scale,1) + 48px + 8px)}}@media (max-height:700px){.hud.pc>.hud-npcnear{bottom:12px}}@media (max-height:700px) and (max-width:1370px){.hud.pc>.hud-npcnear{bottom:calc((var(--pc-bar,98px) + 8px) / var(--hud-scale,1))}}.hud-npcnear-row{color:#f1f3f6;text-align:left;cursor:pointer;pointer-events:auto;background:#2b3442ee;border:0;border-radius:22px;align-items:center;gap:8px;min-height:44px;padding:4px 8px 4px 5px;font:500 12px/1.25 Noto Sans Thai,sans-serif;animation:.18s ease-out npcnear-in;display:flex;box-shadow:0 0 0 1.5px #f07a45,0 4px 12px #0007}.hud-npcnear-row:hover{background:#3a4558f2}.hud-npcnear-row:active{transform:scale(.97)}.hud-npcnear-row>i{background:#f07a45;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:15px;font-style:normal;display:grid}.hud-npcnear-row>span{flex-direction:column;flex:1;min-width:0;display:flex}.hud-npcnear-row b,.hud-npcnear-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-npcnear-row b{color:#ffe27a;font-size:13px;font-weight:700}.hud-npcnear-row small{color:#9fdcff;font-size:11px}.hud-npcnear-row kbd{color:#fff;text-align:center;background:#f07a45;border-radius:6px;flex:none;min-width:22px;padding:2px 6px;font:800 12px/16px Outfit,Noto Sans Thai,sans-serif;box-shadow:inset 0 -2px #0003}.hud-npcnear-row em{color:#cfd6e2;flex:none;font-size:11px;font-style:normal;font-weight:700}@keyframes npcnear-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.hud-npcnear-row{animation:none}}@media (max-width:900px){.hud.pc>.hud-npcnear{width:200px}}.hud.tl2>.hud-shop>.hud-wallet{height:calc(34px / var(--zp,1));padding:0 calc(4px / var(--zp,1)) 0 calc(6px / var(--zp,1));border-radius:calc(20px / var(--zp,1))}.hud.tl2>.hud-shop>.hud-wallet img{width:calc(22px / var(--zp,1));height:calc(22px / var(--zp,1))}.hud.tl2>.hud-shop>.hud-wallet strong{font-size:calc(12px / var(--zp,1))}.hud.tl2>.hud-shop>.hud-wallet .plus{width:calc(26px / var(--zp,1));height:calc(26px / var(--zp,1));font-size:calc(16px / var(--zp,1))}@media (max-width:900px){.hud.pc>.hud-caption{display:none}}@media (max-height:700px){.hud.pc>.hud-buddy{display:none}}@media (max-height:800px){.hud.pc>.hud-npcnear>.hud-npcnear-row:nth-child(n+4){display:none}}.sb-peek{opacity:.72;pointer-events:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;display:grid;position:absolute;inset:7px}.sb-peek i{background:#ffffff1f;border-radius:4px;min-width:0;min-height:0;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26}.sb-peek img{object-fit:cover;width:100%;height:100%;display:block}.sb-row{z-index:3;color:#ffe08a;pointer-events:none;background:#000b;border-radius:5px;padding:1px 3px;font:800 9px/1 Outfit,Noto Sans Thai,sans-serif;position:absolute;top:2px;right:2px}.pc-slot.swap{box-shadow:inset 0 0 0 1px #ffe08a80,0 2px 6px #0003}.pc-slot.swap:hover .sb-peek{opacity:1}.hud-r.swap .sb-peek{border-radius:50%;gap:1px;inset:20%;overflow:hidden}.hud-r.swap .sb-peek i{border-radius:0}.hud-r.swap .sb-row{font-size:8.5px;top:-4px;right:-4px}@keyframes sb-in{0%{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}.pc-slot.rowin,.hud-r.rowin{animation:.16s ease-out sb-in}@media (prefers-reduced-motion:reduce){.pc-slot.rowin,.hud-r.rowin{animation:none}}:is(.hud.tl2,.hud.pv2)>.hud-qcol{z-index:2;left:calc((env(safe-area-inset-left,0px) + 8px) / var(--hud-scale,1));max-height:calc(var(--tl-qroom,100dvh) / var(--hud-scale,1))}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed{min-width:0;width:calc(max(176px,210px * var(--hud-scale,1)) / var(--hud-scale,1))!important;flex-direction:column!important;gap:0!important}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>section{overscroll-behavior:contain;scrollbar-width:none;min-height:0;padding-top:calc(6px / var(--hud-scale,1));border-top-left-radius:0;border-top-right-radius:0;flex:0 auto;overflow-y:auto;width:100%!important}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>section.hud-quest{flex-direction:column;display:flex;overflow:hidden}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>section.hud-quest>:is(.hud-qtitle,.hud-autoq){flex:none}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>section.hud-quest>:is(p,.hud-objs){scrollbar-width:none;flex:0 auto;min-height:0;overflow-y:auto}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>section::-webkit-scrollbar{display:none}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.tab-log>.hud-q1,:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.tab-q1>.hud-quest,.hud.tl2>.hud-qcol.tabbed:not(.tab-party)>.hud-party,.hud.tl2>.hud-qcol.tabbed.tab-party>:is(.hud-quest,.hud-q1){display:none}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>.hud-qtabs{z-index:1;gap:calc(6px / var(--hud-scale,1));pointer-events:auto;flex:none;display:flex;position:relative}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>.hud-qtabs button{min-width:calc(44px / var(--hud-scale,1));min-height:calc(44px / var(--hud-scale,1));color:#c8d2e4;cursor:pointer;background:#283444b3;border:0;border-radius:10px 10px 0 0;flex:1;padding:0 6px;font:700 13px/1 Noto Sans Thai,sans-serif}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>.hud-qtabs button.on{color:#fff;box-shadow:inset 0 -2px 0 var(--accent,#f4c95d);background:#283444e6}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed .hud-quest .hud-qhead,:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed[data-tight]>.hud-qtabs,:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed[data-tight]:is(.tab-q1,.tab-party)>:is(.hud-q1,.hud-party){display:none}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed[data-tight]:is(.tab-q1,.tab-party)>.hud-quest,:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded .hud-quest .hud-qtitle{display:flex}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded .hud-quest p,:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded .hud-quest .hud-obj:not(.next){display:none}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded .hud-quest .hud-objs{display:block}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded .hud-q1 .q1-trk:not(:first-of-type),:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded .hud-q1 .q1-skip{display:none}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-qtitle{min-height:calc(44px / var(--hud-scale,1));margin:0 calc(6px / var(--hud-scale,1)) 0 10px;gap:calc(6px / var(--hud-scale,1))}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-qtitle h2{line-height:calc(44px / var(--hud-scale,1));align-self:stretch}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-qtitle .hud-qtrack{width:calc(44px / var(--hud-scale,1));height:calc(44px / var(--hud-scale,1));color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:10px;flex:none;place-items:center;margin-left:auto;padding:0;font-size:18px;line-height:1;display:grid}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-quest .hud-autoq{width:calc(100% - 10px - 6px / var(--hud-scale,1));height:calc(44px / var(--hud-scale,1));margin:calc(6px / var(--hud-scale,1)) calc(6px / var(--hud-scale,1)) 0 10px;border-radius:10px;font-size:13px}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-quest .hud-track{display:none}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-quest{padding-bottom:calc(5px / var(--hud-scale,1))}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-obj{align-items:center;gap:calc(6px / var(--hud-scale,1));display:flex}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-obj>span{flex:1;min-width:0}:is(.hud.tl2,.hud.pv2)>.hud-qcol .q1-how,:is(.hud.tl2,.hud.pv2)>.hud-qcol .q1-act{min-width:calc(44px / var(--hud-scale,1));min-height:calc(44px / var(--hud-scale,1));border-radius:10px;padding:0 8px}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-q1 .hud-qhead{min-height:calc(44px / var(--hud-scale,1));box-sizing:border-box}:is(.hud.tl2,.hud.pv2)>.hud-qcol .q1-go{width:calc(44px / var(--hud-scale,1));height:calc(44px / var(--hud-scale,1));font-size:17px}:is(.hud.tl2,.hud.pv2)>.hud-qcol .q1-skip{height:calc(44px / var(--hud-scale,1));margin-top:calc(6px / var(--hud-scale,1));margin-bottom:calc(6px / var(--hud-scale,1))}:is(.hud.tl2,.hud.pv2)>.hud-qcol .q1-trk{margin-top:calc(6px / var(--hud-scale,1))}:is(.hud.tl2,.hud.pv2)>.hud-qcol .q1-obj{gap:calc(6px / var(--hud-scale,1))}:is(.hud.tl2,.hud.pv2)>.hud-music{display:none}.hud.tl2 .hud-player .pet-hud:after{content:"";inset:calc(min(0px,(34px - 44px / var(--hud-scale,1)) / 2));border-radius:50%;position:absolute}:is(.hud.tl2,.hud.pv2)>.hud-buddy{display:none}:is(.hud.tl2,.hud.pv2)>.hud-menu{gap:calc(6px / var(--hud-scale,1))}:is(.hud.tl2,.hud.pv2)>.hud-menu .hud-tile{width:max(50px,calc(44px / var(--hud-scale,1)));min-height:calc(44px / var(--hud-scale,1))}:is(.hud.tl2,.hud.pv2)>.hud-shop{gap:calc(6px / var(--hud-scale,1))}:is(.hud.tl2,.hud.pv2)>.hud-shop .hud-tile{min-width:calc(44px / var(--hud-scale,1));min-height:calc(44px / var(--hud-scale,1))}.hud.tl2 .hud-qcol>.hud-party .phf-head{min-height:calc(44px / var(--hud-scale,1));padding-bottom:calc(6px / var(--hud-scale,1))}.hud.tl2 .hud-qcol>.hud-party .phf-title{align-self:stretch}.hud.tl2 .hud-qcol>.hud-party .phf-open{width:calc(44px / var(--hud-scale,1));height:calc(44px / var(--hud-scale,1))}.hud.tl2 .hud-qcol>.hud-party .phf-list{gap:calc(6px / var(--hud-scale,1))}.hud.tl2 .hud-qcol>.hud-party .phf-row,.hud.tl2 .hud-qcol>.hud-party .phf-acts button{min-height:calc(44px / var(--hud-scale,1))}.hud.tl2>.hud-ch:after{content:"";height:calc(44px / var(--hud-scale,1));position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}@media (max-height:560px),(min-width:761px){html[data-input=touch] body:not(.pv2){--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--mm:calc(48px + 32px * var(--ph,1));--rr:calc(var(--sr) + 16px + var(--mm));--qt:calc(68px * max(var(--ph,1),.8) * var(--tf,1) + 8px);--qx:calc(var(--sl) + 14px + 200px * var(--tf,1))}.hud.tl2>:is(.hud-player,.hud-buffs){zoom:calc(.8 * var(--tf,1));--zp:calc(.8 * var(--tf,1))}.hud.tl2>.hud-player{transform-origin:0 0;left:calc((var(--sl) + 8px) / var(--zp));top:calc(6px / var(--zp));transform:scale(.78)}.hud.tl2>.hud-buffs{display:none}:is(.hud.tl2>.hud-qcol,.hud.tl2:has(.hud-player .hud-buffrow)>.hud-qcol){left:calc((var(--sl) + 8px) / var(--hud-scale,1));top:calc(var(--qt) / var(--hud-scale,1));margin-top:0}.hud.tl2>.hud-qcol.tabbed{width:calc(200px * var(--tf,1) / var(--hud-scale,1))!important}.hud.tl2>.hud-qcol.tabbed>section.hud-quest{max-height:none}.hud.tl2>.hud-mini{zoom:var(--tf,1);right:calc(var(--sr) + 8px);width:var(--mm);height:var(--mm);box-sizing:border-box;border-radius:12px;top:6px;transform:none;box-shadow:inset 0 0 0 1px #ffffff47,0 2px 8px #0004;background:#0c121e73!important}.hud.tl2>.hud-mini canvas{width:calc(var(--mm) - 6px);height:calc(var(--mm) - 6px);border-radius:9px;top:3px;left:3px}.hud.tl2>.hud-mini .nav-chip{box-sizing:border-box;border-radius:14px;width:max-content;max-width:min(220px,30vw);height:28px;padding:0 0 0 10px;font-size:11px;top:calc(100% + 72px);left:auto;right:0}.hud.tl2>.hud-mini .nav-chip button{background:0 0;flex:none;width:28px;height:28px;margin:0;position:relative}.hud.tl2>.hud-mini .nav-chip button:after{content:"";position:absolute;inset:-8px}.hud.tl2>.hud-untidy{zoom:var(--tf,1);right:calc(var(--sr) + 8px);height:44px;font-size:12px;top:6px}.hud.tl2>.hud-caption{zoom:var(--tf,1);left:auto;right:calc(var(--sr) + 8px);top:calc(var(--mm) + 10px);width:var(--mm);height:auto;min-height:0;max-height:28px;box-shadow:none;pointer-events:none;background:0 0;border:0;align-items:flex-start;gap:3px;padding:0;display:flex;transform:none}.hud.tl2>.hud-caption[class*=n9-]{border-width:0}.hud.tl2>.hud-caption .hud-net{flex:none;margin-top:4px}.hud.tl2>.hud-caption h1{-webkit-line-clamp:2;white-space:normal;letter-spacing:0;text-align:center;text-shadow:0 1px 2px #000,0 0 3px #000;-webkit-box-orient:vertical;min-width:0;font:600 10px/13px Noto Sans Thai,sans-serif;display:-webkit-box;overflow:hidden}.hud.tl2>.hud-ch{zoom:var(--tf,1);--zp:var(--tf,1);left:auto;right:calc(var(--sr) + 8px);top:calc(var(--mm) + 42px);box-sizing:border-box;text-shadow:0 1px 2px #000c;border-color:#c9a55a99;gap:6px;max-width:120px;height:28px;padding:0 3px 0 9px;font-size:11px;transform:none}.hud.tl2>.hud-ch b{font-size:12px}.hud.tl2>.hud-ch .hud-ch-go{text-shadow:none;padding:0 7px;font-size:10px;line-height:20px}.hud.tl2>.hud-ch:after{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hud.tl2>.duo-icon.tl{zoom:var(--tf,1);left:calc(var(--tl-stat-x,212px) / var(--tf,1));top:calc(var(--tl-stat-t,8px) / var(--tf,1));display:block}.hud.tl2>.hud-buffcol{zoom:var(--tf,1);left:calc(var(--tl-buff-x,264px) / var(--tf,1));right:auto;top:calc(var(--tl-buff-t,6px) / var(--tf,1));width:max-content;max-width:calc(var(--tl-buff-w,116px) / var(--tf,1));pointer-events:none}.hud.tl2>.hud-buffcol .hud-buffrow{flex-wrap:wrap;justify-content:flex-start;gap:4px;position:static}.hud.tl2>.hud-buffcol .hud-buff{border-radius:5px;width:22px;height:22px}.hud.tl2>.hud-buffcol .hud-buff b{font-size:9px;line-height:11px}.hud.tl2>.hud-buffcol .hud-buff[data-tip]:hover:after,.hud.tl2>.hud-buffcol .hud-buff[data-tip]:focus:after{left:0;right:auto}.hud.tl2>:is(.hud-shop,.hud-menu){zoom:var(--tf,1);right:var(--rr);box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:row;align-items:flex-start;gap:2px;padding:0;display:flex;transform:none}.hud.tl2>.hud-shop{top:4px}.hud.tl2>.hud-menu{top:54px}.hud.tl2>:is(.hud-shop,.hud-menu) .hud-tile{justify-content:flex-start;width:44px;min-width:0;height:44px;min-height:0}.hud.tl2>:is(.hud-shop,.hud-menu) .hud-tile img{width:calc(22px + 8px * var(--ph,1));height:calc(22px + 8px * var(--ph,1));padding:calc(4px + 1px * var(--ph,1));background:#1018266b;box-shadow:inset 0 0 0 1px #ffffff4d,0 2px 5px #0003}.hud.tl2>:is(.hud-shop,.hud-menu) .hud-tile span{text-overflow:ellipsis;text-shadow:0 1px 2px #000,0 0 3px #000c;max-width:46px;margin-top:1px;font-size:9px;line-height:11px;display:block;overflow:hidden}.hud.tl2>:is(.hud-shop,.hud-menu) .hud-dot{right:calc(11px - 5px * var(--ph,1));width:10px;height:10px;top:-2px}.hud.tl2>:is(.hud-shop,.hud-menu) .tile-badge{transform:scale(.8)}.hud.tl2>:is(.hud-shop,.hud-menu) .hud-tile:hover img,.hud.tl2>.hud-menu .hud-tile.open img{background:var(--orange)}.hud.tl2>.hud-menu .hud-tile.on img{background:var(--up)}.hud.tl2>.hud-shop .hud-tile.shop img{padding:calc(1px + 1px * var(--ph,1));background:radial-gradient(circle at 50% 35%,#ffe7a6e6,#f0a64adb 70%,#d9793ad6);box-shadow:inset 0 0 0 1px #fff4cf,0 2px 5px #0003}.hud.tl2>.hud-shop .hud-tile.tone-violet img{background:radial-gradient(circle at 50% 35%,#c8b5ffd1,#7c5cdbc7);box-shadow:inset 0 0 0 1px #e8dcffcc,0 2px 5px #0003}.hud.tl2>.hud-shop .hud-tile[data-testid=pvp-open] img{image-rendering:pixelated}.hud.tl2>.hud-shop>.hud-wallet{min-width:0;height:calc(20px + 8px * var(--ph,1));margin:calc(9px - 4px * var(--ph,1)) 0 0 2px;text-shadow:0 1px 2px #000c;background:#0c121e80;border:0;border-radius:999px;align-self:flex-start;gap:5px;padding:0 3px 0 6px;position:relative;top:auto;left:auto;right:auto;box-shadow:inset 0 0 0 1px #f5c54247}.hud.tl2>.hud-shop>.hud-wallet:after{content:"";position:absolute;inset:min(0px,50% - 22px) 0}.hud.tl2>.hud-shop>.hud-wallet img{width:calc(14px + 6px * var(--ph,1));height:calc(14px + 6px * var(--ph,1))}.hud.tl2>.hud-shop>.hud-wallet strong{min-width:0;font-size:max(11px,calc(12px * var(--ph,1)))}.hud.tl2>.hud-shop>.hud-wallet .plus{width:calc(14px + 6px * var(--ph,1));height:calc(14px + 6px * var(--ph,1));font-size:calc(11px + 4px * var(--ph,1))}html[data-input=touch] body:not(.pv2) .hud-chips{zoom:var(--tf,1);left:auto;right:calc(var(--sr) + 8px);top:calc(var(--mm) + 76px);flex-direction:row-reverse;align-items:center;gap:6px;height:auto;transform:none}html[data-input=touch] body:not(.pv2) .hud-chips .hud-event{max-width:220px;padding:3px 10px;font-size:10.5px;line-height:1.3}html[data-input=touch] body:not(.pv2) .chatd-line{zoom:var(--tf,1);left:calc(var(--qx) / var(--tf,1));top:calc(var(--qt) / var(--tf,1) + 92px);width:clamp(150px,60vw - 250px,230px)}.hud.tl2 .hud-player button.hud-face:after{inset:calc(min(-4px,(70px - 44px / var(--zp) / .78) / 2))}.hud.tl2 .hud-player .pet-hud:after{content:"";inset:calc(min(0px,(34px - 44px / var(--zp) / .78) / 2));border-radius:50%;position:absolute}html[data-input=touch] body:not(.pv2):has(.hud.tl2.lh){--rr:calc(var(--sl) + 16px + var(--mm));--qx:calc(var(--sr) + 14px + 200px * var(--tf,1))}.hud.tl2.lh>.hud-player{left:auto;right:calc((var(--sr) + 8px) / var(--zp));transform-origin:100% 0}.hud.tl2.lh>.hud-player .pet-hud{left:auto;right:336px}:is(.hud.tl2.lh>.hud-qcol,.hud.tl2.lh:has(.hud-player .hud-buffrow)>.hud-qcol){left:auto;right:calc((var(--sr) + 8px) / var(--hud-scale,1))}.hud.tl2.lh>:is(.hud-mini,.hud-untidy,.hud-caption,.hud-ch){left:calc(var(--sl) + 8px);right:auto}.hud.tl2.lh>.hud-mini .nav-chip{left:0;right:auto}.hud.tl2.lh>.hud-buffcol{left:auto;right:calc(var(--tl-buff-x,264px) / var(--tf,1))}.hud.tl2.lh>.hud-buffcol .hud-buffrow{justify-content:flex-end}.hud.tl2.lh>.hud-buffcol .hud-buff[data-tip]:hover:after,.hud.tl2.lh>.hud-buffcol .hud-buff[data-tip]:focus:after{left:auto;right:0}.hud.tl2.lh>:is(.hud-shop,.hud-menu){left:var(--rr);right:auto}.hud.tl2.lh>.duo-icon.tl{left:auto;right:calc(var(--tl-stat-x,212px) / var(--tf,1))}html[data-input=touch] body:not(.pv2):has(.hud.tl2.lh) .hud-chips{left:calc(var(--sl) + 8px);flex-direction:row;right:auto}html[data-input=touch] body:not(.pv2):has(.hud.tl2.lh) .chatd-line{left:auto;right:calc(var(--qx) / var(--tf,1))}}:is(.hud.tl2,.hud.pv2)>.hud-buffcol[data-max="0"]{visibility:hidden}:is(.hud.tl2,.hud.pv2)>.hud-buffcol[data-max="1"] .hud-buff:nth-last-child(n+2),:is(.hud.tl2,.hud.pv2)>.hud-buffcol[data-max="2"] .hud-buff:nth-last-child(n+3),:is(.hud.tl2,.hud.pv2)>.hud-buffcol[data-max="3"] .hud-buff:nth-last-child(n+4),:is(.hud.tl2,.hud.pv2)>.hud-buffcol[data-max="4"] .hud-buff:nth-last-child(n+5),:is(.hud.tl2,.hud.pv2)>.hud-buffcol[data-max="5"] .hud-buff:nth-last-child(n+6),:is(.hud.tl2,.hud.pv2)>.hud-buffcol[data-max="6"] .hud-buff:nth-last-child(n+7),:is(.hud.tl2,.hud.pv2)>.hud-buffcol[data-max="7"] .hud-buff:nth-last-child(n+8),:is(.hud.tl2,.hud.pv2)>.hud-buffcol[data-max="8"] .hud-buff:nth-last-child(n+9){display:none}@media (max-height:380px){.hud.tl2>.hud-qcol.tabbed.folded .hud-quest .hud-objs{display:none}}.hud.tl2>.dg-hud{zoom:1;left:var(--tl-strip-l,25%);right:var(--tl-strip-r,25%);top:auto;bottom:calc(var(--tl-run-b,6px) + env(safe-area-inset-bottom,0px));flex-direction:column-reverse;align-items:stretch;gap:4px;transform:none}:is(.hud.tl2,.hud.pv2) .dg-row{flex-wrap:wrap;justify-content:center;gap:6px}:is(.hud.tl2,.hud.pv2) .dg-time{width:92px;height:34px;padding-right:12px;font-size:15px}:is(.hud.tl2,.hud.pv2) .dg-prog{min-width:0;height:34px;padding:0 10px 0 36px;font-size:12px}:is(.hud.tl2,.hud.pv2) .dg-rev{order:2;padding:3px 10px;font-size:11px}:is(.hud.tl2,.hud.pv2) .dg-exit{order:3;min-width:60px;min-height:44px;padding:0 14px;font-size:14px}:is(.hud.tl2,.hud.pv2).lh .dg-exit{order:-1}:is(.hud.tl2,.hud.pv2) .dg-boss{width:auto}:is(.hud.tl2,.hud.pv2) .dg-goal{max-width:none;padding:2px 8px;font-size:11px}:is(.hud.tl2,.hud.pv2) .dg-bname{font-size:12px}:is(.hud.tl2,.hud.pv2) .dg-bar{height:24px}.hud.tl2[data-runnarrow]>.dg-hud{zoom:var(--tl-run-z,1);left:calc(var(--tl-strip-l,25%) / var(--tl-run-z,1));right:calc(var(--tl-strip-r,25%) / var(--tl-run-z,1));bottom:calc((var(--tl-run-b,6px) + env(safe-area-inset-bottom,0px)) / var(--tl-run-z,1))}:is(.hud.tl2,.hud.pv2)[data-runnarrow] .dg-row{row-gap:0}:is(.hud.tl2,.hud.pv2)[data-runnarrow] .dg-row:after{content:"";flex-basis:100%;order:2;height:6px}:is(.hud.tl2,.hud.pv2)[data-runnarrow] .dg-exit{order:1;margin-left:auto}:is(.hud.tl2,.hud.pv2).lh[data-runnarrow] .dg-exit{order:-1;margin-left:0;margin-right:auto}:is(.hud.tl2,.hud.pv2)[data-runnarrow] .dg-prog{order:3}:is(.hud.tl2,.hud.pv2)[data-runnarrow] .dg-rev{order:4}:is(.hud.tl2,.hud.pv2)[data-runnarrow] .dg-prog .dots{display:none}:is(.hud.tl2,.hud.pv2)[data-runnarrow] .dg-prog{border-radius:10px;padding:0 12px;background:#eef1f5eb!important}:is(.hud.tl2,.hud.pv2)[data-runnarrow] .dg-exit{position:relative}:is(.hud.tl2,.hud.pv2)[data-runnarrow] .dg-exit:after{content:"";left:0;right:0;top:min(0px,calc((100% - 46px / var(--tl-run-z,1)) / 2));bottom:min(0px,calc((100% - 46px / var(--tl-run-z,1)) / 2));position:absolute}html[data-input=touch] .chatd-btn{width:44px}html[data-input=touch] .chatd-line{z-index:9;left:calc(env(safe-area-inset-left,0px) + 8px);box-sizing:border-box;color:#fff;text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:4px;width:260px;height:44px;padding:0;font:12px/1.3 Noto Sans Thai,sans-serif;display:flex;position:fixed;top:50%}html[data-input=touch] .chatd-line:before{content:"";z-index:-1;background:linear-gradient(90deg,#0c121ebf,#0c121e80);border-radius:15px;position:absolute;inset:7px 0;box-shadow:inset 0 0 0 1px #ffffff24}html[data-input=touch] .chatd-line .ic{flex:none;place-items:center;width:30px;height:30px;font-size:14px;display:grid}html[data-input=touch] .chatd-line .tx{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000c;flex:1;min-width:0;padding-right:10px;overflow:hidden}html[data-input=touch] .chatd-line .tx i{color:#c9d3e8;font-style:normal}html[data-input=touch] .chatd-line .tx.s-party i{color:#7fe0a0}html[data-input=touch] .chatd-line .tx.s-guild i{color:#b9a2ff}html[data-input=touch] .chatd-line .tx b{color:#ffd166}html[data-input=touch] .chatd-line .tx.ph{color:#c8d2e4}html[data-input=touch] .chatd-line .chatd-n{flex:none;margin-right:7px;position:static}html[data-input=touch][data-chatfoot] body:not(.pv2) .chatd-line{zoom:var(--tf,1);left:calc(var(--tl-chat-l,25%) / var(--tf,1));right:calc(var(--tl-chat-r,25%) / var(--tf,1));top:auto;bottom:calc((var(--tl-chat-b,2px) + env(safe-area-inset-bottom,0px)) / var(--tf,1));pointer-events:none;width:auto;max-width:260px;margin:0 auto}html[data-input=touch][data-chatfoot] body:not(.pv2) .chatd-line .tx{order:1;padding:0 4px 0 12px}html[data-input=touch][data-chatfoot] body:not(.pv2) .chatd-line .chatd-n{order:2;margin:0 0 0 4px}html[data-input=touch][data-chatfoot] body:not(.pv2) .chatd-line .ic{pointer-events:auto;order:3;width:44px;height:44px}html[data-input=touch][data-chatfoot] body:not(.pv2):has(.hud.tl2.lh) .chatd-line .ic{order:0}html[data-input=touch][data-chatfoot] body:not(.pv2):has(.hud.tl2.lh) .chatd-line .tx{order:2;padding:0 12px 0 4px}html[data-input=touch][data-chatfoot] body:not(.pv2):has(.hud.tl2.lh) .chatd-line .chatd-n{order:1;margin:0 0 0 2px}.hud.tl2>.hud-auto-set.tl:after{inset:calc(-1 * var(--pvhit,0px) - 2px)}.hud.tl2>.pv-bigmap-scrim{zoom:1;z-index:50;box-sizing:border-box;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;pointer-events:auto;background:#050814bf;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}.hud.tl2>.pv-bigmap-scrim .hud-mini.pv-big{aspect-ratio:1;box-sizing:border-box;border-radius:16px;width:min(100%,100dvh - 76px);height:auto;margin:0 auto;position:relative;top:auto;left:auto;right:auto;transform:none;background:#283444!important}html[data-input=touch] body.pv2{--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--st:env(safe-area-inset-top,0px);--mm:calc(48px + 32px * var(--ph,1));--pk:max(var(--ph,1),.8);--pr:calc(var(--st) + (14px + 54px * var(--pk)) * var(--tf,1))}.hud.pv2>.hud-player{zoom:calc(var(--pk) * var(--tf,1));--zp:calc(var(--pk) * var(--tf,1));left:calc((var(--sl) + 8px) / var(--zp));top:calc((var(--st) + 8px * var(--tf,1)) / var(--zp));border-radius:14px;width:200px;height:54px;transform:none}.hud.pv2>.hud-player .hud-who strong{font-size:max(12px,calc(9px / var(--zp)))}.hud.pv2>.hud-player .pv-line{font-size:max(9.5px,calc(9px / var(--zp)))}.hud.pv2>.hud-player button.hud-face:after{content:"";inset:calc(min(-2px,(40px - 44px / var(--zp)) / 2));border-radius:50%;position:absolute}.hud.pv2>.hud-player:has(.hud-pframe) button.hud-face:after{border-radius:6px}.hud.pv2>.hud-buffs{display:none}.hud.pv2>.duo-icon.pv{zoom:var(--tf,1);left:calc(var(--sl) / var(--tf,1) + 14px + 200px * var(--pk));top:calc(var(--st) / var(--tf,1) + 8px + (54px * var(--pk) - 44px) / 2);display:block}.hud.pv2>.hud-mini{zoom:var(--tf,1);left:auto;right:calc(var(--sr) / var(--tf,1) + 8px);top:calc(var(--st) / var(--tf,1) + 8px);width:var(--mm);height:var(--mm);box-sizing:border-box;border:0;border-radius:12px;transform:none;box-shadow:inset 0 0 0 1px #ffffff47,0 2px 8px #0004;background:#0c121e73!important}.hud.pv2>.hud-mini canvas{width:calc(var(--mm) - 6px);height:calc(var(--mm) - 6px);cursor:pointer;border-radius:9px;top:3px;left:3px}.hud.pv2>.hud-untidy{zoom:var(--tf,1);right:calc(var(--sr) / var(--tf,1) + 8px);top:calc(var(--st) / var(--tf,1) + 8px);height:44px;font-size:12px}.hud.pv2>.hud-caption{zoom:var(--tf,1);left:auto;right:calc(var(--sr) / var(--tf,1) + 8px);top:calc(var(--st) / var(--tf,1) + var(--mm) + 12px);width:auto;min-width:var(--mm);max-width:calc(var(--mm) + 24px);height:auto;min-height:0;box-shadow:none;pointer-events:none;background:0 0;border:0;justify-content:center;align-items:center;gap:3px;padding:0;display:flex;transform:none}.hud.pv2>.hud-caption[class*=n9-]{border-width:0}.hud.pv2>.hud-caption .hud-net{flex:none}.hud.pv2>.hud-caption h1{white-space:nowrap;text-overflow:ellipsis;letter-spacing:0;text-shadow:0 1px 2px #000,0 0 3px #000;min-width:0;font:600 10px/13px Noto Sans Thai,sans-serif;overflow:hidden}.hud.pv2>.pv-chrow{zoom:var(--tf,1);left:calc(var(--sl) / var(--tf,1) + 8px);top:calc(var(--pr) / var(--tf,1));pointer-events:none;align-items:center;gap:6px;height:44px;display:flex}.hud.pv2>.pv-chrow>*{pointer-events:auto;flex:none;margin:0;position:relative;inset:auto}.hud.pv2>.pv-chrow>.hud-wallet:after{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hud.pv2>.hud-ch{zoom:var(--tf,1);left:auto;right:calc(var(--sr) / var(--tf,1) + 8px);top:calc(var(--st) / var(--tf,1) + var(--mm) + 30px);box-sizing:border-box;text-shadow:0 1px 2px #000c;border-color:#c9a55a99;gap:6px;max-width:120px;height:28px;padding:0 3px 0 9px;font-size:11px;transform:none}.hud.pv2[data-chrow]>.hud-ch{left:calc(var(--pv-ch-l,180px) / var(--tf,1));right:auto;top:calc(var(--pr) / var(--tf,1) + 8px)}.hud.pv2>.hud-ch b{font-size:12px}.hud.pv2>.hud-ch .hud-ch-go{text-shadow:none;padding:0 7px;font-size:10px;line-height:20px}.hud.pv2>.hud-ch:after{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hud.pv2>.pv-chrow>.hud-wallet{text-shadow:0 1px 2px #000c;background:#0c121e80;border:0;border-radius:999px;gap:5px;min-width:0;height:28px;padding:0 3px 0 6px;box-shadow:inset 0 0 0 1px #f5c54247}.hud.pv2>.pv-chrow>.hud-wallet img{width:20px;height:20px}.hud.pv2>.pv-chrow>.hud-wallet strong{min-width:0;font-size:12px}.hud.pv2>.pv-chrow>.hud-wallet .plus{width:20px;height:20px;font-size:15px}.hud.pv2>.pv-chrow>.pet-hud{box-sizing:border-box;width:32px;height:32px;margin-left:2px}.hud.pv2>.pv-chrow>.pet-hud img{width:24px;height:24px;margin:2px}.hud.pv2>.pv-chrow>.pet-hud i{inset:-5px;-webkit-mask:radial-gradient(circle,#0000 16px,#000 17px);mask:radial-gradient(circle,#0000 16px,#000 17px)}.hud.pv2>.pv-chrow>.pet-hud b{font-size:9px;line-height:11px;bottom:-8px}.hud.pv2>.pv-chrow>.pet-hud:after{content:"";border-radius:50%;position:absolute;inset:-8px}.hud.pv2>:is(.hud-shop,.hud-menu){zoom:var(--tf,1);left:calc(var(--sl) / var(--tf,1) + 8px);box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:row;align-items:flex-start;gap:2px;padding:0;display:flex;right:auto;transform:none}.hud.pv2>.hud-shop{top:calc(var(--pr) / var(--tf,1) + 50px)}.hud.pv2>.hud-menu{top:calc(var(--pr) / var(--tf,1) + 96px)}.hud.pv2>:is(.hud-shop,.hud-menu) .hud-tile{justify-content:flex-start;width:44px;min-width:0;height:44px;min-height:0}.hud.pv2>:is(.hud-shop,.hud-menu) .hud-tile img{width:calc(22px + 8px * var(--ph,1));height:calc(22px + 8px * var(--ph,1));padding:calc(4px + 1px * var(--ph,1));background:#1018266b;box-shadow:inset 0 0 0 1px #ffffff4d,0 2px 5px #0003}.hud.pv2>:is(.hud-shop,.hud-menu) .hud-tile span{text-overflow:ellipsis;text-shadow:0 1px 2px #000,0 0 3px #000c;max-width:46px;margin-top:1px;font-size:9px;line-height:11px;display:block;overflow:hidden}.hud.pv2>:is(.hud-shop,.hud-menu) .hud-dot{right:calc(11px - 5px * var(--ph,1));width:10px;height:10px;top:-2px}.hud.pv2>:is(.hud-shop,.hud-menu) .tile-badge{transform:scale(.8)}.hud.pv2>:is(.hud-shop,.hud-menu) .hud-tile:hover img,.hud.pv2>.hud-menu .hud-tile.open img{background:var(--orange)}.hud.pv2>.hud-menu .hud-tile.on img{background:var(--up)}.hud.pv2>.hud-shop .hud-tile.shop img{padding:calc(1px + 1px * var(--ph,1));background:radial-gradient(circle at 50% 35%,#ffe7a6e6,#f0a64adb 70%,#d9793ad6);box-shadow:inset 0 0 0 1px #fff4cf,0 2px 5px #0003}.hud.pv2>.hud-shop .hud-tile.tone-violet img{background:radial-gradient(circle at 50% 35%,#c8b5ffd1,#7c5cdbc7);box-shadow:inset 0 0 0 1px #e8dcffcc,0 2px 5px #0003}.hud.pv2>.hud-shop .hud-tile[data-testid=pvp-open] img{image-rendering:pixelated}:is(.hud.tl2,.hud.pv2)>.hud-shop .cbt-tile-c{box-sizing:border-box;width:calc(22px + 8px * var(--ph,1));height:calc(22px + 8px * var(--ph,1));background:#1018266b;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff4d,0 2px 5px #0003}:is(.hud.tl2,.hud.pv2)>.hud-shop .cbt-tile-c .cbt-ring{width:100%;height:100%;position:absolute;inset:0}:is(.hud.tl2,.hud.pv2)>.hud-shop .cbt-tile-c .cbt-ring circle:first-child{stroke:#fff;stroke-opacity:.28}:is(.hud.tl2,.hud.pv2)>.hud-shop .cbt-tile-c b{color:#ffd45a;font-size:calc(7.5px + 1.5px * var(--ph,1));letter-spacing:-.2px;text-shadow:0 1px 2px #000;font-weight:800;position:relative}.hud.pv2>.hud-buffcol{zoom:var(--tf,1);left:calc(var(--pv-buff-x,264px) / var(--tf,1));right:auto;top:calc(var(--pv-buff-t,8px) / var(--tf,1));width:max-content;max-width:calc(var(--pv-buff-w,52px) / var(--tf,1));pointer-events:none}.hud.pv2>.hud-buffcol .hud-buffrow{flex-wrap:wrap;justify-content:flex-start;gap:4px;position:static}.hud.pv2>.hud-buffcol .hud-buff{border-radius:5px;width:22px;height:22px}.hud.pv2>.hud-buffcol .hud-buff b{font-size:9px;line-height:11px}.hud.pv2>.hud-buffcol .hud-buff[data-tip]:hover:after,.hud.pv2>.hud-buffcol .hud-buff[data-tip]:focus:after{left:0;right:auto}.hud.pv2>.boss-hud{zoom:var(--tf,1);left:calc(var(--sl) / var(--tf,1) + 8px);top:calc(var(--pv-boss,30%) / var(--tf,1));width:200px;padding:4px;transform:none}.hud.pv2>.dg-hud{zoom:var(--tf,1);left:calc(var(--sl) / var(--tf,1) + 8px);top:calc(var(--pv-run,30%) / var(--tf,1));flex-direction:column;align-items:stretch;gap:4px;width:200px;bottom:auto;transform:none}.hud.pv2>.dg-hud .ar-bars{flex-direction:column;gap:4px;width:auto}:is(.hud.pv2>.hud-qcol,.hud.pv2:has(.hud-player .hud-buffrow)>.hud-qcol){left:calc((var(--sl) + 8px * var(--tf,1)) / var(--hud-scale,1));top:calc(var(--pv-q,30%) / var(--hud-scale,1));margin-top:0}.hud.pv2>.hud-qcol.tabbed{width:calc(200px * var(--tf,1) / var(--hud-scale,1))!important}.hud.pv2>.hud-qcol.tabbed>section.hud-quest{max-height:none}.hud.pv2:has(>.dg-hud)>.hud-qcol{display:none}html[data-input=touch] body.pv2 .chatd-line{zoom:var(--tf,1);left:calc(var(--sl) / var(--tf,1) + 8px);top:calc(var(--pv-chat,50%) / var(--tf,1));width:200px}.hud.pv2>.hud-party{zoom:var(--tf,1);z-index:2;left:calc(var(--sl) / var(--tf,1) + 14px + 200px);right:max(calc(var(--sr) / var(--tf,1) + 8px),calc(var(--pv-side-cut,0px) / var(--tf,1)));top:calc(var(--pr) / var(--tf,1) + 146px);width:auto;max-height:calc(var(--pv-proom,30vh) / var(--tf,1));overscroll-behavior:contain;scrollbar-width:none;background:#283444d9;border:0;border-radius:12px;padding:5px 5px 6px;font-size:11px;overflow-y:auto;box-shadow:0 4px 12px #0b1d3040}.hud.pv2>.hud-party::-webkit-scrollbar{display:none}.hud.pv2>.hud-party .phf-head{gap:6px;min-height:44px;padding:0 0 6px}.hud.pv2>.hud-party .phf-title{align-self:stretch;padding-left:4px}.hud.pv2>.hud-party .phf-open{display:none}.hud.pv2>.hud-party .phf-boost{align-self:stretch;min-width:44px;height:auto;padding:0 6px}.hud.pv2>.hud-party .phf-boost i{display:none}.hud.pv2>.hud-party .phf-list{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;display:grid}.hud.pv2>.hud-party .phf-item{min-width:0}.hud.pv2>.hud-party .phf-item:has(.phf-row.open){grid-column:1/-1}.hud.pv2>.hud-party .phf-row{gap:4px;min-height:44px;padding:2px 4px 2px 3px}.hud.pv2>.hud-party .phf-face{width:22px;height:22px}.hud.pv2>.hud-party :is(.phf-name,.phf-title,.phf-tt){font-size:11.5px}.hud.pv2>.hud-party .phf-lv,.hud.pv2>.hud-party .phf-crown{display:none}.hud.pv2>.hud-party .phf-acts button{min-height:44px;padding:0 5px;font-size:10.5px}html[data-input=touch] body.pv2 .hud-chips{zoom:var(--tf,1);left:auto;right:calc(var(--sr) / var(--tf,1) + 8px);top:calc(var(--pv-chips,20%) / var(--tf,1));height:auto;max-width:calc(100vw / var(--tf,1) - 230px);visibility:var(--pv-chips-v,visible);flex-flow:row-reverse wrap;justify-content:flex-start;align-items:center;gap:4px;transform:none}html[data-input=touch] body.pv2 .hud-chips .hud-event{min-width:0;max-width:calc(100% - 50px);padding:3px 10px;font-size:10.5px;line-height:1.3}:is(.hud.pv2.lh>.hud-qcol,.hud.pv2.lh:has(.hud-player .hud-buffrow)>.hud-qcol){left:auto;right:calc((var(--sr) + 8px * var(--tf,1)) / var(--hud-scale,1))}.hud.pv2.lh>:is(.boss-hud,.dg-hud){left:auto;right:calc(var(--sr) / var(--tf,1) + 8px)}.hud.pv2.lh>.hud-party{left:max(calc(var(--sl) / var(--tf,1) + 8px),calc(var(--pv-side-cut,0px) / var(--tf,1)));right:calc(var(--sr) / var(--tf,1) + 14px + 200px)}html[data-input=touch] body.pv2:has(.hud.pv2.lh) .chatd-line{left:auto;right:calc(var(--sr) / var(--tf,1) + 8px)}html[data-input=touch] body.pv2:has(.hud.pv2.lh) .hud-chips{left:calc(var(--sl) / var(--tf,1) + 8px);flex-direction:row;right:auto}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>.hud-qtabs{gap:calc(6px / var(--hud-scale,1));width:100%}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>.hud-qtabs button{min-width:calc(44px / var(--hud-scale,1));min-height:calc(30px / var(--hud-scale,1));padding:0 calc(4px / var(--hud-scale,1));white-space:nowrap;font-size:calc(12px / var(--hud-scale,1));border-radius:8px 8px 0 0;flex:auto;position:relative}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>.hud-qtabs button:after{content:"";inset:calc(-7px / var(--hud-scale,1)) 0 calc(-5px / var(--hud-scale,1));position:absolute}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>.hud-qtabs .fold{width:calc(44px / var(--hud-scale,1));flex:none}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>section{padding-top:calc(13px / var(--hud-scale,1))}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-qtitle{min-height:calc(32px / var(--hud-scale,1))}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-qtitle h2{line-height:calc(32px / var(--hud-scale,1));font-size:12.5px;position:relative}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-qtitle h2:after{content:"";inset:calc(-4px / var(--hud-scale,1)) 0;position:absolute}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-qtitle .hud-qtrack{width:calc(32px / var(--hud-scale,1));height:calc(32px / var(--hud-scale,1));font-size:15px;position:relative}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-qtitle .hud-qtrack:after{content:"";inset:calc(-6px / var(--hud-scale,1));position:absolute}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-quest .hud-autoq{height:calc(34px / var(--hud-scale,1));margin-top:calc(8px / var(--hud-scale,1));font-size:12.5px;position:relative}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-quest .hud-autoq:after{content:"";inset:calc(-4px / var(--hud-scale,1)) 0 calc(-5px / var(--hud-scale,1));position:absolute}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-q1 .hud-qhead{min-height:calc(32px / var(--hud-scale,1))}:is(.hud.tl2,.hud.pv2)>.hud-qcol .q1-go{width:calc(32px / var(--hud-scale,1));height:calc(32px / var(--hud-scale,1));font-size:15px;position:relative}:is(.hud.tl2,.hud.pv2)>.hud-qcol .q1-go:after{content:"";inset:calc(-6px / var(--hud-scale,1));position:absolute}:is(.hud.tl2,.hud.pv2)>.hud-qcol :is(.q1-how,.q1-act){min-width:calc(32px / var(--hud-scale,1));min-height:calc(32px / var(--hud-scale,1));position:relative}:is(.hud.tl2,.hud.pv2)>.hud-qcol :is(.q1-how,.q1-act):after{content:"";inset:calc(-6px / var(--hud-scale,1));position:absolute}:is(.hud.tl2,.hud.pv2)>.hud-qcol .q1-skip{height:calc(34px / var(--hud-scale,1))}.hud.tl2 .hud-talkpop:after,.hud.pv2 .hud-talkpop:after{content:"";position:absolute;inset:-2px 0}.hud.tl2 .hud-talkpop,.hud.pv2 .hud-talkpop{z-index:3;color:#f1f3f6;cursor:pointer;pointer-events:auto;white-space:nowrap;touch-action:manipulation;background:#2b3442ee;border:0;border-radius:20px;align-items:center;gap:6px;padding:0 14px 0 6px;font:700 13px/1.2 Noto Sans Thai,sans-serif;animation:.18s ease-out talkpop-in;display:flex;position:absolute;box-shadow:0 0 0 1.5px #f07a45,0 4px 12px #0007}.hud.tl2 .hud-talkpop i,.hud.pv2 .hud-talkpop i{background:#f07a45;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;font-style:normal;display:grid}.hud.tl2 .hud-talkpop span,.hud.pv2 .hud-talkpop span{text-overflow:ellipsis;min-width:0;overflow:hidden}.hud.tl2 .hud-talkpop b,.hud.pv2 .hud-talkpop b{color:#ffe27a}@keyframes talkpop-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.hud.tl2 .hud-talkpop,.hud.pv2 .hud-talkpop{animation:none}}:is(.hud.tl2,.hud.pv2)>:is(.hud-update,.jump-warn,.hud-zone,.hud-notes){zoom:1;box-sizing:border-box}:is(.hud.tl2,.hud.pv2)>.hud-update{left:var(--st-upd-c,50%);top:var(--st-upd,45%);max-width:var(--st-upd-w,calc(100vw - 16px))}:is(.hud.tl2,.hud.pv2)>.jump-warn{left:var(--st-jump-c,50%);top:var(--st-jump,45%);max-width:var(--st-jump-w,calc(100vw - 16px))}:is(.hud.tl2,.hud.pv2)>.hud-zone{left:var(--st-zone-c,50%);top:var(--st-zone,45%);max-width:var(--st-zone-w,calc(100vw - 16px))}:is(.hud.tl2,.hud.pv2)>.hud-notes{left:var(--st-notes-c,50%);top:var(--st-notes,45%);max-width:var(--st-notes-w,calc(100vw - 16px))}:is(.hud.tl2,.hud.pv2)>.hud-notes,:is(.hud.tl2,.hud.pv2) .hud-note{pointer-events:none}:is(.hud.tl2,.hud.pv2)>.hud-zone{animation-name:hud-zone-touch}:is(.hud.tl2,.hud.pv2)>.pv-stick.float{z-index:32}:is(.hud.tl2,.hud.pv2)[data-stshort]>.hud-notes>.hud-note:not(:last-child),:is(.hud.tl2,.hud.pv2)[data-stshort]>.hud-zone :is(small,span),:is(.hud.tl2,.hud.pv2)[data-stnozone]>.hud-zone,:is(.hud.tl2,.hud.pv2)[data-stnonotes]>.hud-notes,:is(.hud.tl2,.hud.pv2)[data-stfps]>.hud-fps>span:nth-child(2n),:is(.hud.tl2,.hud.pv2)[data-stnofps]>.hud-fps{display:none}:is(.hud.tl2,.hud.pv2)>.hud-update{grid-template-columns:minmax(0,max-content) auto;align-items:center;gap:0 10px;padding:3px 5px 3px 12px;display:grid}:is(.hud.tl2,.hud.pv2)>.hud-update>:is(b,span){white-space:nowrap;text-overflow:ellipsis;grid-column:1;min-width:0;line-height:16px;overflow:hidden}:is(.hud.tl2,.hud.pv2)>.hud-update>button{touch-action:manipulation;grid-area:1/2/3;min-height:32px;position:relative}:is(.hud.tl2,.hud.pv2)>.hud-update>button:after{content:"";position:absolute;inset:-6px -3px}:is(.hud.tl2,.hud.pv2)>.hud-update{z-index:31}html[data-input=touch] body:has(.hud:is(.tl2,.pv2)) .mega-bar{z-index:9}html[data-input=touch] body:has(.hud:is(.tl2,.pv2)) .mega-bar{left:var(--st-mega-c,50%);top:var(--st-mega,45%);min-width:0;max-width:var(--st-mega-w,calc(100vw - 16px))}html[data-input=touch] body:has(.hud:is(.tl2,.pv2)) .cd-chips{left:var(--st-cd-c,50%);top:var(--st-cd,45%);max-width:var(--st-cd-w,calc(100vw - 16px));flex-wrap:wrap;justify-content:center}html[data-input=touch] body.pv2 .ga-banner{top:var(--st-ga,45%)}:is(.hud.tl2,.hud.pv2)>.hud-fps{zoom:1;left:var(--st-fps-l,auto);right:var(--st-fps-r,8px);bottom:auto;top:var(--st-fps,45%)}.hud.tl2>.boss-hud{zoom:var(--tf,1);left:calc(var(--st-boss-c,50%) / var(--tf,1));top:calc(var(--st-boss,30%) / var(--tf,1));width:min(200px,calc(var(--st-boss-w,200px) / var(--tf,1)));padding:4px}.hud.tl2>.boss-hud strong{margin-bottom:2px;font-size:12px;line-height:16px}.hud.tl2>.hud-zone:before,.hud.tl2>.hud-zone:after{display:none}.hud.tl2>.hud-zone small{font-size:calc(11px * var(--tf,1));letter-spacing:2px}.hud.tl2>.hud-zone b{font-size:calc(24px * var(--tf,1))}.hud.tl2>.hud-zone span{font-size:calc(12px * var(--tf,1));margin-top:2px}.hud.tl2>.jump-warn{font-size:calc(22px * var(--tf,1));padding:4px 14px}:is(.hud.tl2,.hud.pv2) .loot-bar{zoom:1;flex-direction:row;align-items:center;box-shadow:inset 0 0 0 1px #ffffff26;background:#0c121e66!important;border-radius:12px!important;gap:8px!important;width:-moz-fit-content!important;width:fit-content!important;height:24px!important;margin:0!important;padding:0 9px!important;font-size:12px!important;transform:none!important}:is(.hud.tl2,.hud.pv2) .loot-bar img{width:16px;height:16px}:is(.hud.tl2,.hud.pv2) .loot-bar>span{line-height:16px}.hud.tl2 .loot-bar{left:var(--st-loot-l,8px)!important;right:var(--st-loot-r,8px)!important;top:auto!important;bottom:var(--st-loot-b,10px)!important;max-width:calc(100% - var(--st-loot-l,8px) - var(--st-loot-r,8px))!important;margin:0 auto!important}.hud.tl2 .hud-player .pv-line{white-space:nowrap;text-shadow:0 1px 1px #0007;pointer-events:none;align-items:center;height:12px;font:600 10.5px/12px Noto Sans Thai,sans-serif;display:flex;position:absolute;top:29px;left:104px;right:14px;overflow:hidden}.hud.tl2 .hud-player .pv-luck{text-overflow:ellipsis;color:#ffe9a8;min-width:0;overflow:hidden}.hud.tl2 .hud-player .pv-luck.empty{color:#aab3c2}.hud.tl2 .hud-player:has(.pv-luck) .hud-who small{visibility:hidden}:is(.hud.tl2,.hud.pv2)[data-hsmall]{--hz:calc(var(--hud-scale,1) * var(--ph,1));--pt:max(var(--ph,1),.8);--zt:calc(.8 * var(--pt))}@media (max-height:560px){.hud.tl2[data-hsmall] .hud-qcol>.hud-party :is(.phf-acts button,.phf-boost){font-size:max(11px,calc(9px / var(--hud-scale,1)))}.hud.tl2[data-hsmall] .hud-qcol>.hud-party .phf-open{font-size:max(11px,calc(9px / var(--hud-scale,1)))!important}.hud.tl2[data-hsmall] .hud-qcol>.hud-party .phf-name{font-size:max(12px,calc(9px / var(--hud-scale,1)))}.hud.tl2[data-hsmall] .hud-qcol>.hud-party .phf-tt{font-size:max(12.5px,calc(9px / var(--hud-scale,1)))}.hud.tl2[data-hsmall] .hud-qcol>.hud-party :is(.phf-n,.phf-tag){font-size:max(10px,calc(9px / var(--hud-scale,1)))}.hud.tl2[data-hsmall] .hud-qcol>.hud-party :is(.phf-line,.phf-tag){line-height:1.3}.hud.tl2[data-hsmall] .hud-qcol>.hud-party .phf-body{gap:0}.hud.tl2[data-hsmall]>:is(.hud-player,.hud-buffs){zoom:var(--zt);--zp:var(--zt)}.hud.tl2[data-hsmall] .hud-player .hud-who strong{font-size:max(15px,calc(9px / .78 / var(--zt)))}.hud.tl2[data-hsmall] .hud-player :is(.hud-who small,.pv-line){font-size:calc(10.5px / var(--pt))}.hud.tl2[data-hsmall] .hud-player .hud-meter b,.hud.tl2[data-hsmall] .hud-player .hud-meter:before{font-size:calc(10px / var(--pt))}.hud.tl2[data-hsmall] .hud-player .hud-lv{font-size:calc(11px / var(--pt))}.hud.tl2[data-hsmall] .hud-player .pet-hud b{font-size:calc(9.5px / var(--pt))}.hud.tl2[data-hsmall] .hud-player .hud-buff b{font-size:calc(10px / var(--pt))}.hud.tl2[data-hsmall]>.hud-qcol{--hud-scale:var(--hz);zoom:var(--hz)}:is(.hud.tl2[data-hsmall]>.hud-qcol,.hud.tl2[data-hsmall]:has(.hud-player .hud-buffrow)>.hud-qcol){top:calc((85px * var(--zt) + 8px) / var(--hz))}.hud.tl2[data-hsmall]>.hud-qcol.tabbed{width:calc(200px / var(--hz))!important}.hud.tl2[data-hsmall]>.hud-qcol :is(.hud-qtabs button,h2,.hud-autoq,.hud-objs,.hud-obj,p,.q1-trk,.q1-obj,.q1-skip,.q1-how,.q1-act,.hud-qhead){font-size:max(12px,calc(9px / var(--hz)))}.hud.tl2[data-hsmall]>.hud-qcol :is(.hud-qtrack,.q1-go){font-size:max(15px,calc(11px / var(--hz)))}.hud.tl2[data-hsmall]>.hud-qcol .hud-qtitle>em{font-size:max(20px,calc(12px / var(--hz)))}}.hud.pv2[data-hsmall]>.hud-qcol{--hud-scale:var(--hz);zoom:var(--hz)}.hud.pv2[data-hsmall]>.hud-qcol :is(.hud-qtabs button,h2,.hud-autoq,.hud-objs,.hud-obj,p,.q1-trk,.q1-obj,.q1-skip,.q1-how,.q1-act,.hud-qhead){font-size:max(12px,calc(9px / var(--hz)))}.hud.pv2[data-hsmall]>.hud-qcol :is(.hud-qtrack,.q1-go){font-size:max(15px,calc(11px / var(--hz)))}.hud.pv2[data-hsmall]>.hud-qcol .hud-qtitle>em{font-size:max(20px,calc(12px / var(--hz)))}:is(.hud.tl2,.hud.pv2)[data-hsmall] .dg-time{width:calc(92px * var(--ph,1) + 20px);height:max(24px,calc(34px * var(--ph,1)));padding-right:max(8px,calc(12px * var(--ph,1)));font-size:max(10px,calc(15px * var(--ph,1)))}:is(.hud.tl2,.hud.pv2)[data-hsmall] .dg-prog{height:max(24px,calc(34px * var(--ph,1)));padding-left:max(24px,calc(36px * var(--ph,1)));font-size:max(9px,calc(12px * var(--ph,1)))}:is(.hud.tl2,.hud.pv2)[data-hsmall] .dg-prog .dots img{width:max(8px,calc(12px * var(--ph,1)));height:max(8px,calc(12px * var(--ph,1)))}:is(.hud.tl2,.hud.pv2)[data-hsmall] .dg-rev{font-size:max(9px,calc(11px * var(--ph,1)))}:is(.hud.tl2,.hud.pv2)[data-hsmall] .dg-exit{min-width:max(44px,calc(60px * var(--ph,1)));min-height:max(30px,calc(44px * var(--ph,1)));padding:0 max(10px,calc(14px * var(--ph,1)));font-size:max(10px,calc(14px * var(--ph,1)));position:relative}:is(.hud.tl2,.hud.pv2)[data-hsmall] .dg-exit:after{content:"";position:absolute;inset:min(0px,50% - 23px) 0}:is(.hud.tl2,.hud.pv2)[data-hsmall] .hud-talkpop{font-size:max(10px,calc(13px * var(--ph,1)));padding:0 max(10px,calc(14px * var(--ph,1))) 0 max(4px,calc(6px * var(--ph,1)))}:is(.hud.tl2,.hud.pv2)[data-hsmall] .hud-talkpop i{width:max(22px,calc(28px * var(--ph,1)));height:max(22px,calc(28px * var(--ph,1)));font-size:max(11px,calc(14px * var(--ph,1)))}.hud.tl2[data-hsmall] .hud-talkpop:after,.hud.pv2[data-hsmall] .hud-talkpop:after{top:min(0px,50% - 23px);bottom:min(0px,50% - 23px)}:is(.hud.tl2,.hud.pv2)[data-hsmall] .dg-bname{font-size:max(9px,calc(12px * var(--ph,1)))}:is(.hud.tl2,.hud.pv2)[data-hsmall] .dg-bar{height:max(16px,calc(24px * var(--ph,1)))}:is(.hud.tl2,.hud.pv2)[data-hsmall] .dg-bar em{font-size:max(9px,calc(12px * var(--ph,1)))}html[data-input=touch] .chatd-btn{width:max(30px,calc(44px * var(--ph,1)));height:max(32px,calc(44px * var(--ph,1)));font-size:max(13px,calc(19px * var(--ph,1)))}html[data-input=touch] .chatd-btn:after{content:"";position:absolute;inset:min(0px,50% - 23px) min(0px,100% - 44px) min(0px,50% - 23px) 0}.hud.pv2[data-hsmall]>.hud-party :is(.phf-name,.phf-title,.phf-tt){font-size:max(9px,calc(11.5px * var(--ph,1)))}.hud.pv2[data-hsmall]>.hud-party :is(.phf-n,.phf-tag){font-size:max(9px,calc(10px * var(--ph,1)))}.hud.pv2[data-hsmall]>.hud-party .phf-face{width:max(16px,calc(22px * var(--ph,1)));height:max(16px,calc(22px * var(--ph,1)))}.hud.tl2>.hud-shop>.hud-wallet{position:relative}.hud.tl2>.hud-shop>.hud-wallet:after{content:"";left:0;right:0;top:min(0px,calc((100% - 44px / var(--zp,1)) / 2));bottom:min(0px,calc((100% - 44px / var(--zp,1)) / 2));position:absolute}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>.hud-qtabs button:after{bottom:min(calc(-5px / var(--hud-scale,1)),calc(100% - 37px / var(--hud-scale,1)))}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-quest .hud-autoq{position:relative}:is(.hud.tl2,.hud.pv2)>.hud-qcol .hud-quest .hud-autoq:after{content:"";left:0;right:0;top:min(0px,calc((100% - 44px / var(--hud-scale,1)) / 2));bottom:min(0px,calc((100% - 44px / var(--hud-scale,1)) / 2));position:absolute}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded:has(>.hud-quest)>:is(.hud-qtabs,.hud-q1,.hud-party){display:none!important}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded>section.hud-quest{border-radius:12px;flex-direction:row;align-items:center;padding:0;overflow:visible;display:flex!important}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded>section.hud-quest>:not(.hud-qtitle):not(.hud-autoq){display:none!important}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded>section.hud-quest>.hud-qtitle{flex:auto;min-width:0;margin:0 0 0 10px;display:flex}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded>section.hud-quest>.hud-qtitle>:is(em,.hud-qtrack){display:none}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded>section.hud-quest>.hud-qtitle>h2{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1;min-width:0;overflow:hidden}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded>section.hud-quest>.hud-qtitle>h2:before{content:"▸ ";color:var(--accent,#f4c95d)}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded>section.hud-quest>.hud-autoq{width:auto;min-width:calc(64px / var(--hud-scale,1));height:calc(32px / var(--hud-scale,1));margin:0 calc(6px / var(--hud-scale,1)) 0 4px;font-size:max(13px,calc(9px / var(--hud-scale,1)));border-radius:999px;flex:none;padding:0 12px}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded>section.hud-quest>.hud-autoq .aq-full{display:none}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed.folded>section.hud-quest>.hud-autoq .aq-short{display:inline}.hud.pc{--rt:60px;--rc:48px;--rg:6px;--rh:64px}@media (max-width:1359px){.hud.pc{--rt:52px;--rc:44px;--rg:4px;--rh:60px}}.hud.pc>.hud-shop,.hud.pc>.hud-menu{align-items:flex-start;gap:var(--rg);box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:row;padding:0;display:flex;right:10px;transform:none}.hud.pc>.hud-shop{top:8px}.hud.pc>.hud-menu{top:calc(14px + var(--rh))}.hud.pc :is(.hud-shop,.hud-menu) .hud-tile{width:var(--rt);height:var(--rh);min-width:0;min-height:0}.hud.pc :is(.hud-shop,.hud-menu) .hud-tile img{width:var(--rc);height:var(--rc);padding:calc(var(--rc) * .19);background:#1018266b;box-shadow:inset 0 0 0 1px #ffffff4d,0 2px 6px #0003}.hud.pc :is(.hud-shop,.hud-menu) .hud-tile span{max-width:calc(var(--rt) + 8px);text-overflow:ellipsis;text-shadow:0 1px 2px #000,0 0 4px #000a;overflow:hidden}.hud.pc :is(.hud-shop,.hud-menu) .hud-tile:hover img,.hud.pc .hud-menu .hud-tile.open img{background:var(--orange)}.hud.pc .hud-menu .hud-tile.on img{background:var(--up)}.hud.pc .hud-tile.shop img{padding:calc(var(--rc) * .08);background:radial-gradient(circle at 50% 35%,#ffe7a6e6,#f0a64adb 70%,#d9793ad6);box-shadow:inset 0 0 0 1px #fff4cf,0 2px 6px #0003}.hud.pc .hud-tile.tone-violet img{background:radial-gradient(circle at 50% 35%,#c8b5ffd1,#7c5cdbc7);box-shadow:inset 0 0 0 1px #e8dcffcc,0 2px 6px #0003}.hud.pc .hud-tile.tone-violet:hover img{background:var(--orange)}.hud.pc .hud-shop .hud-tile[data-testid=pvp-open] img{padding:calc(var(--rc) * .14);image-rendering:pixelated}.hud.pc :is(.hud-shop,.hud-menu) .hud-dot{right:calc((var(--rt) - var(--rc)) / 2 - 3px);top:-2px}.hud.pc>.hud-shop>.hud-wallet{height:calc(var(--rc) - 8px);margin:4px 0 0 calc(10px - var(--rg));text-shadow:0 1px 2px #000c;background:#0c121e66;border:0;border-radius:999px;align-self:flex-start;gap:8px;padding:0 4px 0 8px;box-shadow:inset 0 0 0 1px #f5c54247}.hud.pc>.hud-shop>.hud-wallet img{width:24px;height:24px}.hud.pc>.hud-shop>.hud-wallet strong{min-width:44px;font-size:15px}.hud.pc>.hud-shop>.hud-wallet .plus{width:calc(var(--rc) - 16px);height:calc(var(--rc) - 16px);font-size:20px}.hud.pc>.hud-mini,.hud.pc>.hud-untidy{top:calc(22px + 2 * var(--rh))}.hud.pc>.hud-more{top:calc(22px + 2 * var(--rh));max-height:calc((100dvh - 12px) / var(--hud-scale,1) - 22px - 2 * var(--rh))}.hud.pc.tidy>.hud-shop{display:flex!important}.hud.pc.tidy>.hud-shop>:is(.shop,.hud-wallet){display:none}.hud.pc>.hud-caption{left:auto;right:12px;top:calc(22px + 2 * var(--rh) + 226px);width:176px;display:flex;transform:none}.hud.pc>.hud-ch{left:auto;right:12px;top:calc(22px + 2 * var(--rh) + 262px);box-sizing:border-box;justify-content:center;width:176px;transform:none}.hud.pc.tidy>.hud-caption{top:calc(22px + 2 * var(--rh) + 42px)}.hud.pc.tidy>.hud-ch{top:calc(22px + 2 * var(--rh) + 78px)}.hud.pc>.hud-qcol{--cb-h:147px;width:260px;max-height:calc((100dvh - var(--pc-chat-b,12px) - var(--cb-h)) / var(--hud-scale,1) - 116px)}@media (max-height:799px){.hud.pc>.hud-qcol{--cb-h:128px}}.hud.pc:has(.hud-player .hud-buffrow)>.hud-qcol{max-height:calc((100dvh - var(--pc-chat-b,12px) - var(--cb-h)) / var(--hud-scale,1) - 152px)}.hud.pc>.hud-qcol>section{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex:0 auto;width:100%;min-height:64px;overflow-y:auto}.hud.pc>.hud-qcol>.hud-party{top:auto;right:auto}.hud.pc>.hud-qcol.tabbed{gap:0}.hud.pc>.hud-qcol.tabbed>.hud-qtabs{background:var(--glass-top);pointer-events:auto;border-radius:14px 14px 0 0;flex:none;gap:2px;padding:5px 5px 3px;display:flex;box-shadow:inset 0 1px #ffffff40,inset 1px 0 #ffffff2e,inset -1px 0 #ffffff2e}.hud.pc>.hud-qcol.tabbed>.hud-qtabs button{color:#e3fbf4;white-space:nowrap;text-shadow:0 1px 2px #0009;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1 1 0;min-width:0;height:26px;padding:0 8px;font:700 12.5px/1 Noto Sans Thai,sans-serif}.hud.pc>.hud-qcol.tabbed>.hud-qtabs button:hover{color:#fff;background:#ffffff26}.hud.pc>.hud-qcol.tabbed>.hud-qtabs button.on{color:#0e5953;text-shadow:none;background:#f0fffaf0;box-shadow:0 1px 4px #0b3b3a40}.hud.pc>.hud-qcol.tabbed>.hud-qtabs .fold{flex:none;width:26px;padding:0}.hud.pc>.hud-qcol.tabbed.tab-log>:is(.hud-q1,.hud-party),.hud.pc>.hud-qcol.tabbed.tab-q1>:is(.hud-quest,.hud-party),.hud.pc>.hud-qcol.tabbed.tab-party>:is(.hud-quest,.hud-q1),.hud.pc>.hud-qcol.tabbed.folded>section{display:none}.hud.pc>.hud-qcol.tabbed>section{border-radius:0 0 14px 14px;padding-top:6px;box-shadow:inset 1px 0 #ffffff2e,inset -1px 0 #ffffff2e,inset 0 -1px #ffffff2e}.hud.pc>.hud-qcol.tabbed>:is(.hud-quest,.hud-q1)>.hud-qhead{display:none}.hud.pc>.hud-qcol.tabbed>.hud-q1{padding-top:2px}@media (max-width:899px){.hud.pc .hud-ai{display:none}}.hud.pc>.hud-fps{right:calc(env(safe-area-inset-right,0px) + 12px);top:calc(22px + 2 * var(--rh) + 300px)}.hud.pc.tidy>.hud-fps{top:calc(22px + 2 * var(--rh) + 116px)}.hud.pc>.hud-buffs{display:none}.hud.pc{--glass-top:#3f6cc0b8;--glass-mid:#2f5299a3;--glass-end:#25417f80}.hud.pc>.hud-qcol{--glass-top:#2b9488c7;--glass-mid:#22808ab0;--glass-end:#1b687c8f}.hud.pc>.hud-player{text-shadow:0 1px 2px #0009;background:linear-gradient(135deg,#3f6cc0c7,#2f5299a8 55%,#25417f8a);border-color:#ffffff4d;box-shadow:inset 0 1px #ffffff47,0 4px 14px #0a18332e}.hud.pc>.hud-qcol>section{background:linear-gradient(180deg,var(--glass-top),var(--glass-mid) 55%,var(--glass-end));text-shadow:0 1px 2px #0009;box-shadow:inset 0 0 0 1px #ffffff2e}.hud.pc>.hud-qcol>section[class*=n9-]{border-image-source:none}.hud.pc>.hud-qcol>.hud-party{box-shadow:none;border-color:#ffffff1f}.hud.pc>:is(.hud-caption,.hud-ai){box-shadow:none;text-shadow:0 1px 2px #000c;background:#0c121ea6}.hud.pc>.hud-ch{background:#0c121ea6}.hud.pc>.hud-mini{opacity:.88}.hud.pc>.hud-mini:hover{opacity:1}.hud.pc .hud-npcnear-row{background:#1e2634b8}.hud.pc>.hud-buddy{text-shadow:0 1px 2px #000c;background:linear-gradient(90deg,#0c121ebf,#0c121e80);box-shadow:inset 0 0 0 1px #ffffff1f}.hud.pc>.hud-buddy[class*=n9-]{border-image-source:none}:is(.hud.tl2,.hud.pv2)>.hud-player{text-shadow:0 1px 2px #000c;background:linear-gradient(90deg,#3f6cc0a3,#2f529980 55%,#25417f59);border-color:#ffffff40;box-shadow:inset 0 1px #ffffff38,0 2px 8px #0a183324}:is(.hud.tl2,.hud.pv2)>.hud-qcol>:is(section,.hud-party),.hud.pv2>.hud-party{text-shadow:0 1px 2px #000c;background:linear-gradient(90deg,#2b9488a3,#22808a7a 55%,#1b687c57);box-shadow:inset 0 0 0 1px #ffffff2e}:is(.hud.tl2,.hud.pv2)>.hud-qcol>section[class*=n9-]{border-image-source:none}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>.hud-qtabs{box-sizing:border-box;background:linear-gradient(90deg,#2b9488a3,#22808a7a 55%,#1b687c57);border-radius:12px 12px 0 0;gap:2px;padding:4px 4px 0;box-shadow:inset 0 1px #ffffff38,inset 1px 0 #ffffff2e,inset -1px 0 #ffffff2e}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>.hud-qtabs button{min-height:calc(28px / var(--hud-scale,1));color:#e3fbf4;text-shadow:0 1px 2px #000c;background:0 0;border-radius:999px}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>.hud-qtabs button.on{color:#0e5953;text-shadow:none;background:#f0fffaeb;box-shadow:0 1px 3px #0b3b3a40}:is(.hud.tl2,.hud.pv2)>.hud-qcol.tabbed>section{box-shadow:inset 1px 0 #ffffff2e,inset -1px 0 #ffffff2e,inset 0 -1px #ffffff2e}html[data-input=touch] .chatd-line:before{background:linear-gradient(90deg,#0c121e8c,#0c121e47)}:is(.hud.tl2,.hud.pv2)>.hud-ch{background:#0c121e73}.hud>.hud-qcol.tabbed :is(.hud-obj,.q1-obj):before{color:#8ff0cf}.hud>.hud-qcol.tabbed :is(.hud-obj,.q1-obj) b{color:#effffa;background:#ffffff1f;border-radius:6px}.hud>.hud-qcol.tabbed .q1-trk-h em{color:#b9f7e3;background:#8ff0cf2e}.hud>.hud-qcol.tabbed :is(.hud-track,.q1-trk){border-top-color:#ffffff24}.hud>.hud-qcol.tabbed .hud-qtitle .hud-qtrack{background:#ffffff26;border-radius:50%}.hud>.hud-qcol.tabbed .hud-autoq{text-shadow:0 1px 1px #a8401a99;background:linear-gradient(#ff9f6e,#f07a45);border-radius:999px;box-shadow:inset 0 1px #ffffff59,0 2px 6px #0b3b3a40}.hud>.hud-qcol.tabbed .hud-autoq.on{text-shadow:0 1px 1px #0e595399;background:linear-gradient(#5fd6ae,#2fb28c)}.hud>.hud-qcol.tabbed .q1-skip{background:#ffffff26;border-radius:999px}:is(.hud>.hud-qcol.tabbed,.hud.pv2>.hud-party) .phf-row{background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff1a}:is(.hud>.hud-qcol.tabbed,.hud.pv2>.hud-party) .phf-row.me{background:linear-gradient(90deg,#8ff0cf33,#ffffff0d 75%);box-shadow:inset 0 0 0 1px #8ff0cf59}:is(.hud>.hud-qcol.tabbed,.hud.pv2>.hud-party) .phf-dot{box-shadow:0 0 0 2px #1f6f70}:is(.hud>.hud-qcol.tabbed,.hud.pv2>.hud-party) :is(.phf-n,.phf-lv){color:#c9efe6}.hud.tl2>.hud-qcol>.hud-party .phf-head,.hud.pv2>.hud-party .phf-head{min-height:calc(32px / var(--hud-scale,1));padding-bottom:calc(4px / var(--hud-scale,1))}.hud.tl2>.hud-qcol>.hud-party .phf-open{width:calc(32px / var(--hud-scale,1));height:calc(32px / var(--hud-scale,1));border-radius:50%;position:relative}.hud.tl2>.hud-qcol>.hud-party .phf-open:after{content:"";inset:calc(-6px / var(--hud-scale,1));position:absolute}:is(.hud.tl2>.hud-qcol,.hud.pv2)>.hud-party .phf-title{position:relative}:is(.hud.tl2>.hud-qcol,.hud.pv2)>.hud-party .phf-title:after{content:"";inset:calc(-6px / var(--hud-scale,1)) 0;position:absolute}.hud.tl2>.hud-qcol>.hud-party .phf-list{gap:calc(2px / var(--hud-scale,1))}body:has(.hud.pc) .hud-chips{left:auto;right:12px;top:calc(22px + 2 * var(--rh,64px) + 262px + 36px);flex-direction:column;align-items:flex-end;max-width:260px;transform:none}.hud.pc>.boss-hud{left:calc(var(--pc-boss-l,50%) / var(--hud-scale,1));top:calc(var(--pc-boss,8px) / var(--hud-scale,1));transform:none}.hud.pc>.dg-hud{left:calc(var(--pc-run-l,50%) / var(--hud-scale,1));top:calc(var(--pc-run,92px) / var(--hud-scale,1));transform:none}body:has(.hud.pc) .cd-chips{left:var(--pc-cd-l,50%);top:var(--pc-cd,8px);transform:none}.hud.pc>.hud-zone{left:calc(var(--pc-zone-c,50vw) / var(--hud-scale,1));top:calc(var(--pc-zone,64px) / var(--hud-scale,1));max-width:calc(var(--pc-col-w,600px) / var(--hud-scale,1))}.hud.pc>.hud-notes{top:auto;bottom:calc(var(--pc-notes-b,200px) / var(--hud-scale,1));max-width:calc(min(520px,var(--pc-notes-w,520px)) / var(--hud-scale,1))}.hud.pc[data-stshort]>.hud-notes>.hud-note:not(:last-child),.hud.pc[data-stshort]>.hud-zone :is(small,span),.hud.pc[data-stnozone]>.hud-zone{display:none}.hud.pc>.jump-warn{top:calc(var(--pc-jump,62vh) / var(--hud-scale,1))}.hud.pc>.hud-update{left:auto;right:calc(var(--pc-side-r,12px) / var(--hud-scale,1));top:calc(var(--pc-upd,450px) / var(--hud-scale,1));max-width:min(420px,40vw);transform:none}body:has(.hud.pc) .mega-bar{left:auto;right:var(--pc-side-r,12px);top:var(--pc-mega,500px);min-width:0;max-width:min(420px,40vw);animation-name:mega-in-r;transform:none}@keyframes mega-in-r{0%{opacity:0;transform:translateY(-8px)}}.hud:is(.pc,.tl2,.pv2)>.hud-player{background:var(--sk-panel);box-shadow:var(--sk-edge);text-shadow:var(--sk-tshadow);border:0;border-radius:18px}.hud:is(.pc,.tl2,.pv2)>.hud-player:before{background:radial-gradient(90px 80px at 52px 46px,color-mix(in srgb,var(--ring2) 40%,transparent),transparent 72%)}.hud:is(.pc,.tl2,.pv2)>.hud-player:not(:has(.hud-pframe)) .hud-face{border:3px solid var(--sk-a2);background:radial-gradient(circle at 50% 30%,var(--sk-k1),var(--sk-k3));box-shadow:0 0 12px color-mix(in srgb,var(--sk-glow) 45%,transparent),0 3px 8px color-mix(in srgb,var(--sk-ink) 60%,transparent)}.hud:is(.pc,.tl2,.pv2)>.hud-player:not(:has(.hud-pframe)) button.hud-face:hover{box-shadow:0 0 16px color-mix(in srgb,var(--sk-glow) 75%,transparent),0 3px 8px color-mix(in srgb,var(--sk-ink) 60%,transparent)}.hud:is(.pc,.tl2,.pv2)>.hud-player .hud-lv{background:var(--sk-abtn);width:auto;min-width:62px;color:var(--sk-on-a);text-shadow:none;box-shadow:var(--sk-bshade);border:0;padding:0 8px}.hud:is(.pc,.tl2,.pv2)>.hud-player .hud-who small{color:var(--sk-sub)}.hud:is(.pc,.tl2,.pv2)>.hud-player .hud-meter{background:var(--sk-trough);box-shadow:inset 0 2px 4px color-mix(in srgb,var(--sk-ink) 90%,transparent),0 1px 0 color-mix(in srgb,var(--sk-hi) 8%,transparent);border:0}.hud:is(.pc,.tl2,.pv2)>.hud-player .hud-meter i{background:linear-gradient(90deg,#d61f45,#ff5a6e 70%,#ff8a8a);border-radius:999px;box-shadow:inset 0 2px 1px #ffffff59,inset 0 -2px 2px #0000004d,0 0 8px #ff4d5e73}.hud:is(.pc,.tl2,.pv2)>.hud-player .hud-meter.mp i{background:linear-gradient(90deg,#1f5fe0,#3fa9ff 70%,#7fd0ff);box-shadow:inset 0 2px 1px #ffffff59,inset 0 -2px 2px #0000004d,0 0 8px #3fa9ff73}.hud:is(.pc,.tl2,.pv2)>.hud-player .pet-hud{border-color:var(--sk-a2);background:var(--sk-k2);box-shadow:var(--sk-knob)}.hud:is(.pc,.tl2,.pv2)>.hud-player .pet-hud b{background:var(--sk-k2)}.hud:is(.pc,.tl2,.pv2) .hud-buff{box-shadow:var(--sk-knob);border-radius:10px}.hud.pc .hud-buff{background:var(--sk-chip)}.hud:is(.pc,.tl2,.pv2)>.hud-qcol>:is(section,.hud-party),.hud.pv2>.hud-party{background:var(--sk-panel);box-shadow:var(--sk-edge);text-shadow:var(--sk-tshadow);border-color:#0000}.hud:is(.pc,.tl2,.pv2)>.hud-qcol.tabbed>.hud-qtabs{background:var(--sk-p1);box-shadow:inset 0 1px 10px color-mix(in srgb,var(--sk-hi) 10%,transparent),0 -2px 8px color-mix(in srgb,var(--sk-ink) 25%,transparent)}.hud:is(.pc,.tl2,.pv2)>.hud-qcol.tabbed>section{background:linear-gradient(180deg,var(--sk-p1),var(--sk-p2) 40%,var(--sk-p3));box-shadow:inset 0 -6px 12px color-mix(in srgb,var(--sk-ink) 45%,transparent),0 6px 16px color-mix(in srgb,var(--sk-ink) 45%,transparent)}.hud:is(.pc,.tl2,.pv2)>.hud-qcol.tabbed>.hud-qtabs button{color:var(--sk-sub);transition:background .2s ease-out,color .2s ease-out}.hud:is(.pc,.tl2,.pv2)>.hud-qcol.tabbed>.hud-qtabs button:hover{background:color-mix(in srgb,var(--sk-hi) 10%,transparent);color:var(--sk-txt)}.hud:is(.pc,.tl2,.pv2)>.hud-qcol.tabbed>.hud-qtabs button.on{background:var(--sk-sbtn);color:var(--sk-on-s);text-shadow:none;box-shadow:var(--sk-bshade),0 0 10px color-mix(in srgb,var(--sk-glow) 40%,transparent);font-weight:800}.hud:is(.pc,.tl2,.pv2)>.hud-qcol.tabbed :is(.hud-obj,.q1-obj):before{color:var(--sk-s1)}.hud:is(.pc,.tl2,.pv2)>.hud-qcol.tabbed :is(.hud-obj,.q1-obj) b{background:color-mix(in srgb,var(--sk-ink) 45%,transparent);color:var(--sk-txt)}.hud:is(.pc,.tl2,.pv2)>.hud-qcol.tabbed .q1-trk-h em{background:color-mix(in srgb,var(--sk-s1) 18%,transparent);color:var(--sk-s1)}.hud:is(.pc,.tl2,.pv2)>.hud-qcol.tabbed :is(.hud-track,.q1-trk){border-top-color:color-mix(in srgb,var(--sk-hi) 8%,transparent)}.hud:is(.pc,.tl2,.pv2)>.hud-qcol.tabbed .hud-qtitle .hud-qtrack{background:color-mix(in srgb,var(--sk-ink) 45%,transparent)}.hud:is(.pc,.tl2,.pv2)>.hud-qcol .hud-autoq{background:var(--sk-abtn);color:var(--sk-on-a);text-shadow:none;box-shadow:var(--sk-bshade),0 0 14px color-mix(in srgb,var(--sk-glow) 35%,transparent);transition:filter .2s ease-out,box-shadow .2s ease-out,transform .2s var(--sk-ease);border-radius:999px;font-weight:800}.hud:is(.pc,.tl2,.pv2)>.hud-qcol .hud-autoq:hover{filter:brightness(1.08)}.hud:is(.pc,.tl2,.pv2)>.hud-qcol .hud-autoq:active{box-shadow:var(--sk-pressed);transition-duration:80ms;transform:scale(.96)}.hud:is(.pc,.tl2,.pv2)>.hud-qcol .hud-autoq.on{background:var(--sk-gbtn);color:var(--sk-on-g);box-shadow:var(--sk-bshade),0 0 14px color-mix(in srgb,var(--sk-g2) 45%,transparent)}.hud:is(.pc,.tl2,.pv2)>.hud-qcol.tabbed .q1-skip{background:color-mix(in srgb,var(--sk-ink) 45%,transparent)}:is(.hud:is(.pc,.tl2,.pv2)>.hud-qcol.tabbed,.hud.pv2>.hud-party) .phf-row{background:color-mix(in srgb,var(--sk-ink) 30%,transparent);box-shadow:none}:is(.hud:is(.pc,.tl2,.pv2)>.hud-qcol.tabbed,.hud.pv2>.hud-party) .phf-row.me{background:linear-gradient(90deg,color-mix(in srgb,var(--sk-s2) 28%,transparent),transparent 75%);box-shadow:none}:is(.hud:is(.pc,.tl2,.pv2)>.hud-qcol.tabbed,.hud.pv2>.hud-party) .phf-dot{box-shadow:0 1px 3px color-mix(in srgb,var(--sk-ink) 70%,transparent)}:is(.hud:is(.pc,.tl2,.pv2)>.hud-qcol.tabbed,.hud.pv2>.hud-party) :is(.phf-n,.phf-lv){color:var(--sk-sub)}.hud:is(.pc,.tl2,.pv2) :is(.hud-shop,.hud-menu) .hud-tile img{background:var(--sk-disc);box-shadow:var(--sk-knob);transition:transform .2s var(--sk-ease),box-shadow .2s ease-out,background .2s ease-out}.hud:is(.pc,.tl2,.pv2) :is(.hud-shop,.hud-menu) .hud-tile:hover img{box-shadow:var(--sk-knob),0 0 12px color-mix(in srgb,var(--sk-glow) 55%,transparent);transform:translateY(-2px)}.hud:is(.pc,.tl2,.pv2) :is(.hud-shop,.hud-menu) .hud-tile:active img{box-shadow:var(--sk-pressed);transition-duration:80ms;transform:scale(.95)}.hud:is(.pc,.tl2,.pv2)>.hud-menu .hud-tile.open img{background:var(--sk-sdisc);box-shadow:var(--sk-knob),0 0 12px color-mix(in srgb,var(--sk-glow) 55%,transparent)}.hud:is(.pc,.tl2,.pv2)>.hud-menu .hud-tile.on img{background:var(--sk-gdisc)}.hud:is(.pc,.tl2,.pv2) .hud-tile.shop img{background:var(--sk-adisc);box-shadow:var(--sk-knob)}.hud:is(.pc,.tl2,.pv2) .hud-tile.tone-violet img{box-shadow:var(--sk-knob);background:radial-gradient(circle at 50% 28%,#cdb8ff,#8a63f0 58%,#5b36c9)}.hud:is(.pc,.tl2,.pv2) :is(.hud-shop,.hud-menu) .hud-tile span{color:var(--sk-txt);text-shadow:0 0 2px var(--sk-ink),0 1px 2px var(--sk-ink),0 0 5px color-mix(in srgb,var(--sk-ink) 70%,transparent)}.hud:is(.pc,.tl2,.pv2) :is(.hud-tile,.hud-wallet,.hud-ch,.hud-autoq,.hud-qtabs button,.hud-face):focus-visible,.pc-slot:focus-visible{outline:2px solid var(--sk-glow);outline-offset:2px}.hud:is(.pc,.tl2,.pv2) .hud-dot{box-shadow:0 1px 3px color-mix(in srgb,var(--sk-ink) 70%,transparent);background:radial-gradient(circle at 50% 30%,#ff8f86,#e5333f)}.hud:is(.pc,.tl2,.pv2) .hud-dot.n{box-shadow:0 1px 3px color-mix(in srgb,var(--sk-ink) 70%,transparent)}.hud:is(.pc,.tl2,.pv2) :is(.hud-shop,.hud-menu) .hud-tile.glow img{box-shadow:0 0 0 2px var(--sk-glow),0 0 12px color-mix(in srgb,var(--sk-glow) 65%,transparent),var(--sk-knob)}.mm-tile.glow{border-color:var(--sk-glow,#ffc84a);box-shadow:inset 0 0 0 1px var(--sk-glow,#ffc84a),0 0 10px color-mix(in srgb,var(--sk-glow,#ffc84a) 45%,transparent)}.hud:is(.pc,.tl2,.pv2)>.hud-shop>.hud-wallet{background:var(--sk-chip);box-shadow:var(--sk-edge)}.hud:is(.pc,.tl2,.pv2)>.hud-shop>.hud-wallet .plus{box-shadow:var(--sk-knob)}.hud:is(.pc,.tl2,.pv2)>.hud-mini{background-color:var(--sk-p2);box-shadow:var(--sk-edge);border-radius:18px;background-image:none!important}.hud.tl2>.hud-mini{box-shadow:var(--sk-edge);background:var(--sk-p2)!important}.hud:is(.pc,.tl2,.pv2)>.hud-mini canvas{box-shadow:inset 0 2px 6px color-mix(in srgb,var(--sk-ink) 70%,transparent);border-radius:12px}.hud:is(.pc,.tl2,.pv2)>.hud-mini button{background:var(--sk-chip2);box-shadow:var(--sk-knob)}.hud:is(.pc,.tl2,.pv2)>.hud-mini :is(.z-out,.z-in):hover{background:var(--sk-s2);color:var(--sk-on-s)}.hud:is(.pc,.tl2,.pv2)>.hud-mini .hud-coords{color:var(--sk-sub)}.hud.pc>:is(.hud-caption,.hud-ai){background:var(--sk-chip);box-shadow:var(--sk-edge)}.hud:is(.pc,.tl2,.pv2)>.hud-ch{background:var(--sk-chip);box-shadow:var(--sk-edge);border:0}.hud:is(.pc,.tl2,.pv2)>.hud-ch .hud-ch-go{background:var(--sk-abtn);color:var(--sk-on-a);text-shadow:none;box-shadow:var(--sk-bshade)}.hud:is(.pc,.tl2,.pv2)>.hud-zone{text-shadow:0 2px 0 var(--sk-ink),0 0 14px color-mix(in srgb,var(--sk-ink) 80%,transparent),0 4px 22px #0009}.hud:is(.pc,.tl2,.pv2)>.dg-hud :is(.dg-time,.dg-rev),.hud:is(.pc,.tl2,.pv2)>.dg-hud .dg-prog{color:var(--sk-txt);box-shadow:var(--sk-edge);border:0;background:var(--sk-chip)!important}.hud:is(.pc,.tl2,.pv2)>.dg-hud .dg-exit{background:var(--sk-chip2);color:#ffb4a8;box-shadow:var(--sk-knob),inset 0 0 0 1.5px #ff6b5b8c;border:0}.hud:is(.pc,.tl2,.pv2)>.dg-hud .dg-goal{background:var(--sk-chip);color:var(--sk-s1);box-shadow:var(--sk-edge)}.pc-slot{background:var(--sk-disc);box-shadow:var(--sk-knob);transition:filter .2s ease-out,box-shadow .2s ease-out,transform .2s var(--sk-ease);border-radius:14px}.pc-slot:active{box-shadow:var(--sk-pressed);transition-duration:80ms;transform:scale(.95)}.pc-slot.skill{background:var(--sk-chip)}.pc-slot.ult{box-shadow:0 0 0 2.5px var(--sk-a2),0 0 16px color-mix(in srgb,var(--sk-glow) 60%,transparent),0 3px 8px color-mix(in srgb,var(--sk-ink) 55%,transparent)}.pc-slot.auto.on{box-shadow:0 0 0 2.5px var(--sk-g2),0 0 14px color-mix(in srgb,var(--sk-g2) 55%,transparent),0 3px 8px color-mix(in srgb,var(--sk-ink) 55%,transparent)}.pc-slot.big.atk{background:var(--sk-adisc);box-shadow:var(--sk-bshade),0 0 16px color-mix(in srgb,var(--sk-glow) 40%,transparent);border-radius:50%}.pc-exp{background:var(--sk-trough);height:12px;box-shadow:inset 0 2px 4px color-mix(in srgb,var(--sk-ink) 90%,transparent),0 1px 0 color-mix(in srgb,var(--sk-hi) 8%,transparent)}.pc-exp i{box-shadow:inset 0 2px 1px #fff6,inset 0 -2px 2px #0000004d,0 0 8px color-mix(in srgb,var(--sk-glow) 50%,transparent);background:linear-gradient(90deg,var(--sk-a3),var(--sk-a2) 60%,var(--sk-a1));border-radius:999px}.pc-slot .tip{box-shadow:var(--sk-edge)}.chatd-box{background:linear-gradient(180deg,var(--sk-p2),var(--sk-p3));box-shadow:var(--sk-edge);border-radius:18px}.chatd-box .hud-chat-tabs button{color:var(--sk-sub)}.chatd-box .hud-chat-tabs button.on{background:var(--sk-sbtn);color:var(--sk-on-s);text-shadow:none;box-shadow:var(--sk-bshade);border-radius:999px;font-weight:800}.chatd-box-in{background:color-mix(in srgb,var(--sk-ink) 55%,transparent);color:var(--sk-sub);box-shadow:inset 0 2px 4px color-mix(in srgb,var(--sk-ink) 70%,transparent);border-radius:10px}.chatd-box-in:hover{background:color-mix(in srgb,var(--sk-ink) 75%,transparent);color:var(--sk-txt)}html[data-input=touch] .chatd-line:before{background:linear-gradient(90deg,var(--sk-p1),var(--sk-p3));box-shadow:var(--sk-edge)}.hud.pc>.hud-buddy{background:linear-gradient(90deg,var(--sk-p1),var(--sk-p3));box-shadow:var(--sk-edge);border-radius:16px}.hud.pc .hud-npcnear-row{background:var(--sk-chip);box-shadow:var(--sk-knob)}.hud.pc .hud-npcnear-row:hover{background:var(--sk-chip2)}.hud:is(.tl2,.pv2) .hud-r:is(.slot,.jump,.pot):not(.talk){box-shadow:var(--sk-knob);background:var(--sk-disc)!important}.hud:is(.tl2,.pv2) .hud-r.atk{box-shadow:var(--sk-bshade),0 0 16px color-mix(in srgb,var(--sk-glow) 40%,transparent);background:var(--sk-adisc)!important}.hud:is(.tl2,.pv2) .hud-r.ult{box-shadow:0 0 0 2.5px var(--sk-a2),0 0 14px color-mix(in srgb,var(--sk-glow) 60%,transparent),0 3px 8px color-mix(in srgb,var(--sk-ink) 55%,transparent)}.hud:is(.tl2,.pv2) .hud-r .n{background:var(--sk-k2);box-shadow:0 1px 3px color-mix(in srgb,var(--sk-ink) 70%,transparent)}.hud.tl2 .hud-exp{background:var(--sk-trough)}@media (prefers-reduced-motion:reduce){.hud:is(.pc,.tl2,.pv2) :is(.hud-shop,.hud-menu) .hud-tile img,.hud:is(.pc,.tl2,.pv2)>.hud-qcol .hud-autoq,.pc-slot{transition:none}.hud:is(.pc,.tl2,.pv2) :is(.hud-shop,.hud-menu) .hud-tile:is(:hover,:active) img,.hud:is(.pc,.tl2,.pv2)>.hud-qcol .hud-autoq:active,.pc-slot:active{transform:none}}.hud-dot:not(.n):not(.warn),.mm-dot{background:#f2c14e;box-shadow:0 0 0 2px #1b2433}.loot-feed{z-index:6;pointer-events:none;color:#eef2fa;text-shadow:0 1px 2px #000;flex-direction:column;align-items:flex-end;gap:3px;font:600 12.5px/1 Noto Sans Thai,sans-serif;display:flex;position:absolute}.loot-feed .lf-row{box-sizing:border-box;white-space:nowrap;background:#0b111db8;border-radius:12px;align-items:center;gap:6px;max-width:250px;height:24px;padding:0 10px 0 5px;transition:opacity .1s linear;animation:.18s ease-out lf-in;display:flex}.loot-feed .lf-row img,.loot-feed .lf-row .lb-dot{object-fit:contain;flex:none;width:18px;height:18px}.loot-feed .lf-row .lb-dot{background:#cfd6e4;border-radius:50%;width:8px;height:8px;margin:0 5px}.loot-feed .lf-name{text-overflow:ellipsis;max-width:160px;overflow:hidden}.loot-feed .lf-row b{color:#fff;font-variant-numeric:tabular-nums;font:800 12.5px/1 Outfit,Noto Sans Thai,sans-serif}.loot-feed .coin b{color:#ffd65a}.loot-feed .rare{box-shadow:inset 3px 0 0 var(--rc), 0 0 0 1px color-mix(in srgb, var(--rc) 55%, transparent)}.loot-feed .rare .lf-name{color:var(--rc)}.loot-feed .exp{color:#d8ffe0;padding:0 10px}@keyframes lf-in{0%{opacity:0;transform:translate(14px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.loot-feed .lf-row{animation:none}}.hud.pc>.loot-feed{bottom:96px;right:16px}.loot-feed.loot-bar .lf-row{height:auto;box-shadow:none;background:0 0;gap:3px;padding:0}.loot-feed.loot-bar .lf-row img{width:16px;height:16px}.loot-feed.loot-bar .lf-name{display:none}.loot-feed.loot-bar .rare img{box-sizing:border-box;border:1px solid var(--rc);border-radius:4px}.hp-vignette{z-index:1;pointer-events:none;background:radial-gradient(#0000 55%,#c8102e4d 80%,#c8102e99 100%);animation:1.1s ease-in-out infinite alternate hp-vig;position:absolute;inset:0}@keyframes hp-vig{0%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hp-vignette{animation:none}}:is(.hud.tl2,.hud.pv2)>.hud-shop .hud-tile.menu.open img,:is(.hud.tl2,.hud.pv2)>.hud-shop .hud-tile.menu:hover img{background:var(--orange)}:is(.hud.tl2,.hud.pv2)>.hud-shop .hud-tile.menu.on img{background:var(--up)}.dash-pips{pointer-events:none;z-index:2;gap:3px;display:flex;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.dash-pips>i{background:linear-gradient(90deg,#d8f5c8 calc(var(--f,0)*100%),#0b1218cc calc(var(--f,0)*100%));border-radius:2px;width:9px;height:4px;display:block;box-shadow:0 0 0 1px #000a}.dash-pips>i.on{background:#9ef07a;box-shadow:0 0 0 1px #000a,0 0 5px #9ef07a99}.dash-pips.deny>i:not(.on){box-shadow:0 0 0 1px #ff5a4e,0 0 6px #ff5a4ecc}.hud.bossfold>:is(.hud-shop,.hud-buffs,.hud-caption,.hud-ch,.hud-untidy,.pv-chrow,.duo-icon,.hud-buddy,.hud-ai,.hud-luck,.hud-update,.hud-update-cover),.hud.bossfold>.hud-qcol.fold-hide,.hud.bossfold .combo-counter,.hud.bossfold>.hud-qcol>.hud-qtabs,.hud.bossfold .hud-dot{display:none!important}.hud.bossfold>.dg-hud:has(.dg-boss) .dg-goal{display:none!important}body.bossfold :is(.mega-bar,.ga-banner,.ga-strip,.hud-chips,.cd-chips){display:none!important}.hud.pc.bossfold>.dg-hud{top:calc(var(--pc-run,10px) / var(--hud-scale,1))}.hud.pc.bossfold>.hud-menu{top:10px}.hud.pc.bossfold>.hud-mini{top:calc(18px + var(--rh))}body.raid-on .hud.pc.bossfold>.dg-hud{top:calc(250px + var(--rh));align-items:flex-end;left:auto;right:12px;transform:none}body.bossfold .chatd.pc:not(:focus-within):not(:hover){opacity:.45;transition:opacity .2s}.hud.bossfold .pc-exp{opacity:.4}body.bossfold .raid-qc:not(:hover){opacity:.5}.hud.tl2.bossfold>.dg-hud,.hud.tl2.bossfold[data-runnarrow]>.dg-hud{zoom:1;top:calc(4px + env(safe-area-inset-top,0px));bottom:auto;left:var(--tl-top-l,28%);right:var(--tl-top-r,20%);flex-direction:column;align-items:stretch;gap:2px;width:auto;transform:none}:is(.hud.tl2,.hud.pv2).bossfold .dg-row{flex-wrap:nowrap;justify-content:center;gap:4px}:is(.hud.tl2,.hud.pv2).bossfold .dg-row:after{display:none}:is(.hud.tl2,.hud.pv2).bossfold .dg-time{width:76px;height:30px;padding-right:10px;font-size:14px}:is(.hud.tl2,.hud.pv2).bossfold .dg-prog{border-radius:10px;order:1;height:30px;padding:0 10px;background:#eef1f5e0!important}:is(.hud.tl2,.hud.pv2).bossfold .dg-prog .dots{display:none}:is(.hud.tl2,.hud.pv2).bossfold .dg-rev{order:2}:is(.hud.tl2,.hud.pv2).bossfold .dg-exit{order:3;min-width:52px;min-height:40px;margin:0;padding:0 10px;font-size:13px}.hud.tl2.bossfold>.hud-buffcol{left:calc(10px + env(safe-area-inset-left,0px));top:calc(var(--tl-card-b,64px) + 4px)}body.bossfold .chatd-line{display:none!important}.hud.pv2.bossfold>.dg-hud{zoom:1;top:var(--pv-bf-run,calc(56px + env(safe-area-inset-top,0px)));bottom:auto;left:8px;right:var(--pv-bf-r,60px);flex-direction:column;align-items:stretch;gap:2px;width:auto;transform:none}.hud.pv2.bossfold>.hud-menu{top:var(--pv-bf-menu,calc(84px + env(safe-area-inset-top,0px)));left:auto;right:8px}.hud.pv2.bossfold>.hud-party{display:none!important}.hud.bossfold>.dg-hud .dg-exit{color:#ffd2b8;background:#1b2433cc;box-shadow:inset 0 0 0 1.5px #e8743b99}.bossfold-rotate{left:50%;top:calc(250px + env(safe-area-inset-top,0px));z-index:7;color:#e9eef7;white-space:nowrap;pointer-events:none;background:#101826d9;border-radius:999px;padding:6px 12px;font:600 12px/1.3 Noto Sans Thai,sans-serif;animation:6s forwards bf-rotate;position:absolute;transform:translate(-50%)}@keyframes bf-rotate{0%,85%{opacity:1}to{opacity:0;visibility:hidden}}.hud.bossfold>.dg-hud .dg-goal{background:#101826b3;max-width:min(420px,60vw);padding:2px 10px;font-size:11.5px}body.contentfold .chatd.pc:not(.open):not(:focus-within){pointer-events:none;opacity:0!important}.hud.pc.bossfold:is(.content-run,.content-raid)>.hud-mini{transform-origin:100% 0;transform:scale(.72)}.hud.bossfold.content-arena>:is(.hud-mini,.hud-qcol,.loot-feed,.hud-party){display:none!important}.hud-tile.raid-tile{position:relative;overflow:visible}.hud-tile.raid-tile .raid-ic{pointer-events:none;display:block;position:relative;overflow:hidden}.hud-tile.raid-tile .raid-ic img{max-width:none;image-rendering:pixelated;display:block;position:absolute;width:64px!important;height:64px!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0!important}.hud-tile.raid-tile .raid-cd{color:#ffe9a8;font-variant-numeric:tabular-nums;letter-spacing:.2px;text-shadow:0 1px 2px #000;white-space:nowrap;background:#0b1028cc;border-radius:6px;padding:0 4px;font:800 11px/14px Noto Sans Thai,sans-serif;position:absolute;left:50%;transform:translate(-50%);max-width:none!important;overflow:visible!important}.hud-tile.raid-tile .raid-near{color:#fff;white-space:nowrap;z-index:1;background:#d8263a;border-radius:5px;padding:0 4px;font:800 9px/13px Noto Sans Thai,sans-serif;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0008}.hud-tile.raid-tile.red .raid-cd{color:#fff;background:#b0182bdd}.hud-tile.raid-tile.pulse .raid-ic{animation:.9s ease-in-out infinite raid-pulse}.hud-tile.raid-tile.pulse .raid-ic img{filter:drop-shadow(0 0 4px #b48cff)}@keyframes raid-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.hud-tile.raid-tile.pulse .raid-ic{animation:none}}.hud.pc>.hud-shop .hud-tile.raid-tile .raid-ic{width:var(--rt);height:var(--rh);margin:0}.hud.pc>.hud-shop .hud-tile.raid-tile .raid-ic img{left:calc((var(--rt) - 64px) / 2);top:calc(var(--rh) - 64px)}.hud.pc>.hud-shop .hud-tile.raid-tile .raid-cd{bottom:-2px}:is(.hud.tl2,.hud.pv2)>.hud-shop .hud-tile.raid-tile .raid-ic{width:44px;height:44px;margin:0}:is(.hud.tl2,.hud.pv2)>.hud-shop .hud-tile.raid-tile .raid-ic img{top:0;left:-10px}:is(.hud.tl2,.hud.pv2)>.hud-shop .hud-tile.raid-tile .raid-cd{font-size:10px;line-height:13px;top:31px}:is(.hud.tl2,.hud.pv2)>.hud-shop .hud-tile.raid-tile .raid-near{top:-2px}.raid-ann{color:#fff4d6;font-family:Noto Sans Thai,sans-serif}.raid-ann.big{z-index:70;cursor:pointer;background:#00000080;flex-direction:column;justify-content:center;align-items:center;animation:.25s ease-out raid-dim;display:flex;position:fixed;inset:0}.raid-ann.big .raid-band{background:linear-gradient(90deg,#141a3c,#1e2756 50%,#141a3c);justify-content:center;width:100%;animation:.35s ease-out raid-band;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #c9a24a66,0 10px 40px #000a}.raid-ann.big .raid-stage{position:relative;overflow:hidden}.raid-ann.big .raid-l{image-rendering:pixelated;pointer-events:none;position:absolute;top:0}.raid-ann.big .raid-l.bg,.raid-ann.big .raid-l.frame:not(.cut){left:0}.raid-ann.big .raid-l.frame.cut{image-rendering:pixelated;display:block}.raid-ann.big .raid-l.titan{animation:.6s cubic-bezier(.2,.9,.3,1.1) both raid-titan;right:0}.raid-ann.big .raid-txt{flex-direction:column;align-items:flex-start;gap:10px;animation:.45s ease-out .15s both raid-txt;display:flex;position:absolute}.raid-ann.big .raid-txt h2{color:#fff1c8;text-shadow:0 3px #2a1a05,0 0 18px #c9a24a88;margin:0;font-size:46px;font-weight:800;line-height:1.15}.raid-ann.big .raid-txt p{color:#e8dcff;text-shadow:0 2px 3px #000;margin:0;font-size:24px}.raid-ann.big .raid-go{color:#2a1a05;cursor:pointer;background:linear-gradient(#f2c95c,#c99a2e);border:2px solid #fff1c8;border-radius:12px;min-width:180px;min-height:52px;margin-top:6px;padding:0 28px;font:800 24px Noto Sans Thai,sans-serif;box-shadow:0 4px #6b4a12,0 6px 16px #0008}.raid-ann.big .raid-go:hover{filter:brightness(1.08)}.raid-ann.big .raid-tap{color:#ffffffa0;margin-top:12px;font-size:13px}.raid-ann.big.ph .raid-txt{gap:6px}.raid-ann.big.ph .raid-txt h2{font-size:20px}.raid-ann.big.ph .raid-txt p{font-size:13px}.raid-ann.big.ph .raid-go{border-radius:10px;min-width:112px;min-height:40px;padding:0 16px;font-size:17px}.raid-ann.big.ph.pv .raid-txt h2{text-shadow:0 2px #2a1a05,0 0 8px #000,0 0 14px #000;font-size:18px}.raid-ann.big.still,.raid-ann.big.still *{animation:none!important}@keyframes raid-dim{0%{background:0 0}}@keyframes raid-band{0%{opacity:0;transform:scaleY(.2)}}@keyframes raid-titan{0%{opacity:0;transform:translate(45%)}}@keyframes raid-txt{0%{opacity:0;transform:translate(-24px)}}.raid-ann.bar{z-index:29;box-sizing:border-box;white-space:nowrap;pointer-events:auto;cursor:pointer;background:#141a3ce6;border-radius:10px;align-items:center;gap:10px;max-width:calc(100vw - 24px);height:48px;padding:0 12px;animation:.3s ease-out raid-bar;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 1px #c9a24a88,0 4px 14px #0008}.raid-ann.bar.art{border-style:solid;border-width:6px 45px 6px 90px;border-image-source:var(--raid-bar);box-shadow:none;image-rendering:pixelated;background:0 0;border-image-slice:12 90 12 180 fill;border-image-repeat:stretch;border-radius:0;padding:0 4px}.raid-ann.bar.compact{top:calc(6px + env(safe-area-inset-top,0px))}.raid-ann.bar.small{top:22%}.raid-ann.bar b{color:#fff1c8;text-shadow:0 1px 2px #000;font-size:15px;font-weight:800}.raid-ann.bar span{color:#e8dcff;text-shadow:0 1px 2px #000;text-overflow:ellipsis;font-size:12px;overflow:hidden}@media (max-width:560px){.raid-ann.bar span{display:none}}@keyframes raid-bar{0%{opacity:0;transform:translate(-50%,-12px)}}.hud-tile.raid-tile.lock .raid-ic img{filter:grayscale(.75)brightness(.75)}.hud-tile.raid-tile .raid-lock{z-index:1;filter:drop-shadow(0 1px 1px #000);font-size:12px;line-height:14px;position:absolute;top:-2px;right:-2px}.raid-ann.bar .raid-go{color:#2a1a05;cursor:pointer;background:linear-gradient(#f2c95c,#c99a2e);border:1px solid #fff1c8;border-radius:999px;flex:none;min-height:32px;margin-left:6px;padding:0 14px;font:800 14px Noto Sans Thai,sans-serif;box-shadow:0 2px #6b4a12}.raid-ann.bar .raid-go:hover{filter:brightness(1.08)}.raid-ann.bar.top span{text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}html.av-lane :is(.mega-bar,.rkrec,.raid-ann.bar,.ga-banner){top:calc(var(--lane-top,84px) + env(safe-area-inset-top,0px))!important}html.av-lane :is(.mega-bar,.rkrec,.raid-ann.bar){max-width:var(--lane-w,560px)!important}html.av-lane .hud>.hud-zone{max-width:var(--lane-w,560px);top:var(--lane-top,84px)!important}html.av-lane :is(.mega-bar,.rkrec,.raid-ann.bar,.hud>.hud-zone){box-sizing:border-box;border-style:solid;border-width:12px 30px 12px 60px;border-image-source:var(--lane-strip-info);height:48px;min-height:48px;box-shadow:none;color:#fff4d6;text-shadow:0 1px 2px #000c;image-rendering:pixelated;background:0 0;border-image-slice:24 60 24 120 fill;border-image-width:12px 30px 12px 60px;border-image-repeat:stretch;border-radius:0;align-items:center;gap:8px;padding:0 4px;display:flex;overflow:visible}html.av-lane :is(.rkrec,.raid-ann.bar){border-image-source:var(--lane-strip-event)}html.av-lane .mega-bar{animation-name:mega-in!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}html.av-lane .mega-bar.gm{border-image-source:var(--lane-strip-warn)}html.av-lane :is(.raid-ann.bar,.hud>.hud-zone):before{content:"";background:var(--lane-ic-bell) center / contain no-repeat;image-rendering:auto;width:26px;height:26px;display:block;position:absolute;top:-1px;left:-29px;right:auto;transform:none}html.av-lane .hud>.hud-zone:before{background-image:var(--lane-ic-map)}html.av-lane .hud>.hud-zone:after{display:none}html.av-lane .mega-bar>.mega-ic,html.av-lane .rkrec>img{width:26px;height:26px;margin:0;position:absolute;top:-1px;left:-29px}html.av-lane :is(.raid-ann.bar,.hud>.hud-zone){position:absolute}html.av-lane .raid-ann.bar{position:fixed}html.av-lane .raid-ann.bar .raid-go{min-height:28px}html.av-lane .rkrec span{white-space:nowrap;flex-direction:row;align-items:baseline;gap:6px;min-width:0;overflow:hidden}html.av-lane .rkrec small{text-overflow:ellipsis;overflow:hidden}html.av-lane .hud>.hud-zone{text-align:left;white-space:nowrap;width:max-content;left:50%;transform:translate(-50%)}html.av-lane .hud>.hud-zone :is(small,b,span){letter-spacing:0;margin:0;display:inline}html.av-lane .hud>.hud-zone small{font-size:11px}html.av-lane .hud>.hud-zone b{font-size:16px}html.av-lane .hud>.hud-zone span{text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.lo-load{z-index:1000;color:#f0f0f0;background:radial-gradient(1px 1px at 12% 22%,#fff9,#0000),radial-gradient(1px 1px at 78% 14%,#fff8,#0000),radial-gradient(1.5px 1.5px at 64% 72%,#fff7,#0000),radial-gradient(1px 1px at 30% 84%,#fff6,#0000),radial-gradient(1px 1px at 90% 58%,#fff7,#0000),radial-gradient(1.5px 1.5px at 8% 64%,#fff6,#0000),radial-gradient(at 50% 120%,#4c84b055,#0000 60%),linear-gradient(#1d2533,#283444 55%,#404c64);place-items:center;padding:24px;font-family:Noto Sans Thai,sans-serif;transition:opacity .35s;display:grid;position:fixed;inset:0}.lo-load.out{opacity:0;pointer-events:none}.ll-card{text-align:center;flex-direction:column;align-items:center;gap:6px;width:min(520px,100%);display:flex}.ll-orbit{width:86px;height:86px;margin-bottom:10px;position:relative}.ll-orbit:before{content:"";background:radial-gradient(circle at 35% 30%,#ffd9a8,#ec7444 55%,#9c3f23);border-radius:50%;position:absolute;inset:22px;box-shadow:0 0 24px #ec744466}.ll-orbit:after{content:"";border:1.5px dashed #f0f0f033;border-radius:50%;position:absolute;inset:0}.ll-orbit i{animation:1.6s linear infinite llSpin;position:absolute;inset:0}.ll-orbit i:before{content:"";background:#bfe3ff;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:-5px;left:50%;box-shadow:0 0 10px #bfe3ff}@keyframes llSpin{to{transform:rotate(360deg)}}.ll-logo{width:320px;height:120px;image-rendering:pixelated;background:url(/brand/pixi/brand-logo.webp?h=97b5a3695545) no-repeat;margin:0 0 4px;display:block}@media (max-width:339px){.ll-logo{display:none}}.ll-title{margin:4px 0 0;font-size:clamp(22px,4vw,30px);font-weight:700;line-height:1.3}.ll-sub{color:#c8d2e4;margin:0;font-size:14px}.ll-bar{background:#1b2230;border-radius:6px;width:100%;height:12px;margin-top:18px;overflow:hidden;box-shadow:inset 0 0 0 1px #f0f0f01f}.ll-bar i{background:linear-gradient(90deg,#ec7444,#f6a06e);border-radius:6px;width:0;height:100%;transition:width .18s ease-out;display:block}.lo-load.wait .ll-bar i{animation:1.3s ease-in-out infinite alternate llWait;width:35%!important}@keyframes llWait{0%{transform:translate(-30%)}to{transform:translate(220%)}}.ll-row{color:#c8d2e4;justify-content:space-between;gap:12px;width:100%;font-size:12.5px;display:flex}.ll-pct{color:#f0f0f0;font:700 13px Outfit,sans-serif}.ll-ready{text-align:left;background:#1b2230cc;border-radius:10px;width:100%;margin-top:14px;padding:10px 12px;box-shadow:inset 0 0 0 1px #f0f0f01f}.ll-ready-head{color:#c8d2e4;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12.5px;display:flex}.ll-ready ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ll-ready li{justify-content:space-between;align-items:center;gap:10px;min-height:24px;font-size:13.5px;display:flex}.ll-ready li b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ll-ready li i{color:#aab6cc;flex:none;font-size:12px;font-style:normal}.ll-ready li i:before{content:"";background:#f6a06e;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1s ease-in-out infinite alternate llBlink;display:inline-block}.ll-ready li.ok i{color:#7fdc9a;font-weight:700}.ll-ready li.ok i:before{background:#7fdc9a;animation:none}@keyframes llBlink{0%{opacity:.35}to{opacity:1}}.ll-tip{color:#aab6cc;max-width:460px;margin:22px 0 0;font-size:13px;line-height:1.7}.ll-tip b{color:#ec7444;font-weight:700}.v2-loading{z-index:100;color:#283444;background:linear-gradient(#b4c4e0,#c4d0e4);flex-direction:column;justify-content:center;align-items:center;gap:14px;font:700 15px Noto Sans Thai,sans-serif;display:flex;position:fixed;inset:0}.v2-loading b{letter-spacing:6px;font-size:22px}.v2-loading .spin{background:url(/ui/controls/spinner.webp?h=1a85a70ab58a) 50%/contain no-repeat;width:54px;height:54px;animation:1s linear infinite v2spin}.v2-loading .bar{background:#283444;border-radius:6px;width:min(420px,70vw);height:12px;overflow:hidden}.v2-loading .bar i{background:#ec7444;border-radius:6px;width:30%;height:100%;animation:1.4s ease-in-out infinite v2load;display:block}@keyframes v2spin{to{transform:rotate(360deg)}}@keyframes v2load{0%{transform:translate(-100%)}to{transform:translate(340%)}}.rkrec{left:50%;top:calc(env(safe-area-inset-top,0px) + 150px);z-index:27;cursor:pointer;text-align:left;color:#fff3d0;background:linear-gradient(#3b2e12f2,#22190af2);border:0;border-radius:8px;align-items:center;gap:10px;max-width:min(640px,100vw - 24px);padding:8px 18px 8px 10px;font-family:Noto Sans Thai,Outfit,sans-serif;animation:.5s cubic-bezier(.2,1.4,.4,1) both rkrec-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 0 0 2px #f2c14e,0 6px 24px #000a,0 0 28px #f2c14e55}.rkrec img{object-fit:contain;width:40px;height:40px;image-rendering:pixelated;flex:none}.rkrec span{flex-direction:column;min-width:0;display:flex}.rkrec b{color:#f2c14e;letter-spacing:.04em;text-shadow:0 0 10px #f2c14e88;font-size:17px;font-weight:700}.rkrec small{color:#fff3d0;font-size:13px;line-height:1.35}@keyframes rkrec-in{0%{opacity:0;transform:translate(-50%,-14px)scale(.9)}}@media (prefers-reduced-motion:reduce){.rkrec{animation:none}}@media (max-height:520px) and (orientation:landscape){.rkrec{top:calc(env(safe-area-inset-top,0px) + 64px);padding:5px 12px 5px 8px}.rkrec img{width:30px;height:30px}.rkrec b{font-size:15px}.rkrec small{font-size:12px}}.lb-screen{z-index:74;color:#283444;background:#0b1022b0;place-items:center;font-family:Noto Sans Thai,sans-serif;display:grid;position:fixed;inset:0}.lb-screen.solo{pointer-events:none;background:#0b1022}.lb-panel{background:#f0f0f0;border-radius:12px;flex-direction:column;width:min(1280px,100vw);height:min(720px,100dvh);display:flex;position:relative;overflow:hidden;box-shadow:0 14px 48px #0009}.lb-screen.solo .lb-panel{width:100vw;height:100dvh;box-shadow:none;background:0 0;border-radius:0}.lb-head{color:#fff;background:#404c64;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.lb-head b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.lb-head span{opacity:.85;white-space:nowrap;font-size:13px}.lb-grow{flex:1}.lb-hbtn{color:#fff;cursor:pointer;background:#5a6886;border:0;border-radius:6px;min-height:30px;padding:0 12px;font:600 13px Noto Sans Thai,sans-serif}.lb-hbtn:disabled{opacity:.5;cursor:not-allowed}.lb-stage{background:linear-gradient(#b9c6e8,#e9dcef);flex:1;min-height:140px;position:relative;overflow:hidden}.lb-stage canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.lb-screen.solo .lb-stage{background:0 0;border-radius:0}.lb-count{z-index:2;color:#fff;-webkit-text-stroke:4px #283444;paint-order:stroke;text-shadow:0 6px #ec7444;pointer-events:none;font:900 96px/1 Outfit,Noto Sans Thai,sans-serif;animation:.45s cubic-bezier(.2,1.6,.4,1) both lb-pop;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.lb-flash{z-index:3;pointer-events:none;background:#fff;position:fixed;inset:0}.lb-cards{grid-template-columns:repeat(var(--n),minmax(0,1fr));max-width:calc(var(--n) * 150px);box-sizing:border-box;gap:8px;width:100%;margin:0 auto;padding:8px 12px;display:grid}.lb-card{cursor:pointer;color:#283444;background:#fcfcfc;border:1px solid #283444;border-radius:10px;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:6px 4px 5px;font:500 12px Noto Sans Thai,sans-serif;display:flex;position:relative;box-shadow:inset 0 4px #404c64}.lb-card.empty{box-shadow:none;color:#6e7787;background:#e6e8ee;border:2px dashed #9aa3b3;justify-content:center;min-height:96px}.lb-card.empty i{background:#dcdce0;border-radius:50%;place-items:center;width:30px;height:30px;font:700 22px/1 Outfit,sans-serif;display:grid}.lb-card.empty:disabled{cursor:default}.lb-top{position:relative}.lb-face{width:40px;height:40px;position:relative}.lb-face canvas{background:#3b4a60;border-radius:4px;width:30px;height:30px;position:absolute;top:5px;left:5px}.lb-face img{pointer-events:none;width:40px;height:40px;position:absolute;inset:0}.lb-crown{color:#f2b632;text-shadow:0 1px #283444;font-size:16px;position:absolute;top:-4px;right:-12px}.lb-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.lb-lv{color:var(--acc);filter:brightness(.7);font-weight:700}.lb-lv em{font-style:normal}.lb-pow{color:#6e7787;font-size:11px}.lb-st{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100%;margin-top:2px;padding:1px 8px;font-size:11.5px;font-weight:700;overflow:hidden}.lb-st.ok{color:#fff;background:#53b965;animation:.35s cubic-bezier(.2,1.8,.4,1) both lb-stamp}.lb-st.wait i{font-style:normal;animation:1s infinite lb-dot;display:inline-block}.lb-st.wait i:nth-child(2){animation-delay:.15s}.lb-st.wait i:nth-child(3){animation-delay:.3s}@keyframes lb-stamp{0%{opacity:0;transform:scale(2.2)rotate(-12deg)}to{opacity:1;transform:none}}@keyframes lb-dot{0%,to{transform:none}50%{transform:translateY(-3px)}}.lb-menu{z-index:5;background:#fcfcfc;border:1px solid #283444;border-radius:8px;flex-direction:column;gap:4px;min-width:110px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0004}.lb-menu button{color:#283444;cursor:pointer;background:#dcdce0;border:0;border-radius:6px;min-height:30px;font:600 12.5px Noto Sans Thai,sans-serif}.lb-bar{background:#e4e7ee;align-items:center;gap:8px;padding:8px 12px 10px;display:flex}.lb-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#4c84b0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-height:38px;padding:0 14px;font:600 14px Noto Sans Thai,sans-serif;display:inline-flex}.lb-btn.on{background:#2f5f86}.lb-btn:disabled{cursor:not-allowed;background:#c3c9d3}.lb-btn.ready{background:#ec7444;min-width:130px;font-size:16px;font-weight:800}.lb-btn.ready.on{background:#6e7787}.lb-btn.go{background:#ec7444}.lb-quick{gap:4px;display:flex}.lb-quick button{cursor:pointer;background:#fff;border:1px solid #c3c9d3;border-radius:8px;width:34px;height:34px;padding:0;font-size:18px}.lb-text{color:#283444;background:#fff;border:1px solid #c3c9d3;border-radius:8px;flex:1;min-width:60px;height:36px;padding:0 10px;font:500 14px Noto Sans Thai,sans-serif}.lb-sheet{z-index:6;background:#fcfcfc;border:1px solid #283444;border-radius:12px;flex-direction:column;gap:8px;max-width:calc(100% - 24px);padding:10px;display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0005}.lb-sheet label{align-items:center;gap:6px;font-size:14px;display:flex}.lb-sheet select{height:34px;font:500 14px Noto Sans Thai,sans-serif}.lb-sheet small{color:#6e7787;text-align:center;font-size:12px}.lb-grid{grid-template-columns:repeat(4,48px);gap:6px;display:grid}.lb-grid.three{grid-template-columns:repeat(3,72px)}.lb-grid button{cursor:pointer;background:#fff;border:1px solid #dcdce0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:48px;font-size:26px;line-height:1;display:flex}.lb-grid button small{color:#4a5466;margin-top:2px;font-size:11px}.lb-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lb-invite{z-index:73;color:#283444;background:#fcfcfc;border:2px solid #404c64;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;font-family:Noto Sans Thai,sans-serif;display:flex;position:fixed;top:84px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0005}.lb-invite b{font-size:15px}.lb-facts{flex-wrap:wrap;gap:4px 10px;min-width:0;display:flex;overflow:hidden}.lb-facts em{opacity:.9;white-space:nowrap;font-size:12.5px;font-style:normal}.lb-facts em b{font-size:13px}.lb-screen.pre .lb-cards{max-width:190px}.lb-screen.pre .lb-card{cursor:default}.lb-party{flex-direction:column;gap:2px;display:flex}.lb-party small{color:#6e7787;font-size:11.5px}.solo-bar .lb-btn.ready{min-width:160px}@media (max-height:480px){.lb-panel{border-radius:0}.lb-head{min-height:34px}.lb-head b{font-size:14px}.lb-cards{gap:4px;padding:4px 8px}.lb-card{padding:3px 2px;font-size:11px}.lb-card.empty{min-height:76px}.lb-face{width:30px;height:30px}.lb-face canvas{width:22px;height:22px;top:4px;left:4px}.lb-face img{width:30px;height:30px}.lb-pow{display:none}.lb-bar{gap:6px;padding:4px 8px 6px}.lb-btn{min-height:34px;padding:0 10px;font-size:13px}.lb-btn span{display:none}.lb-btn.ready{min-width:96px;font-size:14px}.lb-quick{display:none}.lb-count{font-size:64px}.lb-facts em{font-size:11px}.lb-party small{display:none}.lb-sheet{bottom:48px}.lb-grid{grid-template-columns:repeat(4,44px)}.lb-grid button{height:44px}}@media (max-width:600px){.lb-quick{display:none}}.lb-screen{color:#f1f3f6}.lb-panel{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#353c4a;border-radius:8px;box-shadow:0 0 0 1px #141a25,0 14px 48px #0009}.lb-head{background:#2b3442;box-shadow:inset 0 -1px #1f2632}.lb-hbtn{background:#4e5767}.lb-hbtn:hover:not(:disabled){background:#5a6475}.lb-hbtn.out{background:#4a86c5}.lb-stage{background:linear-gradient(#3a4762,#3f3a55)}.lb-card{color:#f1f3f6;background:#434b5a;border-color:#566072;border-radius:6px;box-shadow:inset 0 4px #2b3442}.lb-card.me{border-color:#f07a45;box-shadow:inset 0 4px #f07a45,0 0 0 2px #f07a4555}.lb-card.ready{background:#3b4a45}.lb-card.empty{color:#aab2c0;background:#2c323e;border-color:#566072}.lb-card.empty i{color:#f1f3f6;background:#4e5767}.lb-crown{text-shadow:0 1px #141a25}.lb-lv{filter:none}.lb-pow{color:#aab2c0}.lb-st.wait{color:#c9cfd8;background:#4e5767}.lb-st.no{color:#ff8a8a;background:#4a2629}.lb-menu{background:#353c4a;border-color:#566072;box-shadow:0 8px 22px #0008}.lb-menu button{color:#f1f3f6;background:#4e5767}.lb-menu button:hover{background:#5a6475}.lb-menu button.danger{color:#ff8a8a;background:#4a2629}.lb-bar{background:#2b3442;box-shadow:inset 0 1px #1f2632}.lb-btn{background:#4a86c5;border-radius:6px;box-shadow:0 2px #2f5e8f}.lb-btn.on{box-shadow:none;background:#2f5e8f}.lb-btn:disabled{color:#7c8596;box-shadow:none;background:#3a414e}.lb-btn.ready,.lb-btn.go{background:#f07a45;box-shadow:0 2px #b9542a}.lb-btn.ready:hover:not(:disabled),.lb-btn.go:hover:not(:disabled){background:#ff8a55}.lb-btn.ready.on{box-shadow:none;background:#4e5767}.lb-btn.ready:disabled,.lb-btn.go:disabled{color:#7c8596;box-shadow:none;background:#3a414e}.lb-quick button{background:#434b5a;border-color:#566072;border-radius:6px}.lb-quick button.on{border-color:#f07a45;box-shadow:0 0 0 2px #f07a4566}.lb-text{color:#f1f3f6;background:#2c323e;border-color:#566072;border-radius:6px}.lb-text::placeholder{color:#7c8596}.lb-text:focus{border-color:#f07a45;outline:0}.lb-sheet{background:#353c4a;border-color:#566072;border-radius:8px;box-shadow:0 10px 28px #0008}.lb-sheet select{color:#f1f3f6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#2c323e;border:1px solid #566072;border-radius:6px}.lb-sheet small{color:#aab2c0}.lb-grid button{color:#f1f3f6;background:#434b5a;border-color:#566072;border-radius:6px}.lb-grid button:hover{background:#4e5767}.lb-grid button small{color:#aab2c0}.lb-invite{color:#f1f3f6;background:#353c4a;border:1px solid #566072;border-radius:8px;box-shadow:0 0 0 1px #141a25,0 10px 28px #0008}.lb-invite small,.lb-party small{color:#aab2c0}@media (max-height:480px){.lb-panel{border-radius:0}}.lb-mm-chip{color:#fff;background:#4c84b0;border-radius:999px;flex:none;padding:2px 10px;font:700 12px/1.5 Noto Sans Thai,sans-serif;opacity:1!important}.lb-tags{flex-wrap:wrap;justify-content:center;gap:2px;max-width:100%;display:flex}.lb-tag{color:#fff;white-space:nowrap;background:#647890;border-radius:6px;padding:0 5px;font:700 10px/1.45 Noto Sans Thai,sans-serif}.lb-tag.t-mm{background:#2f7fb8}.lb-tag.t-helper{background:#4c84b0}.lb-tag.t-first{background:#8a5cd6}.lb-tag.t-power_low{background:#d9534f}.lb-tag.t-fill{background:#3aa35a}.lb-tag.t-afk{background:#8b93a3}.lb-tag.t-star{background:#d9a21b}.lb-card.empty.mm-search{cursor:default;font-weight:600}.lb-card.empty.mm-search i{width:auto;height:auto;font:inherit;background:0 0;animation:1s infinite lb-dot;display:inline-block}.lb-card.empty.mm-search i:nth-child(2){animation-delay:.15s}.lb-card.empty.mm-search i:nth-child(3){animation-delay:.3s}.lb-head{position:relative}.lb-leave-ask{z-index:7;color:#283444;background:#fcfcfc;border:2px solid #283444;border-radius:12px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:min(420px,100vw - 24px);padding:10px 12px;font:600 13px Noto Sans Thai,sans-serif;display:flex;position:absolute;top:calc(100% + 6px);right:8px;box-shadow:0 10px 28px #0005}.lb-leave-ask span{flex-basis:100%;white-space:normal!important;opacity:1!important;font-size:13px!important}.lb-btn.ready.mm-hold{background:#4c84b0}.mm-pill{--mm-top:52px;box-sizing:border-box;left:50%;top:max(calc(var(--raid-top-row,var(--mm-top)) + env(safe-area-inset-top,0px)),var(--mm-pill-push,0px));z-index:30;color:#283444;pointer-events:auto;background:#ffe3cf;border:2px solid #283444;border-radius:999px;grid-template-columns:auto auto;place-items:center;gap:0 4px;max-width:calc(100vw - 16px);padding:3px 4px 3px 10px;font:600 14px/1.2 Noto Sans Thai,sans-serif;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 4px 12px #0004}.mm-pill.open{border-radius:16px}.mm-pill button{font:inherit;color:inherit;cursor:pointer}.mm-pill-main{white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;min-height:32px;padding:0;display:flex}.mm-bell{font-size:16px;font-style:normal;line-height:1}.mm-pill-time{font-variant-numeric:tabular-nums;letter-spacing:.02em;font:800 15px/1 Outfit,Noto Sans Thai,sans-serif}.mm-pill-time.only-compact{display:none}.mm-pill-extra{opacity:.85;font-size:13px}.mm-pill-x{background:#28344422;border:0;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.mm-pill-x:hover{color:#fff;background:#ec7444}.mm-pill-ask{white-space:nowrap;grid-column:2;align-items:center;gap:4px;font-size:13px;display:flex}.mm-pill-ask button{background:#fff;border:0;border-radius:999px;min-height:28px;padding:0 10px;font-weight:700}.mm-pill-ask button.yes{color:#fff;background:#ec7444}.mm-pill-more{color:#404c64;flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:4px 12px;padding:2px 8px 4px;font-size:12.5px;font-weight:500;display:flex}.mm-pill.k-searching .mm-pill-extra{animation:1.4s ease-in-out infinite mm-blink}.mm-pill.k-late .mm-pill-extra{color:#c4501c;opacity:1;font-weight:700}.mm-pill.k-paused{color:#5a6476;background:#dfe2e8}.mm-pill.k-host_full{background:#ffe98a}.mm-pill.k-closing{background:#ffb27a}.mm-pill.k-backfill_only{background:#cfe6ff}.mm-pill.k-penalty{color:#fff;background:#e8475a;border-color:#7a1424}@keyframes mm-blink{50%{opacity:.4}}html[data-input=touch] .mm-pill{--mm-top:40px;padding:2px 3px 2px 8px;font-size:12.5px}html[data-input=touch] .mm-pill:not(.open) :is(.mm-pill-label,.mm-pill-extra,.mm-pill-x,.mm-pill-ask){display:none}html[data-input=touch] .mm-pill:not(.open).k-penalty .mm-pill-time.only-compact{display:inline}html[data-input=touch] .mm-pill:not(.open){padding:2px 10px}html[data-input=touch] .mm-pill-main{gap:6px;min-height:30px}html[data-input=touch] .mm-pill-x{width:30px;height:30px}.mm-card-ov{box-sizing:border-box;z-index:900;background:#0b102299;place-items:center;padding:12px;font-family:Noto Sans Thai,sans-serif;animation:.18s ease-out mm-in;display:grid;position:fixed;inset:0}.mm-card{box-sizing:border-box;color:#283444;background:#fcfcfc;border:3px solid #283444;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:min(560px,100%);max-height:100%;padding:14px 18px 16px;animation:.32s cubic-bezier(.2,1.5,.4,1) mm-pop;display:flex;overflow:auto;box-shadow:0 0 0 4px #ec744455,0 18px 40px #0007}.mm-card.bf{box-shadow:0 0 0 4px #4c84b055,0 18px 40px #0007}.mm-card h2{color:#ec7444;-webkit-text-stroke:1px #283444;letter-spacing:.01em;margin:0;font:900 26px/1.15 Outfit,Noto Sans Thai,sans-serif}.mm-card.bf h2{color:#4c84b0}.mm-card-raid{color:#404c64;text-align:center;margin:0;font-size:15px;font-weight:700}.mm-slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%;display:grid}.mm-slot{min-width:0;box-shadow:inset 0 4px 0 var(--acc,#404c64);background:#eef0f4;border:2px solid #283444;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:6px 2px 5px;display:flex;position:relative}.mm-slot.me{background:#fff6dc;border-color:#d9a21b;box-shadow:inset 0 4px #f4c95d,0 0 0 3px #f4c95daa,0 0 14px #f4c95d}.mm-slot.ok{background:#e4f7e0}.mm-slot.me.ok{background:#f2f7d8}.mm-slot.empty{box-shadow:none;background:#f2f3f6;border-style:dashed;border-color:#b5bccb;min-height:64px}.mm-head{border:2px solid var(--acc,#404c64);background:#dcdce0;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden}.mm-head canvas{width:100%;height:100%;image-rendering:pixelated}.mm-head em{font-size:26px;font-style:normal;position:absolute}.mm-ok{color:#fff;background:#3aa35a;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;animation:.3s cubic-bezier(.2,1.6,.4,1) mm-pop;display:grid;position:absolute;top:2px;right:4px;box-shadow:0 1px 3px #0005}.mm-you{color:#a6740b;font-size:11px;font-weight:800}.mm-badges{flex-direction:column;align-items:center;gap:2px;max-width:100%;display:flex}.mm-badge{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#647890;border-radius:6px;max-width:100%;padding:1px 5px;font:700 10.5px/1.3 Noto Sans Thai,sans-serif;display:block;overflow:hidden}.mm-badge.b-helper{background:#4c84b0}.mm-badge.b-first{background:#8a5cd6}.mm-badge.b-power_low{background:#d9534f}.mm-badge.b-fill{background:#3aa35a}.mm-badge.b-mm{background:#2f7fb8}.mm-badge.b-afk{background:#8b93a3}.mm-badge.b-star{background:#d9a21b}.mm-ring-row{align-items:center;gap:12px;display:flex}.mm-ring-row small{color:#6e7787;font-size:13px;font-weight:600}.mm-ring{width:64px;height:64px}.mm-ring circle{fill:none;stroke-width:6px}.mm-ring .bg{stroke:#dcdce0}.mm-ring .fg{stroke:#ec7444;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.mm-ring.low .fg{stroke:#e8475a}.mm-ring text{fill:#283444;font:800 20px Outfit,sans-serif}.mm-card-btns{justify-content:space-between;align-items:center;gap:24px;width:100%;display:flex}.mm-card-btns button{cursor:pointer;border:0;border-radius:10px;min-height:46px;font:700 16px Noto Sans Thai,sans-serif}.mm-no{color:#404c64;background:#dfe2e8;padding:0 18px}.mm-no:hover{background:#c9ced8}.mm-yes{color:#fff;background:#ec7444;flex:0 260px;padding:0 24px;box-shadow:0 4px #b4532c;font-size:19px!important;font-weight:900!important}.mm-yes:hover:not(:disabled){filter:brightness(1.08)}.mm-yes:disabled{cursor:default}.mm-yes.wait{background:#6e7787;animation:1.6s ease-in-out infinite mm-blink;box-shadow:0 4px #4d5463}@keyframes mm-in{0%{opacity:0}}@keyframes mm-pop{0%{opacity:0;transform:scale(.7)}}@media (max-width:760px),(max-height:560px){.mm-card{gap:6px;padding:10px 12px 12px}.mm-card h2{font-size:22px}.mm-card-raid{font-size:13px}.mm-head{width:40px;height:40px}.mm-head em{font-size:20px}.mm-badge{padding:0 4px;font-size:9.5px}.mm-ring{width:52px;height:52px}.mm-card-btns{gap:28px}.mm-no{padding:0 14px;min-height:40px!important;font-size:14px!important}.mm-yes{flex:auto;min-height:58px!important;font-size:20px!important}}@media (max-width:560px) and (orientation:portrait){.mm-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.mm-head{width:48px;height:48px}}@media (max-height:480px) and (orientation:landscape){.mm-card{width:min(640px,100%)}.mm-card h2{font-size:19px}.mm-ring{width:44px;height:44px}}.mm-pill.k-penalty{padding-right:12px}.vs-screen{z-index:74;color:#283444;background:#0b1022c8;place-items:center;font-family:Noto Sans Thai,sans-serif;display:grid;position:fixed;inset:0}.vs-panel{background:#f0f0f0;border-radius:12px;flex-direction:column;width:min(1280px,100vw);height:min(720px,100dvh);display:flex;position:relative;overflow:hidden;box-shadow:0 14px 48px #0009}.vs-score{z-index:3;pointer-events:none;background:#fcfcfc;border:2px solid #283444;border-radius:999px;align-items:center;gap:6px;padding:2px 14px;font:900 26px/1.1 Outfit,Noto Sans Thai,sans-serif;display:flex;position:absolute;top:6px;left:calc(50% - 130px)}.vs-score i{color:#6e7787;font-style:normal}.vs-main{flex:1;grid-template-columns:minmax(0,1fr) 260px;gap:10px;min-height:0;padding:10px;display:grid}.vs-teamsbox{grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:8px;min-height:0;display:grid}.vs-bottom{grid-template-columns:240px minmax(0,1fr);gap:8px;min-height:0;display:grid}.vs-row{grid-template-columns:repeat(var(--n),minmax(0,190px));border-radius:12px;justify-content:center;gap:10px;min-height:0;padding:10px;display:grid}.vs-card{aspect-ratio:3/4;background:linear-gradient(#fcfcfc,#e9ecf2);border:2px solid #283444;border-radius:12px;flex-direction:column;justify-content:flex-end;min-width:0;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 5px #404c64}.vs-card.red{box-shadow:inset 0 5px #d8463c}.vs-card.blue{box-shadow:inset 0 5px #3a78c8}.vs-card.me{outline-offset:1px;outline:3px solid #ec7444}.vs-hero{width:100%;height:calc(100% - 50px);image-rendering:pixelated;position:absolute;inset:6px 0 44px}.vs-hero.hop{animation:.5s cubic-bezier(.3,1.6,.5,1) vs-hop}@keyframes vs-hop{0%,to{transform:none}40%{transform:translateY(-14%)}}.vs-host{z-index:2;color:#f2b632;text-shadow:0 1px #283444;font-size:20px;position:absolute;top:8px;left:8px}.vs-stamp{z-index:2;color:#fff;letter-spacing:.5px;pointer-events:none;background:#53b965;border:3px solid #fff;border-radius:10px;padding:2px 14px;font:900 24px/1.2 Noto Sans Thai,sans-serif;animation:.4s cubic-bezier(.2,1.7,.4,1) both vs-stamp;position:absolute;bottom:52px;left:50%;transform:translate(-50%)rotate(-6deg);box-shadow:0 3px #2e7a3c}@keyframes vs-stamp{0%{opacity:0;transform:translate(-50%,-90%)rotate(-6deg)scale(1.8)}to{opacity:1;transform:translate(-50%)rotate(-6deg)}}.vs-bubble{z-index:3;box-sizing:border-box;color:#1f2733;text-align:center;overflow-wrap:anywhere;background:#fff;border:2px solid #283444;border-radius:12px;width:max-content;max-width:90%;padding:4px 10px;font-size:20px;line-height:1.2;animation:.25s ease-out both vs-bub;position:absolute;top:10px;left:50%;transform:translate(-50%)}.vs-bubble.text{font:600 14px/1.3 Noto Sans Thai,sans-serif}@keyframes vs-bub{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.vs-cbar{z-index:2;color:#fff;background:#404c64;align-items:center;gap:5px;min-height:40px;padding:3px 6px;display:flex;position:relative}.vs-cbar em{font-size:16px;font-style:normal}.vs-who{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.vs-who b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.vs-who small{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.vs-bars{align-items:flex-end;gap:1px;height:14px;display:inline-flex}.vs-bars i{background:#ffffff40;border-radius:1px;width:3px}.vs-bars i:first-child{height:4px}.vs-bars i:nth-child(2){height:7px}.vs-bars i:nth-child(3){height:10px}.vs-bars i:nth-child(4){height:14px}.vs-bars.b4 i.on,.vs-bars.b3 i.on{background:#7fe3a0}.vs-bars.b2 i.on{background:#f4c95d}.vs-bars.b1 i.on{background:#ff6b5e}.vs-mini{color:#fff;cursor:pointer;background:#5a6886;border:0;border-radius:6px;width:22px;height:22px;padding:0;font:700 12px/22px Outfit,sans-serif}.vs-mini.x{background:#c8372d}.vs-info{z-index:4;color:#fff;cursor:pointer;background:#283444e8;border-radius:10px;flex-direction:column;justify-content:center;gap:3px;padding:8px;font-size:12.5px;display:flex;position:absolute;inset:6px 6px 46px}.vs-card.empty{box-shadow:none;color:#6e7787;opacity:.85;background:repeating-linear-gradient(45deg,#ffffff70 0 10px,#ffffff30 10px 20px),#e6e8ee;border-style:dashed;border-color:#9aa3b3;justify-content:center;align-items:center;gap:4px}.vs-card.empty b{color:#4a5466;font:800 17px Noto Sans Thai,sans-serif}.vs-card.empty small{font-size:12px}.vs-ask{flex-direction:column;gap:4px;width:86%;display:flex}.vs-ask input{border:1px solid #9aa3b3;border-radius:6px;height:30px;padding:0 6px;font:500 13px Noto Sans Thai,sans-serif}.vs-mid{flex-direction:column;gap:6px;min-height:0;display:flex}.vs-chat{background:#fcfcfc;border:1px solid #c3c9d3;border-radius:10px;flex-direction:column;flex:1;gap:4px;min-width:0;min-height:0;padding:6px;display:flex;position:relative}.vs-log{flex:1;min-height:40px;font-size:12.5px;line-height:1.35;overflow-y:auto}.vs-log p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.vs-log .emo{font-size:16px}.vs-say{flex-direction:column;gap:4px;display:flex}.vs-quick{flex-wrap:wrap;gap:3px;display:flex}.vs-quick button{cursor:pointer;background:#fff;border:1px solid #c3c9d3;border-radius:7px;width:30px;height:30px;padding:0;font-size:16px}.vs-text{box-sizing:border-box;color:#283444;background:#fff;border:1px solid #c3c9d3;border-radius:7px;width:100%;height:30px;padding:0 8px;font:500 13px Noto Sans Thai,sans-serif}.vs-sheet{z-index:6;background:#fcfcfc;border:1px solid #283444;border-radius:10px;grid-template-columns:repeat(6,38px);gap:4px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0005}.vs-sheet button{cursor:pointer;background:#fff;border:1px solid #dcdce0;border-radius:8px;height:38px;padding:0;font-size:20px}.vs-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#4c84b0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 14px;font:700 14px Noto Sans Thai,sans-serif;display:inline-flex}.vs-btn:disabled{color:#f4f5f8;cursor:not-allowed;background:#c3c9d3}.vs-btn.red{background:#d8463c}.vs-btn.blue{background:#3a78c8}.vs-btn.out{background:#6e7787}.vs-btn.go{background:#ec7444}.vs-btn.go.on{background:#53b965}.vs-btn.big{min-height:52px;font-size:20px;font-weight:900}.vs-btn kbd{background:#ffffff40;border-radius:5px;padding:1px 6px;font:700 12px Outfit,sans-serif}.vs-btn.chatbtn{display:none}.vs-side{background:#fcfcfc;border:2px solid #404c64;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex;box-shadow:inset 0 36px #404c64}.vs-side h3{color:#fff;text-align:center;margin:-4px 0 6px;font-size:15px}.vs-opt{grid-template-columns:48px 30px 1fr 30px;align-items:center;gap:4px;display:grid}.vs-opt span{color:#4a5466;font-size:13px}.vs-opt b{text-align:center;background:#dcdce0;border-radius:6px;padding:4px 0;font:800 15px Outfit,Noto Sans Thai,sans-serif}.vs-opt button{color:#283444;cursor:pointer;background:#f2b632;border:0;border-radius:6px;height:30px;font-size:13px}.vs-opt button:disabled{color:#b0b6c2;cursor:not-allowed;background:#e6e8ee}.vs-teams{grid-template-columns:1fr 1fr;gap:6px;display:grid}.vs-hint{text-align:center;color:#4a5466;min-height:18px;font-size:12.5px}.vs-code{text-align:center;color:#6e7787;font-size:12px}.vs-code b{color:#283444;letter-spacing:1px}.vs-slam{z-index:5;color:#fff;-webkit-text-stroke:5px #283444;paint-order:stroke;text-shadow:-6px 0 #d8463c,6px 0 #3a78c8;pointer-events:none;font:900 120px/1 Outfit,sans-serif;animation:1.4s cubic-bezier(.2,1.5,.4,1) both vs-slam;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes vs-slam{0%{opacity:0;transform:translate(-50%,-50%)scale(3)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}.vs-count{z-index:5;color:#fff;-webkit-text-stroke:5px #283444;paint-order:stroke;text-shadow:0 7px #ec7444;pointer-events:none;font:900 110px/1 Outfit,Noto Sans Thai,sans-serif;animation:.45s cubic-bezier(.2,1.6,.4,1) both vs-pop;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}@keyframes vs-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.vs-flash{z-index:6;pointer-events:none;background:#fff;animation:.3s ease-in both vs-flash;position:absolute;inset:0}@keyframes vs-flash{0%{opacity:0}to{opacity:.9}}@media (max-height:480px){.vs-panel{border-radius:0}.vs-score{padding:0 10px;font-size:18px;top:2px}.vs-main{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:4px;padding:4px}.vs-teamsbox{gap:4px}.vs-row{grid-template-columns:repeat(var(--n),minmax(0,120px));gap:6px;padding:4px}.vs-card{aspect-ratio:auto;height:100%}.vs-hero{height:calc(100% - 34px);top:4px;bottom:30px}.vs-cbar{gap:3px;min-height:28px;padding:1px 4px}.vs-who b{font-size:11px}.vs-who small{display:none}.vs-stamp{border-width:2px;padding:1px 8px;font-size:16px;bottom:32px}.vs-bottom{grid-template-columns:auto minmax(0,1fr);gap:4px}.vs-mid{justify-content:flex-end;gap:4px}.vs-chat{z-index:7;flex:none;width:min(320px,60vw);height:150px;display:none;position:fixed;bottom:52px;left:8px;box-shadow:0 8px 24px #0006}.vs-chat.open{display:flex}.vs-btn.chatbtn{display:inline-flex}.vs-btn{min-height:32px;padding:0 10px;font-size:12.5px}.vs-side{box-shadow:none;border-width:1px;flex-flow:wrap;align-items:center;gap:6px;padding:4px 6px}.vs-side h3,.vs-code{display:none}.vs-opt{grid-template-columns:auto 26px auto 26px}.vs-opt button{height:26px}.vs-opt b{padding:2px 6px;font-size:13px}.vs-teams{display:flex}.vs-btn.big{min-height:36px;margin-left:auto;font-size:15px}.vs-hint{min-height:0;font-size:11px}.vs-slam,.vs-count{font-size:72px}}.vs-screen{color:#f1f3f6}.vs-panel{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#353c4a;border-radius:8px;box-shadow:0 0 0 1px #141a25,0 14px 48px #0009}.vs-score{color:#f1f3f6;background:#2b3442;border-color:#566072}.vs-score .r{color:#ff6b6b}.vs-score .b{color:#4fa3f7}.vs-score i{color:#aab2c0}.vs-row{border-radius:8px}.vs-row.red{background:linear-gradient(#4a2e33,#3b262b);box-shadow:inset 0 0 0 1px #8a4a4f}.vs-row.blue{background:linear-gradient(#2c3d56,#253348);box-shadow:inset 0 0 0 1px #4a6e9e}.vs-card{background:linear-gradient(#4a5364,#353c4a);border-color:#566072;border-radius:8px;box-shadow:inset 0 5px #2b3442}.vs-card.ready{background:linear-gradient(#4a5364,#2e4a3d)}.vs-card.me{outline-color:#f07a45}.vs-host{text-shadow:0 1px #141a25}.vs-cbar{background:#2b3442}.vs-mini{background:#4e5767}.vs-info{background:#2b3442f0;box-shadow:inset 0 0 0 1px #566072}.vs-card.empty{color:#aab2c0;background:repeating-linear-gradient(45deg,#ffffff0a 0 10px,#0000 10px 20px),#2c323e;border-color:#566072}.vs-card.empty b{color:#c9cfd8}.vs-ask input,.vs-text{color:#f1f3f6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#2c323e;border-color:#566072;border-radius:6px}.vs-ask input::placeholder,.vs-text::placeholder{color:#7c8596}.vs-ask input:focus,.vs-text:focus{border-color:#f07a45;outline:0}.vs-chat{background:#2c323e;border-color:#566072;border-radius:6px}.vs-log p.me b{color:#f07a45}.vs-log small{color:#aab2c0}.vs-quick button{background:#434b5a;border-color:#566072;border-radius:6px}.vs-quick button:hover{background:#4e5767}.vs-sheet{background:#353c4a;border-color:#566072;border-radius:8px}.vs-sheet button{background:#434b5a;border-color:#566072;border-radius:6px}.vs-btn{background:#4a86c5;border-radius:6px;box-shadow:0 2px #2f5e8f}.vs-btn:disabled{color:#7c8596;box-shadow:none;background:#3a414e}.vs-btn.red{background:#d8463c;box-shadow:0 2px #8f2c25}.vs-btn.blue{background:#3a78c8;box-shadow:0 2px #24508a}.vs-btn.red.on,.vs-btn.blue.on{box-shadow:inset 0 0 0 3px #fff,0 0 0 2px #f07a45}.vs-btn.out{box-shadow:none;background:#4e5767}.vs-btn.go{background:#f07a45;box-shadow:0 2px #b9542a}.vs-btn.go:hover:not(:disabled){background:#ff8a55}.vs-btn.go.on{background:#2f8f5a;box-shadow:0 2px #1f6440}.vs-side{background:#434b5a;border:1px solid #566072;border-radius:8px;box-shadow:inset 0 36px #2b3442}.vs-opt span{color:#aab2c0}.vs-opt b{color:#f1f3f6;background:#2c323e;box-shadow:inset 0 0 0 1px #566072}.vs-opt button{color:#fff;background:#4e5767}.vs-opt button:hover:not(:disabled){background:#f07a45}.vs-opt button:disabled{color:#7c8596;background:#3a414e}.vs-hint,.vs-code{color:#aab2c0}.vs-code b{color:#f1f3f6}.vs-btn.go:disabled,.vs-btn.red:disabled,.vs-btn.blue:disabled{color:#7c8596;box-shadow:none;background:#3a414e}@media (max-height:480px){.vs-side{box-shadow:none}.vs-panel{border-radius:0}}.avs,.avs *{box-sizing:border-box}.avs{--accent:#f4c95d;--ink:#f4f6ff;--muted:#b9c1dc;--glass:#0a0e209e;--line:#ffffff29;min-height:100%;color:var(--ink);background:#0b1022;margin:0;font-family:Noto Sans Thai,Tahoma,Segoe UI,sans-serif;overflow-x:hidden}.avs button,.avs a{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.avs a{text-decoration:none}.avs :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.avs .stage{z-index:0;background:#0b1022;position:fixed;inset:0;overflow:hidden}.avs .stage-art{object-fit:cover;object-position:50% 40%;opacity:0;width:100%;height:100%;transition:opacity .6s,transform 6s ease-out;position:absolute;inset:0;transform:scale(1.06)}.avs .stage-art.show{opacity:1;transform:scale(1)}.avs .stage-shade{background:linear-gradient(90deg,#080b1ae6 0,#080b1a8c 26%,#080b1a00 44% 62%,#080b1a99 76%,#080b1aeb 100%),linear-gradient(0deg,#080b1abf 0,#080b1a00 28%),linear-gradient(#080b1a8c 0,#080b1a00 16%);position:absolute;inset:0}.avs .select-header{z-index:2;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:relative}.avs .wordmark{letter-spacing:4px;text-shadow:0 2px 12px #00000080;font-size:18px;font-weight:900}.avs .back-link{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;display:inline-flex}.avs .back-link:hover{background:#ffffff2e}.avs .back-link span{font-size:20px;line-height:0}.avs .step-label{letter-spacing:1px;color:var(--muted);font-size:13px}.avs .select-layout{--panel:350px;z-index:1;grid-template-columns:minmax(300px,380px) 1fr var(--panel);align-items:center;gap:24px;min-height:calc(100dvh - 72px);padding:8px 32px 28px;display:grid;position:relative}.avs .class-info{grid-column:1;align-self:center}.avs .class-panel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;flex-direction:column;grid-column:3;align-self:center;gap:12px;max-height:calc(100dvh - 100px);padding:18px;display:flex;box-shadow:0 20px 60px #0006}.avs .class-count{letter-spacing:2px;color:var(--accent);margin:0 0 6px;font-size:13px;font-weight:700}.avs .class-info h1{text-shadow:0 4px 24px #0009;margin:0;font-size:clamp(40px,4.4vw,60px);line-height:1.1}.avs .class-en{letter-spacing:6px;text-transform:uppercase;color:var(--accent);margin:4px 0 0;font-size:15px;font-weight:700}.avs .class-tagline{margin:18px 0 8px;font-size:17px;font-weight:700}.avs .class-desc{color:var(--muted);max-width:34em;margin:0;font-size:14px;line-height:1.75}.avs .class-meta{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 14px;display:grid}.avs .class-meta div{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:10px 12px}.avs .class-meta dt{letter-spacing:1px;color:var(--muted);margin-bottom:4px;font-size:11px}.avs .class-meta dd{margin:0;font-size:14px;font-weight:700}.avs .class-meta .skill{align-items:center;gap:8px;display:flex}.avs .class-meta .skill img{object-fit:contain;width:26px;height:26px}.avs .class-stats{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;gap:9px;padding:14px;display:grid}.avs .stat{grid-template-columns:88px 1fr 40px;align-items:center;gap:10px;font-size:13px;display:grid}.avs .stat span{color:var(--muted)}.avs .stat b{text-align:right;font-variant-numeric:tabular-nums}.avs .bar{background:#ffffff1f;border-radius:3px;height:6px;overflow:hidden}.avs .bar i{background:var(--accent);height:100%;box-shadow:0 0 10px var(--accent);border-radius:3px;transition:width .5s;display:block}.avs .class-info.enter>*{animation:.45s both avs-rise}.avs .class-info.enter>:nth-child(2){animation-delay:40ms}.avs .class-info.enter>:nth-child(3){animation-delay:80ms}.avs .class-info.enter>:nth-child(n+4){animation-delay:.12s}@keyframes avs-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.avs .panel-head{justify-content:space-between;align-items:baseline;padding:0 4px;display:flex}.avs .panel-head h2{letter-spacing:3px;margin:0;font-size:15px}.avs .panel-head span{color:var(--muted);font-size:12px}.avs .class-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;min-height:0;height:min(calc((var(--panel) - 44px) * .4167 * 4 + 38px),calc(100dvh - 290px));flex-direction:column;gap:10px;margin:-4px;padding:4px 8px 4px 4px;display:flex;overflow-y:auto}.avs .class-card{cursor:pointer;aspect-ratio:960/400;opacity:.62;filter:saturate(.75);background:#111;border:2px solid #0000;border-radius:12px;flex:none;padding:0;transition:opacity .2s,filter .2s,border-color .2s,box-shadow .2s,transform .2s;display:block;position:relative;overflow:hidden}.avs .class-card img{object-fit:cover;object-position:30% 40%;width:100%;height:100%;display:block}.avs .class-card:hover{opacity:.9;filter:none;transform:translate(-3px)}.avs .class-card.selected{opacity:1;filter:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 22px color-mix(in srgb,var(--accent) 55%,transparent)}.avs .class-card.locked{cursor:not-allowed;opacity:.5;filter:grayscale(.35)}.avs .class-card.locked:hover{opacity:.7;transform:none}.avs .class-card.locked.shake{animation:.35s avs-shake}@keyframes avs-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.avs .list-divider{letter-spacing:1px;color:var(--muted);flex:none;align-items:center;gap:8px;margin:4px 2px 0;font-size:11px;display:flex}.avs .list-divider:after{content:"";background:var(--line);flex:1;height:1px}.avs .toast{z-index:20;opacity:0;pointer-events:none;border:1px solid var(--line);background:#0a0e20eb;border-radius:999px;padding:12px 20px;font-size:14px;transition:opacity .25s,transform .25s;position:fixed;bottom:32px;left:50%;transform:translate(-50%,20px)}.avs .toast.show{opacity:1;transform:translate(-50%)}.avs .card-name{background:#0000008c;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;position:absolute;bottom:6px;right:8px}.avs .create-button{color:#1d1606;background:linear-gradient(180deg,#fff1b8,var(--accent));min-height:54px;box-shadow:0 4px 0 #00000059,0 0 24px color-mix(in srgb,var(--accent) 45%,transparent);border-radius:12px;justify-content:center;align-items:center;font-size:17px;font-weight:700;transition:filter .15s,transform .15s;display:flex}.avs .create-button:hover{filter:brightness(1.08)}.avs .create-button:active{transform:translateY(2px)}.avs .hint{text-align:center;color:var(--muted);margin:0;font-size:11px}@media (max-width:1100px){.avs .select-layout{--panel:290px;grid-template-columns:minmax(260px,320px) 1fr var(--panel);gap:16px;padding:8px 20px 20px}.avs .select-header{padding:0 20px}.avs .class-info h1{font-size:40px}}@media (max-width:820px){.avs{background:#0b1022}.avs .stage{height:56vh;min-height:300px;position:absolute;bottom:auto}.avs .stage-art{object-position:50% 30%}.avs .stage-shade{background:linear-gradient(0deg,#0b1022 0,#0b102200 45%),linear-gradient(#080b1a99 0,#080b1a00 25%)}.avs .select-header{height:60px;padding:0 16px}.avs .wordmark{letter-spacing:2px;font-size:14px}.avs .step-label{display:none}.avs .select-layout{flex-direction:column;align-items:stretch;gap:16px;min-height:0;padding:calc(56vh - 160px) 16px 104px;display:flex}.avs .class-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a0e20b8;order:-1;width:100%;min-width:0;max-height:none;padding:12px}.avs .class-list{scroll-snap-type:x proximity;flex-direction:row;min-width:0;height:auto;margin:0;padding:4px;scroll-padding:0 4px;display:flex;overflow:auto hidden}.avs .list-divider{display:none}.avs .class-card{aspect-ratio:960/400;scroll-snap-align:start;flex:none;width:62vw;max-width:260px;height:auto}.avs .class-card:hover{transform:none}.avs .class-panel .create-button{left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:5;position:fixed}.avs .hint{display:none}.avs .class-info h1{font-size:36px}.avs .class-meta{grid-template-columns:1fr}}@media (max-height:640px) and (min-width:821px){.avs .select-header{height:56px}.avs .class-tagline{margin-top:10px}.avs .class-meta{margin:12px 0 10px}.avs .class-desc{font-size:13px;line-height:1.6}}@media (prefers-reduced-motion:reduce){.avs .stage-art{transition:opacity .2s;transform:none}.avs .stage-art.show{transform:none}.avs .class-card,.avs .bar i,.avs .toast{transition:none}.avs .class-card.locked.shake{animation:none}}.avs .wordmark{line-height:0;letter-spacing:0!important}.avs .wordmark-img{width:160px;height:32px;image-rendering:pixelated;display:block}.avs.roster-page .stage-art{filter:brightness(.62)saturate(1.05)blur(1.5px);object-position:62% 35%}.avs .stage-tint{pointer-events:none;background:radial-gradient(42% 46% at 50% 78%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 70%),radial-gradient(70% 60% at 50% 110%,#080b1ad9,transparent 70%);transition:background .6s;position:absolute;inset:0}.avs .slot-pill{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);background:#ffffff1a;border-radius:999px;padding:9px 16px;font-size:13px}.avs.roster-page .select-header .wordmark{position:absolute;left:50%;transform:translate(-50%)}.avs .hero-stage{flex-direction:column;grid-column:2;justify-content:flex-end;align-self:stretch;align-items:center;min-height:0;padding-bottom:calc(4vh + 50px);display:flex;position:relative}.avs .hero-stage canvas{z-index:2;aspect-ratio:1;filter:drop-shadow(0 14px 22px #00000073);width:min(470px,36vw,62vh);margin-bottom:calc(min(470px,36vw,62vh)/-7.69231);animation:3.6s ease-in-out infinite avs-breathe;position:relative}.avs .pedestal{aspect-ratio:1;z-index:1;perspective:900px;width:min(330px,26vw,44vh);position:absolute;bottom:calc(4vh + 54px - min(330px,26vw,44vh)/2);left:50%;transform:translate(-50%)}.avs .pedestal-glow{background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 70%,#fff) 0,color-mix(in srgb,var(--accent) 35%,transparent) 45%,transparent 75%);filter:blur(4px);opacity:.75;border-radius:50%;animation:3.6s ease-in-out infinite avs-pulse;position:absolute;inset:30% -10% 25%}.avs .orbit-ring{border:2px solid color-mix(in srgb,var(--accent) 80%,#fff);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 60%,transparent),inset 0 0 18px color-mix(in srgb,var(--accent) 45%,transparent);border-radius:50%;animation:9s linear infinite avs-spin;position:absolute;inset:0;transform:rotateX(76deg)}.avs .orbit-ring:before{content:"";width:14px;height:14px;box-shadow:0 0 14px 4px var(--accent);background:#fff;border-radius:50%;position:absolute;top:-7px;left:50%}.avs .orbit-ring.two{opacity:.55;border-style:dashed;animation-duration:14s;animation-direction:reverse;inset:16% 12%}.avs .orbit-ring.two:before{display:none}.avs .hero-plate{z-index:3;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:10px;padding:8px 18px;display:flex;position:absolute;bottom:calc(4vh - 22px);box-shadow:0 10px 30px #00000059}.avs .hero-plate b{letter-spacing:.5px;font-size:16px}.avs .hero-plate span{letter-spacing:2px;color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:700}.avs.no-hero .hero-plate,.avs.no-hero .hero-stage canvas{opacity:0}.avs .hero-stage.pop canvas{animation:.5s cubic-bezier(.2,.9,.3,1.3) both avs-appear,3.6s ease-in-out .5s infinite avs-breathe}@keyframes avs-spin{0%{transform:rotateX(76deg)rotate(0)}to{transform:rotateX(76deg)rotate(360deg)}}@keyframes avs-pulse{50%{opacity:1;transform:scale(1.06)}}@keyframes avs-appear{0%{opacity:0;transform:translateY(24px)scale(.92)}to{opacity:1;transform:none}}@keyframes avs-breathe{50%{transform:translateY(-6px)}}.avs .quest-pips{gap:6px;display:flex}.avs .quest-pips i{background:#ffffff1f;border-radius:3px;flex:1;height:6px}.avs .quest-pips i.on{background:var(--accent);box-shadow:0 0 10px var(--accent)}.avs .stat.coins b{color:#ffe08a;white-space:nowrap}.avs.roster-page .stat{grid-template-columns:96px 1fr 64px}.avs.roster-page .class-meta dd{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.avs .roster-panel .slot-list{height:min(calc((var(--panel) - 44px) * .4167 * 4 + 38px),calc(100dvh - 330px))}.avs .slot-card{aspect-ratio:960/400;cursor:pointer;opacity:.66;filter:saturate(.8);text-align:left;background:#121a2e;border:2px solid #0000;border-radius:12px;flex:none;width:100%;padding:0;transition:opacity .2s,filter .2s,border-color .2s,box-shadow .2s,transform .2s;display:block;position:relative;overflow:hidden}.avs .slot-card:hover{opacity:.92;filter:none;transform:translate(-3px)}.avs .slot-card.selected{opacity:1;filter:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 22px color-mix(in srgb,var(--accent) 55%,transparent)}.avs .slot-banner{object-fit:cover;object-position:30% 40%;width:100%;height:100%;position:absolute;inset:0}.avs .slot-shade{background:linear-gradient(90deg,#080b1ae6 0,#080b1ab8 38%,#080b1a00 72%),linear-gradient(#0000 45%,#080b1a99);position:absolute;inset:0}.avs .slot-card canvas{aspect-ratio:1;filter:drop-shadow(0 4px 6px #00000080);height:120%;position:absolute;bottom:-16%;left:-3%}.avs .slot-text{text-shadow:0 2px 8px #000000b3;flex-direction:column;gap:2px;display:flex;position:absolute;bottom:14%;left:34%;right:6%}.avs .slot-text b{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.avs .slot-text small{color:var(--accent);letter-spacing:.5px;font-size:12px;font-weight:700}.avs .slot-card .slot-no{letter-spacing:1px;color:var(--muted);background:#00000080;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:6px;right:8px}.avs .slot-card.empty{opacity:.85;filter:none;color:var(--muted);background:#ffffff0a;border:2px dashed #ffffff38;justify-content:center;align-items:center;gap:10px;display:flex}.avs .slot-card.empty:hover{border-color:var(--accent);color:var(--ink);background:#ffffff14}.avs .empty-plus{border:2px solid;border-radius:50%;place-items:center;width:38px;height:38px;font-size:24px;line-height:1;display:grid}.avs .empty-text{font-size:15px;font-weight:700}.avs .panel-actions{gap:10px;display:flex}.avs .ghost-button{border:1px solid var(--line);min-height:42px;color:var(--ink);cursor:pointer;background:#ffffff14;border-radius:12px;flex:1;font-size:14px;font-weight:700;transition:background .15s,border-color .15s}.avs .ghost-button:hover:not(:disabled){background:#ffffff29;border-color:#ffffff4d}.avs .ghost-button:disabled{opacity:.4;cursor:not-allowed}.avs .ghost-button.danger{color:#ff9db0;border-color:#ff789659;flex:0 0 84px}.avs .ghost-button.danger:hover:not(:disabled){background:#ff5a7e29}.avs .ghost-button.danger.solid{background:#ff5a7e38;flex:1}.avs .roster-panel .create-button{cursor:pointer;border:0;width:100%}.avs .roster-panel .create-button:disabled{filter:grayscale(.8)brightness(.7);cursor:not-allowed;box-shadow:none}.avs.leaving .select-layout,.avs.leaving .select-header{opacity:0;transition:opacity .28s,transform .28s;transform:translateY(-8px)}.avs .confirm-dialog{border:1px solid var(--line);max-width:min(420px,100vw - 32px);color:var(--ink);background:#0c1022f2;border-radius:18px;padding:24px;box-shadow:0 30px 80px #0009}.avs .confirm-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050814a6}.avs .confirm-dialog h2{margin:0 0 8px;font-size:20px}.avs .confirm-dialog p{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.6}.avs .form-label{color:var(--muted);flex-direction:column;gap:8px;font-size:13px;display:flex}.avs .form-label input{font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffff0f;border-radius:10px;padding:11px 12px}.avs .confirm-actions{gap:10px;margin-top:18px;display:flex}@media (max-width:1100px){.avs .slot-text b{font-size:15px}.avs .hero-stage canvas{width:min(400px,34vw,58vh)}}@media (max-width:820px){.avs.roster-page .select-header .wordmark{position:static;transform:none}.avs .slot-pill{padding:7px 12px;font-size:11px}.avs.roster-page .select-layout{padding-top:8px}.avs .hero-stage{order:-2;justify-content:flex-end;height:min(44vh,360px);padding-bottom:46px}.avs .hero-stage canvas{width:min(300px,70vw,38vh);margin-bottom:calc(min(300px,70vw,38vh)/-7.69231)}.avs .pedestal{width:min(240px,58vw);bottom:calc(50px - min(240px,58vw)/2)}.avs .hero-plate{bottom:0}.avs .roster-panel .slot-list{flex-direction:row;height:auto}.avs .slot-card{scroll-snap-align:start;width:62vw;max-width:260px}.avs .slot-card:hover{transform:none}.avs .roster-panel .create-button{width:auto;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:5;position:fixed}.avs.roster-page .class-info{padding-bottom:20px}}@media (prefers-reduced-motion:reduce){.avs .orbit-ring,.avs .pedestal-glow,.avs .hero-stage canvas{animation:none!important}}@media (max-width:820px){.avs.roster-page .class-info{align-self:stretch;width:100%}}.avs.roster-page .class-stats:empty,.avs.roster-page .class-meta:empty{display:none}.avs .ghost-button.account{opacity:.85;flex:none;padding:0 14px;font-weight:400}.avs.create-page .select-header .wordmark{position:absolute;left:50%;transform:translate(-50%)}.avs.create-page .stage-art{filter:brightness(.6)saturate(1.05)blur(2px)}.avs.create-page .class-meta .wide{grid-column:1/-1}.avs.create-page .class-meta dd span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.avs .turn-buttons{z-index:3;pointer-events:none;justify-content:space-between;width:min(420px,34vw,56vh);display:flex;position:absolute;bottom:calc(4vh + 40px);left:50%;transform:translate(-50%)}.avs .turn{pointer-events:auto;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;font-size:24px;line-height:1;transition:background .15s,border-color .15s,transform .15s}.avs .turn:hover{border-color:var(--accent);background:#ffffff29}.avs .turn:active{transform:scale(.94)}.avs .hero-plate b.empty{color:var(--muted);font-style:italic;font-weight:400}.avs .create-panel{gap:14px}.avs .create-form{scrollbar-width:thin;flex-direction:column;gap:14px;min-height:0;margin:0 -4px;padding:0 4px;display:flex;overflow-y:auto}.avs .field{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.avs .field legend,.avs .field-label{letter-spacing:1.5px;color:var(--muted);justify-content:space-between;width:100%;padding:0;font-size:12px;font-weight:700;display:flex}.avs .field legend small,.avs .field-label small{letter-spacing:.5px;color:var(--accent);font-weight:400}.avs .choice-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.avs .choice{cursor:pointer;position:relative}.avs .choice input{opacity:0;pointer-events:none;position:absolute}.avs .choice span{border:1px solid var(--line);background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:6px 10px;font-size:15px;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s,color .15s;display:flex}.avs .choice span i{color:var(--muted);font-size:18px;font-style:normal}.avs .pose-row{grid-template-columns:repeat(4,1fr);gap:8px}.avs .pose-row .choice span{min-height:42px;padding:6px 4px;font-size:14px}.avs .pose-row .choice[hidden]{display:none}.avs .choice:hover span{background:#ffffff1f}.avs .choice input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,#0a0e2099);box-shadow:0 0 0 1px var(--accent),0 0 18px color-mix(in srgb,var(--accent) 40%,transparent)}.avs .choice input:checked+span i{color:var(--accent)}.avs .choice input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.avs .name-field input{font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffff0f;border-radius:12px;outline:none;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.avs .name-field input::placeholder{color:#b9c1dc99}.avs .name-field input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 16px color-mix(in srgb,var(--accent) 35%,transparent)}.avs .form-error{color:#ff9db0;min-height:18px;margin:-4px 0 0;font-size:13px}.avs .create-panel .create-button{cursor:pointer;border:0;width:100%}.avs .create-panel .create-button:disabled{filter:grayscale(.6)brightness(.8);cursor:wait}.avs .create-panel .ghost-button{justify-content:center;align-items:center;display:flex}@media (max-width:1100px){.avs .turn-buttons{width:min(360px,32vw,52vh)}}@media (max-height:760px) and (min-width:821px){.avs .create-form{gap:10px}.avs.create-page .class-desc{display:none}}@media (max-width:820px){.avs.create-page .select-layout{padding-bottom:84px}.avs.create-page .select-header .wordmark{position:static;transform:none}.avs.create-page .select-layout{padding-top:8px}.avs.create-page .hero-stage{order:-2}.avs.create-page .class-panel{order:-1}.avs .turn-buttons{width:min(300px,80vw);bottom:40px}.avs .create-panel .create-button{width:auto;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:5;position:fixed}.avs .create-form{overflow:visible}.avs.create-page .hint{display:none}}.avs.ui-v2.select-page{--v2-ink:#283444;--v2-body:#f0f0f0;--v2-title:#404c64;--v2-dark:#283444;--v2-orange:#ec7444;--v2-blue:#4c84b0;--v2-round:#647890;--v2-mute:#6e7787}.avs.ui-v2 .select-header{background:linear-gradient(#283444e6,#28344400)}.avs.ui-v2 .select-header .wordmark{letter-spacing:6px}.avs.ui-v2 .slot-pill,.avs.ui-v2 .back-link,.avs.ui-v2 .step-label{color:#fff!important;background:#283444d9!important;border:0!important;border-radius:16px!important}.avs.ui-v2 .v2-server{z-index:3;background:var(--v2-round);color:#fff;white-space:nowrap;border-radius:14px;padding:4px 12px;font-size:12px;position:absolute;top:62px;left:32px}.avs.ui-v2 .v2-server i{background:var(--v2-orange);border-radius:8px;margin-left:6px;padding:0 7px;font-style:normal}.avs.ui-v2 .class-panel{overflow:hidden;background:var(--v2-body)!important;color:var(--v2-ink)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;border-radius:10px!important;padding:0 14px 14px!important;box-shadow:0 14px 34px #0b1d3066!important}.avs.ui-v2 .class-panel .panel-head{background:var(--v2-title);color:#fff;margin:0 -14px;align-items:center!important;padding:7px 14px!important}.avs.ui-v2 .class-panel .panel-head h2{color:#fff!important;letter-spacing:2px!important;font-size:14px!important}.avs.ui-v2 .class-panel .panel-head span{color:#c3cbda!important}.avs.ui-v2 .class-panel .hint,.avs.ui-v2 .class-panel .field-label,.avs.ui-v2 .class-panel legend,.avs.ui-v2 .class-panel small{color:var(--v2-mute)!important}.avs.ui-v2 .class-card{background:#fff!important;border-radius:8px!important}.avs.ui-v2 .class-card.selected{border-color:var(--v2-orange)!important;box-shadow:0 0 0 2px var(--v2-orange)!important}.avs.ui-v2 .slot-list>[class*=empty]{color:var(--v2-mute)!important;background:#fff!important;border:2px dashed #c9ccd4!important}.avs.ui-v2 .create-button{background:var(--v2-orange)!important;color:#fff!important;text-shadow:none!important;border:0!important;border-radius:8px!important;box-shadow:0 3px #b8552e!important}.avs.ui-v2 .create-button:disabled{box-shadow:none!important;color:#6e7787!important;background:#c9ccd4!important}.avs.ui-v2 .ghost-button{color:var(--v2-ink)!important;box-shadow:none!important;background:#fff!important;border:1px solid #d6d8de!important;border-radius:7px!important}.avs.ui-v2 .ghost-button.danger{color:#e0306a!important}.avs.ui-v2 .ghost-button.danger.solid{color:#fff!important;background:#e0306a!important;border:0!important}.avs.ui-v2 .ghost-button.account{background:var(--v2-blue)!important;color:#fff!important;border:0!important}.avs.ui-v2 .class-meta div,.avs.ui-v2 .class-stats{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#283444e0!important;border:0!important;border-radius:8px!important}.avs.ui-v2 .class-meta dt,.avs.ui-v2 .stat span{color:#c3cbda!important}.avs.ui-v2 .stat i,.avs.ui-v2 .stat .bar{background:#fff2}.avs.ui-v2 .hero-plate{background:#283444e6!important;border:0!important;border-radius:16px!important}.avs.ui-v2 .create-form input[type=text],.avs.ui-v2 .create-form input:not([type]),.avs.ui-v2 #newName{color:var(--v2-ink)!important;background:#fff!important;border:1px solid #d6d8de!important;border-radius:6px!important}.avs.ui-v2 .create-form input:focus{outline:none;border-color:var(--v2-orange)!important}.avs.ui-v2 .choice span{color:var(--v2-ink)!important;background:#fff!important;border:1px solid #d6d8de!important;border-radius:8px!important}.avs.ui-v2 .choice input:checked+span{border-color:var(--v2-orange)!important;box-shadow:0 0 0 2px var(--v2-orange)!important}.avs.ui-v2 .turn{background:var(--v2-round)!important;color:#fff!important;border:0!important}.avs.ui-v2 .confirm-dialog{background:var(--v2-body)!important;color:var(--v2-ink)!important;border:0!important;border-radius:10px!important}.avs.ui-v2 .confirm-dialog h2{color:var(--v2-ink)!important}.avs.ui-v2 .confirm-dialog input{color:var(--v2-ink)!important;background:#fff!important;border:1px solid #d6d8de!important}.avs{min-height:100vh;position:relative}.avs .channel-pick{display:block}.avs .channel-pick select{border:1px solid var(--line);color:#fff;background:#ffffff14;border-radius:10px;width:100%;min-height:38px;padding:0 12px;font:600 13px Noto Sans Thai,sans-serif}.avs .channel-pick option{color:#111}.avs.ui-v2 .channel-pick select{color:var(--v2-ink);background:#fff;border:1px solid #d6d8de;border-radius:8px}@media (orientation:landscape) and (max-height:540px){.avs.select-page{height:100dvh;min-height:0;overflow:hidden}.avs.select-page .stage{height:auto;min-height:0;position:fixed;inset:0}.avs.select-page .stage-art{object-position:50% 40%}.avs.select-page .stage-shade{background:linear-gradient(90deg,#080b1ae6 0,#080b1a8c 26%,#080b1a00 44% 62%,#080b1a99 76%,#080b1aeb 100%),linear-gradient(0deg,#080b1abf 0,#080b1a00 28%)}.avs.select-page .select-header{height:44px;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));justify-content:flex-start;gap:8px}.avs.select-page .select-header .wordmark{position:absolute;left:50%;transform:translate(-50%)}.avs.select-page .wordmark-img{width:120px;height:24px}.avs.select-page .slot-pill,.avs.select-page .back-link{padding:6px 12px;font-size:12px}.avs.select-page .step-label{margin-left:auto;font-size:12px;display:block}.avs.ui-v2 .v2-server{padding:3px 10px;font-size:11px;position:static}.avs.ui-v2 .v2-server i{display:none}.avs.select-page .select-layout{height:calc(100dvh - 44px);min-height:0;padding:4px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));grid-template-columns:minmax(180px,27vw) minmax(0,1fr) minmax(240px,32vw);align-items:stretch;gap:12px;display:grid}.avs.select-page .class-info{scrollbar-width:none;order:0;grid-column:1;align-self:stretch;width:auto;min-height:0;padding:2px 2px 8px 0;overflow-y:auto}.avs.select-page .class-info::-webkit-scrollbar{display:none}.avs.select-page .class-count{margin:0 0 2px;font-size:11px}.avs.select-page .class-info h1{font-size:28px}.avs.select-page .class-en{letter-spacing:4px;font-size:12px}.avs.select-page .class-tagline{margin:6px 0 2px;font-size:14px}.avs.select-page .class-desc{display:none}.avs.select-page .class-meta{grid-template-columns:1fr;gap:6px;margin:8px 0}.avs.select-page .class-meta div{padding:6px 10px}.avs.select-page .class-meta dd{font-size:13px}.avs.select-page .class-stats{gap:6px;padding:10px}.avs.select-page .stat{grid-template-columns:76px 1fr 58px;gap:8px;font-size:12px}.avs.select-page .hero-stage{order:0;grid-column:2;justify-content:flex-end;align-self:stretch;height:auto;min-height:0;padding-bottom:40px}.avs.select-page .hero-stage canvas{width:min(330px,34vw,62vh);margin-bottom:calc(min(330px,34vw,62vh)/-7.69231)}.avs.select-page .pedestal{width:min(240px,24vw,44vh);bottom:calc(44px - min(240px,24vw,44vh)/2)}.avs.select-page .hero-plate{white-space:nowrap;max-width:100%;padding:5px 14px;bottom:2px}.avs.select-page .hero-plate b{text-overflow:ellipsis;font-size:14px;overflow:hidden}.avs.select-page .turn-buttons{width:min(320px,32vw,56vh);bottom:44px}.avs.select-page .class-panel{order:0;grid-column:3;align-self:stretch;gap:8px;width:auto;min-width:0;min-height:0;max-height:none}.avs.select-page .class-panel .panel-head h2{font-size:12px!important}.avs.select-page .class-panel .class-list{scroll-snap-type:y proximity;flex-direction:column;flex:auto;height:auto;min-height:0;margin:0;padding:4px;overflow:hidden auto}.avs.select-page .class-panel .list-divider{display:flex}.avs.select-page .class-card,.avs.select-page .slot-card{scroll-snap-align:start;width:100%;max-width:none}.avs.select-page .slot-text b{font-size:14px}.avs.select-page .channel-pick select{min-height:32px}.avs.select-page .class-panel .create-button{flex:none;width:100%;min-height:42px;font-size:16px;position:static}.avs.select-page .panel-actions{flex-wrap:wrap;gap:6px}.avs.select-page .panel-actions .ghost-button,.avs.select-page .panel-actions .ghost-button.danger{white-space:nowrap;flex:auto;min-height:34px;padding:0 10px;font-size:12.5px}.avs.select-page .class-panel .hint{display:none}.avs.select-page .create-form{flex:auto;gap:8px;min-height:0;overflow-y:auto}.avs.select-page .field{gap:6px}.avs.select-page .name-field input{padding:9px 12px}.avs.select-page .pose-row .choice span{min-height:34px;font-size:13px}.avs.select-page .form-error{min-height:0}}.avs .class-card .card-locked-word{--lock-x:3.6%;--lock-y:15%;--lock-size:5.1;left:var(--lock-x);top:var(--lock-y);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;color:#fff;max-width:58%;font-weight:300;font-size:calc(var(--lock-size) * 1cqw);letter-spacing:.05em;text-transform:uppercase;text-shadow:0 0 .22em #c4b0ffbf,0 .04em .16em #140a308c;line-height:1.4;position:absolute;overflow:hidden}.avs .class-card .card-locked-line{pointer-events:none;background:linear-gradient(90deg,#ece0ff33 0,#faf2fff2 36%,#faf2ffeb 82%,#ece0ff99 100%);width:40.3%;height:max(1px,.21cqw);position:absolute;top:32.4%;left:0;box-shadow:0 0 .55cqw .04cqw #c4b0ffb3}.avs .class-card.locked{container-type:inline-size}.avs .class-card.locked.soon{opacity:.62;filter:grayscale(.55)brightness(.85)}.avs .class-card .card-soon{letter-spacing:1px;text-transform:uppercase;color:#fff;background:color-mix(in srgb,var(--accent) 55%,#0009);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:6px;left:8px}.avl2{--ink:#232b3a;--ink2:#4a5263;--mute:#7a8090;--body:#f5f3ee;--white:#fdfcfa;--title:#2c3547;--slot:#e7e3da;--orange:#ec7444;--blue:#4c84b0;--gold:#b8964a;--gold-soft:#f4eedd;--down:#c8463f;--up:#2f8f6a;--line:#d8d2c4;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);-webkit-overflow-scrolling:touch;color:var(--ink);background:#0b1022;font:400 14px/1.5 Noto Sans Thai,Outfit,system-ui,sans-serif;position:fixed;inset:0;overflow:auto}.avl2 *,.avl2 :before,.avl2 :after{box-sizing:border-box}.avl2-art{z-index:0;background:#0b1022;position:fixed;inset:0;overflow:hidden}.avl2-art img{object-fit:cover;object-position:62% 40%;opacity:0;width:100%;height:100%;transition:opacity 1.4s;position:absolute;inset:0}.avl2-art img.show{opacity:1}.avl2-scrim{background:#0b10226b;position:absolute;inset:0}.avl2-wrap{z-index:1;min-height:100%;padding:calc(16px + var(--sat)) calc(max(24px,5vw) + var(--sar)) calc(16px + var(--sab)) calc(max(24px,5vw) + var(--sal));grid-template-columns:minmax(0,1fr) minmax(340px,410px);align-items:center;gap:24px 40px;display:grid;position:relative}.avl2-brand{text-align:center;color:#fff;justify-self:center}.avl2-logo{width:min(460px,40vw);height:auto;image-rendering:pixelated;margin:0 auto;display:block}.avl2-brand p{letter-spacing:.04em;text-shadow:0 2px #141a25;margin:8px 0 0;font:600 19px/1.4 Noto Sans Thai,sans-serif}.avl2-card{max-height:calc(100dvh - 32px - var(--sat) - var(--sab));background:var(--body);border-radius:4px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 1px #141a25,0 18px 40px #00000059}.avl2-seg{background:var(--title);flex:none;grid-template-columns:1fr 1fr;display:grid}.avl2-seg button{color:#c9cfdb;cursor:pointer;background:0 0;border:0;height:46px;font:600 15px Noto Sans Thai,sans-serif;box-shadow:inset 0 -3px #0000}.avl2-seg button.on{color:#fff;box-shadow:inset 0 -3px 0 var(--orange);background:#ffffff10}.avl2-seg button:hover:not(.on):not(:disabled){color:#fff}.avl2-title{color:#fff;background:var(--title);flex:none;align-items:center;gap:10px;min-height:46px;padding:0 14px;display:flex}.avl2-title b{font-size:15px;font-weight:600}.avl2-title small{color:#c9cfdb;margin-left:auto;font-size:12px}.avl2-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 18px 16px;display:flex;overflow-y:auto}.avl2-field{color:var(--ink2);flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;display:flex}.avl2-field input{color:var(--ink);border:1px solid var(--line);background:var(--white);border-radius:3px;outline:none;height:44px;padding:0 12px;font:400 16px Noto Sans Thai,Outfit,sans-serif}.avl2-field input::placeholder{color:#a8a294}.avl2-field input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #4c84b038}.avl2 .lg-agree{margin:2px 0 0}.avl2-btn{letter-spacing:.02em;color:#fff;background:var(--title);cursor:pointer;border:0;border-radius:2px;flex:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:4px 16px;font:600 15.5px Noto Sans Thai,sans-serif;display:flex}.avl2-btn.orange{background:var(--orange)}.avl2-btn.white{color:var(--ink);background:var(--slot)}.avl2-btn:hover:not(:disabled){filter:brightness(1.06)}.avl2-btn:active:not(:disabled){transform:translateY(1px)}.avl2-btn:disabled{background:var(--slot);color:#a8a294;cursor:default}.avl2-btn:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.avl2-btn img{width:20px;height:20px;image-rendering:pixelated}.avl2-btn:not(.white):not(.orange):not(:disabled) img{filter:brightness(0)invert()}.avl2-spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite avl2-spin}@keyframes avl2-spin{to{transform:rotate(360deg)}}.avl2-why{color:var(--mute);text-align:center;margin:-4px 0 0;font-size:12px}.avl2-msg{background:var(--white);color:var(--ink);border-radius:3px;padding:8px 12px;font-size:13px;font-weight:600}.avl2-msg.bad{color:var(--down);background:#f8e4e2}.avl2-or{color:var(--mute);align-items:center;gap:10px;font-size:12.5px;display:flex}.avl2-or:before,.avl2-or:after{content:"";background:var(--line);flex:1;height:1px}.avl2-google{justify-content:center;min-height:44px;display:flex}.avl2-note{color:var(--mute);text-align:center;margin:0;font-size:12px;line-height:1.5}.avl2-foot{background:var(--white);flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:2px 12px;padding:9px 14px;font-size:12px;display:flex}.avl2-foot .lg-link{color:var(--ink2);font-weight:500}.avl2-foot small{color:var(--mute)}.avl2-player{align-items:center;gap:14px;display:flex}.avl2-avatar{background:var(--white);width:60px;height:60px;box-shadow:inset 0 0 0 1px var(--gold);border-radius:3px;flex:none;place-items:center;display:grid}.avl2-avatar img{object-fit:contain;width:40px;height:40px;image-rendering:pixelated}.avl2-who{min-width:0}.avl2-pname{word-break:break-word;margin:0;font-size:19px;font-weight:700}.avl2-badge{color:var(--blue);background:#e2ecf4;border-radius:2px;margin-top:2px;padding:1px 10px;font-size:12px;font-weight:600;display:inline-block}.avl2-badge.guest{background:var(--gold-soft);color:#8e7235}.avl2-uid{font:400 11px var(--num,"Outfit",sans-serif);color:var(--mute);word-break:break-all;margin-top:4px}.avl2-link{background:var(--white);border-radius:3px;justify-items:center;gap:8px;padding:10px 12px;display:grid}.avl2-link p{color:var(--ink2);margin:0;font-size:13.5px;font-weight:600}@media (max-height:520px){.avl2-wrap{padding:calc(8px + var(--sat)) calc(16px + var(--sar)) calc(8px + var(--sab)) calc(16px + var(--sal));grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:12px 20px}.avl2-logo{width:min(300px,34vw)}.avl2-brand p{margin-top:4px;font-size:15px}.avl2-card{max-height:calc(100dvh - 16px - var(--sat) - var(--sab));overscroll-behavior:contain;overflow-y:auto}.avl2-body{flex:none;overflow:visible}.avl2-seg button,.avl2-title{height:40px;min-height:40px}.avl2-body{gap:8px;padding:10px 14px 12px}.avl2-field input{height:40px}.avl2-btn{min-height:42px}}@media (max-width:760px) and (orientation:portrait){.avl2-wrap{padding:calc(18px + var(--sat)) calc(12px + var(--sar)) calc(16px + var(--sab)) calc(12px + var(--sal));grid-template-columns:1fr;align-content:start;gap:14px}.avl2-logo{width:min(280px,72vw)}.avl2-brand p{font-size:15px}.avl2-card{justify-self:center;width:100%;max-width:460px;max-height:none}.avl2-body{overflow:visible}}@media (prefers-reduced-motion:reduce){.avl2-art img{transition:none}.avl2-spin{animation-duration:2s}}.avs-modal{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050814a6;place-items:center;display:grid;position:fixed;inset:0}.avs-modal-box{margin:0;display:block;position:static}.avs-modal-box form{gap:8px;display:grid}.avs-modal-box input{font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffff0f;border-radius:10px;padding:11px 12px}.avs-modal-box button[type=submit]{background:var(--accent);color:#1d1606;cursor:pointer;border:0;border-radius:12px;min-height:42px;font-weight:700}.avs button.create-button{cursor:pointer;border:0;width:100%;font-family:inherit}.avs button.create-button:disabled{filter:grayscale(.8)brightness(.7);cursor:not-allowed;box-shadow:none}@media (max-width:820px){.avs .class-panel button.create-button{width:auto}}.avs.rs.roster-page{--rs-head:#2b3442;--rs-body:#353c4a;--rs-card:#434b5a;--rs-line:#566072;--rs-deep:#2c323e;--rs-ink:#f1f3f6;--rs-mute:#aab2c0;--rs-orange:#f07a45}.avs.rs.roster-page .select-header{height:56px}.avs.rs.roster-page .select-layout{grid-template-columns:minmax(250px,290px) minmax(0,1fr) minmax(320px,350px);align-items:center;gap:20px;height:calc(100dvh - 56px);min-height:0;padding:4px 24px 16px}.avs.rs.roster-page .rs-info{scrollbar-width:none;border:1px solid var(--rs-line);background:#353c4aeb;border-radius:10px;flex-direction:column;grid-column:1;align-self:center;gap:6px;min-width:0;max-height:calc(100% - 48px);padding:14px;display:flex;overflow-y:auto;box-shadow:0 14px 34px #0007}.avs.rs.roster-page .rs-info::-webkit-scrollbar{display:none}.avs.rs.roster-page .rs-info.enter>*{animation:.4s both avs-rise}.avs.rs.roster-page .rs-info>p{margin:0}.avs.rs.roster-page .rs-count{letter-spacing:1px;color:var(--rs-mute);font-size:11px}.avs.rs.roster-page .rs-info h1{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:30px;line-height:1.15;overflow:hidden}.avs.rs.roster-page .rs-cls{color:#c9cfd8;font-size:13px}.avs.rs.roster-page .rs-cls b{letter-spacing:2px;color:var(--accent);margin-right:6px;font-size:12px}.avs.rs.roster-page .rs-tag{color:var(--rs-mute);font-size:12px;line-height:1.45}.avs.rs.roster-page .rs-meta{gap:6px;margin:4px 0 0;display:grid}.avs.rs.roster-page .rs-meta div{background:var(--rs-deep);border-radius:6px;min-width:0;padding:6px 10px}.avs.rs.roster-page .rs-meta dt{color:var(--rs-mute);font-size:10.5px}.avs.rs.roster-page .rs-meta dd{color:var(--rs-ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:700;overflow:hidden}.avs.rs.roster-page .rs-meta .skill{align-items:center;gap:6px;display:flex}.avs.rs.roster-page .rs-meta .skill img{object-fit:contain;width:22px;height:22px;image-rendering:pixelated;flex:none}.avs.rs.roster-page .rs-meta .skill span{text-overflow:ellipsis;min-width:0;overflow:hidden}.avs.rs.roster-page .rs-stats{background:var(--rs-deep);border-radius:6px;gap:5px;padding:8px 10px;display:grid}.avs.rs.roster-page .rs-stats .stat{grid-template-columns:82px minmax(0,1fr) auto;gap:8px;font-size:12px}.avs.rs.roster-page .rs-stats .stat b{min-width:44px;color:var(--rs-ink)}.avs.rs.roster-page .rs-stats .stat.coins b{color:#f2c94c}.avs.rs.roster-page .rs-panel{background:var(--rs-body);min-width:0;min-height:0;max-height:100%;color:var(--rs-ink);border:1px solid #1a202b;border-radius:10px;flex-direction:column;grid-column:3;align-self:center;display:flex;overflow:hidden;box-shadow:0 14px 34px #0008}.avs.rs.roster-page .rs-head{background:var(--rs-head);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:9px 14px;display:flex}.avs.rs.roster-page .rs-head h2{letter-spacing:2px;color:#fff;margin:0;font-size:13px}.avs.rs.roster-page .rs-head span{color:var(--rs-mute);white-space:nowrap;font-size:12px}.avs.rs.roster-page .rs-list{scrollbar-width:thin;scrollbar-color:#566072 transparent;flex-direction:column;flex:auto;gap:6px;min-height:0;padding:10px;display:flex;overflow-y:auto}.avs.rs.roster-page .rs-row{border:1px solid var(--rs-line);background:var(--rs-card);width:100%;height:62px;color:var(--rs-ink);text-align:left;cursor:pointer;border-radius:8px;flex:none;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px 6px 8px;transition:border-color .15s,background .15s;display:grid;position:relative}.avs.rs.roster-page .rs-row:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-1px}.avs.rs.roster-page .rs-row:hover{background:#4a5263;border-color:#8c96a8}.avs.rs.roster-page .rs-row.selected{border-color:var(--rs-orange);box-shadow:inset 0 0 0 1px var(--rs-orange);background:linear-gradient(90deg,#f07a4538,#434b5a 70%)}.avs.rs.roster-page .rs-pic{background:radial-gradient(circle at 50% 75%,color-mix(in srgb,var(--accent) 40%,#2c323e) 0,#2c323e 72%);width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--rs-line);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.avs.rs.roster-page .rs-pic canvas{width:96px;height:96px;image-rendering:pixelated;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.avs.rs.roster-page .rs-txt{flex-direction:column;gap:1px;min-width:0;display:flex}.avs.rs.roster-page .rs-txt>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.avs.rs.roster-page .rs-txt b{font-size:14px;line-height:1.25}.avs.rs.roster-page .rs-txt small{color:#c9cfd8;font-size:12px}.avs.rs.roster-page .rs-txt small i{color:var(--accent);font-style:normal;font-weight:800}.avs.rs.roster-page .rs-txt em{color:var(--rs-mute);font-size:11px;font-style:normal}.avs.rs.roster-page .rs-side{flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-end;gap:4px;display:flex}.avs.rs.roster-page .rs-no{background:var(--rs-deep);letter-spacing:1px;color:var(--rs-mute);border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:700}.avs.rs.roster-page .rs-pow{color:#f2c94c;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.avs.rs.roster-page .rs-row.empty{height:48px;color:var(--rs-mute);background:0 0;border:1px dashed #667183}.avs.rs.roster-page .rs-row.empty:before{display:none}.avs.rs.roster-page .rs-row.empty .rs-pic{background:var(--rs-deep);width:36px;height:36px;margin-left:6px}.avs.rs.roster-page .rs-row.empty .rs-txt b{font-size:13px;font-weight:600}.avs.rs.roster-page .rs-row.empty:hover{border-color:var(--rs-orange);color:#fff;background:#f07a4514}.avs.rs.roster-page .rs-plus{color:inherit;font-size:22px;line-height:1}.avs.rs.roster-page .rs-row:focus-visible{outline:2px solid var(--rs-orange);outline-offset:1px}.avs.rs.roster-page .rs-foot{background:var(--rs-head);border-top:1px solid #1f2532;flex:none;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px;display:grid}.avs.rs.roster-page .channel-pick select{background:var(--rs-deep);width:100%;min-height:34px;color:var(--rs-ink);border:1px solid var(--rs-line);border-radius:6px;padding:0 10px;font:600 12.5px Noto Sans Thai,sans-serif}.avs.rs.roster-page .channel-pick option{color:#111;background:#fff}.avs.rs.roster-page .rs-enter{background:var(--rs-orange);color:#fff;cursor:pointer;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:54px;padding:4px 12px;transition:background .15s,transform .1s;display:flex;box-shadow:0 3px #b8552e}.avs.rs.roster-page .rs-enter b{letter-spacing:1px;font-size:18px;line-height:1.2}.avs.rs.roster-page .rs-enter small{opacity:.92;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11.5px;overflow:hidden}.avs.rs.roster-page .rs-enter:hover:not(:disabled){background:#ff8a55}.avs.rs.roster-page .rs-enter:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #b8552e}.avs.rs.roster-page .rs-enter:disabled{color:#b9c0cb;box-shadow:none;cursor:not-allowed;background:#5a6475}.avs.rs.roster-page .rs-acts{flex-wrap:wrap;gap:6px;display:flex}.avs.rs.roster-page .rs-btn{min-width:0;min-height:34px;color:var(--rs-ink);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#4e5767;border:0;border-radius:6px;flex:auto;padding:0 10px;font-size:12px;font-weight:700;overflow:hidden}.avs.rs.roster-page .rs-btn:hover:not(:disabled){background:#5d6779}.avs.rs.roster-page .rs-btn:disabled{opacity:.45;cursor:not-allowed}.avs.rs.roster-page .rs-btn.danger{color:#ffa3b4}.avs.rs.roster-page .rs-btn.blue{color:#fff;background:#4a86c5}.avs.rs.roster-page .rs-btn.blue:hover{background:#5a96d5}.avs.rs.roster-page .rs-hint{text-align:center;color:#8e97a6;margin:0;font-size:10.5px}@media (max-width:820px){.avs.rs.roster-page .select-header{height:52px}.avs.rs.roster-page .select-layout{height:auto;min-height:0;padding:0 12px calc(92px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:10px;display:flex}.avs.rs.roster-page .hero-stage{order:-2;height:min(28vh,240px);padding-bottom:40px}.avs.rs.roster-page .hero-stage canvas{width:min(220px,58vw,26vh);margin-bottom:calc(min(220px,58vw,26vh)/-7.69231)}.avs.rs.roster-page .pedestal{width:min(180px,46vw,22vh);bottom:calc(44px - min(180px,46vw,22vh)/2)}.avs.rs.roster-page .rs-panel{order:-1;align-self:stretch;max-height:none}.avs.rs.roster-page .rs-list{padding:8px;overflow:visible}.avs.rs.roster-page .rs-row{height:58px}.avs.rs.roster-page .rs-row.empty{height:44px}.avs.rs.roster-page .rs-btn{min-height:40px;font-size:12.5px}.avs.rs.roster-page .channel-pick select{min-height:40px}.avs.rs.roster-page .rs-enter{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:5;min-height:58px;position:fixed;box-shadow:0 3px #b8552e,0 8px 24px #000a}.avs.rs.roster-page .rs-hint{display:none}.avs.rs.roster-page .rs-info{order:0;align-self:stretch;max-height:none;overflow:visible}.avs.rs.roster-page .rs-info h1{font-size:24px}}@media (orientation:landscape) and (max-height:540px){.avs.rs.roster-page .select-header{height:42px}.avs.rs.roster-page .select-layout{height:calc(100dvh - 42px);min-height:0;padding:2px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));grid-template-columns:minmax(180px,26vw) minmax(0,1fr) minmax(290px,40vw);align-items:stretch;gap:10px;display:grid}.avs.rs.roster-page .rs-info{order:0;grid-column:1;align-self:start;gap:4px;max-height:calc(100% - 44px);padding:10px;overflow-y:auto}.avs.rs.roster-page .rs-info h1{font-size:20px}.avs.rs.roster-page .rs-tag{display:none}.avs.rs.roster-page .rs-meta div{padding:4px 8px}.avs.rs.roster-page .rs-meta dd{font-size:12px}.avs.rs.roster-page .rs-stats{gap:3px;padding:6px 8px}.avs.rs.roster-page .rs-stats .stat{grid-template-columns:64px minmax(0,1fr) auto;font-size:11px}.avs.rs.roster-page .hero-stage{order:0;grid-column:2;height:auto;padding-bottom:36px}.avs.rs.roster-page .rs-panel{order:0;grid-column:3;align-self:stretch;max-height:none}.avs.rs.roster-page .rs-head{padding:6px 10px}.avs.rs.roster-page .rs-head h2{font-size:11.5px}.avs.rs.roster-page .rs-list{gap:5px;padding:6px;overflow-y:auto}.avs.rs.roster-page .rs-row{grid-template-columns:40px minmax(0,1fr) auto;gap:8px;height:50px;padding:4px 8px 4px 6px}.avs.rs.roster-page .rs-pic{width:40px;height:40px}.avs.rs.roster-page .rs-pic canvas{bottom:-22px}.avs.rs.roster-page .rs-txt em{display:none}.avs.rs.roster-page .rs-row.empty{height:42px}.avs.rs.roster-page .rs-row.empty .rs-pic{width:30px;height:30px}.avs.rs.roster-page .rs-foot{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:6px;padding:6px 8px}.avs.rs.roster-page .channel-pick{align-self:stretch;display:flex}.avs.rs.roster-page .channel-pick select{height:100%;min-height:44px;padding:0 6px;font-size:11.5px}.avs.rs.roster-page .rs-enter{min-height:44px;position:static;box-shadow:0 2px #b8552e}.avs.rs.roster-page .rs-enter b{font-size:16px}.avs.rs.roster-page .rs-acts{flex-wrap:nowrap;grid-column:1/-1}.avs.rs.roster-page .rs-btn{white-space:normal;flex:1 1 0;min-height:40px;padding:0 4px;font-size:11.5px;line-height:1.15}.avs.rs.roster-page .rs-hint{display:none}}.avs .ci-card{min-height:0;color:var(--ink);background:#283444e0;border-radius:8px;flex-direction:column;margin-top:12px;display:flex;overflow:hidden}.avs .ci-tabs{background:#1d2633e6;gap:4px;padding:5px;display:flex}.avs .ci-tabs button{color:#c3cbda;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:6px;flex:1 1 0;min-width:0;min-height:34px;padding:4px 6px;font-size:13px;font-weight:700;overflow:hidden}.avs .ci-tabs button:hover{color:#fff;background:#ffffff14}.avs .ci-tabs button.on{background:var(--v2-orange,#ec7444);color:#fff;box-shadow:0 2px #b8552e}.avs .ci-body{scrollbar-width:thin;min-height:0;padding:10px 12px 12px;overflow-y:auto}.avs .ci-roles{color:#1d1606;background:var(--accent);border-radius:999px;margin:0 0 8px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-block}.avs .ci-h{letter-spacing:1px;color:#c3cbda;margin:2px 0 4px;font-size:11px;font-weight:400}.avs .ci-good{gap:3px;margin:0 0 8px;padding:0;list-style:none;display:grid}.avs .ci-good li{padding-left:16px;font-size:13px;line-height:1.45;position:relative}.avs .ci-good li:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);position:absolute;top:.5em;left:3px;transform:rotate(45deg)}.avs .ci-diff{align-items:center;gap:8px;margin:0 0 6px;font-size:12px;display:flex}.avs .ci-diff>span{color:#c3cbda;min-width:64px}.avs .ci-diff b{font-size:12.5px}.avs .ci-rates{grid-template-columns:1fr 1fr;gap:4px 14px;margin:0 0 8px;display:grid}.avs .ci-rates div{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.avs .ci-rates dt{color:#c3cbda;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.avs .ci-rates dd{flex:none;margin:0}.avs .ci-pips{vertical-align:middle;gap:3px;display:inline-flex}.avs .ci-pips i{background:#ffffff1f;border-radius:2px;width:12px;height:7px}.avs .ci-pips i.on{background:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 60%,transparent)}.avs .ci-diff .ci-pips i{width:16px}.avs .ci-nums{color:#c3cbda;border-top:1px solid #ffffff14;flex-wrap:wrap;gap:4px 12px;margin:0;padding-top:7px;font-size:11.5px;display:flex}.avs .ci-nums b{color:#fff;font-variant-numeric:tabular-nums}.avs .ci-weapon{color:#c3cbda;align-items:center;gap:8px;margin-top:7px;font-size:12px;display:flex}.avs .ci-weapon img{object-fit:contain;width:24px;height:24px;image-rendering:pixelated}.avs .ci-weapon b{color:#fff;font-size:12.5px}.avs .ci-hint{color:#c3cbda;margin:0 0 8px;font-size:12px;line-height:1.45}.avs .ci-skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.avs .ci-skill{width:100%;min-height:48px;color:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:stretch;gap:6px;padding:6px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.avs .ci-skill:not(.has-clip){cursor:default}.avs .ci-skill.has-clip:hover{background:#ffffff1a;border-color:#fff3}.avs .ci-skill.on{border-color:var(--v2-orange,#ec7444);box-shadow:0 0 0 1px var(--v2-orange,#ec7444);background:#ec74441f}.avs .ci-clip{aspect-ratio:16/9;background:#0b1022;border-radius:6px;width:100%;display:block;position:relative;overflow:hidden}.avs .ci-clip img,.avs .ci-clip video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.avs .ci-clip img{filter:saturate(.9)brightness(.92)}.avs .ci-play{color:#fff;background:#0b1022b3;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-style:normal;display:grid;position:absolute;bottom:6px;right:6px;box-shadow:0 0 0 1px #fff3}.avs .ci-skill.on .ci-play{background:var(--v2-orange,#ec7444);opacity:.85}.avs .ci-skill-row{align-items:center;gap:8px;min-width:0;display:flex}.avs .ci-skill-row img{object-fit:contain;background:#0b1022;border-radius:7px;flex:none;width:32px;height:32px}.avs .ci-skill-txt{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.avs .ci-skill-txt b{flex-wrap:wrap;align-items:baseline;gap:0 6px;font-size:13px;line-height:1.3;display:flex}.avs .ci-skill-txt b em{color:var(--accent);flex:none;font-size:10.5px;font-style:normal;font-weight:700}.avs .ci-skill-txt small{color:#c3cbda;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.avs .ci-skill:not(.has-clip) .ci-skill-row img{width:40px;height:40px}.avs .ci-skill.sm{flex-direction:row;align-items:center;margin-top:6px;padding:4px}.avs .ci-skill.sm .ci-clip{flex:0 0 44%;width:auto;max-width:170px}.avs .ci-skill.sm .ci-skill-row img{width:28px;height:28px}.avs .ci-lines{gap:8px;display:grid}.avs .ci-line{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;padding:8px}.avs .ci-line-head{align-items:center;gap:8px;display:flex}.avs .ci-line-pic{width:48px;height:48px;image-rendering:pixelated;background:radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 70%);border-radius:6px;flex:none}.avs .ci-line-head div{flex-direction:column;min-width:0;display:flex}.avs .ci-line-head b{color:var(--accent);font-size:13.5px}.avs .ci-line-head small{color:#c3cbda;font-size:11.5px;line-height:1.4}.avs .ci-path{flex-wrap:wrap;align-items:center;gap:4px 8px;margin:6px 0 0;font-size:12.5px;font-weight:700;display:flex}.avs .ci-path span{align-items:baseline;gap:5px;display:inline-flex}.avs .ci-path i{color:#c3cbda;font-size:10.5px;font-style:normal;font-weight:400}.avs .ci-path em{color:var(--accent);font-style:normal}.avs .ci-ptabs,.avs.create-page.ci-on .class-info .class-meta,.avs.create-page.ci-on .class-info .class-stats,.avs.create-page.ci-on .class-info .class-desc{display:none}.avs.create-page.ci-on .class-tagline{margin:10px 0 0}@media (min-width:821px){.avs.create-page.ci-on .class-info{scrollbar-width:none;max-height:calc(100dvh - 128px);padding-right:2px;overflow-y:auto}.avs.create-page.ci-on .class-info::-webkit-scrollbar{display:none}}@media (max-height:640px) and (min-width:821px){.avs.create-page.ci-on .class-info h1{font-size:38px}.avs.create-page.ci-on .class-tagline{margin-top:6px;font-size:15px}.avs.create-page.ci-on .ci-good li{font-size:12.5px}}@media (orientation:landscape) and (max-height:540px){.avs.create-page.ci-on .class-tagline{display:none}.avs.create-page.ci-on .ci-card{margin-top:6px}.avs.create-page.ci-on .ci-tabs{gap:2px;padding:4px}.avs.create-page.ci-on .ci-tabs button{letter-spacing:-.2px;min-height:36px;padding:2px 3px;font-size:11px}.avs.create-page.ci-on .ci-body{padding:8px}.avs.create-page.ci-on .ci-rates,.avs.create-page.ci-on .ci-skills{grid-template-columns:1fr}.avs.create-page.ci-on .ci-skill small{display:none}.avs.create-page.ci-on .ci-skill.sm{flex-direction:column;align-items:stretch}.avs.create-page.ci-on .ci-skill.sm .ci-clip{flex:none;width:100%;max-width:none}}@media (max-width:820px) and (min-height:541px){.avs.select-page.create-page.ci-on{height:100dvh;min-height:0;overflow:hidden}.avs.create-page.ci-on .select-layout{height:calc(100dvh - 60px);min-height:0;padding:0 12px calc(80px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex}.avs.create-page.ci-on .hero-stage{flex:none;order:-3;height:clamp(150px,30dvh,300px);padding-bottom:38px}.avs.create-page.ci-on .hero-stage canvas{width:min(270px,64vw,26dvh);margin-bottom:calc(min(270px,64vw,26dvh)/-7.69231)}.avs.create-page.ci-on .pedestal{width:min(200px,48vw,20dvh)}.avs.create-page.ci-on .turn-buttons{width:min(280px,76vw);bottom:36px}.avs.create-page.ci-on .turn{width:40px;height:40px}.avs.create-page.ci-on .ci-skills{grid-template-columns:1fr}.avs.create-page.ci-on .ci-skill.sm{flex-direction:column;align-items:stretch}.avs.create-page.ci-on .ci-skill.sm .ci-clip{flex:none;width:100%;max-width:none}.avs.create-page.ci-on .ci-ptabs{z-index:3;background:#1d2633f0;border-radius:10px;flex:none;order:-2;gap:4px;padding:4px;display:flex;position:relative}.avs.create-page.ci-on .ci-ptabs button{color:#c3cbda;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1 1 0;min-width:0;min-height:40px;padding:2px 4px;font-size:13px;font-weight:700;overflow:hidden}.avs.create-page.ci-on .ci-ptabs button.on{background:var(--v2-orange,#ec7444);color:#fff;box-shadow:0 2px #b8552e}.avs.create-page.ci-on .class-panel,.avs.create-page.ci-on .class-info{flex:1 1 0;order:-1;width:100%;min-height:0;margin:0}.avs.create-page.ci-on .class-panel{overflow:hidden}.avs.create-page.ci-on .create-form{min-height:0;overflow-y:auto}.avs.create-page.ci-on .class-info{flex-direction:column;padding:0;display:flex;overflow:hidden}.avs.create-page.ci-on .class-info .class-count,.avs.create-page.ci-on .class-info .class-tagline{display:none}.avs.create-page.ci-on .class-info h1{font-size:22px;line-height:1.2;display:inline}.avs.create-page.ci-on .class-info .class-en{letter-spacing:3px;margin:0 0 0 2px;font-size:10.5px}.avs.create-page.ci-on .ci-card{flex:auto;margin-top:6px}.avs.create-page.ci-on .ci-card .ci-tabs{display:none}.avs.create-page.ci-on .ci-body{flex:auto}.avs.create-page.ci-on[data-ptab=name] .class-info{display:none}.avs.create-page.ci-on[data-ptab=info] .class-panel{flex:0 0 0;overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.avs.create-page.ci-on[data-ptab=info] .class-panel .panel-head,.avs.create-page.ci-on[data-ptab=info] .create-form>:not(.create-button){display:none}.avs.create-page.ci-on[data-ptab=info] .create-form{height:0;display:block;overflow:visible}}