:root{--hanji:#f6eedc;--paper:#fbf6ea;--linen:#efe3cc;--linen-2:#e3d3b4;--indigo-cloth:#27324f;--tray:#e6d8be;--tray-edge:#cdb993;--chip:#f1e7d2;--ink:#2b2a33;--ink-2:#5b5547;--muted:#6b6454;--on-dark:#fbf6ea;--indigo:#25324d;--indigo-2:#2f4a8a;--persimmon:#b94f1e;--persimmon-hi:#e2713a;--jade:#2f7a67;--gold:#d9a32b;--amber:#8a5a00;--danger:#a83a2e;--wood:#b98a57;--wood-dark:#8a6238;--wood-light:#d9b58a;--felt:#b8453c;--felt-dark:#8f322b;--steel:#aeb7c2;--steel-dark:#6f7a88;--sh-1:2px 3px 0 #2b2a3324;--sh-2:3px 5px 10px #2b2a3338;--sh-sheet:0 -8px 24px #2b2a3347;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--r-chip:10px;--r-btn:14px;--r-card:18px;--r-sheet:24px;--r-tile:10px;--fs-xs:12px;--fs-s:14px;--fs-m:16px;--fs-l:20px;--fs-xl:24px;--fs-2xl:32px;--fs-3xl:40px;--d-press:80ms;--d-pop:.12s;--d-ui:.18s;--d-sheet:.28s;--d-reveal:.52s;--e-out:cubic-bezier(.2,.8,.2,1);--e-pop:cubic-bezier(.2,1.4,.4,1);--e-inout:cubic-bezier(.65,0,.35,1);--font-body:"Nunito","Noto Sans Thai","Gowun Dodum","Hiragino Maru Gothic ProN","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif;--font-disp:"Lora","Noto Serif Thai","Gowun Batang","Hiragino Mincho ProN","Apple Myungjo","Noto Serif KR",Georgia,serif;--font-num:"Nunito","Lora",system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--hanji);overscroll-behavior:none;height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);font-size:var(--fs-s);-webkit-text-size-adjust:100%;line-height:1.3}html[lang=th] body,html[lang=vi] body{line-height:1.5}html[lang=ko] .title,html[lang=ko] .h2{line-height:1.45}html[lang=th] .h2,html[lang=th] .title,html[lang=vi] .h2{line-height:1.55}html[lang=ko] body{word-break:keep-all}html[lang=ja] body,html[lang=zh-Hans] body,html[lang=zh-Hant] body{line-break:strict}button{font:inherit;color:inherit}#app{-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:fixed;inset:0;overflow:hidden}.app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--hanji);position:absolute;inset:0}.view{width:100%;height:100%;position:relative;overflow:hidden}.view:before{content:"";opacity:.5;pointer-events:none;background-image:repeating-linear-gradient(97deg,#9678460d 0 1px,#0000 1px 7px),repeating-linear-gradient(8deg,#9678460a 0 1px,#0000 1px 11px);position:absolute;inset:0}.screen{flex-direction:column;display:flex;position:absolute;inset:0}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}svg{flex:none}:focus-visible{outline:3px solid var(--persimmon-hi);outline-offset:2px}.btn{border-radius:var(--r-btn);border:2px solid var(--indigo);background:var(--paper);min-width:44px;min-height:44px;color:var(--indigo);font:800 var(--fs-s)/1.25 var(--font-body);text-align:center;box-shadow:var(--sh-1);cursor:pointer;transition:transform var(--d-press),box-shadow var(--d-press);justify-content:center;align-items:center;gap:6px;padding:6px 12px;display:inline-flex;position:relative}.btn:active{box-shadow:none;transform:scale(.97)}.btn svg{width:22px;height:22px}.bar .btn .lbl{white-space:nowrap}.btn .lbl{overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none;min-width:0}.compact .bar .btn .lbl{font-size:12px;line-height:1.15}html[lang=th] .btn,html[lang=ko] .btn{line-height:1.45}.btn.primary{background:var(--persimmon);color:#fff;font-size:var(--fs-m);border-color:#7d3410;min-height:56px}.btn.jade{background:var(--jade);color:#fff;border-color:#1d5446}.btn.ad{border-color:var(--amber);color:#4a3000;background:#fff3d6;min-height:52px}.btn.ad .mark{font:800 15px/1 var(--font-num);background:var(--gold);color:#3a2a00;border-radius:8px;flex:none;padding:3px 6px}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.flat{box-shadow:none;background:0 0;border-color:#0000;text-decoration:underline}.btn[disabled],.btn.dis{opacity:.45;pointer-events:none}.btn.sq{width:48px;padding:0}.btn.full{width:100%}.coinchip{background:var(--chip);height:36px;font:800 var(--fs-m) var(--font-num);box-shadow:var(--sh-1);font-variant-numeric:tabular-nums;border-radius:18px;align-items:center;gap:6px;padding:0 14px 0 8px;display:inline-flex}.coinchip svg{width:24px;height:24px;color:var(--amber)}.cnt{background:var(--chip);height:32px;font:800 var(--fs-s) var(--font-num);font-variant-numeric:tabular-nums;box-shadow:var(--sh-1);border-radius:16px;align-items:center;gap:4px;padding:0 9px 0 6px;display:flex}.cnt svg{width:20px;height:20px}.cnt.warn{color:var(--danger);background:#f8d9c6}.star-svg{width:44px;height:44px;display:block}.star-svg.on{color:var(--gold);fill:var(--gold);stroke:#8a5a00;filter:drop-shadow(1px 2px #00000040)}.star-svg.off{color:#bdb39b;fill:none;stroke:#9a9384}.stars{justify-content:center;gap:10px;display:flex}.star{text-align:center;width:92px;font:700 var(--fs-s)/1.15 var(--font-body)}.star .star-svg{margin:0 auto 2px}.star.pop .star-svg{animation:starpop .22s var(--e-pop) both}@keyframes starpop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}.aitag:before{content:"";position:absolute;inset:-16px -10px}.aitag{font:800 12px/1.2 var(--font-body);background:var(--chip);color:var(--ink-2);cursor:pointer;border:0;border-radius:8px;margin-left:6px;padding:2px 6px;display:inline-block;position:relative}.h2{font:700 var(--fs-xl)/1.2 var(--font-disp);margin:0}.muted{color:var(--muted)}.head{flex:none;align-items:center;gap:8px;height:48px;padding:0 8px;display:flex}.head h1{font:700 var(--fs-l)/1.2 var(--font-disp);overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.head .btn.sq{box-shadow:none;background:0 0;border-color:#0000}.body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:4px 16px 16px;overflow:hidden auto}.col{width:100%;max-width:560px;margin:0 auto}.card{background:var(--paper);border-radius:var(--r-card);box-shadow:var(--sh-1),inset 0 0 0 2px var(--tray-edge)}.stage{position:absolute;top:0;left:0;overflow:visible}.hud{justify-content:space-between;align-items:flex-start;padding:6px 12px 0;display:flex;position:absolute;top:0;left:0;right:0}.hud .lvl{font:700 var(--fs-l)/1.1 var(--font-disp);padding-top:2px}.hud .lvl small{font:700 var(--fs-xs)/1.2 var(--font-body);color:var(--muted);margin-top:2px;display:block}.hud .cnts{gap:6px;display:flex}.compact .hud{padding-top:3px}.compact .hud .lvl{font-size:18px}.compact .hud .lvl small{display:none}.bar{justify-content:center;align-items:stretch;gap:8px;padding:0 8px;display:flex;position:absolute;left:0;right:0}.bar .btn{flex:0 138px;min-width:0}.bar .btn.pause{flex:0 0 56px;padding:0}.bar .btn.fadein{animation:fade var(--d-sheet) var(--e-out) both}.compact .bar .btn{flex-basis:132px}@keyframes fade{0%{opacity:0}to{opacity:1}}.scene{overflow:visible}.hoop{background:linear-gradient(135deg,var(--wood-light),var(--wood) 45%,var(--wood-dark));box-shadow:var(--sh-2),inset 0 0 0 1.5px #3c230a73;border-radius:16px;position:absolute}.hoop:after{content:"";border-radius:9px;position:absolute;inset:7px;box-shadow:inset 2px 3px 5px #2b190573,0 0 0 1px #fff3}.screw{background:linear-gradient(#e9d79a,#a98a2f);border:1px solid #7b6320;border-radius:5px;width:22px;height:12px;transition:transform .2s;position:absolute;box-shadow:1px 2px #0000004d}.screw.turn{transform:rotate(90deg)}.screw:after{content:"";background:#503c0a99;width:2px;position:absolute;top:2px;bottom:2px;left:50%;transform:translate(-50%)}.cloth{border-radius:6px;position:absolute;overflow:hidden}.cloth canvas{display:block}.board.pulse{animation:.16s ease-out cpulse}@keyframes cpulse{50%{transform:scale(1.02)}}.rail{transition:background var(--d-ui);background:#2b190559;border-radius:2px;position:absolute}.rail.glow{background:var(--persimmon-hi);box-shadow:0 0 8px 2px #e2713aa6}.tray{transition:opacity var(--d-sheet);background:#e6d8be61;border-radius:12px;position:absolute;box-shadow:inset 0 0 0 1.5px #cdb993bf}.tray.dim{opacity:0}.needle{transition:transform .16s var(--e-out),width .16s,height .16s,opacity .16s;z-index:3;touch-action:none;position:absolute;top:0;left:0}.needle.fly{z-index:6;transition:none}.needle.gone{opacity:0;pointer-events:none;transform-origin:50%}.needle.hidden-q{opacity:0}.needle.parked .steel{display:none}.tile{border-radius:var(--r-tile);background:var(--c);box-shadow:var(--sh-1),inset 0 0 0 1.5px #25324dc7,inset 3px 3px 0 #ffffff40;transition:transform var(--d-press);position:absolute;inset:0}.tile:before{content:"";border-radius:inherit;background:repeating-linear-gradient(var(--wrap,0deg),#00000024 0 2px,transparent 2px 6px);opacity:.8;position:absolute;inset:0}.amm{background:var(--paper);min-width:22px;height:22px;color:var(--ink);font:800 14px/22px var(--font-num);text-align:center;font-variant-numeric:tabular-nums;border-radius:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #25324d80}.needle:not(.front) .amm{border-radius:10px;min-width:20px;height:20px;line-height:20px}.peek .amm{display:none}.glyph{background:var(--paper);border-radius:3px;width:12px;height:12px;display:none;position:absolute;top:3px;left:3px}.sym .glyph{display:block}.glyph svg{width:12px;height:12px;display:block}.steel{background:linear-gradient(90deg,#d7dde5,var(--steel-dark));border-radius:2px;position:absolute}.steel.v{width:3px;height:11px;left:calc(50% - 1.5px)}.steel.h{width:11px;height:3px;top:calc(50% - 1.5px)}.needle[data-side=T] .steel{bottom:-9px}.needle[data-side=B] .steel{top:-9px}.needle[data-side=L] .steel{right:-9px}.needle[data-side=R] .steel{left:-9px}.steel:after{content:"";width:5px;height:5px;box-shadow:inset 0 0 0 1px var(--steel-dark);background:var(--tray);border-radius:50%;position:absolute}.steel.v:after{top:1px;left:-1px}.steel.h:after{top:-1px;left:1px}.badge{background:var(--indigo);color:#fff;min-width:18px;height:18px;font:800 11px/18px var(--font-num);text-align:center;box-shadow:0 0 0 1.5px var(--paper);border-radius:9px;padding:0 3px;position:absolute;top:-5px;right:-4px}.badge svg{vertical-align:-2px;width:12px;height:12px}.needle.lift .tile{box-shadow:var(--sh-2),inset 0 0 0 1.5px #25324dc7,0 0 0 3px var(--persimmon-hi);transform:scale(1.1)}.needle.lit:not(.lift) .tile{box-shadow:var(--sh-1),inset 0 0 0 1.5px #25324dc7,0 0 0 2px var(--persimmon-hi)}.needle.hinted .tile{box-shadow:var(--sh-2),inset 0 0 0 1.5px #25324dc7,0 0 0 3px var(--persimmon-hi);animation:.8s ease-in-out infinite hintpulse}@keyframes hintpulse{50%{transform:scale(1.1)}}.needle.glowtut .tile{box-shadow:var(--sh-2),inset 0 0 0 1.5px #25324dc7,0 0 0 3px var(--persimmon-hi),0 0 14px 4px #e2713ab3}.needle.shake .tile{animation:.22s linear shake}@keyframes shake{0%,to{transform:none}17%{transform:translate(-4px)}50%{transform:translate(4px)}83%{transform:translate(-4px)}}.needle.fadeout,.chrome.fadeout{opacity:0;transition:opacity .24s linear,transform .24s}.chrome{transition:opacity .24s}.more{background:var(--chip);min-width:28px;height:22px;font:800 13px/22px var(--font-num);text-align:center;box-shadow:var(--sh-1);z-index:2;border-radius:11px;padding:0 6px;position:absolute}.chipn{background:var(--indigo);color:#fff;font:800 14px/1.2 var(--font-num);box-shadow:var(--sh-1);z-index:8;white-space:nowrap;pointer-events:none;border-radius:12px;padding:3px 9px;position:absolute}.chipn.muted{background:var(--ink-2)}.cushion{background:radial-gradient(120% 140% at 30% 20%,#d9625a,var(--felt) 55%,var(--felt-dark));box-shadow:var(--sh-2),inset 0 0 0 2px #0000002e;transition:opacity var(--d-sheet),transform var(--d-sheet) var(--e-out);border-radius:30px;position:absolute}.cushion:before{content:"";border:2px dashed #fbf6ea8c;border-radius:26px;position:absolute;inset:4px}.cushion.pulse{animation:.24s 2 cush}@keyframes cush{50%{box-shadow:var(--sh-2),inset 0 0 0 2px #0000002e,0 0 0 5px var(--persimmon-hi)}}.slot{transition:opacity var(--d-sheet);background:radial-gradient(circle at 40% 35%,#8f322b,#6d231e);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:inset 2px 3px 5px #00000080,0 0 0 2px #fbf6ea59}.slot.off{opacity:0;pointer-events:none}.slot.ghost{border:2px dashed var(--paper);color:var(--paper);cursor:pointer;background:#fbf6ea1f;flex-direction:column;gap:0;box-shadow:0 0 0 2px #fbf6eab3}.slot.ghost svg{width:18px;height:18px}.slot .plus1{font:800 12px/1 var(--font-num)}.slot.warn{animation:.6s warn}@keyframes warn{30%,70%{box-shadow:inset 2px 3px 5px #00000080,0 0 0 4px var(--persimmon-hi)}}.hide{pointer-events:none;opacity:0!important}.zone{height:6px;transition:opacity var(--d-sheet);position:absolute}.compact .zone{height:3px}.zone .z{border-radius:3px;position:absolute;top:0;bottom:0}.zone .z3{background:var(--jade)}.zone .z2{background:repeating-linear-gradient(135deg,var(--gold) 0 4px,#f0d58a 4px 7px)}.zone .z1{background:repeating-linear-gradient(90deg,#9a9384 0 3px,#0000 3px 6px)}.zone.pulse .z3{animation:.7s 2 zpulse}@keyframes zpulse{50%{filter:brightness(1.5)}}.sheen{pointer-events:none;opacity:0;z-index:5;background:linear-gradient(105deg,#0000 35%,#ffffff38 50%,#0000 65%);position:absolute;overflow:hidden}.layer.stuck{transform-origin:50% 44px;filter:saturate(.7);transition:transform var(--d-sheet) var(--e-out),filter .3s linear;transform:scale(.78)}.layer{transition:transform var(--d-sheet) var(--e-out),filter .3s linear}.play.desk{flex-direction:row}.play.desk .stage{flex:none;position:relative}.side{flex-direction:column;flex:1;gap:12px;min-width:260px;max-width:520px;padding:24px 20px 24px 0;display:flex;overflow:hidden}.panel{background:var(--paper);border-radius:var(--r-card);box-shadow:var(--sh-1),inset 0 0 0 2px var(--tray-edge);padding:14px 16px}.panel h3{font:700 var(--fs-m)/1.2 var(--font-body);color:var(--ink-2);margin:0 0 8px}.panel .stats{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel .stats .cnt{height:40px}.goal{font:700 var(--fs-m)/1.3 var(--font-body);align-items:flex-start;gap:10px;padding:6px 0;display:flex}.goal .star-svg{width:24px;height:24px}.goal.on .star-svg{fill:var(--gold);color:var(--gold)}.goal.lit .star-svg{fill:none;color:var(--gold);stroke:var(--amber)}.q{flex-wrap:wrap;align-items:center;gap:6px;margin:3px 0;display:flex}.q b{width:20px;font:800 12px var(--font-body);color:var(--muted)}.pip{background:var(--c);width:30px;height:26px;font:800 13px/26px var(--font-num);text-align:center;color:#fff;text-shadow:0 0 3px #000000b3;border-radius:7px;box-shadow:inset 0 0 0 1.5px #25324db3}.actions{gap:8px;display:flex}.actions .btn{flex:1 1 0;min-width:0;min-height:52px}.keys{font:600 var(--fs-xs)/1.4 var(--font-body);color:var(--muted)}.layer-top{pointer-events:none;z-index:50;position:absolute;inset:0}.scrim{pointer-events:auto;animation:fade var(--d-ui) both;background:#25324d6b;position:absolute;inset:0}.sheet{background:var(--paper);border-radius:var(--r-sheet) var(--r-sheet) 0 0;box-shadow:var(--sh-sheet);text-align:center;pointer-events:auto;max-height:70%;animation:slideup var(--d-sheet) var(--e-out) both;max-width:560px;margin:0 auto;padding:24px 16px 16px;position:absolute;bottom:0;left:0;right:0;overflow:auto}.sheet.center{border-radius:var(--r-card);width:min(440px,100% - 32px);animation:fade var(--d-ui) both;inset:50% auto auto 50%;transform:translate(-50%,-50%)}@keyframes slideup{0%{transform:translateY(100%)}to{transform:none}}.sheet h2{font:700 var(--fs-xl)/1.2 var(--font-disp);margin:0 0 4px}.sheet h2,.sheet p,.tutcap{text-wrap:balance}.sheet p{color:var(--ink-2);font-size:var(--fs-s);margin:0 0 14px}.sheet p.small{font-size:var(--fs-xs);opacity:.8;margin-top:-6px}.sheet .btns{flex-wrap:wrap;gap:8px;display:flex}.sheet .btns .btn{flex:90px;min-width:0}.sheet .btns .btn.grow{flex:1.5 120px}.sheet .stack{flex-direction:column;gap:8px;display:flex}.grip{background:#cdbf9f;border-radius:2px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.toast{background:var(--indigo);color:#fff;max-width:calc(100% - 32px);font:700 var(--fs-s)/1.3 var(--font-body);box-shadow:var(--sh-2);text-align:center;animation:fade var(--d-ui) both;pointer-events:none;z-index:60;border-radius:20px;padding:8px 16px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.rotate{z-index:95;pointer-events:auto;background:var(--paper);color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex;position:absolute;inset:0}.rotate svg{animation:rot 2.4s var(--e-out) infinite}.rotate p{font:700 var(--fs-m,16px)/1.3 var(--font-body);margin:0}@keyframes rot{0%,60%{transform:rotate(-90deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.rotate svg{animation:none}}.toast.top{top:12px;bottom:auto}.block{z-index:80;pointer-events:auto;position:absolute;inset:0}.home{gap:10px;padding:0 16px 12px}.home .topbar{flex:none;justify-content:space-between;align-items:center;height:44px;display:flex}.home .ttl{text-align:center;flex:none}.title{font:700 var(--fs-3xl)/1.25 var(--font-disp);color:var(--indigo)}.compact .title{font-size:32px}.tag{font:600 var(--fs-s)/1.4 var(--font-body);color:var(--ink-2)}.runstitch{background:repeating-linear-gradient(90deg,var(--persimmon-hi) 0 10px,transparent 10px 16px);opacity:.9;border-radius:3px;width:160px;height:6px;margin:4px auto 6px}.hero{border-radius:var(--r-card);background:var(--paper);box-shadow:var(--sh-2),inset 0 0 0 2px var(--tray-edge);flex-direction:column;flex:none;gap:12px;padding:16px;display:flex;position:relative}.hero .row{align-items:flex-start;gap:14px;min-width:0;display:flex}.hero .chart{background:var(--linen);border-radius:12px;flex:none;overflow:hidden;box-shadow:inset 2px 3px 6px #2b19054d}.hero .chart canvas{display:block}.hero .info{flex:1;min-width:0}.hero .world{font:700 var(--fs-xs)/1.3 var(--font-body);color:var(--muted)}.hero .lvno{font:700 var(--fs-2xl)/1.2 var(--font-disp);margin:2px 0}.hero .size{font:700 var(--fs-s)/1.3 var(--font-num);color:var(--ink-2)}.hero .stars{justify-content:flex-start;gap:4px;margin-top:8px}.hero .stars .star-svg{width:22px;height:22px}.compact .hero{gap:8px;padding:12px}.tiles{flex:none;grid-template-columns:1fr 1fr;gap:8px;display:grid}.tilebtn{border-radius:var(--r-card);background:var(--paper);border:2px solid var(--tray-edge);min-height:76px;box-shadow:var(--sh-1);font:800 var(--fs-m)/1.3 var(--font-body);color:var(--ink);text-align:left;cursor:pointer;align-items:center;gap:10px;min-width:0;padding:8px 12px;display:flex;position:relative}.tilebtn:active{transform:scale(.97)}.tilebtn svg{width:28px;height:28px;color:var(--indigo)}.tilebtn>span{min-width:0}.tilebtn small{font:600 var(--fs-xs)/1.3 var(--font-body);color:var(--muted);display:block}.tilebtn.locked{opacity:.7}.compact .tilebtn{min-height:60px}.dot{background:var(--persimmon-hi);width:10px;height:10px;box-shadow:0 0 0 2px var(--paper);border-radius:50%;position:absolute;top:-3px;right:-3px}.home .foot{flex:none;justify-content:space-between;margin-top:auto;display:flex}.home.desk{flex-direction:row;justify-content:center;align-items:center;gap:48px;padding:0 80px}.home.desk .left{flex-direction:column;flex:0 520px;gap:20px;min-width:0;display:flex}.home.desk .right{flex-direction:column;flex:0 520px;gap:12px;min-width:0;display:flex}.home.desk .tilebtn{min-height:88px}.home.desk .title{font-size:48px}.home.desk .topbar{gap:8px;display:flex;position:absolute;top:8px;right:16px}.worlds{flex-direction:column;gap:12px;display:flex}.wcard{cursor:pointer;text-align:left;width:100%;min-height:108px;font:inherit;border:0;align-items:stretch;gap:12px;padding:0;display:flex;overflow:hidden}.wcard .swatch{flex:none;width:104px;position:relative}.wcard .winfo{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;padding:10px 12px 10px 0;display:flex}.wcard .wname{font:700 var(--fs-l)/1.2 var(--font-disp)}.wcard .prog{font:800 var(--fs-s) var(--font-num);align-items:center;gap:8px;display:flex}.wcard .bar6{background:var(--linen-2);border-radius:3px;flex:1;height:6px;overflow:hidden}.wcard .bar6 i{background:var(--jade);height:100%;display:block}.wcard.sel{box-shadow:var(--sh-1),inset 0 0 0 3px var(--persimmon-hi)}.wcard.locked .swatch{opacity:.4}.wcard.locked .lockmsg{font:600 var(--fs-s)/1.4 var(--font-body);color:var(--muted);align-items:center;gap:6px;display:flex}.lvgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.lvtile{background:var(--paper);border:2px solid var(--tray-edge);min-width:0;min-height:82px;box-shadow:var(--sh-1);cursor:pointer;font:800 var(--fs-s) var(--font-num);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;display:flex;position:relative}.lvtile canvas{border-radius:4px;display:block}.lvtile.locked{opacity:.5;pointer-events:none}.lvtile.cur{border-color:var(--persimmon-hi);box-shadow:var(--sh-1),0 0 0 2px var(--persimmon-hi)}.lvtile .pips{gap:2px;height:10px;display:flex}.lvtile .pips i{clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%);background:#bdb39b;width:10px;height:10px;display:block}.lvtile .pips i.on{background:var(--gold)}.lvtile .nb{background:var(--indigo);color:#fff;border-radius:8px;place-items:center;width:16px;height:16px;font-size:10px;display:grid;position:absolute;top:4px;right:4px}.lvtile .nb svg{width:10px;height:10px}.lvtile .lk{color:var(--muted);position:absolute;top:4px;right:4px}.lvtile .lk svg{width:14px;height:14px}.maps.desk{flex-direction:row}.maps.desk .wlist{flex:0 0 400px;padding:0 8px 16px 16px;overflow-y:auto}.maps.desk .lvgrid{grid-template-columns:repeat(5,minmax(0,1fr))}.maps.desk .lvtile{min-height:96px}.dailyprev{flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.dailyprev .chart{border-radius:12px;overflow:hidden;box-shadow:inset 2px 3px 6px #2b19054d}.dailyprev .chart canvas{display:block}.pips7{justify-content:center;gap:8px;margin:12px 0;display:flex}.pip7{border:2px solid var(--tray-edge);background:var(--paper);width:40px;height:40px;font:800 13px var(--font-num);color:var(--muted);border-radius:50%;place-items:center;display:grid}.pip7.done{background:var(--jade);color:#fff;border-color:#1d5446}.pip7.today{box-shadow:0 0 0 3px var(--persimmon-hi)}.footbar{flex:none;justify-content:center;gap:8px;padding:8px 16px 12px;display:flex}.footbar .btn{flex:1;max-width:560px}.ledge{background:linear-gradient(var(--wood-light),var(--wood));color:#2a1a08;min-height:32px;font:800 var(--fs-s) var(--font-body);box-shadow:var(--sh-1);border-radius:8px;justify-content:space-between;align-items:center;margin:10px 0 6px;padding:4px 12px;display:flex}.wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.wall.desk{grid-template-columns:repeat(8,minmax(0,1fr))}.gframe{cursor:pointer;min-height:124px;font:700 var(--fs-xs) var(--font-body);color:var(--ink-2);background:0 0;border:0;flex-direction:column;align-items:center;padding:16px 0 4px;display:flex;position:relative}.gframe:before{content:"";background:#8a6238;width:2px;height:16px;position:absolute;top:2px;left:50%}.gframe .fr{background:linear-gradient(135deg,var(--wood-light),var(--wood) 40%,var(--wood-dark));box-shadow:var(--sh-1);border-radius:5px;padding:7px}.gframe .fr canvas{background:var(--paper);display:block}.gframe.empty .fr{background:0 0;border:0;box-shadow:inset 0 0 0 2px #b9a98a}.gframe.empty canvas{opacity:.18}.gframe .lb{text-overflow:ellipsis;white-space:nowrap;width:100%;min-height:16px;margin-top:4px;overflow:hidden}.emptynote{text-align:center;color:var(--muted);font:600 var(--fs-s)/1.5 var(--font-body);padding:24px 12px}.livepv{justify-content:center;padding:8px 0;display:flex}.livepv .frame-art{position:relative}.tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:8px 0;display:grid}.tabs button{border:2px solid var(--indigo);background:var(--paper);min-height:44px;color:var(--indigo);font:800 var(--fs-s)/1.25 var(--font-body);cursor:pointer;border-radius:12px;padding:4px}.tabs button[aria-selected=true]{background:var(--indigo);color:#fff}.cgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ccard{border-radius:var(--r-card);background:var(--paper);border:2px solid var(--tray-edge);cursor:pointer;min-height:120px;font:700 var(--fs-s)/1.25 var(--font-body);color:var(--ink);flex-direction:column;align-items:center;gap:6px;padding:8px 4px;display:flex;position:relative}.ccard.sel{border-color:var(--persimmon-hi);box-shadow:0 0 0 2px var(--persimmon-hi)}.ccard .pv{border-radius:12px;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.ccard .price{font:800 var(--fs-s) var(--font-num);align-items:center;gap:4px;min-height:28px;display:inline-flex}.ccard .price svg{width:18px;height:18px;color:var(--amber)}.ccard .ribbon{font:800 11px/1.2 var(--font-body);background:var(--jade);color:#fff;border-radius:6px;padding:2px 5px;position:absolute;top:4px;left:4px}.ccard .chk{color:var(--persimmon);position:absolute;top:4px;right:4px}.ccard .chk svg{width:20px;height:20px}.frame-art{background:linear-gradient(135deg,var(--wood-light),var(--wood) 40%,var(--wood-dark));box-shadow:var(--sh-2),inset 0 0 0 2px #3c230a80;border-radius:6px;padding:10px}.frame-art.f-walnut{background:linear-gradient(135deg,#7a5a3c,#4b3322)}.frame-art.f-lacquer{background:linear-gradient(135deg,#c24a3a,#7d241b)}.frame-art.f-bamboo{background:linear-gradient(135deg,#d6c98a,#9a8a45)}.frame-art .mat{background:var(--paper);padding:6px;box-shadow:inset 2px 3px 6px #2b190559}.frame-art .mat canvas{display:block}.srow{border-bottom:1px solid #cdb99380;align-items:center;gap:12px;min-height:56px;padding:6px 4px;display:flex}.srow .t{min-width:0;font:700 var(--fs-m)/1.3 var(--font-body);overflow-wrap:anywhere;flex:1}.srow .t small{font:600 var(--fs-xs)/1.3 var(--font-body);color:var(--muted);display:block}.sgroup{margin-top:12px}.switch{cursor:pointer;background:0 0;border:0;flex:none;width:52px;height:44px;padding:0;position:relative}.switch i{width:52px;height:32px;transition:background var(--d-ui);background:#bdb39b;border-radius:16px;position:absolute;top:6px;left:0}.switch i:after{content:"";width:26px;height:26px;box-shadow:var(--sh-1);transition:transform var(--d-ui) var(--e-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-checked=true] i{background:var(--jade)}.switch[aria-checked=true] i:after{transform:translate(20px)}.slider{width:140px;height:44px;accent-color:var(--persimmon)}.langlist{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:grid}.langlist .btn{justify-content:flex-start;font-family:inherit}.langlist .btn[aria-pressed=true]{background:var(--indigo);color:#fff}.langlist .btn.na{opacity:.45}.ver{text-align:center;font:600 var(--fs-xs) var(--font-body);color:var(--muted);padding:16px 0}.symsample{gap:2px;display:flex}.result{align-items:center;gap:8px;padding:0 16px 8px;overflow:hidden auto}.result .nail{flex:none;height:16px}.result .nail svg{margin-top:-2px}.result .frame-art{flex:none}.result .pic{display:block}.result .nm{text-align:center;flex:none;min-width:0}.result .nm .sub{font:700 var(--fs-s) var(--font-body);color:var(--muted);margin-top:2px}.result .btns{flex-direction:column;gap:8px;width:100%;max-width:560px;margin-top:auto;display:flex}.result .btns .row3{gap:8px;display:flex}.result .btns .row3 .btn{flex:1 1 0;min-width:0}.result .fadeitem{opacity:0}.result .fadeitem.show{opacity:1;transition:opacity .3s}.result .streak{font:800 var(--fs-s) var(--font-body);justify-content:center;align-items:center;gap:6px;display:flex}.result.desk{flex-direction:row;justify-content:center;gap:48px;padding:0 80px}.result.desk .lcol{flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.result.desk .rcol{flex-direction:column;flex:0 520px;align-items:center;gap:14px;min-width:0;display:flex}.result.desk .btns{margin-top:12px}.result .coinchip{flex:none}.resulting .bar,.resulting .hud,.resulting .side{display:none}.compact .result{gap:4px;padding-top:4px;padding-bottom:4px}.compact .result .nail{height:12px;display:none}.compact .result .h2{font-size:var(--fs-l)}.compact .result .star{width:80px}.compact .result .coinchip{height:30px}.compact.tutcap-on .hud{visibility:hidden}.tutscrim{z-index:20;pointer-events:auto;background:#25324d8c;position:absolute;inset:0}.tutcap{background:var(--indigo);color:#fff;max-width:420px;font:800 16px/1.3 var(--font-body);box-shadow:var(--sh-2);text-align:center;z-index:25;pointer-events:none;border-radius:14px;margin:0 auto;padding:10px 14px;position:absolute;left:16px;right:16px}.finger{z-index:24;pointer-events:none;background:#ffffff8c;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;animation:1.1s ease-in-out infinite tap;position:absolute;box-shadow:0 0 0 3px #fff,0 0 18px 6px #e2713acc}@keyframes tap{0%,to{transform:scale(1)}50%{transform:scale(.8)}}.static *,.noanim *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.finger{animation:none}}.symhint{background:var(--indigo);color:#fff;max-width:420px;font:700 var(--fs-s)/1.3 var(--font-body);box-shadow:var(--sh-2);pointer-events:auto;z-index:22;border-radius:14px;align-items:center;gap:8px;margin:0 auto;padding:6px 8px 6px 12px;display:flex;position:absolute;left:12px;right:12px}.symhint span{flex:1;min-width:0}.symhint .btn{min-height:44px}.compact .symhint{top:auto}.calendar{margin-top:12px;padding:12px}.calgrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.calh{text-align:center;font:800 var(--fs-xs) var(--font-body);color:var(--muted)}.calc{aspect-ratio:1;background:var(--linen);min-height:40px;font:800 var(--fs-s) var(--font-num);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.calc.future{opacity:.45}.calc.done{background:var(--jade);color:#fff}.calc.today{box-shadow:0 0 0 3px var(--persimmon-hi)}.calc .dots{gap:2px;height:6px;display:flex}.calc .dots i{background:#0000002e;border-radius:50%;width:6px;height:6px}.calc.done .dots i.on{background:var(--gold)}.tightbadge{color:var(--danger);font:800 var(--fs-xs)/1.4 var(--font-body);background:#f8d9c6;border-radius:10px;align-items:center;gap:4px;margin-top:2px;padding:1px 8px 1px 6px;display:inline-flex}.tightbadge svg{width:14px;height:14px}.compact .hud .tightbadge{display:none}.tutring{border:3px solid var(--persimmon-hi);pointer-events:none;z-index:21;border-radius:18px;animation:1.1s ease-in-out infinite ringpulse;position:absolute;box-shadow:0 0 0 3px #ffffffb3,0 0 18px 6px #e2713a8c}@keyframes ringpulse{50%{box-shadow:0 0 0 3px #ffffffb3,0 0 26px 10px #e2713a59}}.infobtn{vertical-align:-4px;width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-left:6px;padding:0;display:inline-grid;position:relative}.infobtn:before{content:"";position:absolute;inset:-12px}.achv{background:var(--indigo);color:#fff;height:36px;font:800 var(--fs-s) var(--font-body);box-shadow:var(--sh-1);animation:fade var(--d-sheet) var(--e-out) both;border-radius:18px;flex:none;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.achv svg{color:var(--gold);fill:var(--gold)}.hero .frame-art{flex:none;padding:8px}.hero .frame-art .mat{padding:4px}.hero .frame-art canvas{display:block}.teaser{flex:none;gap:2px;display:flex}.teaser i{width:30px;height:30px;box-shadow:0 0 0 1.5px var(--wood);border-radius:4px;display:block;overflow:hidden}.teaser canvas{display:block;width:30px!important;height:30px!important}.tilebtn.hasteaser{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.tilebtn.hasteaser .teaser{order:2}.tilebtn.hasteaser>span{order:1}.compact .home .tag{display:none}.compact .home .runstitch{margin:2px auto 0}.compact .teaser i,.compact .teaser canvas{width:22px!important;height:22px!important}.compact .home .hero{gap:6px;padding:10px}.amm,.glyph,.badge{z-index:2}.tile:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.ns-brass .tile{box-shadow:var(--sh-1),inset 0 0 0 3px #8a6a1e,inset 0 0 0 5px #ffe28c99}.ns-brass .tile:after{background:linear-gradient(135deg,#ffeba080,#0000 45%,#78500a4d)}.ns-wood .tile{box-shadow:var(--sh-1),inset 0 0 0 3px #6b4423}.ns-wood .tile:after{background:repeating-linear-gradient(90deg,#5a321457 0 2px,#0000 2px 6px)}.ns-jade .tile{box-shadow:var(--sh-1),inset 0 0 0 3px #2f7a67,inset 0 0 0 5px #ffffff8c}.ns-jade .tile:after{background:radial-gradient(circle at 30% 25%,#fff9,#0000 55%)}.ns-silver .tile{box-shadow:var(--sh-1),inset 0 0 0 3px #8d96a3}.ns-silver .tile:after{background:linear-gradient(120deg,#ffffffbf,#a0aab933 40%,#fff9)}.ns-coral .tile{box-shadow:var(--sh-1),inset 0 0 0 3px #b0392d}.ns-coral .tile:after{background:radial-gradient(at 28% 22%,#ffffffb3,#0000 42%)}.ns-gold .tile{box-shadow:var(--sh-1),inset 0 0 0 3px #b9892b,inset 0 0 0 5px #fbe9a0}.ns-gold .tile:after{background:linear-gradient(120deg,#fff4be99,#0000 40%,#b9892b59)}.ns-indigo .tile{box-shadow:var(--sh-1),inset 0 0 0 3px #1d2a55}.ns-indigo .tile:after{border:2px dashed #ffffffbf;inset:5px}.cs-indigo .cushion{background:radial-gradient(120% 140% at 30% 20%,#5b6fb0,#2f4a8a 55%,#1d2a55)}.cs-indigo .cushion:before{border-color:#f0d68cd9}.cs-indigo .slot:not(.ghost){background:radial-gradient(circle at 40% 35%,#1d2a55,#0f1733)}.pv.ns-brass,.pv.ns-wood,.pv.ns-jade,.pv.ns-silver,.pv.ns-coral,.pv.ns-gold,.pv.ns-indigo,.pv.ns-bone,.pv.cs-red,.pv.cs-indigo{background:var(--linen)}.flycoin{z-index:40;color:var(--amber);pointer-events:none;filter:drop-shadow(1px 2px #00000040);position:absolute}.band{background:var(--indigo);color:#fff;max-width:420px;font:800 var(--fs-s)/1.25 var(--font-body);text-align:center;box-shadow:var(--sh-2);z-index:25;pointer-events:none;border-radius:14px;margin:0 auto;padding:6px 12px;position:absolute;left:12px;right:12px}.band.flow{max-width:none;margin:0 0 8px;position:static}html[lang=th] body{font-size:calc(var(--fs-s) * 1.08)}.hud .lvl small .tightbadge{vertical-align:middle;margin:0 0 0 6px;padding:0 6px 0 4px;font-size:11px;line-height:1.1}.hud .lvl small{white-space:nowrap;flex-wrap:nowrap;align-items:center;display:flex}