:root{--w-ink:#f5efff;--w-mute:#bdb1d3;--w-dim:#8f84a6;--w-honey:#f0c060;--w-rim:rgba(255,238,205,.16);--w-rim2:rgba(255,238,205,.28);--w-sheet:linear-gradient(180deg,rgba(40,30,58,.96) 0%,rgba(24,18,36,.97) 62%,rgba(20,15,30,.98) 100%);--w-well:rgba(0,0,0,.26);--w-glass:rgba(255,255,255,.055)}
html.mobile.mclean body .win:not(#testwin){background:var(--w-sheet)!important;border:1px solid var(--w-rim)!important;border-radius:22px!important;box-shadow:0 22px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07)!important;-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1)}
html.mobile.mclean body .win:not(#testwin)>.wh{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0))!important;border:0!important;border-bottom:1px solid var(--w-rim)!important;box-shadow:none!important;min-height:50px!important;padding:6px 10px 6px 18px!important;align-items:center!important}
html.mobile.mclean body .win:not(#testwin)>.wh .t{font:600 17px/1.25 "Kanit",sans-serif!important;color:var(--w-ink)!important;letter-spacing:.2px;text-shadow:none!important}
html.mobile.mclean body .win:not(#testwin)>.wh .m16x{position:relative;width:36px!important;height:36px!important;min-height:36px!important;border-radius:50%!important;padding:0!important;font-size:0!important;color:transparent!important;background:var(--w-glass) center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5efff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")!important;border:1px solid var(--w-rim2)!important;box-shadow:none!important}
html.mobile.mclean body .win:not(#testwin)>.wh .m16x::after{content:"";position:absolute;inset:-9px}
html.mobile.mclean body .win:not(#testwin)>.wh .m16x:active{background-color:rgba(255,120,140,.28)!important}
/* segmented tabs: one look everywhere */
html.mobile.mclean body :is(#eqtabs,#sktabs,#actabs,#shoptabs,#stortabs,#emotabs,#mtabs,.pt-tabs,.cs-tabs,#srchKind,#setMob,#cfgMvp,#cfgMini,#setLang,.rftabs,#rkTabs,#wmtabs){display:flex!important;gap:3px!important;padding:3px!important;background:var(--w-well)!important;border:1px solid var(--w-rim)!important;border-radius:14px!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.25)!important}
html.mobile.mclean body :is(#eqtabs,#sktabs,#actabs,#shoptabs,#stortabs,#emotabs,#mtabs,.pt-tabs,.cs-tabs,#srchKind,#setMob,#cfgMvp,#cfgMini,#setLang,.rftabs,#rkTabs)>button{flex:1 1 0!important;min-height:36px!important;padding:4px 10px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:var(--w-mute)!important;font:500 14px/1.2 "Kanit",sans-serif!important;box-shadow:none!important;text-shadow:none!important;white-space:nowrap}
html.mobile.mclean body :is(#eqtabs,#sktabs,#actabs,#shoptabs,#stortabs,#emotabs,#mtabs,.pt-tabs,.cs-tabs,#srchKind,#setMob,#cfgMvp,#cfgMini,#setLang,.rftabs,#rkTabs)>button:is([aria-pressed="true"],[aria-selected="true"],.on){background:linear-gradient(180deg,rgba(240,192,96,.26),rgba(240,192,96,.14))!important;color:#ffe9b8!important;box-shadow:inset 0 0 0 1px rgba(240,192,96,.55),0 2px 8px rgba(0,0,0,.25)!important}
/* bag rail: labels never cut */
html.mobile.mclean body #invtabs>button{font-size:11.5px!important;line-height:1.15!important;letter-spacing:-.1px;white-space:normal!important;word-break:break-word;overflow:visible!important;text-overflow:clip!important;padding-left:2px!important;padding-right:2px!important}
/* nothing below 12px inside windows */
html.mobile.mclean body .win :where(small,.tp-bonus,.isort,.n,.jb,.ped){font-size:max(12px,.86em)!important}   /* v0.9.237 was 1em (= same size as the label) with id-level weight that beat every later rule */
html.mobile.mclean body .win .isort{min-height:30px!important;padding:4px 12px!important;font-size:12.5px!important;border-radius:15px!important}
html.mobile.mclean body .win .tp-bonus{font-size:12px!important}
/* bag rail: room for "อุปกรณ์" / "Costume" */
html.mobile.mclean body #invwin .wb{grid-template-columns:62px minmax(0,1fr) 248px!important}
html.mobile.mclean body #invtabs>button{width:52px!important;font:600 10px/1.15 "Kanit",sans-serif!important;letter-spacing:-.2px}
/* bag next to storage (narrow): rail + grid, details slide up under the grid only when an item is picked */
html.mobile.mclean body #invwin.m16narrow .wb{grid-template-columns:62px minmax(0,1fr)!important;grid-template-areas:"tabs q" "tabs sub" "tabs grid" "tabs det"!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;column-gap:10px!important}
html.mobile.mclean body #invwin.m16narrow #invgrid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr))!important;gap:6px!important}
html.mobile.mclean body #invwin.m16narrow #invdet{grid-area:det!important;margin:0!important;height:auto!important;max-height:46vh!important;border-left:0!important;border-top:1px solid var(--w-rim)!important;border-radius:14px!important;position:relative!important}
html.mobile.mclean body #invwin.m16narrow #invdet.none{display:none!important}
html.mobile.mclean body #invwin.m16narrow #invwinQ{padding-right:12px!important}
/* inputs: one pill style; focus = honey rim */
html.mobile.mclean body .win:not(#testwin) :is(input[type=text],input[type=search],input:not([type]),input[type=number],select,textarea){background:rgba(255,255,255,.05)!important;border:1px solid var(--w-rim2)!important;border-radius:12px!important;color:var(--w-ink)!important;box-shadow:none!important;outline:none}
html.mobile.mclean body .win:not(#testwin) :is(input[type=text],input[type=search],input:not([type]),textarea){min-height:38px;padding:0 12px!important;font:400 14px/1.3 "Kanit",sans-serif!important}
html.mobile.mclean body .win:not(#testwin) :is(input,select,textarea):focus{border-color:rgba(240,192,96,.75)!important;box-shadow:0 0 0 3px rgba(240,192,96,.14)!important}
html.mobile.mclean body .win:not(#testwin) input::placeholder{color:var(--w-dim)!important}
/* primary actions: honey; secondary: glass */
html.mobile.mclean body .win:not(#testwin) :is(.btn.go,#pcreate,#fradd,.tp-btn.pri,#mkGo){background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;color:#2a1a08!important;border:0!important;border-radius:12px!important;font:600 14px/1 "Kanit",sans-serif!important;min-height:38px;padding:0 16px!important;box-shadow:0 3px 10px rgba(217,162,58,.25)!important;text-shadow:none!important}
html.mobile.mclean body .win:not(#testwin) :is(.btn.go,#pcreate,#fradd,.tp-btn.pri,#mkGo):disabled{background:rgba(255,255,255,.08)!important;color:var(--w-dim)!important;box-shadow:none!important}
/* empty states: a centered card with a soft badge, one line, the action */
html.mobile.mclean body #pnone,html.mobile.mclean body #gbody:has(input[placeholder^="ชื่อกิลด์"]){max-width:560px;margin:14px auto 0!important;padding:22px 24px 18px!important;text-align:center;background:var(--w-glass)!important;border:1px solid var(--w-rim)!important;border-radius:20px!important;box-sizing:border-box}
html.mobile.mclean body #pnone::before,html.mobile.mclean body #gbody:has(input[placeholder^="ชื่อกิลด์"])::before,html.mobile.mclean body :is(#mbody,#frlist,#ptBody) .mEmpty::before{content:"👥";display:block;width:64px;height:64px;line-height:64px;margin:0 auto 10px;font-size:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(240,192,96,.32),rgba(240,192,96,.06) 70%);border:1px solid rgba(240,192,96,.42)}
html.mobile.mclean body #gbody:has(input[placeholder^="ชื่อกิลด์"])::before{content:"🏰"}
html.mobile.mclean body #pnone>p,html.mobile.mclean body #gbody:has(input[placeholder^="ชื่อกิลด์"])>div:first-child{font:600 16px/1.4 "Kanit",sans-serif!important;color:var(--w-ink)!important;margin:0 0 14px!important}
html.mobile.mclean body #pnone .prow,html.mobile.mclean body #gbody .socrow{display:flex!important;gap:8px!important;max-width:460px;margin:0 auto!important}
html.mobile.mclean body #pnone .prow input,html.mobile.mclean body #gbody .socrow input{flex:1 1 auto;min-width:0}
html.mobile.mclean body #pnone .snote,html.mobile.mclean body #gbody .snote{margin-top:12px!important;font-size:12.5px!important;color:var(--w-mute)!important;line-height:1.5}
html.mobile.mclean body #gbody .socsec{display:none!important}
html.mobile.mclean body .win .snote{font-size:12.5px!important;color:var(--w-mute)!important;line-height:1.5}
html.mobile.mclean body :is(#mbody .soclist,#frlist):has(>.snote:only-child),html.mobile.mclean body #ptBody>.pt-note:first-child{padding:22px 18px 18px!important;margin:6px 0 10px!important;text-align:center;background:var(--w-glass)!important;border:1px solid var(--w-rim)!important;border-radius:18px!important;font:500 14.5px/1.5 "Kanit",sans-serif!important;color:var(--w-ink)!important}
html.mobile.mclean body :is(#mbody .soclist,#frlist):has(>.snote:only-child)>.snote{font:500 14.5px/1.5 "Kanit",sans-serif!important;color:var(--w-ink)!important}
html.mobile.mclean body :is(#mbody .soclist,#frlist):has(>.snote:only-child)::before,html.mobile.mclean body #ptBody>.pt-note:first-child::before{content:"📭";display:block;width:60px;height:60px;line-height:60px;margin:0 auto 8px;font-size:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(240,192,96,.32),rgba(240,192,96,.06) 70%);border:1px solid rgba(240,192,96,.42)}
html.mobile.mclean body .win #frlist.soclist:has(>.snote:only-child)::before{content:"💞"}
html.mobile.mclean body #ptBody>.pt-note:first-child::before{content:"🐾"}
html.mobile.mclean body .win .mk-empty{max-width:520px;margin:18px auto!important;padding:22px 20px 20px!important;text-align:center;background:var(--w-glass)!important;border:1px solid var(--w-rim)!important;border-radius:18px!important;font:500 14.5px/1.5 "Kanit",sans-serif!important;color:var(--w-ink)!important}
html.mobile.mclean body .win .mk-empty::before{content:"🏪";display:block;width:60px;height:60px;line-height:60px;margin:0 auto 8px;font-size:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(240,192,96,.32),rgba(240,192,96,.06) 70%);border:1px solid rgba(240,192,96,.42)}
/* first-steps card: tucked under the minimap, glass, out of the fight */
html.mobile.mclean body #fsCard{left:auto!important;right:calc(10px + var(--sr,0px))!important;top:calc(66px + var(--st,0px))!important;width:206px!important;padding:6px 8px 7px!important;border-radius:16px!important;background:rgba(24,17,38,.72)!important;border:1px solid var(--w-rim)!important;box-shadow:0 6px 18px rgba(0,0,0,.28)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html.mobile.mclean body #fsCard .fh b{font:600 12.5px/1.2 "Kanit",sans-serif!important;color:#ffe7a6!important}
html.mobile.mclean body #fsCard .fx{width:24px!important;height:24px!important;position:relative;border-color:var(--w-rim2)!important}
html.mobile.mclean body #fsCard .fx::after{content:"";position:absolute;inset:-10px}
html.mobile.mclean body #fsCard .fs{padding:6px 8px!important;border-radius:12px!important}
html.mobile.mclean body #fsCard .fs.on{border-color:rgba(240,192,96,.6)!important;background:linear-gradient(180deg,rgba(240,192,96,.16),rgba(240,192,96,.04))!important}
html.mobile.mclean body #fsCard .fs b{font:600 13px/1.25 "Kanit",sans-serif!important}
html.mobile.mclean body #fsCard .fs small{font-size:11.5px!important;line-height:1.35!important}
/* character creation: the picked gender shows; on short landscape phones everything (with เริ่มเกม) fits the screen */
html.mobile #create .row .btn[aria-pressed="true"]{background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;color:#2a1a08!important;border-color:#ffe2a0!important;box-shadow:0 0 0 3px rgba(240,192,96,.22),0 4px 12px rgba(0,0,0,.3)!important}
@media (orientation:landscape) and (max-height:430px){
  html.mobile .card:has(#create:not([hidden])) :is(#mode,#ver,#onlnow){display:none!important}
  html.mobile #create{row-gap:6px!important}
  html.mobile #create .row .btn{min-height:38px!important;padding:6px 14px!important}
  html.mobile #create .lookrow .sw button,html.mobile #create .lookrow .sw>*{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  html.mobile #create .picker button{min-height:36px!important;height:36px!important}
  html.mobile #create #nick,html.mobile #create #play{min-height:42px!important}
}
/* chat on mobile: the same glass sheet */
html.mobile.mclean body #chat.panel{background:linear-gradient(180deg,rgba(36,27,52,.9),rgba(20,15,30,.9))!important;border:1px solid var(--w-rim)!important;border-radius:18px!important;box-shadow:0 14px 40px rgba(0,0,0,.45)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}
html.mobile.mclean body #chat>.wh{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0))!important;border:0!important;border-bottom:1px solid var(--w-rim)!important;min-height:46px!important;padding:5px 8px 5px 14px!important;align-items:center!important;gap:6px}
html.mobile.mclean body #chat>.wh .t{font:600 16px/1.2 "Kanit",sans-serif!important;color:var(--w-ink)!important}
html.mobile.mclean body #chat .chtabs{display:flex!important;gap:2px!important;padding:3px!important;margin-left:auto!important;background:var(--w-well)!important;border:1px solid var(--w-rim)!important;border-radius:13px!important}
html.mobile.mclean body #chat .chtabs>button{min-height:30px!important;padding:2px 10px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--w-mute)!important;font:500 13px/1.2 "Kanit",sans-serif!important;position:relative}
html.mobile.mclean body #chat .chtabs>button[aria-pressed="true"]{background:linear-gradient(180deg,rgba(240,192,96,.26),rgba(240,192,96,.14))!important;color:#ffe9b8!important;box-shadow:inset 0 0 0 1px rgba(240,192,96,.55)!important}
html.mobile.mclean body #chat>.wh .monly{position:relative;width:34px!important;height:34px!important;min-height:34px!important;border-radius:50%!important;font-size:0!important;color:transparent!important;background:var(--w-glass) center/15px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5efff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")!important;border:1px solid var(--w-rim2)!important}
html.mobile.mclean body #chat>.wh .monly::after{content:"";position:absolute;inset:-8px}
html.mobile.mclean body #chat #chatin{background:rgba(255,255,255,.05)!important;border:1px solid var(--w-rim2)!important;border-radius:14px!important;color:var(--w-ink)!important;min-height:40px!important;padding:0 14px!important;font:400 14px/1.3 "Kanit",sans-serif!important}
html.mobile.mclean body #chat #chatin:focus{border-color:rgba(240,192,96,.75)!important;box-shadow:0 0 0 3px rgba(240,192,96,.14)!important}
html.mobile.mclean body #chat #chatin::placeholder{color:var(--w-dim)!important}
/* NPC talk: a bottom sheet as tall as what is said (refine / job / grade grow up to the full screen) */
html.mobile.mclean body #npcwin#npcwin#npcwin#npcwin:not([hidden]){top:auto!important;bottom:calc(8px + var(--sb,0px))!important;height:auto!important;min-height:0!important;max-height:calc(100% - 16px - var(--st,0px) - var(--sb,0px))!important;display:flex!important;flex-direction:column!important}
html.mobile.mclean body #npcwin#npcwin#npcwin#npcwin>.wb{flex:1 1 auto;min-height:0;overflow:auto!important;height:auto!important}
/* shop rows: bigger art, quiet price, one control group (amount · MAX · buy) */
html.mobile.mclean body #shopwin .shr{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,238,205,.08)!important;border-radius:14px!important;padding:6px 8px 6px 6px!important;margin-bottom:6px!important;gap:10px!important;align-items:center!important}
html.mobile.mclean body #shopwin .shr>canvas{width:40px!important;height:40px!important;padding:3px;border-radius:11px!important;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.12),rgba(255,255,255,.03))!important;border:1px solid rgba(255,238,205,.14)!important;box-sizing:border-box}
html.mobile.mclean body #shopwin .shr .nm span{font:500 15px/1.25 "Kanit",sans-serif!important;color:var(--w-ink)!important}
html.mobile.mclean body #shopwin .shr .nm small{font-size:12.5px!important;color:var(--w-mute)!important}
html.mobile.mclean body #shopwin .shr .pr{font:600 14px/1 "Kanit",sans-serif!important;color:var(--w-honey)!important;margin-right:4px}
html.mobile.mclean body #shopwin .shr input[type=number]{width:52px!important;min-height:36px!important;height:36px!important;border-radius:11px 0 0 11px!important;border-right:0!important;text-align:center;padding:0 4px!important;margin:0!important}
html.mobile.mclean body #shopwin .shr .mx{min-height:36px!important;height:36px!important;padding:0 10px!important;margin:0!important;border-radius:0!important;border:1px solid var(--w-rim2)!important;border-left:1px solid rgba(255,238,205,.1)!important;background:rgba(255,255,255,.05)!important;color:var(--w-mute)!important;font:600 12px/1 "Kanit",sans-serif!important;letter-spacing:.3px}
html.mobile.mclean body #shopwin .shr .mx+button{min-height:36px!important;height:36px!important;padding:0 14px!important;margin:0!important;border-radius:0 11px 11px 0!important;border:0!important;background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;color:#2a1a08!important;font:600 14px/1 "Kanit",sans-serif!important;box-shadow:none!important}
/* v0.9.218 shop rows: wider icon column (icon no longer touches the name), joined qty|MAX|buy control, chips match tabs */
html.mobile.mclean body #shopwin .shr{grid-template-columns:50px minmax(0,1fr) auto 52px 68px!important;column-gap:0!important}
html.mobile.mclean body #shopwin .shr.b6{grid-template-columns:50px minmax(0,1fr) auto 52px auto 64px!important}
html.mobile.mclean body #shopwin .shr.b6:has(>span.mx){grid-template-columns:50px minmax(0,1fr) auto 52px 64px!important}
html.mobile.mclean body #shopwin .shr>span.mx{display:none!important}
html.mobile.mclean body #shopwin .shr>canvas{justify-self:start}
html.mobile.mclean body #shopwin .shr .nm{min-width:0;padding-right:8px}
html.mobile.mclean body #shopwin .shr .nm>span,html.mobile.mclean body #shopwin .shr .nm>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.mobile.mclean body #shopwin .shr .pr{margin-right:10px!important;white-space:nowrap}
html.mobile.mclean body #shopwin .shr>button:last-child{min-width:0!important;width:100%;min-height:36px!important;height:36px!important;padding:0 10px!important;margin:0!important;border-radius:0 11px 11px 0!important;border:0!important;background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;color:#2a1a08!important;font:600 14px/1 "Kanit",sans-serif!important;box-shadow:none!important;position:relative}
html.mobile.mclean body #shopwin .shr>button:last-child::after{content:"";position:absolute;inset:-6px -6px -6px 0}
html.mobile.mclean body #shopwin .shr>button.sell:last-child{background:linear-gradient(180deg,#8fd0a8,#4f9d73)!important;color:#0f2a1b!important}
html.mobile.mclean body #shopwin .shr>span:empty+button:last-child{border-radius:11px!important}
html.mobile.mclean body #shopwin .shr>button:last-child:disabled{background:rgba(255,255,255,.08)!important;color:var(--w-dim)!important}
html.mobile.mclean body #shopwin .shr.locked{opacity:.6}
html.mobile.mclean body #shoplist .sellcats{gap:6px!important;margin:2px 0 8px!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
html.mobile.mclean body #shoplist .sellcats::-webkit-scrollbar{display:none}
html.mobile.mclean body #shoplist .sellcats button{flex:0 0 auto;min-height:34px!important;padding:0 14px!important;border-radius:999px!important;border:1px solid var(--w-rim)!important;background:var(--w-glass)!important;color:var(--w-mute)!important;font:500 13.5px/1 "Kanit",sans-serif!important;white-space:nowrap}
html.mobile.mclean body #shoplist .sellcats button[aria-pressed=true]{background:linear-gradient(180deg,rgba(240,192,96,.32),rgba(240,192,96,.14))!important;border-color:rgba(240,192,96,.7)!important;color:#fff3d6!important}
html.mobile.mclean body #shoplist .sellcats button:disabled{opacity:.4}
html.mobile.mclean body #shoplist .selljunk{border-radius:14px!important;border:1px dashed rgba(255,238,205,.22)!important;background:rgba(255,255,255,.03)!important;min-height:44px}
html.mobile.mclean body #shoplist>div:only-child:not(.shr):not(.sellcats){text-align:center;padding:34px 16px 20px!important;font:400 14px/1.5 "Kanit",sans-serif!important;color:var(--w-mute)!important}
html.mobile.mclean body #shoplist>div:only-child:not(.shr):not(.sellcats)::before{content:"🧺";display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:var(--w-glass);border:1px solid var(--w-rim);font-size:30px}
html.mobile.mclean body #shopwin .shr .nm .upb{display:inline-block!important;margin-left:6px;padding:2px 7px;border-radius:999px;background:rgba(120,220,150,.16)!important;border:1px solid rgba(120,220,150,.45);color:#9ff0b8!important;font:600 11.5px/1.2 "Kanit",sans-serif!important;vertical-align:1px;width:auto!important}
html.mobile.mclean body #shoplist .sellcats{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
/* v0.9.219 equipment: glass slots, empty slots show a faint slot glyph, equipped slots warm, spotlight doll */
html.mobile.mclean body #statwin .eqs{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,238,205,.08)!important;border-radius:14px!important;padding:3px 10px 3px 3px!important}
html.mobile.mclean body #statwin .eqs.r{padding:3px 3px 3px 10px!important}
html.mobile.mclean body #statwin .eqs .ic{border-radius:11px!important;background:var(--w-well)!important;border:1px dashed rgba(255,238,205,.14);box-sizing:border-box}
html.mobile.mclean body #statwin .eqs:not(.empty){background:linear-gradient(90deg,rgba(240,192,96,.10),rgba(255,255,255,.03) 60%)!important;border-color:rgba(240,192,96,.26)!important}
html.mobile.mclean body #statwin .eqs.r:not(.empty){background:linear-gradient(270deg,rgba(240,192,96,.10),rgba(255,255,255,.03) 60%)!important}
html.mobile.mclean body #statwin .eqs:not(.empty) .ic{border:1px solid rgba(240,192,96,.35);background:radial-gradient(circle at 45% 40%,rgba(255,224,160,.20),rgba(0,0,0,.22))!important}
html.mobile.mclean body #statwin .eqs b{font:500 12px/1.2 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean body #statwin .eqs span{font:500 14px/1.25 "Kanit",sans-serif!important;color:var(--w-ink)!important;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.mobile.mclean body #statwin .eqs.empty span{color:rgba(189,177,211,.45)!important;font-weight:400!important}
html.mobile.mclean body #statwin .eqs.empty .ic::before{font-size:19px;opacity:.28;filter:grayscale(1)}
html.mobile.mclean body #statwin .eqs.empty[data-sl=head_top] .ic::before{content:"🎩"}
html.mobile.mclean body #statwin .eqs.empty[data-sl=head_mid] .ic::before{content:"👓"}
html.mobile.mclean body #statwin .eqs.empty[data-sl=head_low] .ic::before{content:"🎭"}
html.mobile.mclean body #statwin .eqs.empty[data-sl=weapon] .ic::before{content:"🗡️"}
html.mobile.mclean body #statwin .eqs.empty[data-sl=shield] .ic::before{content:"🛡️"}
html.mobile.mclean body #statwin .eqs.empty[data-sl=armor] .ic::before{content:"👕"}
html.mobile.mclean body #statwin .eqs.empty[data-sl=garment] .ic::before{content:"🧣"}
html.mobile.mclean body #statwin .eqs.empty[data-sl=shoes] .ic::before{content:"👢"}
html.mobile.mclean body #statwin .eqs.empty:is([data-sl=acc_l],[data-sl=acc_r]) .ic::before{content:"💍"}
html.mobile.mclean body #statwin .eqdoll{background:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(255,226,170,.16),transparent 70%),radial-gradient(ellipse 46% 7% at 50% 66%,rgba(0,0,0,.45),transparent),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))!important;border:1px solid rgba(255,238,205,.10);border-radius:18px!important}
html.mobile.mclean body #statwin #dolljob{font:500 12px/1.3 "Kanit",sans-serif!important;color:var(--w-mute)!important;background:rgba(0,0,0,.25);border:1px solid var(--w-rim);border-radius:999px;padding:3px 9px;margin:4px 6px 6px!important}
html.mobile.mclean body #statwin .eqammo{background:rgba(0,0,0,.22)!important;border:1px dashed rgba(255,238,205,.16)!important;border-radius:11px!important}
html.mobile.mclean body #statwin .eqnote{text-align:center;font:400 12.5px/1.4 "Kanit",sans-serif!important;color:var(--w-dim)!important;border:0!important;background:none!important}
/* v0.9.219 stats tab: stat rows as cards with a round + button, points banner, derived stats in a glass panel */
html.mobile.mclean body #statwin .cright .stats{gap:12px!important}
html.mobile.mclean body #statwin #statL .srow{grid-template-columns:44px 1fr 40px auto!important;background:rgba(255,255,255,.035);border:1px solid rgba(255,238,205,.08);border-radius:14px;padding:3px 10px 3px 12px;margin-bottom:6px!important;min-height:44px!important}
html.mobile.mclean body #statwin #statL .srow b{font:600 14px/1 "Kanit",sans-serif!important;color:var(--w-honey)!important;letter-spacing:.3px}
html.mobile.mclean body #statwin #statL .srow>span:nth-child(2){font:600 18px/1 "Kanit",sans-serif!important;color:var(--w-ink)!important;font-variant-numeric:tabular-nums}
html.mobile.mclean body #statwin #statL .srow button{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;border-radius:50%!important;border:0!important;background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;color:#2a1a08!important;font:700 20px/1 "Kanit",sans-serif!important;position:relative;box-shadow:0 2px 8px rgba(217,162,58,.25)}
html.mobile.mclean body #statwin #statL .srow button::after{content:"";position:absolute;inset:-5px}
html.mobile.mclean body #statwin #statL .srow button:disabled{background:rgba(255,255,255,.07)!important;color:var(--w-dim)!important;box-shadow:none;opacity:1!important}
html.mobile.mclean body #statwin #statL .srow .cost{font:400 12px/1 "Kanit",sans-serif!important;color:var(--w-dim)!important;padding-left:6px}
html.mobile.mclean body #statwin :is(#statR,#detail){background:rgba(0,0,0,.18);border:1px solid rgba(255,238,205,.08);border-radius:14px;padding:6px 12px!important;align-self:start}
html.mobile.mclean body #statwin .drow{border-bottom:1px solid rgba(255,238,205,.06)!important;border-bottom-style:solid!important;padding:5px 0!important}
html.mobile.mclean body #statwin .drow:last-child{border-bottom:0!important}
html.mobile.mclean body #statwin .drow b{font:400 13.5px/1.3 "Kanit",sans-serif!important;color:var(--w-mute)!important}
html.mobile.mclean body #statwin .drow span{font:500 14px/1.3 "Kanit",sans-serif!important;color:var(--w-ink)!important;font-variant-numeric:tabular-nums}
html.mobile.mclean body #statwin .points{display:flex!important;align-items:center;justify-content:space-between;margin:10px 0!important;padding:10px 14px!important;border-radius:14px;background:linear-gradient(90deg,rgba(240,192,96,.18),rgba(240,192,96,.05))!important;border:1px solid rgba(240,192,96,.35)}
html.mobile.mclean body #statwin .points span{font:500 14px/1 "Kanit",sans-serif!important;color:#ffe8b8!important}
html.mobile.mclean body #statwin .points b{font:700 22px/1 "Kanit",sans-serif!important;color:var(--w-honey)!important}
html.mobile.mclean body #statwin .sect{font:600 14px/1.2 "Kanit",sans-serif!important;color:var(--w-ink)!important;margin:12px 2px 6px!important}
html.mobile.mclean body #statwin #detail{display:grid!important;grid-template-columns:1fr 1fr;column-gap:22px!important}
html.mobile.mclean body #statwin #detail .drow:nth-last-child(2){border-bottom:0!important}
html.mobile.mclean body #statwin #statL .srow{min-height:40px!important;margin-bottom:5px!important;padding:2px 10px 2px 12px}
html.mobile.mclean body #statwin #statL .srow button{font-size:0!important;background:linear-gradient(#2a1a08,#2a1a08) center/14px 2.5px no-repeat,linear-gradient(#2a1a08,#2a1a08) center/2.5px 14px no-repeat,linear-gradient(180deg,#f6cf72,#d9a23a)!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
html.mobile.mclean body #statwin #statL .srow button:disabled{background:linear-gradient(#8f84a6,#8f84a6) center/14px 2.5px no-repeat,linear-gradient(#8f84a6,#8f84a6) center/2.5px 14px no-repeat,rgba(255,255,255,.07)!important}
/* v0.9.219 skills: card rows, round + like the stats tab, honey "use" pill, unlocks as a soft checklist, points banner */
html.mobile.mclean body #skillwin .skrow{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,238,205,.08)!important;border-bottom:1px solid rgba(255,238,205,.08)!important;border-radius:14px!important;padding:8px 10px!important;margin-bottom:6px;gap:12px!important}
html.mobile.mclean body #skillwin .skrow>canvas,html.mobile.mclean body #skillwin .skrow .skic{border-radius:11px!important;box-shadow:0 0 0 1px rgba(255,238,205,.14)}
html.mobile.mclean body #skillwin .skrow .nm>span:first-child{font:600 15px/1.3 "Kanit",sans-serif!important;color:var(--w-ink)}
html.mobile.mclean body #skillwin .skrow .lvl{font:500 13px/1 "Kanit",sans-serif!important;color:var(--w-honey)!important}
html.mobile.mclean body #skillwin .skrow .tag{font:500 11.5px/1.5 "Kanit",sans-serif!important;color:#d9ccff!important;background:rgba(160,130,255,.16)!important;border:1px solid rgba(160,130,255,.3);border-radius:999px!important;padding:0 7px!important}
html.mobile.mclean body #skillwin .skrow .ds{color:var(--w-mute)!important;font-family:"Kanit",sans-serif}
html.mobile.mclean body #skillwin .skact{display:flex;gap:6px;align-items:center}
html.mobile.mclean body #skillwin .skact button{min-height:36px!important;height:36px;min-width:36px!important;border-radius:999px!important;border:1px solid var(--w-rim2)!important;background:var(--w-glass)!important;color:var(--w-ink)!important;font:600 14px/1 "Kanit",sans-serif!important;padding:0 14px!important;position:relative}
html.mobile.mclean body #skillwin .skact button::after{content:"";position:absolute;inset:-5px -3px}
html.mobile.mclean body #skillwin .skact button:not(.skpin):not([aria-label^="อัป"]){background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;color:#2a1a08!important;border:0!important}
html.mobile.mclean body #skillwin .skact button.skpin{width:36px;padding:0!important;font-size:15px!important}
html.mobile.mclean body #skillwin .skact button[aria-label^="อัป"]{width:36px;padding:0!important;font-size:0!important;border:0!important;background:linear-gradient(#2a1a08,#2a1a08) center/14px 2.5px no-repeat,linear-gradient(#2a1a08,#2a1a08) center/2.5px 14px no-repeat,linear-gradient(180deg,#f6cf72,#d9a23a)!important}
html.mobile.mclean body #skillwin .skact button[aria-label^="อัป"]:disabled{background:linear-gradient(#8f84a6,#8f84a6) center/14px 2.5px no-repeat,linear-gradient(#8f84a6,#8f84a6) center/2.5px 14px no-repeat,rgba(255,255,255,.06)!important;opacity:1!important}
html.mobile.mclean body #skillwin .unlocks{background:rgba(0,0,0,.18);border:1px solid rgba(255,238,205,.06);border-radius:12px;padding:8px 12px!important;margin:-2px 0 8px!important;gap:2px 16px!important}
html.mobile.mclean body #skillwin .unlocks span{font:400 13px/1.6 "Kanit",sans-serif!important;color:rgba(189,177,211,.55)!important}
html.mobile.mclean body #skillwin .unlocks span.on{color:#a6ecbf!important}
html.mobile.mclean body #skillwin .points{display:flex!important;align-items:center;justify-content:space-between;margin:10px 0 6px!important;padding:10px 14px!important;border-radius:14px;background:linear-gradient(90deg,rgba(240,192,96,.18),rgba(240,192,96,.05))!important;border:1px solid rgba(240,192,96,.35)}
html.mobile.mclean body #skillwin .points span{font:500 14px/1 "Kanit",sans-serif!important;color:#ffe8b8!important}
html.mobile.mclean body #skillwin .points b{font:700 22px/1 "Kanit",sans-serif!important;color:var(--w-honey)!important}
html.mobile.mclean body #skillwin #skjob{font:400 13px/1.45 "Kanit",sans-serif!important;color:var(--w-mute)!important;padding:0 4px}
html.mobile.mclean body #skillwin .skact{flex-direction:row!important;flex-wrap:nowrap!important}
/* v0.9.219 quest board: calm cards (honey rim only when ready to claim), travel + accept on one line */
html.mobile.mclean body #qwHead{background:rgba(0,0,0,.18);border:1px solid rgba(255,238,205,.08);border-radius:14px;padding:6px 6px 6px 14px;font:400 13px/1.35 "Kanit",sans-serif!important;color:var(--w-mute)!important}
html.mobile.mclean body #qwHead .btn{min-height:36px!important;border-radius:999px!important;border:1px solid var(--w-rim2)!important;background:var(--w-glass)!important;color:var(--w-ink)!important;font:600 13.5px/1 "Kanit",sans-serif!important;padding:0 16px!important;box-shadow:none!important}
html.mobile.mclean body #qwList{display:flex;flex-direction:column;gap:8px}
html.mobile.mclean body #qwin .qc{grid-template-columns:44px minmax(0,1fr) auto!important;gap:3px 10px!important;padding:10px 12px 10px 8px!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,238,205,.09)!important;box-shadow:none!important}
html.mobile.mclean body #qwin .qc .qi{grid-row:1/span 4!important;grid-column:1;width:40px;height:40px;border-radius:12px;background:var(--w-well);border:1px solid rgba(255,238,205,.1);align-items:center!important;padding:0!important;font-size:21px!important}
html.mobile.mclean body #qwin .qc :is(.qn,.qh,.qp,.qr){grid-column:2/-1}
html.mobile.mclean body #qwin .qc .qn{grid-row:1;font:600 15px/1.3 "Kanit",sans-serif!important;color:var(--w-ink)!important}
html.mobile.mclean body #qwin .qc .qh{grid-row:2;font:400 12.5px/1.3 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean body #qwin .qc .qp{grid-row:3;margin:3px 0}
html.mobile.mclean body #qwin .qc .qp .track{height:6px!important;border-radius:999px!important;background:rgba(0,0,0,.35)!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(255,238,205,.08)!important;overflow:hidden}
html.mobile.mclean body #qwin .qc .qp .fill{border-radius:999px;background:linear-gradient(90deg,#f0c060,#ffe39a)!important}
html.mobile.mclean body #qwin .qc .qp span{font:500 12.5px/1 "Kanit",sans-serif!important;color:var(--w-mute)!important;white-space:nowrap}
html.mobile.mclean body #qwin .qc .qr{grid-row:4;font:400 13px/1.35 "Kanit",sans-serif!important;color:#ffdc8f!important}
html.mobile.mclean body #qwin .qc .qtgo{grid-row:5;grid-column:2;margin-top:6px!important;align-self:center;gap:6px}
html.mobile.mclean body #qwin .qc .qa{grid-row:5;grid-column:3;margin-top:6px;align-self:center;flex-wrap:nowrap!important}
html.mobile.mclean body #qwin .qc .qa:only-of-type,html.mobile.mclean body #qwin .qc:not(:has(.qtgo)) .qa{grid-column:2/-1}
html.mobile.mclean body #qwin .qc :is(.qtgo,.qa) button{min-height:36px!important;height:36px;border-radius:999px!important;border:1px solid var(--w-rim2)!important;background:var(--w-glass)!important;color:var(--w-ink)!important;font:500 13.5px/1 "Kanit",sans-serif!important;padding:0 14px!important;box-shadow:none!important;white-space:nowrap}
html.mobile.mclean body #qwin .qc .qtgo button.w{border-color:rgba(240,192,96,.45)!important;color:#ffe3a6!important;background:rgba(240,192,96,.08)!important}
html.mobile.mclean body #qwin .qc .qa .btn.go{border:0!important;background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;color:#2a1a08!important;font-weight:600!important;padding:0 18px!important}
html.mobile.mclean body #qwin .qc.done{border-color:rgba(240,192,96,.55)!important;background:linear-gradient(135deg,rgba(240,192,96,.12),rgba(255,255,255,.03))!important}
html.mobile.mclean body #qwin .qc.done .qp .fill{background:linear-gradient(90deg,#7fe0a0,#c4f6a8)!important}
html.mobile.mclean body #qwin .qc.claimed{opacity:.5}
html.mobile.mclean body #qwNote{font:400 12.5px/1.45 "Kanit",sans-serif!important;color:var(--w-dim)!important;text-align:center;margin-top:10px}
/* v0.9.219 achievements: summary card, scrolling category pills, calmer rows, done rows glow honey */
html.mobile.mclean body #acSum{background:linear-gradient(135deg,rgba(240,192,96,.13),rgba(255,255,255,.03));border:1px solid rgba(240,192,96,.28);border-radius:16px;padding:10px 14px!important;font:400 13px/1.35 "Kanit",sans-serif!important;color:var(--w-mute)}
html.mobile.mclean body #acSum .big{font:700 28px/1 "Kanit",sans-serif!important;color:var(--w-honey)!important}
html.mobile.mclean body #acSum .track{height:6px!important;border-radius:999px!important;border:0!important;background:rgba(0,0,0,.35)!important;overflow:hidden;margin-top:5px}
html.mobile.mclean body #acSum .fill{border-radius:999px}
html.mobile.mclean body #acSum .ttlsel{border-top:1px solid rgba(255,238,205,.08);padding-top:8px;margin-top:2px}
html.mobile.mclean body #acSum .ttlsel>span:first-child{color:var(--w-ink);font-weight:500}
html.mobile.mclean body #acSum .ttlsel .qh{font-size:12.5px!important;color:var(--w-dim)!important}
html.mobile.mclean body #acTabs{flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding:2px 0 4px!important;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);background:none!important;border:0!important}
html.mobile.mclean body #acTabs::-webkit-scrollbar{display:none}
html.mobile.mclean body #acTabs button{flex:0 0 auto!important;min-height:36px!important;padding:0 14px!important;border-radius:999px!important;border:1px solid var(--w-rim)!important;background:var(--w-glass)!important;color:var(--w-mute)!important;font:500 13.5px/1 "Kanit",sans-serif!important;gap:6px;white-space:nowrap;box-shadow:none!important}
html.mobile.mclean body #acTabs button small{font:400 12px/1 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean body #acTabs button.on{background:linear-gradient(180deg,rgba(240,192,96,.32),rgba(240,192,96,.14))!important;border-color:rgba(240,192,96,.7)!important;color:#fff3d6!important}
html.mobile.mclean body #acTabs button.on small{color:#ffe3a6!important}
html.mobile.mclean body #acList{gap:7px!important}
html.mobile.mclean body #achwin .ac{grid-template-columns:40px minmax(0,1fr) auto!important;gap:2px 10px!important;padding:9px 12px 9px 8px!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,238,205,.08)!important}
html.mobile.mclean body #achwin .ac .ai{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--w-well);font-size:18px!important}
html.mobile.mclean body #achwin .ac .an{font:600 14.5px/1.3 "Kanit",sans-serif!important;color:var(--w-ink)}
html.mobile.mclean body #achwin .ac .ad{font:400 12.5px/1.3 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean body #achwin .ac .apt{font:700 14px/1 "Kanit",sans-serif!important;color:var(--w-honey)!important;background:rgba(240,192,96,.10);border:1px solid rgba(240,192,96,.3);border-radius:999px;padding:5px 9px}
html.mobile.mclean body #achwin .ac .ab{margin-top:4px;font:400 12px/1 "Kanit",sans-serif!important;color:var(--w-mute)!important}
html.mobile.mclean body #achwin .ac .ab .track{height:5px!important;border-radius:999px!important;border:0!important;background:rgba(0,0,0,.35)!important;overflow:hidden}
html.mobile.mclean body #achwin .ac .ab .fill{border-radius:999px;background:linear-gradient(90deg,#f0c060,#ffe39a)!important}
html.mobile.mclean body #achwin .ac .ttlchip{font:500 11.5px/1.5 "Kanit",sans-serif!important;border-radius:999px!important;margin-left:6px;padding:0 8px!important;vertical-align:1px}
html.mobile.mclean body #achwin .ac.on{border-color:rgba(240,192,96,.45)!important;background:linear-gradient(90deg,rgba(240,192,96,.14),rgba(255,255,255,.03) 65%)!important}html.mobile.mclean body #achwin .ac.on .ai{background:radial-gradient(circle,rgba(255,224,160,.25),rgba(0,0,0,.2))}
/* v0.9.219 top-up: packages fill the row, bonus ribbon no longer covers the price */
html.mobile.mclean body #topwin .tp-pk{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;gap:10px!important;margin-top:14px!important}
html.mobile.mclean body #topwin .tp-pk button{padding:20px 6px 12px!important;min-height:86px;border-radius:16px!important;border:1px solid rgba(255,238,205,.14)!important;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;box-shadow:none!important;gap:2px!important}
html.mobile.mclean body #topwin .tp-pk button:has(.tp-bonus){border-color:rgba(240,192,96,.45)!important;background:linear-gradient(180deg,rgba(240,192,96,.14),rgba(255,255,255,.02))!important}
html.mobile.mclean body #topwin .tp-pk button b{font:700 21px/1.15 "Kanit",sans-serif!important;color:var(--w-ink)!important}
html.mobile.mclean body #topwin .tp-pk button small{font:500 13px/1.2 "Kanit",sans-serif!important;color:#a8e6ff!important}
html.mobile.mclean body #topwin .tp-bonus{top:-10px!important;right:auto!important;left:50%!important;transform:translateX(-50%);white-space:nowrap;font:600 12px/1 "Kanit",sans-serif!important;padding:4px 9px!important;border-radius:999px!important;box-shadow:0 2px 8px rgba(0,0,0,.35)}
html.mobile.mclean body #topwin .tp-cus{display:flex;align-items:center;gap:8px;margin-top:12px!important}
html.mobile.mclean body #topwin .tp-cus .tp-in{width:150px!important;text-align:center}
html.mobile.mclean body #topwin .tp-note{font:400 12.5px/1.5 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean body #topwin .tp-h{font:500 13.5px/1.3 "Kanit",sans-serif!important;color:var(--w-mute)!important;border-bottom-color:rgba(255,238,205,.08)!important}
/* v0.9.219 costume shop: soft glass cards, pills like the rest, glass fitting room */
html.mobile.mclean body #cashwin .cs-pv{background:radial-gradient(ellipse 70% 50% at 50% 40%,rgba(255,226,170,.14),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))!important;border:1px solid rgba(255,238,205,.12)!important;border-radius:18px!important}
html.mobile.mclean body #cashwin .cs-pv small{font:400 12.5px/1.4 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean body #cashwin .cs-pv .cs-btn{border-radius:999px!important;border:1px solid var(--w-rim2)!important;background:var(--w-glass)!important;color:var(--w-ink)!important;font:500 13px/1 "Kanit",sans-serif!important}
html.mobile.mclean body #cashwin .cs-np{background:rgba(0,0,0,.25)!important;border:1px solid var(--w-rim)!important;border-radius:999px!important;font-family:"Kanit",sans-serif!important}
html.mobile.mclean body #cashwin .cs-chips{gap:6px!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}
html.mobile.mclean body #cashwin .cs-chips button{flex:0 0 auto;min-height:34px!important;padding:0 14px!important;border-radius:999px!important;border:1px solid var(--w-rim)!important;background:var(--w-glass)!important;color:var(--w-mute)!important;font:500 13.5px/1 "Kanit",sans-serif!important;box-shadow:none!important}
html.mobile.mclean body #cashwin .cs-chips button[aria-pressed=true]{background:linear-gradient(180deg,rgba(240,192,96,.32),rgba(240,192,96,.14))!important;border-color:rgba(240,192,96,.7)!important;color:#fff3d6!important}
html.mobile.mclean body #cashwin .cs-it{border-radius:14px!important;border:1px solid rgba(255,238,205,.09)!important;background:rgba(255,255,255,.04)!important;box-shadow:none!important}
html.mobile.mclean body #cashwin .cs-it.sel{border-color:rgba(240,192,96,.6)!important;background:linear-gradient(180deg,rgba(240,192,96,.14),rgba(255,255,255,.03))!important}
html.mobile.mclean body #cashwin .cs-it .hd canvas{background:var(--w-well);border-radius:10px}
html.mobile.mclean body #cashwin .cs-it .nm{font:500 14px/1.25 "Kanit",sans-serif!important;color:var(--w-ink)!important}
html.mobile.mclean body #cashwin .cs-it .sl{font:400 12px/1.2 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean body #cashwin .cs-it .pr{font:600 13.5px/1 "Kanit",sans-serif!important;color:#a8e6ff!important}
html.mobile.mclean body #cashwin .cs-it .pr:not(.np){color:var(--w-honey)!important}
/* v0.9.220 fix: window header is sticky — give it an opaque glass base so scrolled content no longer shows through behind the title */
html.mobile.mclean body .win:not(#testwin)>.wh{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0)),rgb(40,30,58)!important;border-radius:21px 21px 0 0}
/* v0.9.220 settings: section titles, account pills side by side, checkboxes become switches, option cards match the honey tabs */
html.mobile.mclean body #setwin .wb h3{font:600 15px/1.3 "Kanit",sans-serif!important;color:var(--w-honey)!important;margin:16px 0 8px!important;padding-bottom:6px;border-bottom:1px solid rgba(255,238,205,.08)}
html.mobile.mclean body #setwin .wb h3 small{font:400 12px/1.3 "Kanit",sans-serif!important;color:var(--w-dim)!important;display:block;margin-top:2px}
html.mobile.mclean body #setwin .wb h4{font:500 13.5px/1.3 "Kanit",sans-serif!important;color:var(--w-mute)!important;margin:12px 0 6px!important}
html.mobile.mclean body #setwin .sbtn{display:inline-flex!important;align-items:center;width:auto!important;margin:0 6px 6px 0!important;min-height:38px!important;padding:0 16px!important;border-radius:999px!important;border:1px solid var(--w-rim2)!important;background:var(--w-glass)!important;color:var(--w-ink)!important;font:500 13.5px/1 "Kanit",sans-serif!important}
html.mobile.mclean body #setwin #setLogout{color:#ffb4c0!important;border-color:rgba(255,140,160,.35)!important}
html.mobile.mclean body #setwin .pvprow{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,238,205,.08)!important;border-radius:14px!important}
html.mobile.mclean body #setwin .pvprow b{font:600 14px/1.3 "Kanit",sans-serif!important}
html.mobile.mclean body #setwin .pvprow small{font:400 12.5px/1.4 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean body #setwin :is(.srow2,label.chk){font:400 14px/1.35 "Kanit",sans-serif!important;color:var(--w-ink)}
html.mobile.mclean body #setwin label.chk{display:flex!important;align-items:center;gap:12px;padding:4px 0;cursor:pointer}
html.mobile.mclean body #setwin label.chk input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 auto;width:44px!important;height:26px!important;min-height:26px!important;margin:0!important;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,238,205,.16);position:relative;transition:background .18s;cursor:pointer;order:2;margin-left:auto!important}
html.mobile.mclean body #setwin label.chk input[type=checkbox]::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#e9e2f5;box-shadow:0 1px 3px rgba(0,0,0,.4);transition:transform .18s}
html.mobile.mclean body #setwin label.chk input[type=checkbox]:checked{background:linear-gradient(180deg,#f6cf72,#d9a23a);border-color:transparent}
html.mobile.mclean body #setwin label.chk input[type=checkbox]:checked::after{transform:translateX(18px);background:#fff}
html.mobile.mclean body #setwin label.chk input[type=checkbox]:disabled{opacity:.4}
html.mobile.mclean body #setwin input[type=range]{accent-color:#f0c060}
html.mobile.mclean body #setwin .opts{gap:8px!important}
html.mobile.mclean body #setwin .opts button{border-radius:14px!important;border:1px solid rgba(255,238,205,.12)!important;background:rgba(255,255,255,.04)!important;color:var(--w-ink)!important;font:600 13.5px/1.25 "Kanit",sans-serif!important;box-shadow:none!important}
html.mobile.mclean body #setwin .opts button small{font:400 12px/1.3 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean body #setwin .opts button[aria-pressed=true]{background:linear-gradient(180deg,rgba(240,192,96,.26),rgba(240,192,96,.1))!important;border-color:rgba(240,192,96,.7)!important;color:#fff3d6!important}
html.mobile.mclean body #setwin .opts button[aria-pressed=true] small{color:#ffe3a6!important}
@media (prefers-reduced-motion:reduce){html.mobile.mclean body #setwin label.chk input[type=checkbox],html.mobile.mclean body #setwin label.chk input[type=checkbox]::after{transition:none}}
html.mobile.mclean body #setwin .srow2{grid-template-columns:minmax(0,auto) 1fr auto!important}html.mobile.mclean body #setwin .srow2>b{white-space:nowrap;font:500 13px/1 "Kanit",sans-serif!important;color:var(--w-mute)!important}
html.mobile.mclean body .win:not(#testwin) select{font-family:"Kanit",sans-serif!important}
/* v0.9.220 member: status card, NP + top-up as quiet glass rows, perk table becomes level cards (2 per row), your level glows */
html.mobile.mclean body #memcur{background:linear-gradient(135deg,rgba(240,192,96,.14),rgba(255,255,255,.03));border:1px solid rgba(240,192,96,.3);border-radius:16px;padding:12px 14px;margin:0 0 10px!important}
html.mobile.mclean body #memcur b{font:600 15px/1.3 "Kanit",sans-serif!important;color:#ffe8b8}
html.mobile.mclean body #memcur .bar2{height:6px!important;border-radius:999px!important;background:rgba(0,0,0,.35)!important;margin:8px 0 6px!important}
html.mobile.mclean body #memcur small{font:400 12.5px/1.3 "Kanit",sans-serif!important;color:var(--w-mute)}
html.mobile.mclean body :is(#memnp,#memtopup){background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,238,205,.09)!important;border-radius:14px!important;padding:8px 8px 8px 14px!important;margin-bottom:8px!important;font:400 13.5px/1.4 "Kanit",sans-serif!important;color:var(--w-ink)!important}
html.mobile.mclean body #memnp b{color:#a8e6ff!important}
html.mobile.mclean body #memnp small{color:var(--w-dim)!important}
html.mobile.mclean body :is(#memnp,#memtopup) button{min-height:38px!important;border-radius:999px!important;border:0!important;padding:0 16px!important;font:600 13.5px/1 "Kanit",sans-serif!important;background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;color:#2a1a08!important;box-shadow:none!important;white-space:nowrap}
html.mobile.mclean body #memnp button{background:var(--w-glass)!important;border:1px solid var(--w-rim2)!important;color:var(--w-ink)!important}
html.mobile.mclean body #memact{gap:8px!important;margin:2px 0 12px!important}
html.mobile.mclean body #memact .btn{min-height:38px!important;border-radius:999px!important;border:1px solid var(--w-rim2)!important;background:var(--w-glass)!important;color:var(--w-ink)!important;font:500 13.5px/1 "Kanit",sans-serif!important;padding:0 14px!important;box-shadow:none!important}
html.mobile.mclean body #memtab{display:block!important}
html.mobile.mclean body #memtab>tbody,html.mobile.mclean body #memtab{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
html.mobile.mclean body #memtab>tbody{display:contents!important}
html.mobile.mclean body #memtab tr:has(>th){display:none!important}
html.mobile.mclean body #memtab tr{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;background:rgba(255,255,255,.035);border:1px solid rgba(255,238,205,.08);border-radius:14px;padding:10px 12px}
html.mobile.mclean body #memtab td{border:0!important;padding:0!important;background:none!important}
html.mobile.mclean body #memtab td:nth-child(1){font:700 15px/1 "Kanit",sans-serif!important;color:var(--w-honey);background:rgba(240,192,96,.12)!important;border:1px solid rgba(240,192,96,.3)!important;border-radius:999px;padding:4px 10px!important}
html.mobile.mclean body #memtab td:nth-child(2){font:400 12.5px/1 "Kanit",sans-serif!important;color:var(--w-dim)}
html.mobile.mclean body #memtab td:nth-child(2)::after{content:" บาทสะสม"}
html.mobile.mclean body #memtab td:nth-child(3){grid-column:1/-1;font:400 13px/1.5 "Kanit",sans-serif!important;color:var(--w-mute);margin-top:4px}
html.mobile.mclean body #memtab tr.me{border-color:rgba(240,192,96,.6);background:linear-gradient(135deg,rgba(240,192,96,.16),rgba(255,255,255,.03))}
html.mobile.mclean body #memtab tr.me td:nth-child(3){color:#ffe8b8}
/* v0.9.220 card album: summary card, region headers like section titles, glass card slots, sticky detail panel */
html.mobile.mclean body #alsum{background:rgba(255,255,255,.035);border:1px solid rgba(255,238,205,.09);border-radius:16px;padding:10px 14px;font-family:"Kanit",sans-serif!important}
html.mobile.mclean body #alsum b{font:600 14px/1 "Kanit",sans-serif!important;color:var(--w-ink)}
html.mobile.mclean body #alsum span{font:400 12.5px/1.35 "Kanit",sans-serif!important;color:#a8e6ff!important}
html.mobile.mclean body #albumwin .alpct{height:6px!important;border-radius:999px!important;border:0!important;background:rgba(0,0,0,.35)!important}
html.mobile.mclean body #albumwin .alh{border-bottom:1px solid rgba(255,238,205,.08)!important;padding:4px 2px 6px!important;margin:6px 0 8px!important}
html.mobile.mclean body #albumwin .alh b{font:600 14.5px/1.2 "Kanit",sans-serif!important;color:var(--w-honey)}
html.mobile.mclean body #albumwin .alh span{font:400 12.5px/1 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean body #albumwin .algrid{gap:8px!important}
html.mobile.mclean body #albumwin .alc{border-radius:12px!important;padding:4px 2px 6px!important}
html.mobile.mclean body #albumwin .alc .alpic{border-radius:10px!important}
html.mobile.mclean body #albumwin .alc.off .alpic{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.2))!important;border:1px dashed rgba(255,238,205,.14)!important}
html.mobile.mclean body #albumwin .alc.off i{color:var(--w-dim)!important;font:500 11px/1 "Kanit",sans-serif!important}
html.mobile.mclean body #albumwin .alc small{font:400 12px/1.2 "Kanit",sans-serif!important}
html.mobile.mclean body #albumwin .alc.off small{color:rgba(189,177,211,.5)!important}
html.mobile.mclean body #albumwin .alc.sel{border-color:rgba(240,192,96,.7)!important;background:rgba(240,192,96,.1)!important}
html.mobile.mclean body #albumwin #aldet{position:sticky;top:58px;align-self:start;background:rgba(255,255,255,.035);border:1px solid rgba(255,238,205,.09);border-radius:16px;padding:12px!important;font:400 13px/1.45 "Kanit",sans-serif!important;color:var(--w-mute)}
/* v0.9.220 HUD: thin Base EXP line under HP/SP on the phone status card (was hidden — players could not see level progress without opening a window) */
html.mobile.mclean body #status:not(.min)>.wb>.full.bar:has(#bef){display:block!important;margin:3px 0 0!important;padding:0!important;height:4px!important;min-height:0!important}
html.mobile.mclean body #status>.wb>.full.bar:has(#bef)>:is(b,span){display:none!important}
html.mobile.mclean body #status>.wb>.full.bar:has(#bef) .track{display:block!important;height:4px!important;min-height:0!important;width:100%!important;border-radius:999px!important;background:rgba(0,0,0,.38)!important;overflow:hidden}
html.mobile.mclean body #status>.wb>.full.bar:has(#bef) .fill{height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#f0c060,#ffe39a)!important;box-shadow:none!important}
/* v0.9.221 legibility pass: windows render at 80 % on phones, so nothing below 13px (labels were 10-12px = 8-10px on screen) */
html.mobile.mclean body #invtabs>button{font-size:12px!important;letter-spacing:-.1px}
html.mobile.mclean body #invwin :is(#invgold,.g,.w,#invwt){font-size:13px!important}
html.mobile.mclean body #statwin .eqs b{font-size:13px!important}
html.mobile.mclean body #statwin #dolljob{font-size:13px!important}
html.mobile.mclean body #albumwin .alc.off i{font-size:12.5px!important}
html.mobile.mclean body #albumwin .alc small{font-size:13px!important}
html.mobile.mclean body #albumwin :is(#alsum span,.alh span){font-size:13px!important}
html.mobile.mclean body #rankwin :is(.vl,.no,.nm,.jb){font-size:13.5px!important}
html.mobile.mclean body #rankwin #rkTable :is(th,.hd span){font-size:13px!important}
html.mobile.mclean body #skillwin .skrow .tag{font-size:12.5px!important}
html.mobile.mclean body #achwin .ac :is(.ad,.ab){font-size:13px!important}
html.mobile.mclean body #acTabs button small{font-size:13px!important}
html.mobile.mclean body #qwin .qc .qh{font-size:13px!important}
html.mobile.mclean body #shopwin .shr .nm small{font-size:13px!important}
html.mobile.mclean body #shopwin .shr .nm .upb{font-size:12.5px!important}
html.mobile.mclean body #setwin :is(.opts button small,.pvprow small,h3 small){font-size:13px!important}
html.mobile.mclean body #memwin :is(#memcur small,#memtab td:nth-child(2)){font-size:13px!important}
html.mobile.mclean body #achwin .ac .ttlchip{font-size:12.5px!important}html.mobile.mclean body #rankwin .jb{font-size:13.5px!important}
/* v0.9.221 rotate-to-landscape screen: drawn phone that turns sideways (shows the action), warm glow, glass button */
html.mobile #mrot{background:radial-gradient(ellipse 80% 50% at 50% 38%,rgba(240,192,96,.13),transparent 70%),linear-gradient(180deg,#221a33,#120e1b)!important}
html.mobile #mrot .ic{font-size:0!important;width:120px;height:120px;margin:0 auto 22px!important;position:relative;display:grid;place-items:center}
html.mobile #mrot .ic::before{content:"";width:46px;height:80px;border-radius:11px;border:3px solid #f5efff;box-sizing:border-box;background:linear-gradient(180deg,rgba(240,192,96,.25),rgba(240,192,96,.05));box-shadow:0 0 0 6px rgba(240,192,96,.10),inset 0 -6px 0 -3px rgba(245,239,255,.6);animation:mrotTurn 2.6s cubic-bezier(.6,0,.2,1) infinite}
html.mobile #mrot .ic::after{content:"";position:absolute;inset:6px;border-radius:50%;border:2px dashed rgba(240,192,96,.35)}
@keyframes mrotTurn{0%,22%{transform:rotate(0)}55%,82%{transform:rotate(-90deg)}100%{transform:rotate(0)}}
@media (prefers-reduced-motion:reduce){html.mobile #mrot .ic::before{animation:none;transform:rotate(-90deg)}}
html.mobile #mrot b{font:600 21px/1.35 "Kanit",sans-serif!important;color:#f5efff}
html.mobile #mrot small{font:400 14px/1.4 "Kanit",sans-serif!important;color:#bdb1d3!important;margin:6px 0 22px!important}
html.mobile #mrot button{border-radius:999px!important;border:1px solid rgba(255,238,205,.28)!important;background:rgba(255,255,255,.06)!important;color:#f5efff!important;font:500 14.5px/1 "Kanit",sans-serif!important;padding:0 22px!important}
/* v0.9.221 portrait: quest card actions get their own rows instead of squeezing beside the travel buttons */
@media (orientation:portrait){
html.mobile.mclean body #qwin .qc .qtgo{grid-column:2/-1!important}
html.mobile.mclean body #qwin .qc .qa{grid-row:6!important;grid-column:2/-1!important;justify-content:flex-end}
html.mobile.mclean body #qwHead{flex-wrap:wrap}
}
/* v0.9.223 character select: room for the slots on short landscape phones, glass slots, empty slots as soft "+" tiles */
@media (orientation:landscape) and (max-height:430px){
html.mobile .card:has(#charsel:not([hidden])) :is(#mode,#ver,#onlnow){display:none!important}
html.mobile #charsel .csh{margin-bottom:6px!important}
html.mobile #charsel #csmsg:empty{display:none}
}
html.mobile.mclean #charsel .csh{font:400 13px/1.3 "Kanit",sans-serif!important;color:var(--w-mute)}
html.mobile.mclean #charsel .csh .linkbtn{font:500 13px/1 "Kanit",sans-serif!important;color:#ffb4c0!important;text-decoration:none!important;border:1px solid rgba(255,140,160,.35)!important;border-radius:999px!important;padding:6px 12px!important;background:rgba(255,255,255,.04)!important}
html.mobile.mclean #csgrid{gap:8px!important}
html.mobile.mclean #csgrid .cslot{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,238,205,.12)!important;border-radius:14px!important;box-shadow:none!important}
html.mobile.mclean #csgrid .cslot b{font:600 14px/1.25 "Kanit",sans-serif!important;color:var(--w-ink)}
html.mobile.mclean #csgrid .cslot span{font:400 12.5px/1.3 "Kanit",sans-serif!important;color:var(--w-mute)!important}
html.mobile.mclean #csgrid .cslot canvas{background:radial-gradient(ellipse 70% 55% at 50% 45%,rgba(255,226,170,.16),rgba(0,0,0,.2))!important;border-radius:10px!important}
html.mobile.mclean #csgrid .cslot.sel{border-color:rgba(240,192,96,.75)!important;background:linear-gradient(135deg,rgba(240,192,96,.16),rgba(255,255,255,.04))!important;box-shadow:0 0 0 1px rgba(240,192,96,.35)!important}
html.mobile.mclean #csgrid .cslot.empty{background:rgba(0,0,0,.18)!important;border:1px dashed rgba(255,238,205,.18)!important;font:500 13px/1 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean #csgrid .cslot.empty:active{background:rgba(240,192,96,.1)!important}
html.mobile.mclean #csgrid .cslot .no{font:400 12px/1 "Kanit",sans-serif!important;color:rgba(189,177,211,.45)!important}
html.mobile.mclean #csstage{background:radial-gradient(ellipse 70% 50% at 50% 45%,rgba(255,226,170,.14),transparent 70%),rgba(255,255,255,.04)!important;border:1px solid rgba(255,238,205,.12)!important;border-radius:18px!important}
html.mobile.mclean #csstage #csturn{border-radius:50%!important;border:1px solid var(--w-rim2)!important;background:rgba(255,255,255,.06)!important}
html.mobile.mclean #csgrid .cslot:not(.empty){padding-right:22px!important}html.mobile.mclean #csgrid .cslot .del{top:6px!important;right:6px!important;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.25)!important;color:#d8a8b8!important}
/* v0.9.223 help on phones: touch controls first, keyboard-only rows hidden */
html.mobile .kbonly{display:none!important}
#helpwin .mtouch h4{margin:12px 0 4px;font-size:14px;color:var(--gold,#f0c060)}
html.mobile.mclean #helpwin .mtouch h4{font:600 15px/1.3 "Kanit",sans-serif!important;color:var(--w-honey)!important;margin:14px 0 6px!important}
html.mobile.mclean #helpwin .mtouch{background:rgba(255,255,255,.035);border:1px solid rgba(255,238,205,.09);border-radius:16px;padding:2px 14px 4px;margin:10px 0 2px}
html.mobile.mclean #helpwin .hr{font:400 13.5px/1.45 "Kanit",sans-serif!important;border-bottom:1px solid rgba(255,238,205,.07)!important;border-bottom-style:solid!important;padding:7px 0!important;gap:12px}
html.mobile.mclean #helpwin .hr>span:first-child{color:var(--w-ink);font-weight:500}
html.mobile.mclean #helpwin .hr>span:last-child{color:var(--w-mute);text-align:right}
html.mobile.mclean #helpwin #helpwiki{border-radius:999px!important;border:1px solid rgba(240,192,96,.5)!important;background:rgba(240,192,96,.1)!important;color:#ffe3a6!important;font:500 14px/1 "Kanit",sans-serif!important;padding:12px!important}
html.mobile.mclean body #helpwin#helpwin>.wh .t{font-size:0!important}
html.mobile.mclean body #helpwin#helpwin>.wh .t::after{content:"วิธีเล่น";font:600 17px/1.25 "Kanit",sans-serif}
html.mobile.mclean body #frbadd{border-radius:999px!important;border:1px solid rgba(255,140,160,.4)!important;background:rgba(255,120,140,.10)!important;color:#ffc4cf!important;font:500 13.5px/1 "Kanit",sans-serif!important;box-shadow:none!important;padding:0 16px!important}
html.mobile.mclean body .socw .socsec{font:600 14px/1.3 "Kanit",sans-serif!important;color:var(--w-mute)!important}
/* v0.9.224 knocked-out card: same glass sheet as the windows, calm title, the cause as a soft chip */
html.mobile.mclean #dead{background:radial-gradient(ellipse at 50% 45%,rgba(20,14,30,.35),rgba(10,7,16,.7))!important}
html.mobile.mclean #dead .card{background:var(--w-sheet)!important;border:1px solid var(--w-rim)!important;border-radius:24px!important;box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.07)!important;padding:22px 26px 20px!important;max-width:420px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html.mobile.mclean #dead h1{font:700 30px/1.2 "Kanit",sans-serif!important;color:var(--w-ink)!important;letter-spacing:.5px;text-shadow:none!important;margin:0 0 10px!important}
html.mobile.mclean #dead h1::before{content:"";display:block;width:54px;height:54px;margin:0 auto 10px;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,150,170,.35),rgba(255,150,170,.06));border:1px solid rgba(255,150,170,.35);-webkit-mask:none}
html.mobile.mclean #dead #deadwho{display:inline-flex;font:500 14px/1.3 "Kanit",sans-serif!important;color:#ffc4cf!important;background:rgba(255,120,140,.08)!important;border:1px solid rgba(255,140,160,.3)!important;border-radius:16px!important;padding:6px 14px 6px 8px!important;margin:0 auto 8px!important;text-align:left}html.mobile.mclean #dead #deadwho .dwtx b{font:600 15px/1.3 "Kanit",sans-serif!important;color:#ffc4cf!important}html.mobile.mclean #dead #deadwho .dwtx small{font:400 13px/1.3 "Kanit",sans-serif!important;color:var(--w-mute)!important}html.mobile.mclean #dead h1::before{display:none}
html.mobile.mclean #dead #deadwho[hidden]{display:none}
html.mobile.mclean #dead p{font:400 13.5px/1.45 "Kanit",sans-serif!important;color:var(--w-mute)!important;margin:6px 0!important}
html.mobile.mclean #dead #deadtip{color:#ffe3a6!important;background:rgba(240,192,96,.08);border-radius:12px;padding:8px 12px!important}
html.mobile.mclean #dead #revive{margin-top:12px!important;min-height:46px!important;border-radius:999px!important;font:600 16px/1 "Kanit",sans-serif!important;border:0!important;background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;color:#2a1a08!important;box-shadow:0 6px 18px rgba(217,162,58,.28)!important;width:100%}
/* v0.9.224 toast: neutral glass pill (it carries good news too — the red "error" frame read as a failure every time) */
html.mobile.mclean #toast{background:rgba(28,20,42,.88)!important;border:1px solid rgba(255,238,205,.22)!important;border-radius:999px!important;color:var(--w-ink)!important;font:500 14px/1.35 "Kanit",sans-serif!important;padding:8px 18px!important;box-shadow:0 8px 24px rgba(0,0,0,.35)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
/* level-up popups: glass cards with a honey (base) / mint (job) edge */
html.mobile.mclean .lvpop{background:linear-gradient(135deg,rgba(240,192,96,.22),rgba(28,20,42,.9) 55%)!important;border:1px solid rgba(240,192,96,.6)!important;border-radius:16px!important;box-shadow:0 10px 26px rgba(0,0,0,.4)!important;font-family:"Kanit",sans-serif!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html.mobile.mclean .lvpop.job{background:linear-gradient(135deg,rgba(123,227,173,.2),rgba(28,20,42,.9) 55%)!important;border-color:rgba(123,227,173,.6)!important}
html.mobile.mclean .lvpop .ic{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(240,192,96,.18);color:#ffe3a6;font-size:20px!important}
html.mobile.mclean .lvpop.job .ic{background:rgba(123,227,173,.18);color:#bff5d6}
html.mobile.mclean .lvpop b{font:600 15.5px/1.25 "Kanit",sans-serif!important;color:var(--w-ink)!important}
html.mobile.mclean .lvpop small{font:400 13px/1.3 "Kanit",sans-serif!important;color:var(--w-mute)!important}
/* level-up popups on phones: compact, top-left under the HP card — they used to sit on top of the skill buttons for 9 s mid-fight */
html.mobile.mclean #lvpops{right:auto!important;bottom:auto!important;left:calc(10px + var(--sl,0px))!important;top:calc(62px + var(--st,0px))!important;gap:6px!important;align-items:flex-start}
html.mobile.mclean .lvpop{min-width:0!important;max-width:min(300px,calc(100vw - 32px))!important;padding:7px 12px 7px 7px!important;gap:9px!important;text-align:left;animation-name:lvinL!important}
html.mobile.mclean .lvpop .ic{width:32px!important;height:32px!important;border-radius:10px!important;font-size:16px!important;flex:0 0 auto}
html.mobile.mclean .lvpop b{font-size:14px!important}
html.mobile.mclean .lvpop small{font-size:12.5px!important}
@keyframes lvinL{from{transform:translateX(-40px);opacity:0}to{transform:none;opacity:1}}
/* v0.9.226 empty hotkey slot picker (all devices) */
#ctxmenu .hbfh{font-size:12.5px;color:var(--muted,#bdb1d3);margin:8px 4px 2px}
#ctxmenu .hbfill .hbpick{display:flex!important;align-items:center;gap:8px}
#ctxmenu .hbfill .hbpick canvas{width:28px;height:28px;flex:0 0 auto;border-radius:6px}
/* glass context menu on phones */
html.mobile.mclean #ctxmenu{background:var(--w-sheet)!important;border:1px solid var(--w-rim)!important;border-radius:18px!important;padding:8px!important;box-shadow:0 18px 48px rgba(0,0,0,.5)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:"Kanit",sans-serif}
html.mobile.mclean #ctxmenu .h{font:600 15px/1.3 "Kanit",sans-serif!important;color:var(--w-ink)!important;padding:4px 6px 6px!important}
html.mobile.mclean #ctxmenu .hbfh{font:500 13px/1.3 "Kanit",sans-serif!important;color:var(--w-honey)!important}
html.mobile.mclean #ctxmenu button{border-radius:12px!important;font-family:"Kanit",sans-serif!important}
html.mobile.mclean #ctxmenu .hbpick{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,238,205,.1)!important;color:var(--w-ink)!important;min-height:44px}
html.mobile #slots .slot.empty::after{content:"+";position:absolute;inset:0;display:grid;place-items:center;font:300 26px/1 "Kanit",sans-serif;color:rgba(255,248,235,.42);pointer-events:none}
/* v0.9.227 market filters on phones: search + button on the first line, filters wrap below as chips (checkboxes become chips) */
html.mobile.mclean #marketwin .mk-flt{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center}
html.mobile.mclean #marketwin #mkQ{order:0;flex:1 1 calc(100% - 120px)!important;min-width:0;width:auto!important}
html.mobile.mclean #marketwin #mkGo{order:1;flex:0 0 auto;min-height:40px!important;border-radius:999px!important;padding:0 20px!important}
html.mobile.mclean #marketwin .mk-flt>:is(select,label){order:2;flex:0 0 auto}
html.mobile.mclean #marketwin .mk-flt>select{width:auto!important;max-width:44%;min-height:36px!important}
html.mobile.mclean #marketwin .mk-flt>label{display:inline-flex!important;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--w-rim);background:var(--w-glass);color:var(--w-mute);font:500 13.5px/1 "Kanit",sans-serif;white-space:nowrap;cursor:pointer}
html.mobile.mclean #marketwin .mk-flt>label input{-webkit-appearance:none;appearance:none;width:0;height:0;margin:0;position:absolute;opacity:0}
html.mobile.mclean #marketwin .mk-flt>label:has(input:checked){background:linear-gradient(180deg,rgba(240,192,96,.32),rgba(240,192,96,.14));border-color:rgba(240,192,96,.7);color:#fff3d6}
html.mobile.mclean #marketwin .mk-flt>label:has(input:focus-visible){outline:2px solid #f0c060;outline-offset:2px}
html.mobile.mclean #marketwin .mk-flt>label::before{content:"";width:14px;height:14px;border-radius:50%;border:1.5px solid currentColor;opacity:.7;box-sizing:border-box}
html.mobile.mclean #marketwin .mk-flt>label:has(input:checked)::before{background:#f0c060;border-color:#f0c060;opacity:1}
/* v0.9.227 storage grid matches the bag: glass rounded cells, items get the same soft frame, empty cells quiet */
html.mobile.mclean #storgrid .islot{border-radius:12px!important;border:1px solid rgba(255,238,205,.10)!important;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015))!important;box-shadow:none!important}
html.mobile.mclean #storgrid .islot:disabled{background:rgba(0,0,0,.14)!important;border-color:rgba(255,238,205,.06)!important}
html.mobile.mclean #storgrid .islot canvas{background:none!important;border:0!important;box-shadow:none!important}
html.mobile.mclean #storgrid .islot.sel{border-color:#f0c060!important;box-shadow:0 0 0 2px rgba(240,192,96,.25)!important}
/* pet tabs sat flush against the window edges */
/* v0.9.228 performance: no live blur behind big surfaces on phones. The game canvas redraws every frame, so a blur behind a
   window / chat / menu is recomputed 60× a second (costly on low-end phones) — and at 90-98 % opacity it was barely visible */
html.mobile.mclean body .win:not(#testwin),html.mobile.mclean body #chat.panel,html.mobile.mclean #dead .card,html.mobile.mclean #ctxmenu,html.mobile.mclean body #fsCard{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.mobile.mclean body #chat.panel{background:linear-gradient(180deg,rgba(36,27,52,.95),rgba(20,15,30,.95))!important}
html.mobile.mclean body #fsCard{background:rgba(24,17,38,.86)!important}
html.mobile.mclean #dead{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* v0.9.231 reconnecting card: glass sheet, calm title (was a giant display headline across the screen) */
html.mobile.mclean #reconn{place-items:center!important;background:rgba(10,7,16,.55)!important}
html.mobile.mclean #reconn .card{background:var(--w-sheet)!important;border:1px solid var(--w-rim)!important;border-radius:24px!important;box-shadow:0 24px 60px rgba(0,0,0,.55)!important;padding:22px 28px!important;max-width:420px;display:grid;justify-items:center;gap:6px}
html.mobile.mclean #reconn h1{font:600 22px/1.3 "Kanit",sans-serif!important;color:var(--w-ink)!important;letter-spacing:.3px;text-shadow:none!important;margin:0!important;order:2}
html.mobile.mclean #reconn #reconnMsg{font:400 14px/1.45 "Kanit",sans-serif!important;color:var(--w-mute)!important;margin:0!important;order:3;text-align:center}
html.mobile.mclean #reconn .spin{order:1;margin:0 0 6px!important;width:38px!important;height:38px!important;border-width:3px!important;border-color:rgba(255,238,205,.14)!important;border-top-color:#f0c060!important}
/* v0.9.231 search examples as tappable chips (all devices) */
#srchList .srex{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px}
#srchList .srex button{border-radius:999px;border:1px solid rgba(255,238,205,.22);background:rgba(255,255,255,.06);color:#f5efff;padding:5px 12px;font-size:13px;cursor:pointer;font-family:inherit}
#srchList .srex button:hover{border-color:#f0c060}
html.mobile.mclean #srchList .srex button{min-height:36px;padding:0 16px;font:500 14px/1 "Kanit",sans-serif}
/* v0.9.234 level-up popups drop below the buff row when buffs are showing (they covered the buff icons) */
html.mobile.mclean:has(#buffbar .bf) #lvpops{top:calc(104px + var(--st,0px))!important}
@media (max-height:400px){
html.mobile.mclean .lvpop small{font-size:12px!important;line-height:1.2!important}   /* v0.9.252 keep "กดเพื่อ…" (it was hidden = nothing said it is tappable) */
html.mobile.mclean .lvpop:not(:nth-last-child(-n+2)){display:none!important}   /* base + job together both stay */
html.mobile.mclean .lvpop{padding:5px 12px 5px 5px!important}
}
/* v0.9.235 NPC dialog choices: glass rows; the keyboard highlight (bright yellow glow) is for keyboards — on phones it is a quiet honey edge */
html.mobile.mclean #npcbtns button{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,238,205,.12)!important;border-radius:14px!important;color:var(--w-ink)!important;font:500 15px/1.3 "Kanit",sans-serif!important;box-shadow:none!important}
html.mobile.mclean #npcbtns button.go{background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;border:0!important;color:#2a1a08!important;font-weight:600!important}
html.mobile.mclean #npcbtns button.dim{opacity:.5}
html.mobile.mclean #npcbtns .npchd{font:600 13.5px/1.3 "Kanit",sans-serif!important;color:var(--w-honey)!important}
html.mobile.mclean #npcwin .kf13,html.mobile.mclean #askwin .kf13,html.mobile.mclean #shopwin .kf13{outline:0!important;box-shadow:none!important}
html.mobile.mclean #npcwin #npcbtns button.kf13{border-color:rgba(240,192,96,.45)!important}
/* job change cards: one even row, portraits on one line, glass */
html.mobile.mclean #npcwin #jobcards{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;gap:8px!important}
html.mobile.mclean #npcwin .jcard{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,238,205,.10)!important;border-radius:16px!important;padding:8px 6px 10px!important}
html.mobile.mclean #npcwin .jcard canvas{background:radial-gradient(ellipse 70% 60% at 50% 45%,rgba(255,226,170,.14),rgba(0,0,0,.18))!important;border-radius:12px;margin-bottom:4px!important}
html.mobile.mclean #npcwin .jcard b{font:600 14.5px/1.25 "Kanit",sans-serif!important;color:var(--w-ink)}
html.mobile.mclean #npcwin .jcard small{font:400 12.5px/1.35 "Kanit",sans-serif!important;color:var(--w-mute)!important}
html.mobile.mclean #npcwin .jcard.cur{border-color:rgba(123,227,173,.6)!important}
html.mobile.mclean #npcwin .jcard:not(.lock):active{border-color:rgba(240,192,96,.7)!important;background:rgba(240,192,96,.1)!important}
/* v0.9.235 world map frame: same glass sheet, header and segmented tabs as the windows (was a gold-edged frame with bright yellow tabs) */
html.mobile.mclean body #world .wm{background:var(--w-sheet)!important;border:1px solid var(--w-rim)!important;border-radius:22px!important;box-shadow:0 22px 60px rgba(0,0,0,.5)!important}
html.mobile.mclean body #world .wm>h2{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0)),rgb(40,30,58)!important;border-bottom:1px solid var(--w-rim)!important;border-radius:21px 21px 0 0;min-height:50px!important;padding:0 8px 0 16px!important;font:600 17px/1.2 "Kanit",sans-serif!important;color:var(--w-ink)!important;text-shadow:none!important}
html.mobile.mclean body #world .wm>h2 small{font:400 12.5px/1.2 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean body #world #wmtabs{background:var(--w-well);border:1px solid rgba(255,238,205,.08);border-radius:14px;padding:3px;gap:2px!important;margin-right:8px!important}
html.mobile.mclean body #world #wmtabs>button{min-height:36px!important;border-radius:11px!important;border:0!important;background:transparent!important;color:var(--w-mute)!important;font:500 14px/1 "Kanit",sans-serif!important;padding:0 14px!important;box-shadow:none!important}
html.mobile.mclean body #world #wmtabs>button[aria-pressed=true]{background:linear-gradient(180deg,rgba(240,192,96,.34),rgba(240,192,96,.16))!important;color:#fff3d6!important;box-shadow:inset 0 0 0 1px rgba(240,192,96,.55)!important}
html.mobile.mclean body #world #worldClose{position:relative;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:50%!important;padding:0!important;font-size:0!important;color:transparent!important;border:1px solid var(--w-rim2)!important;background:var(--w-glass) center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 3.5l9 9M12.5 3.5l-9 9' stroke='%23f5efff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")!important}
html.mobile.mclean body #world #worldClose::after{content:"";position:absolute;inset:-9px}
/* v0.9.235 emote window: tiles fill the width (were 8 small tiles left-aligned), glass cards */
html.mobile.mclean body #emowin #emogrid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))!important;gap:8px!important}
html.mobile.mclean body #emowin .emo{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,238,205,.10)!important;border-radius:16px!important;padding:8px 4px 10px!important;gap:2px!important}
html.mobile.mclean body #emowin .emo canvas{width:64px!important;height:64px!important;border-radius:50%;background:radial-gradient(circle,rgba(255,226,170,.12),transparent 70%)}
html.mobile.mclean body #emowin .emo b{font:600 14px/1.2 "Kanit",sans-serif!important;color:var(--w-ink)}
html.mobile.mclean body #emowin .emo small{font:400 12.5px/1.2 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean body #emowin .emo .ak{display:none}
html.mobile.mclean body #emowin .emo:active{border-color:rgba(240,192,96,.7)!important;background:rgba(240,192,96,.1)!important}
html.mobile.mclean body #emowin .wb>.snote{font:400 12.5px/1.4 "Kanit",sans-serif!important;color:var(--w-dim)!important}
/* v0.9.236 chat log on phones: Kanit, a little air between lines, names in honey, system lines softer */
html.mobile.mclean.mchat #logl{font:400 14.5px/1.55 "Kanit",sans-serif!important;padding:2px 14px 6px!important}
html.mobile.mclean.mchat #logl>div{padding:1px 0;text-shadow:none!important}
html.mobile.mclean.mchat #logl .cname{color:#ffdc8f!important;font-weight:600}
html.mobile.mclean.mchat #logl .sys{color:#e9d6a6!important;opacity:.9}
/* v0.9.236 party window: member cards, settings grouped in one panel with equal-width selects, honey invite, quieter leave */
html.mobile.mclean #partywin .pmem{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,238,205,.10)!important;border-radius:14px!important;padding:8px 12px!important}
html.mobile.mclean #partywin .pmem.me{border-color:rgba(123,227,173,.45)!important;background:linear-gradient(90deg,rgba(123,227,173,.10),rgba(255,255,255,.03) 60%)!important}
html.mobile.mclean #partywin .pmem b{font:600 15px/1.3 "Kanit",sans-serif!important}
html.mobile.mclean #partywin .pmem small{font:400 13px/1.3 "Kanit",sans-serif!important;color:var(--w-mute)!important}
html.mobile.mclean #partywin .php{height:5px!important;border-radius:999px!important;background:rgba(0,0,0,.35)!important;overflow:hidden;margin-top:6px}
html.mobile.mclean #partywin .php i{border-radius:999px}
html.mobile.mclean #partywin .pset{background:rgba(0,0,0,.18);border:1px solid rgba(255,238,205,.08);border-radius:14px;padding:4px 12px!important;margin:10px 0!important}
html.mobile.mclean #partywin .pset label{display:grid!important;grid-template-columns:auto minmax(0,58%);align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,238,205,.06)}
html.mobile.mclean #partywin .pset label:last-child{border-bottom:0}
html.mobile.mclean #partywin .pset label span{font:500 14px/1.3 "Kanit",sans-serif;color:var(--w-ink)}
html.mobile.mclean #partywin .pset select{width:100%!important;min-height:38px!important}
html.mobile.mclean #partywin #pinvite{min-height:40px!important;border-radius:999px!important;border:0!important;background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;color:#2a1a08!important;font:600 14px/1 "Kanit",sans-serif!important;padding:0 20px!important;box-shadow:none!important}
html.mobile.mclean #partywin .prow:has(#pleave){justify-content:flex-end}
html.mobile.mclean #partywin #pleave{width:auto!important;flex:0 0 auto!important;min-height:38px!important;border-radius:999px!important;border:1px solid rgba(255,140,160,.4)!important;background:rgba(255,120,140,.08)!important;color:#ffc4cf!important;font:500 13.5px/1 "Kanit",sans-serif!important;padding:0 18px!important;box-shadow:none!important}
html.mobile.mclean #partywin .snote{font:400 12.5px/1.45 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean #partywin .pset label{grid-template-columns:1fr 58%!important}html.mobile.mclean #partywin .pset label select{width:100%!important;max-width:none!important;justify-self:stretch;flex:none!important}
/* ===== v0.9.237 fixes from a fresh-eyes audit ===== */
/* pinned tab bars: opaque (rows no longer show through while scrolling), pinned under the 50px header, same inset as the content */
html.mobile.mclean body .win :is(#shoptabs,#stortabs,#eqtabs,#sktabs,#emotabs,#mtabs,.pt-tabs){background:linear-gradient(var(--w-well),var(--w-well)),rgb(30,22,44)!important;top:50px!important;margin:0 0 8px!important}
/* active tab: no leftover orange outline (refine / grade) */
html.mobile.mclean body :is(#eqtabs,#sktabs,#actabs,#shoptabs,#stortabs,#emotabs,#mtabs,.pt-tabs,.cs-tabs,#srchKind,#setMob,#cfgMvp,#cfgMini,#setLang,.rftabs,#rkTabs)>button{outline:0!important;position:relative}
html.mobile.mclean body :is(#eqtabs,#sktabs,#actabs,#shoptabs,#stortabs,#emotabs,#mtabs,.pt-tabs,.cs-tabs,#srchKind,#setMob,#cfgMvp,#cfgMini,#setLang,.rftabs,#rkTabs)>button::after{content:"";position:absolute;inset:-6px -2px}
/* chips in scrolling rows can't extend their hit area (the row clips it) → a little taller instead */
html.mobile.mclean body :is(#shoplist .sellcats,#acTabs,#cashwin .cs-chips)>button{min-height:38px!important}
/* one Thai typeface inside windows (body text fell back to a second, looped face next to Kanit headings — sometimes inside one line) */
html.mobile.mclean body .win:not(#testwin) .wb,html.mobile.mclean body #world .wm{font-family:"Kanit",sans-serif}
/* storage: "deposit all" glass pill · empty cells as light as the bag's */
html.mobile.mclean #storwin #storAll{background:var(--w-glass)!important;border:1px solid var(--w-rim2)!important;border-radius:999px!important;color:var(--w-ink)!important;font:500 14px/1 "Kanit",sans-serif!important;min-height:40px!important;padding:0 18px!important;box-shadow:none!important}
html.mobile.mclean #storgrid .islot:disabled{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01))!important;border-color:rgba(255,238,205,.08)!important}
/* refine / grade: item tiles, material chip and the go button in the glass style */
html.mobile.mclean #npcwin #optbox .rfslots button{border-radius:12px!important;border:1px solid var(--w-rim)!important;background:rgba(255,255,255,.045)!important;outline:0!important;box-shadow:none!important;font-family:"Kanit",sans-serif!important}
html.mobile.mclean #npcwin #optbox .rfslots button:is(.on,.sel,[aria-pressed=true]){border-color:rgba(240,192,96,.75)!important;background:rgba(240,192,96,.14)!important}
html.mobile.mclean #npcwin #optbox .rfmat{border-bottom-color:rgba(255,238,205,.08)!important}
html.mobile.mclean #npcwin #optbox .rfmat button:not(.go){border-radius:999px!important;border:1px solid var(--w-rim2)!important;background:var(--w-glass)!important;color:var(--w-ink)!important;font:500 13.5px/1 "Kanit",sans-serif!important;outline:0!important}
html.mobile.mclean #npcwin #optbox .rfmat button.go{border-radius:999px!important;border:0!important;background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;color:#2a1a08!important}
html.mobile.mclean #npcwin #optbox .rfgo{border-radius:999px!important;border:0!important;background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;color:#2a1a08!important;font:600 15px/1 "Kanit",sans-serif!important;box-shadow:none!important;outline:0!important}
html.mobile.mclean #npcwin #optbox .rfgo:disabled{background:rgba(255,255,255,.08)!important;color:var(--w-dim)!important}
/* short phones: smaller NPC portrait while a refine / grade / job panel is open, so the controls start on screen */
@media (max-height:430px){
html.mobile.mclean #npcwin:has(#optbox:not([hidden]),#jobcards:not(:empty)) .who>canvas{width:72px!important;height:90px!important}
html.mobile.mclean #npcwin:has(#optbox:not([hidden]),#jobcards:not(:empty)) #npctext{font-size:14.5px!important;max-height:5.6em;overflow:auto}
}
/* top-up balance bar */
html.mobile.mclean #topwin .tp-bal{background:var(--w-glass)!important;border:1px solid var(--w-rim)!important;border-radius:14px!important;font-family:"Kanit",sans-serif!important}
/* member window close (no data-close → kept a 44px min-width = oval) */
html.mobile.mclean body .win:not(#testwin)>.wh .m16x{min-width:36px!important}
/* bag sort button: bigger target */
html.mobile.mclean #invsub .isort{height:32px!important;position:relative}
html.mobile.mclean #invsub .isort::after{content:"";position:absolute;inset:-8px}
/* settings dropdowns match the labels */
html.mobile.mclean body .win:not(#testwin) select{padding:0 32px 0 12px!important;font:500 14px/1.3 "Kanit",sans-serif!important}
/* small labels that were still ~10px on screen after the 0.8 zoom */
html.mobile.mclean #cashwin .cs-it .sl{font-size:13px!important}
html.mobile.mclean body #statwin #statL .srow .cost{font-size:13px!important}
html.mobile.mclean body #invtabs>button{font-size:12.5px!important}
/* help: the second heading now sits outside the touch card */
html.mobile.mclean #helpwin .mtouch2{font:600 15px/1.3 "Kanit",sans-serif!important;color:var(--w-honey)!important;margin:16px 2px 6px!important}
/* v0.9.238 costume shop · gacha + Noji Pass: same glass language; NP actions keep their blue (NP = blue everywhere), as pills */
html.mobile.mclean #cashwin .cs-box{background:radial-gradient(ellipse 80% 55% at 50% 22%,rgba(196,140,255,.24),transparent 70%),rgba(255,255,255,.04)!important;border:1px solid rgba(196,160,255,.28)!important;border-radius:18px!important}
html.mobile.mclean #cashwin .cs-box :is(b,p,div){font-family:"Kanit",sans-serif}
html.mobile.mclean #cashwin .cs-btn{border-radius:999px!important;border:1px solid var(--w-rim2)!important;background:var(--w-glass)!important;color:var(--w-ink)!important;font:500 13.5px/1 "Kanit",sans-serif!important;min-height:36px}
html.mobile.mclean #cashwin .cs-btn.np{background:linear-gradient(180deg,#5aa4ff,#2f6fd0)!important;border:0!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 14px rgba(47,111,208,.3)!important}
html.mobile.mclean #cashwin .cs-btn.gold{background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;border:0!important;color:#2a1a08!important;font-weight:600!important}
html.mobile.mclean #cashwin .cs-btn.big{min-height:44px!important;padding:0 18px!important;font-size:15px!important}
html.mobile.mclean #cashwin .cs-sec{font:600 13.5px/1.3 "Kanit",sans-serif!important;color:var(--w-honey)!important;border-bottom-color:rgba(255,238,205,.08)!important}
html.mobile.mclean #cashwin .cs-rates{font:400 13px/1.35 "Kanit",sans-serif!important}
html.mobile.mclean #cashwin .cs-rates td{border-bottom-color:rgba(255,238,205,.06)!important}
html.mobile.mclean #cashwin .cs-lv{font:700 28px/1 "Kanit",sans-serif!important;color:var(--w-honey)!important}
html.mobile.mclean #cashwin .cs-lv small{font:500 14px/1.3 "Kanit",sans-serif!important;color:var(--w-mute)!important}
html.mobile.mclean #cashwin .cs-bar .tr{height:6px!important;border-radius:999px!important;border:0!important;background:rgba(0,0,0,.35)!important}
html.mobile.mclean #cashwin .cs-bar .tr i{border-radius:999px}
html.mobile.mclean #cashwin .cs-rw{border-radius:12px!important;border:1px solid rgba(255,238,205,.10)!important;background:rgba(255,255,255,.04)!important;font-family:"Kanit",sans-serif!important;font-size:12.5px!important}
html.mobile.mclean #cashwin .cs-rw.prem{background:linear-gradient(180deg,rgba(240,192,96,.10),rgba(255,255,255,.02))!important;border-color:rgba(240,192,96,.22)!important}
html.mobile.mclean #cashwin .cs-rw.can{border-color:rgba(123,227,173,.7)!important;box-shadow:0 0 0 1px rgba(123,227,173,.25)!important}
html.mobile.mclean #cashwin .cs-lvh{font:500 12.5px/1 "Kanit",sans-serif!important}
/* v0.9.239 item tooltip (long-press): glass card like the menus */
html.mobile.mclean #qtip{background:rgba(28,20,42,.96)!important;border:1px solid var(--w-rim2)!important;border-radius:14px!important;box-shadow:0 14px 36px rgba(0,0,0,.5)!important;font-family:"Kanit",sans-serif!important;padding:10px 12px!important}
html.mobile.mclean #qtip b:first-child,html.mobile.mclean #qtip .qt-n{color:var(--w-honey)!important}
/* v0.9.239 create screen on short phones: "back to character select" becomes a small text link under เริ่มเกม (was a second full-size button cut off at the bottom) */
@media (orientation:landscape) and (max-height:430px){
html.mobile #create{gap:6px!important}
html.mobile #create #createBack{min-height:28px!important;margin-top:-2px!important;padding:2px 10px!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--w-mute,#bdb1d3)!important;font:500 13.5px/1 "Kanit",sans-serif!important;justify-self:center;width:auto!important;text-decoration:underline;text-underline-offset:3px}
}
html.mobile.mclean #offrep .box{font-family:"Kanit",sans-serif}html.mobile.mclean #offrep .box h3{font:700 22px/1.25 "Kanit",sans-serif!important}
/* ===== v0.9.241 fixes from the second audit ===== */
/* option smith: item tiles + roll button (were plain white browser buttons) */
html.mobile.mclean body #optbox .optslots button{background:var(--w-glass)!important;border:1px solid var(--w-rim)!important;border-radius:12px!important;color:var(--w-ink)!important;font-family:"Kanit",sans-serif!important;outline:0!important}
html.mobile.mclean body #optbox .optslots button[aria-pressed=true]{border-color:rgba(240,192,96,.7)!important;background:rgba(240,192,96,.14)!important}
html.mobile.mclean body #optbox .optft button{border-radius:999px!important;border:1px solid var(--w-rim2)!important;background:var(--w-glass)!important;color:var(--w-ink)!important;min-height:40px;font:500 14px/1 "Kanit",sans-serif!important;padding:0 16px!important}
html.mobile.mclean body #optbox .optft button.go{background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;color:#2a1a08!important;border:0!important;font-weight:600!important}
/* AUTO settings tabs: opaque when pinned too */
html.mobile.mclean body .win #actabs{background:linear-gradient(var(--w-well),var(--w-well)),rgb(30,22,44)!important;top:50px!important}
/* search example chips: phone look only */
html:not(.mobile) #srchList .srex button{background:#2a2234;border-color:#5a4a6a;color:#e8dcf8}
/* portrait */
@media (orientation:portrait){
html.mobile body .win.mhalfL:not(#askwin):not(#cardwin):not(#testwin){bottom:calc(50vh + 2px)!important}
html.mobile body .win.mhalfR:not(#askwin):not(#cardwin):not(#testwin){top:50vh!important}
html.mobile.mclean body #world h2{flex-wrap:wrap!important}
html.mobile.mclean body #world h2>span:first-child{flex:1 1 calc(100% - 60px)!important}
html.mobile.mclean body #world #wmtabs{order:100;flex:1 1 100%;margin:0 0 8px!important}
html.mobile #alwrap{grid-template-columns:1fr!important}
html.mobile #albumwin #aldet{order:-1;position:static!important}
html.mobile.mclean body #cashwin .cs-tabs{flex:1 1 100%!important}
html.mobile.mclean body #invwin.m16narrow #invdet{padding-top:12px!important}
}
/* v0.9.242 mail compose: roomier message box, attachment slots like the bag, item picker glass */
html.mobile.mclean #mailwin #mtx{min-height:84px!important;border-radius:14px!important;padding:10px 12px!important;font:400 14px/1.45 "Kanit",sans-serif!important}
html.mobile.mclean #mailwin :is(#matt,.mpick){display:flex;flex-wrap:wrap;gap:8px!important}
html.mobile.mclean #mailwin :is(#matt,.mpick) .islot{width:56px!important;height:56px!important;border-radius:12px!important;border:1px dashed rgba(255,238,205,.2)!important;background:rgba(255,255,255,.035)!important;font-size:22px!important;position:relative}
html.mobile.mclean #mailwin :is(#matt,.mpick) .islot:has(canvas){border-style:solid!important;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important}
html.mobile.mclean #mailwin .mpick{background:rgba(0,0,0,.18);border:1px solid rgba(255,238,205,.08);border-radius:14px;padding:8px;margin-top:6px}
html.mobile.mclean #mailwin .socrow .gi{font:500 14px/1.3 "Kanit",sans-serif!important;color:var(--w-mute)!important}
html.mobile.mclean #mailwin .wb>.gi{font:400 13px/1.4 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean #mailwin input[type=number]{min-height:38px!important;height:38px!important;font:500 15px/1 "Kanit",sans-serif!important;padding:0 12px!important;border-radius:12px!important;max-width:200px}
/* v0.9.243 confirm box (askwin, used by drop / buy / sell-all …): calm text, centred amount, cancel = glass pill, OK = honey pill */
html.mobile.mclean #askwin #asktext{font:400 14.5px/1.5 "Kanit",sans-serif!important;color:var(--w-ink)!important;white-space:pre-line;margin-bottom:10px}
html.mobile.mclean #askwin #asknum{width:100%!important;min-height:44px!important;border-radius:14px!important;text-align:center;font:600 18px/1 "Kanit",sans-serif!important;border:1px solid var(--w-rim2)!important;background:rgba(0,0,0,.25)!important;color:var(--w-ink)!important}
html.mobile.mclean #askwin .row{display:flex!important;gap:10px!important;justify-content:flex-end;margin-top:12px}
html.mobile.mclean #askwin .row .btn{flex:1 1 0;min-height:44px!important;border-radius:999px!important;font:600 15px/1 "Kanit",sans-serif!important;box-shadow:none!important}
html.mobile.mclean #askwin #askno{background:var(--w-glass)!important;border:1px solid var(--w-rim2)!important;color:var(--w-ink)!important}
html.mobile.mclean #askwin #askyes{background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;border:0!important;color:#2a1a08!important}
/* v0.9.244 quest tracker on phones: ☰ → ติดตามภารกิจ did nothing (the clean screen hid #qtrack outright) — it now opens as a small glass card under the HP card; "–" closes it */
html.mobile.mclean body #qtrack.mopen{display:block!important;left:calc(10px + var(--sl,0px))!important;top:calc(62px + var(--st,0px))!important;width:min(280px,calc(100vw - 24px))!important;background:rgba(24,17,38,.86)!important;border:1px solid var(--w-rim)!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(0,0,0,.35)!important;font-family:"Kanit",sans-serif!important;max-height:calc(100vh - 150px);overflow:auto}
html.mobile.mclean:has(#buffbar .bf) body #qtrack.mopen{top:calc(104px + var(--st,0px))!important}
html.mobile.mclean body #qtrack.mopen>.wh{background:none!important;border-bottom:1px solid rgba(255,238,205,.08)!important;min-height:40px;padding:2px 4px 2px 12px!important}
html.mobile.mclean body #qtrack.mopen>.wh .t{font:600 14.5px/1.2 "Kanit",sans-serif!important;color:var(--w-ink)!important}
html.mobile.mclean body #qtrack.mopen>.wh button{min-width:36px;min-height:36px;border-radius:50%;font-size:16px}
html.mobile.mclean body #qtrack.mopen .qt{padding:8px 12px!important;border-bottom:1px solid rgba(255,238,205,.06)}
html.mobile.mclean body #qtrack.mopen .qt b{font:500 14px/1.3 "Kanit",sans-serif!important}
html.mobile.mclean body #qtrack.mopen .qtb .track{height:5px!important;border-radius:999px!important;border:0!important;background:rgba(0,0,0,.35)!important;overflow:hidden}
html.mobile.mclean body #qtrack.mopen .qtb .fill{background:linear-gradient(90deg,#f0c060,#ffe39a)!important;border-radius:999px}
html.mobile.mclean body #qtrack.mopen .qtgo button{min-height:32px!important;border-radius:999px!important;font:500 13px/1 "Kanit",sans-serif!important}
html.mobile.mclean body #qtrack.mopen{max-height:calc(100vh - 200px)!important}
html.mobile.mclean body #qtrack.mopen>.wh [data-min]{font-size:0!important;color:transparent!important;border:1px solid var(--w-rim2)!important;background:var(--w-glass) center/14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 3.5l9 9M12.5 3.5l-9 9' stroke='%23f5efff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;position:relative}
html.mobile.mclean body #qtrack.mopen>.wh [data-min]::after{content:"";position:absolute;inset:-8px}
/* v0.9.246 ranking tabs on narrow screens: scroll sideways with a fade on the right edge (the 5th tab was cut with no hint it scrolls) */
html.mobile.mclean body #rankwin #rkTabs{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}
html.mobile.mclean body #rankwin #rkTabs::-webkit-scrollbar{display:none}
html.mobile.mclean body #rankwin #rkTabs>button{flex:1 0 auto!important;white-space:nowrap}
@media (min-width:700px){html.mobile.mclean body #rankwin #rkTabs{-webkit-mask-image:none;mask-image:none}}
/* v0.9.247 trade window: panes as glass, gold field compact, buttons as pills (cancel glass · lock blue-ish · trade honey) */
html.mobile.mclean #tradewin .trpane{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,238,205,.10)!important;border-radius:16px!important}
html.mobile.mclean #tradewin .trpane.mine{border-color:rgba(240,192,96,.3)!important}
html.mobile.mclean #tradewin .trh b{font:600 14.5px/1.2 "Kanit",sans-serif!important}
html.mobile.mclean #tradewin .trst{font:400 13px/1 "Kanit",sans-serif!important;color:var(--w-mute)!important}
html.mobile.mclean #tradewin .trgrid>*{border-radius:10px!important;border:1px solid rgba(255,238,205,.08)!important;background:rgba(0,0,0,.18)!important}
html.mobile.mclean #tradewin #trGold{min-height:38px!important;height:38px!important;border-radius:12px!important;font:600 15px/1 "Kanit",sans-serif!important;max-width:60%}
html.mobile.mclean #tradewin #trinfo{font:400 13px/1.45 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean #tradewin .trbtns{display:flex;gap:8px}
html.mobile.mclean #tradewin .trbtns .btn{flex:1 1 0;min-height:44px!important;border-radius:999px!important;font:600 14.5px/1 "Kanit",sans-serif!important;box-shadow:none!important}
html.mobile.mclean #tradewin #trCancel{background:var(--w-glass)!important;border:1px solid var(--w-rim2)!important;color:var(--w-ink)!important}
html.mobile.mclean #tradewin #trLock{background:rgba(120,170,255,.14)!important;border:1px solid rgba(140,180,255,.5)!important;color:#d6e6ff!important}
html.mobile.mclean #tradewin #trLock[aria-pressed=true],html.mobile.mclean #tradewin #trLock:disabled{opacity:.6}
html.mobile.mclean #tradewin #trOk{background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;border:0!important;color:#2a1a08!important}
html.mobile.mclean #tradewin #trOk:disabled{background:rgba(255,255,255,.07)!important;color:var(--w-dim)!important}
html.mobile.mclean #tradewin #trOk{white-space:nowrap;font-size:13.5px!important;padding:0 8px!important}
/* v0.9.248 request pop-ups (trade / party / guild / friend invites): glass card, pill buttons, a countdown bar feel */
html.mobile.mclean #reqs .reqpop{background:var(--w-sheet)!important;border:1px solid rgba(240,192,96,.45)!important;border-radius:18px!important;box-shadow:0 14px 36px rgba(0,0,0,.5)!important;padding:12px 14px!important;font-family:"Kanit",sans-serif}
html.mobile.mclean #reqs .reqpop .rt{font:600 15px/1.35 "Kanit",sans-serif!important;color:var(--w-ink)!important}
html.mobile.mclean #reqs .reqpop .rc{font:400 13px/1.3 "Kanit",sans-serif!important;color:var(--w-mute)!important}
html.mobile.mclean #reqs .reqpop .rb .btn{flex:1 1 0;min-height:42px!important;border-radius:999px!important;font:600 14.5px/1 "Kanit",sans-serif!important;box-shadow:none!important}
html.mobile.mclean #reqs .reqpop .rb .btn:not(.go){background:var(--w-glass)!important;border:1px solid var(--w-rim2)!important;color:var(--w-ink)!important}
html.mobile.mclean #reqs .reqpop .rb .btn.go{background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;border:0!important;color:#2a1a08!important}
/* v0.9.249 "ดูอุปกรณ์" (inspect another player) matches the own equipment sheet */
html.mobile.mclean body #inspwin .eqs{min-height:44px;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,238,205,.08)!important;border-radius:14px!important;padding:3px 10px 3px 3px!important}
html.mobile.mclean body #inspwin .eqs.r{padding:3px 3px 3px 10px!important}
html.mobile.mclean body #inspwin .eqs .ic{width:38px;height:38px;border-radius:11px!important;background:var(--w-well)!important;border:1px dashed rgba(255,238,205,.14);box-sizing:border-box}
html.mobile.mclean body #inspwin .eqs:not(.empty){background:linear-gradient(90deg,rgba(240,192,96,.10),rgba(255,255,255,.03) 60%)!important;border-color:rgba(240,192,96,.26)!important}
html.mobile.mclean body #inspwin .eqs.r:not(.empty){background:linear-gradient(270deg,rgba(240,192,96,.10),rgba(255,255,255,.03) 60%)!important}
html.mobile.mclean body #inspwin .eqs:not(.empty) .ic{border:1px solid rgba(240,192,96,.35)}
html.mobile.mclean body #inspwin .eqs b{font:500 13px/1.2 "Kanit",sans-serif!important;color:var(--w-dim)!important}
html.mobile.mclean body #inspwin .eqs span{font:500 14px/1.25 "Kanit",sans-serif!important;color:var(--w-ink)!important}
html.mobile.mclean body #inspwin .eqs.empty span{color:rgba(189,177,211,.45)!important;font-weight:400!important}
html.mobile.mclean body #inspwin .eqdoll{background:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(255,226,170,.16),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))!important;border:1px solid rgba(255,238,205,.10);border-radius:18px!important}
html.mobile.mclean body #inspwin #inspjob{font:500 12.5px/1.3 "Kanit",sans-serif!important;color:var(--w-mute)!important;text-align:center;background:rgba(0,0,0,.25);border:1px solid var(--w-rim);border-radius:999px;padding:3px 9px;margin:4px 6px 6px}
html.mobile.mclean body #inspwin .eqs{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;align-items:center}
html.mobile.mclean body #inspwin .eqs.r{grid-template-columns:minmax(0,1fr) 38px!important}
html.mobile.mclean body #inspwin .eqs>div:not(.ic){min-width:0}
html.mobile.mclean body #inspwin .eqs span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* v0.9.250 party members on the phone play screen: the clean screen hid the party strip entirely — in a party of 2+ it now shows
   (small avatars + HP/SP bars under the HP card); a solo "party" stays hidden. Level-up pop-ups / quest tracker move below it. */
html.mobile.mclean body #pp13:not([hidden]):has(.pl .pr:nth-child(2)){display:block!important;background:rgba(24,17,38,.72)!important;border:1px solid var(--w-rim)!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(0,0,0,.25)!important}
html.mobile.mclean body #pp13 .ph{font-family:"Kanit",sans-serif!important;color:var(--w-mute)!important}
html.mobile.mclean body #pp13 .pr{border-radius:10px!important}
html.mobile.mclean body #pp13 .pr.me{background:rgba(123,227,173,.10)!important}
html.mobile.mclean body #pp13 .pb{border-radius:999px!important;overflow:hidden}
html.mobile.mclean:has(#pp13:not([hidden]) .pl .pr:nth-child(2)) #lvpops{top:calc(150px + var(--st,0px))!important}
html.mobile.mclean:has(#pp13:not([hidden]) .pl .pr:nth-child(2)):has(#buffbar .bf) #lvpops{top:calc(190px + var(--st,0px))!important}
html.mobile.mclean:has(#pp13:not([hidden]) .pl .pr:nth-child(2)) body #qtrack.mopen{top:calc(150px + var(--st,0px))!important;max-height:calc(100vh - 290px)!important}
html.mobile.mclean body #pp13 .pn b{font-size:10px!important;max-width:36px}
html.mobile.mclean #partywin .pa button{min-width:38px!important;min-height:36px!important;border-radius:999px!important;border:1px solid var(--w-rim2)!important;background:var(--w-glass)!important;color:var(--w-ink)!important;font:500 13px/1 "Kanit",sans-serif!important;padding:0 12px!important;box-shadow:none!important}
html.mobile.mclean #partywin .pa button:last-child{border-color:rgba(255,140,160,.4)!important;color:#ffc4cf!important;background:rgba(255,120,140,.08)!important}
/* v0.9.252 bag next to storage (narrow mode): the item detail panel was built for the side column and overlapped itself here
   (icon over the buttons, name under the lock button) and squeezed the grid rows → flow layout: small icon + name/desc, then the buttons */
html.mobile.mclean body #invwin.m16narrow .wb{grid-template-rows:auto auto auto auto!important;overflow-y:auto!important;align-content:start}
html.mobile.mclean body #invwin.m16narrow #invgrid{grid-auto-rows:54px!important;max-height:none!important;overflow:visible!important}
html.mobile.mclean body #invwin.m16narrow #invgrid .islot{aspect-ratio:auto!important;height:54px!important}
html.mobile.mclean body #invwin.m16narrow #invdet{display:block!important;max-height:none!important;height:auto!important;overflow:visible!important;margin-top:8px!important;padding:10px 12px!important}
html.mobile.mclean body #invwin.m16narrow #invinfo{display:block!important;min-height:48px}
html.mobile.mclean body #invwin.m16narrow #invinfo .m16ic{float:left!important;width:48px!important;height:48px!important;margin:0 10px 4px 0!important}
html.mobile.mclean body #invwin.m16narrow #invinfo .m16nm{font-size:15px!important}
html.mobile.mclean body #invwin.m16narrow #invdet .invact{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:10px!important;clear:both;position:static!important}
html.mobile.mclean body #invwin.m16narrow #invdet .invact button{position:static!important;width:100%!important}
html.mobile.mclean body #invwin.m16narrow #invdet .invfoot{position:static!important;margin-top:8px}
html.mobile.mclean body #invwin.m16narrow #invgrid{height:auto!important;min-height:0!important;flex:none!important;align-content:start!important}html.mobile.mclean body #invwin.m16narrow .wb{height:auto!important;max-height:none!important}html.mobile.mclean body #invwin.m16narrow #invgrid{min-height:max-content!important}
html.mobile.mclean #storinfo .storget{display:block;width:100%;margin-top:8px;min-height:42px!important;border-radius:999px!important;border:0!important;background:linear-gradient(180deg,#f6cf72,#d9a23a)!important;color:#2a1a08!important;font:600 14.5px/1 "Kanit",sans-serif!important}html.mobile.mclean #storinfo{font:400 13px/1.45 "Kanit",sans-serif!important;color:var(--w-mute)!important}
/* v0.9.253 worn-gear buttons (ถอด / ล็อก) side by side as pills · skill points stay visible at the bottom of the skill sheet */
html.mobile.mclean body #statwin #eqnote .m16un{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px!important;margin:8px 6px 0 0!important;padding:0 16px!important;border-radius:999px!important;border:1px solid var(--w-rim2)!important;background:var(--w-glass)!important;color:var(--w-ink)!important;font:600 14px/1 "Kanit",sans-serif!important;width:auto!important}
html.mobile.mclean body #skillwin .points{position:sticky;bottom:0;z-index:2;background:linear-gradient(90deg,rgba(240,192,96,.18),rgba(240,192,96,.05)),rgb(36,27,52)!important}
html.mobile.mclean body #setwin label.chk[hidden]{display:none!important}