.cl-wrap{gap:14px}.cl .pm-card{text-align:left}.cl .pm-band .pill{font-size:12.5px;letter-spacing:.02em}.cl-card,.cl-learn{min-width:0;max-width:100%}.pm-sound.is-col{flex-direction:column;gap:8px}.cl-band-btn{border:0;background:hsla(0,0%,100%,.16);color:#fff;font:800 12.5px/1 var(--font-body),sans-serif;letter-spacing:.02em;text-transform:none;padding:7px 12px;border-radius:99px;cursor:pointer}@media (hover:hover){.cl-band-btn:hover{background:hsla(0,0%,100%,.28)}}.cl-learn{width:100%;display:grid;grid-gap:16px;gap:16px}.cl-intro .pm-body{gap:12px}.cl-intro-h{margin:0;font:700 clamp(22px,5.4vw,28px)/1.2 var(--font-sign),var(--font-display),sans-serif;color:#1f2533}.cl-intro-p{margin:0;font:500 16.5px/1.5 var(--font-body),sans-serif;color:#3d4556}.cl-intro-p b{color:#0e2e63}.cl-intro-ex{display:flex;align-items:center;gap:16px;padding:14px;border-radius:18px;background:#f5f7fb}.cl-intro-line{display:grid;grid-gap:6px;gap:6px;min-width:0}.cl-intro-line>b{font:800 17px/1.2 var(--font-body),sans-serif;color:#1f2533}.cl-lit{font:600 13.5px/1.35 var(--font-body),sans-serif;color:#5b6472}.cl-intro-go{margin:2px 0 0;font:800 15px/1.3 var(--font-body),sans-serif;color:var(--soi)}.cl-intro-strip{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid #e3e7ee;border-radius:16px;background:#fff;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .15s,background .15s}.cl-intro-strip-t{display:grid;grid-gap:2px;gap:2px;min-width:0}.cl-intro-strip-t b{font:800 15px/1.25 var(--font-body),sans-serif;color:#1f2533}.cl-intro-strip-t>span{font:600 13.5px/1.3 var(--font-body),sans-serif;color:#5b6472}.cl-intro-strip-t [lang=th]{font-family:var(--font-thai),sans-serif;font-weight:700;color:#1f2533;font-size:15px}.cl-intro-strip-more{flex:none;display:inline-flex;align-items:center;gap:4px;font:800 13px/1 var(--font-body),sans-serif;color:var(--soi)}.cl-intro-strip-more svg{width:16px;height:16px}@media (hover:hover){.cl-intro-strip:hover{border-color:var(--soi);background:#f7f9fd}}.cl-tiles{display:flex;flex-wrap:wrap;gap:6px}.cl-tiles .pm-tile{padding:6px 10px 5px;border-radius:12px}.cl-tiles .pm-tile .th{font-size:22px}.cl-tiles .pm-tile .rom{font-size:12.5px}.cl-tiles .pm-tile.is-end{background:transparent}.cl-tiles.is-in{animation:cl-fade .25s ease}.cl-group{display:grid;grid-gap:8px;gap:8px}.cl-group-h{margin:6px 2px 0;font:800 12px/1.2 var(--font-body),sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#5b6472}.cl-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.cl-item{background:#fff;border:1px solid #e3e7ee;border-radius:20px;overflow:hidden;box-shadow:0 4px 14px rgba(14,46,99,.05);transition:box-shadow .15s,border-color .15s}.cl-item.is-open{border-color:#c9d3e3;box-shadow:0 8px 24px rgba(14,46,99,.1)}.cl-row{width:100%;display:grid;grid-template-columns:48px 1fr auto 28px;align-items:center;grid-gap:12px;gap:12px;padding:8px 14px 8px 8px;border:0;border-radius:19px;background:#fff;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:background .15s}.cl-item.is-open .cl-row{border-radius:19px 19px 0 0}.cl-row-img{width:48px;height:48px;border-radius:12px;object-fit:cover;background:#f4f1ea}.cl-row-for{font:800 15.5px/1.3 var(--font-body),sans-serif;color:#1f2533}.cl-row-th{display:grid;justify-items:end}.cl-row-th .th{font:700 26px/1.35 var(--font-thai),sans-serif;color:#0e2e63}.cl-row-th .rom{font:italic 600 13px/1.1 var(--font-body),sans-serif;color:#6b7385}.cl-row-chev{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef1f6;color:#0e2e63;transition:transform .2s,background .15s}.cl-row-chev svg{width:18px;height:18px}.cl-item.is-open .cl-row{background:#0e2e63}.cl-item.is-open .cl-row-for,.cl-item.is-open .cl-row-th .th{color:#fff}.cl-item.is-open .cl-row-th .rom{color:#b9c3d9}.cl-item.is-open .cl-row-chev{transform:rotate(180deg);background:hsla(0,0%,100%,.18);color:#fff}.cl-row.is-nudge{box-shadow:inset 0 0 0 2px var(--soi);animation:cl-nudge 1.6s ease-in-out infinite}.cl-row:focus-visible{outline:3px solid var(--soi);outline-offset:-3px}@media (hover:hover){.cl-item:not(.is-open) .cl-row:hover{background:#f3f6fb}.cl-item:not(.is-open) .cl-row:hover .cl-row-chev{background:#dce5f3}.cl-item:hover{border-color:#c9d3e3}}.cl-open{padding:18px 18px 20px;display:grid;grid-gap:14px;gap:14px;animation:cl-fade .2s ease}.cl-open .pm-top{padding-bottom:14px}.cl-open-h{margin:0;font:700 14px/1.3 var(--font-body),sans-serif;color:#5b6472}.cl-nouns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.cl-noun{position:relative;display:grid;grid-template-rows:auto 1fr;grid-gap:0;gap:0;padding:0;border:1.5px solid #e1e5ec;border-radius:16px;background:#fff;cursor:pointer;overflow:visible;font:inherit;color:inherit;transition:transform .12s,border-color .15s,box-shadow .15s;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cl-noun img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:14px 14px 0 0;display:block;background:#f4f1ea}.cl-noun-l,.cl-pic-l{display:grid;justify-items:center;align-content:start;padding:5px 4px 7px;background:#fff;border-radius:0 0 14px 14px;min-width:0}.cl-noun-l .th,.cl-pic-l .th{font:700 17px/1.4 var(--font-thai),sans-serif;color:#1f2533;max-width:100%;overflow-wrap:anywhere;text-align:center}.cl-noun-l .th.is-long,.cl-pic-l .th.is-long{font-size:14px}.cl-noun-l .rom,.cl-pic-l .rom{font:700 11px/1.2 var(--font-body),sans-serif;color:#6b7385;max-width:100%;overflow-wrap:anywhere;text-align:center}.cl-noun.is-on{border-color:var(--soi);box-shadow:0 0 0 3px var(--soi-tint)}.cl-noun:focus-visible{outline:3px solid var(--soi);outline-offset:2px}@media (hover:hover){.cl-noun:hover{transform:translateY(-2px);border-color:var(--soi);box-shadow:0 6px 16px rgba(14,46,99,.12)}}.cl-say{display:flex;align-items:flex-start;gap:14px;padding:14px;border-radius:18px;background:#f5f7fb;min-height:120px}.cl-say-text{display:grid;grid-gap:8px;gap:8px;min-width:0}.cl-say-en{font-size:16.5px}.cl-also{margin:0;font:600 13.5px/1.45 var(--font-body),sans-serif;color:#5b6472}.cl-peek{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);z-index:6;width:max-content;max-width:160px;padding:6px 10px;border-radius:10px;background:#1f2533;color:#fff;font:700 13.5px/1.3 var(--font-body),sans-serif;text-align:center;pointer-events:none;box-shadow:0 6px 16px rgba(31,37,51,.25);animation:cl-peek .15s ease-out}.cl-card{width:100%}.cl-body{gap:12px;padding:16px 16px 18px}.cl-body>*{min-width:0}.cl-task{margin:0;font:800 18px/1.35 var(--font-body),sans-serif;color:#1f2533;text-align:left}.cl-task b{font-family:var(--font-thai),sans-serif;font-size:22px;color:#0e2e63}.cl-task i{font-style:italic;font-weight:700;color:#5b6472;font-size:15px}.cl-eyebrow{font:800 12px/1.2 var(--font-body),sans-serif;letter-spacing:.1em;text-transform:uppercase}.cl-eyebrow,.cl-hint{margin:0;color:#5b6472}.cl-hint{min-height:2.9em;padding:7px 10px;border-radius:10px;font:600 13.5px/1.4 var(--font-body),sans-serif;transition:background .15s;text-align:left}.cl-hint.on{background:#fdf0ef;color:#9b2c24}.cl-hint.is-shown{background:#f1f3f7;color:#0e2e63}.cl-small{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;border-radius:12px;border:1.5px solid #d5dbe5;background:#fff;color:#0e2e63;font:800 14px/1 var(--font-body),sans-serif;cursor:pointer;transition:background .15s,border-color .15s,transform .08s}.cl-small svg{width:18px;height:18px;flex:none}.cl-small.is-main{background:#0e2e63;border-color:#0e2e63;color:#fff}.cl-small:active:not(:disabled){transform:scale(.97)}.cl-small:disabled{opacity:.4;cursor:default}@media (hover:hover){.cl-small:not(:disabled):hover{border-color:var(--soi);background:#f3f6fb}.cl-small.is-main:not(:disabled):hover{background:#1d4fa0;border-color:#1d4fa0}}.cl-mini-play{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:#0e2e63;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s,transform .08s,box-shadow .15s}.cl-mini-play svg{width:16px;height:16px;margin-left:2px}.cl-mini-play:active{transform:scale(.94)}.cl-mini-play.on{box-shadow:0 0 0 6px #e8ecf4}@media (hover:hover){.cl-mini-play:hover{background:#1d4fa0}}.cl-back{justify-self:center;font:800 14.5px/1 var(--font-body),sans-serif;color:var(--soi);text-decoration:underline;text-underline-offset:3px;padding:8px}@media (hover:hover){.cl-back:hover{color:#0e2e63}}.cl-arena{display:grid;grid-gap:8px;gap:8px;align-items:center;justify-items:center;touch-action:pan-y}.cl-arena.one{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);grid-template-areas:"p0 p1 p2" "p3 c0 p4" "p5 p6 p7"}.cl-arena.two{grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));grid-template-areas:none}.cl-spot{width:100%;display:grid;justify-items:center}.cl-arena.one .p0{grid-area:p0}.cl-arena.one .p1{grid-area:p1}.cl-arena.one .p2{grid-area:p2}.cl-arena.one .p3{grid-area:p3}.cl-arena.one .p4{grid-area:p4}.cl-arena.one .p5{grid-area:p5}.cl-arena.one .p6{grid-area:p6}.cl-arena.one .p7{grid-area:p7}.cl-arena.one .cl-circle.c0{grid-area:c0}.cl-circle{width:150px;height:150px;border-radius:50%;border:3px dashed #afc2e2;background:#edf2fb;display:grid;align-content:center;justify-items:center;grid-gap:0;gap:0;cursor:pointer;padding:8px;font:inherit;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.cl-circle-th{font:700 40px/1.2 var(--font-thai),sans-serif;color:#0e2e63}.cl-circle-rom{font:italic 700 14px/1.1 var(--font-body),sans-serif;color:#4f5868}.cl-circle-in{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;min-height:30px;margin-top:4px;max-width:110px}.cl-circle-in img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.15);animation:cl-pop .25s ease}.cl-circle.is-over,.cl-circle.is-ready{border-style:solid;border-color:var(--soi);background:#dce7f8;box-shadow:0 0 0 8px rgba(29,79,160,.12)}.cl-circle.is-over{transform:scale(1.05)}.cl-circle.is-full{border-style:solid;border-color:#0e2e63;background:var(--soi-tint)}.cl-circle:focus-visible{outline:3px solid var(--soi);outline-offset:3px}@media (hover:hover){.cl-circle:hover{border-color:var(--soi);background:#e3ebf8}}.cl-arena.two .cl-circle{width:128px;height:128px}.cl-arena.two .cl-circle-th{font-size:34px}.cl-pic{position:relative;width:100%;max-width:92px;display:grid;padding:0;border:1.5px solid #e1e5ec;border-radius:14px;background:#fff;cursor:-webkit-grab;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font:inherit;color:inherit;box-shadow:0 2px 6px rgba(14,46,99,.06);transition:transform .18s,border-color .15s,box-shadow .15s,opacity .2s}.cl-pic img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px 12px 0 0;display:block;background:#f4f1ea;pointer-events:none}.cl-pic.is-drag{z-index:20;cursor:-webkit-grabbing;cursor:grabbing;transition:none;box-shadow:0 14px 30px rgba(14,46,99,.28);border-color:var(--soi)}.cl-pic.is-in{opacity:0;pointer-events:none}.cl-pic.is-bad{border-color:#e5383b;box-shadow:0 0 0 3px rgba(229,56,59,.25);animation:px-shake .3s ease}.cl-pic.is-sel{border-color:var(--soi);box-shadow:0 0 0 3px var(--soi-tint);transform:translateY(-3px)}.cl-pic:focus-visible{outline:3px solid var(--soi);outline-offset:2px}@media (hover:hover){.cl-pic:not(.is-drag):not(:disabled):hover{border-color:var(--soi);box-shadow:0 8px 18px rgba(14,46,99,.16);transform:translateY(-2px)}}.cl-pic-l{padding:3px 3px 5px}.cl-pic-l .th{font-size:15px;line-height:1.35}.cl-pic-l .th.is-long{font-size:12.5px}.cl-pic-l .rom{font-size:10px}.cl-pic.is-word{min-height:72px;align-content:center}.cl-pic.is-word .cl-pic-l{padding:10px 4px;border-radius:14px}.cl-pic.is-word .cl-pic-l .th{font-size:20px}.cl-pic.is-word .cl-pic-l .th.is-long{font-size:15px}.cl-pic.is-word .cl-pic-l .rom{font-size:11.5px}.cl-pic.is-ear{min-height:72px;place-items:center}.cl-ear{width:44px;height:44px;border-radius:50%;background:#0e2e63;color:#fff;display:grid;place-items:center}.cl-ear svg{width:18px;height:18px;margin-left:3px}@media (hover:hover){.cl-pic.is-ear:hover .cl-ear{background:#1d4fa0}}.cl-strip{min-height:64px;display:grid;align-items:center;border-radius:14px;padding:8px 10px;transition:background .15s}.cl-strip.is-say{background:#eef6f1}.cl-strip.is-hint{background:#fdf0ef}.cl-strip-say{display:flex;align-items:center;gap:12px;animation:cl-fade .2s ease}.cl-strip-text{display:grid;grid-gap:1px;gap:1px}.cl-strip-text b{font:800 14.5px/1.25 var(--font-body),sans-serif;color:#17703d}.cl-strip-text .th{font:700 20px/1.35 var(--font-thai),sans-serif;color:#1f2533}.cl-strip-text .rom{font:italic 600 12.5px/1.1 var(--font-body),sans-serif;color:#5b6472}.cl-strip-hint{font:600 13.5px/1.4 var(--font-body),sans-serif;color:#9b2c24}.cl-after,.cl-strip-hint{animation:cl-fade .2s ease}.cl-after{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.cl-build{display:grid;grid-gap:10px;gap:10px;animation:cl-fade .25s ease}.cl-build-top{display:flex;align-items:center;gap:14px}.cl-build-top img{width:72px;height:72px;border-radius:14px;object-fit:cover;flex:none;background:#f4f1ea}.cl-build-en{margin:2px 0 0;font:800 18px/1.3 var(--font-body),sans-serif;color:#1f2533}.cl-slots{min-height:0;justify-content:center}.cl-bank{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.cl-tile .th{font-size:17px}.cl-built{display:grid;grid-gap:12px;gap:12px;justify-items:center;text-align:center}.cl-built p{margin:0;font:600 15px/1.4 var(--font-body),sans-serif;color:#3d4556}.cl-built.is-row{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:14px;padding:12px 14px;border-radius:16px;background:#f5f7fb}.cl-slots-body,.cl-slots-left,.cl-slots-right{display:grid;grid-gap:12px;gap:12px}.cl-slots-left,.cl-slots-right{min-width:0}.cl-ask{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.04),0 6px 18px rgba(20,30,50,.07)}.cl-ask-band{background:#1e8a4c;color:#fff;padding:8px 14px;font:800 12px/1 var(--font-body),sans-serif;letter-spacing:.1em;text-transform:uppercase}.cl-ask-body{display:flex;align-items:center;gap:12px;padding:10px 14px 12px}.cl-ask-t{display:grid;grid-gap:1px;gap:1px;min-width:0}.cl-ask-t b{font:800 18px/1.25 var(--font-body),sans-serif;color:#1f2533}.cl-ask-t .th{font:700 24px/1.35 var(--font-thai),sans-serif;color:#1f2533}.cl-ask-t i{font:italic 600 13.5px/1.1 var(--font-body),sans-serif;color:#5b6472}.cl-slip{border-radius:16px;background:#f7f5f0;padding:8px 12px 10px;display:grid;grid-gap:6px;gap:6px}.cl-slip-h{font:800 11px/1 var(--font-body),sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7a6a50}.cl-slip-rows{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.cl-slip-row{display:flex;align-items:center;gap:8px;min-width:0}.cl-slip-row img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none}.cl-slip-x{font:800 18px/1 var(--font-body),sans-serif;color:#1f2533;flex:none}.cl-slip-name{display:grid;min-width:0}.cl-slip-name .th{font:700 15px/1.35 var(--font-thai),sans-serif;color:#1f2533;overflow-wrap:anywhere}.cl-slip-name .rom{font:700 10.5px/1.1 var(--font-body),sans-serif;color:#6b7385}.cl-slip-pics{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cl-slip-imgs{display:flex;gap:4px}.cl-slip-imgs img{width:52px;height:52px;border-radius:10px;object-fit:cover}.cl-cabinet{position:relative;border-radius:22px;padding:10px 10px 12px;background:linear-gradient(180deg,#16397a,#0e2e63 60%,#0a2350);box-shadow:inset 0 0 0 2px #1d4fa0,inset 0 0 0 4px hsla(0,0%,100%,.85),0 8px 20px rgba(14,46,99,.25);display:grid;grid-gap:8px;gap:8px}.cl-marquee{display:flex;justify-content:center;gap:10px;padding:2px 0 4px}.cl-marquee i{width:14px;height:14px;border-radius:50%;background:#2a4a86;transition:background .2s,box-shadow .2s}.cl-marquee i.now{background:#3e63a8;box-shadow:0 0 0 2px hsla(0,0%,100%,.5)}.cl-marquee i.lit{background:#dce7f8;box-shadow:0 0 10px 2px rgba(220,231,248,.8)}.cl-marquee i.miss{background:#2a4a86;box-shadow:inset 0 0 0 2px #dce7f8}.cl-marquee.is-big{gap:14px;padding:12px 0;background:#0e2e63}.cl-marquee.is-big i{width:20px;height:20px}.cl-marquee.is-jackpot i{background:#f2c200;box-shadow:0 0 12px 3px rgba(242,194,0,.7);animation:cl-chase 1.2s ease-in-out infinite}.cl-marquee.is-jackpot i:nth-child(2){animation-delay:.15s}.cl-marquee.is-jackpot i:nth-child(3){animation-delay:.3s}.cl-marquee.is-jackpot i:nth-child(4){animation-delay:.45s}.cl-marquee.is-jackpot i:nth-child(5){animation-delay:.6s}.cl-reels{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr)) auto;grid-gap:8px;gap:8px;align-items:end}.cl-reels.r2{--n:2}.cl-reels.r3{--n:3}.cl-reel{display:grid;grid-gap:4px;gap:4px;justify-items:stretch;min-width:0}.cl-reel-l{font:800 10.5px/1 var(--font-body),sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#dce7f8;text-align:center}.cl-nudge{height:34px;border-radius:10px;border:0;background:hsla(0,0%,100%,.14);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s,transform .08s}.cl-nudge svg{width:20px;height:20px}.cl-nudge:active:not(:disabled){transform:scale(.94)}.cl-nudge:disabled{opacity:.35;cursor:default}@media (hover:hover){.cl-nudge:not(:disabled):hover{background:hsla(0,0%,100%,.26)}}.cl-reel-win{position:relative;height:112px;border-radius:12px;background:#fff;overflow:hidden;box-shadow:inset 0 10px 14px -8px rgba(0,0,0,.35),inset 0 -10px 14px -8px rgba(0,0,0,.35);outline:none;transition:box-shadow .15s}.cl-reel-win:after{content:"";position:absolute;left:0;right:0;top:50%;height:52px;transform:translateY(-50%);border-top:2px solid var(--soi);border-bottom:2px solid var(--soi);pointer-events:none;transition:border-color .15s,background .15s}.cl-reel-strip{position:absolute;inset:0;display:grid;grid-template-rows:30px 52px 30px}.cl-reel.is-spin .cl-reel-strip{animation:cl-spin var(--d,.6s) cubic-bezier(.2,.7,.3,1)}.cl-reel-i{display:grid;justify-items:center;align-content:center;min-width:0;padding:0 4px}.cl-reel-i .th{font:700 20px/1.25 var(--font-thai),sans-serif;color:#1f2533;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.cl-reel-i .rom{font:700 10.5px/1.1 var(--font-body),sans-serif;color:#6b7385;white-space:nowrap}.cl-reel-i.is-off{opacity:.35}.cl-reel-i.is-off .th{font-size:15px}.cl-reel.is-turn .cl-reel-win{box-shadow:inset 0 10px 14px -8px rgba(0,0,0,.35),inset 0 -10px 14px -8px rgba(0,0,0,.35),0 0 0 3px #f2c200}.cl-reel-win:focus-visible{box-shadow:0 0 0 3px #f2c200}.cl-reel.is-right .cl-reel-win:after{border-color:#1e8a4c;background:rgba(30,138,76,.12)}.cl-reel.is-wrong .cl-reel-win:after{border-color:#e5383b;background:rgba(229,56,59,.1)}.cl-reel.is-wrong .cl-reel-win{animation:px-shake .3s ease}.cl-reel-end{align-self:center;justify-items:center;padding:0 2px;margin-top:14px}.cl-reel-end .th{font:700 18px/1.3 var(--font-thai),sans-serif;color:#fff}.cl-reel-end .rom{font:700 10px/1 var(--font-body),sans-serif;color:#b9c3d9}.cl-lever-art{display:none}.cl-pull{max-width:none}.cl-pull:disabled{opacity:.45;cursor:default}.cl-right{display:block;color:#17703d}.cl-right [lang=th]{font:700 17px/1.3 var(--font-thai),sans-serif;color:#1f2533}.cl-right i{color:#5b6472}.cl-hint:has(.cl-right){background:#eef6f1}.cl-finish{justify-items:stretch}.cl-finish-h{margin:0;text-align:center;font:800 19px/1.3 var(--font-body),sans-serif;color:#1f2533}.cl-sayit{text-align:left}.cl-sayit .sayit-th.cl-say-th{font-size:21px}.cl-said-btn{justify-self:start;min-height:40px;padding:0 14px;border-radius:10px;border:1.5px solid hsla(0,0%,100%,.35);background:transparent;color:#fff;font:800 14px/1 var(--font-body),sans-serif;cursor:pointer;transition:background .15s}@media (hover:hover){.cl-said-btn:hover{background:hsla(0,0%,100%,.12)}}.cl-said{font:800 14px/1.3 var(--font-body),sans-serif;color:#ffc83d}@media (max-width:800px){.cl-head-practice{display:none}}@media (min-width:801px){.cl-wrap>.pm-head{display:none}.cl-arena.one{grid-template-columns:repeat(2,minmax(0,1fr)) 170px repeat(2,minmax(0,1fr));grid-template-areas:"p0 p1 c0 p2 p3" "p4 p5 c0 p6 p7"}.cl-arena.one .cl-circle{width:170px;height:170px}.cl-pic{max-width:100px}.cl-slots-body{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start}.cl-cabinet{padding-right:34px}.cl-lever-art{display:block;position:absolute;right:6px;top:40px;width:22px;height:120px;border:0;padding:0;background:none;cursor:pointer}.cl-lever-art:before{content:"";left:9px;top:18px;width:5px;height:96px;border-radius:3px;background:#b9c3d9;transform-origin:bottom}.cl-lever-art i,.cl-lever-art:before{position:absolute;transition:transform .25s}.cl-lever-art i{left:0;top:0;width:22px;height:22px;border-radius:50%;background:#1d4fa0;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),0 0 0 2px #fff}.cl-lever-art.is-off{cursor:default;opacity:.6}.cl-lever-art:not(.is-off):hover i{transform:translateY(8px)}.pm-wrap.cl-wrap{max-width:640px}}@media (max-width:400px){.cl-nouns{grid-template-columns:repeat(3,minmax(0,1fr))}.cl-arena.one{grid-template-columns:minmax(0,1fr) 124px minmax(0,1fr)}.cl-arena.one .cl-circle{width:124px;height:124px}.cl-circle-th{font-size:34px}.cl-arena.two .cl-circle{width:112px;height:112px}.cl-pic{max-width:80px}.cl-bank{grid-template-columns:repeat(3,minmax(0,1fr))}.cl-reel-win{height:96px}.cl-reel-strip{grid-template-rows:22px 52px 22px}.cl-reel-i.is-off .th{font-size:13px}.cl-ask-t .th{font-size:21px}}@keyframes cl-fade{0%{opacity:0;transform:translateY(4px)}}@keyframes cl-pop{0%{opacity:0;transform:scale(.85)}}@keyframes cl-peek{0%{opacity:0;transform:translate(-50%,4px)}}@keyframes cl-spin{0%{transform:translateY(-300%);filter:blur(1.5px)}70%{filter:blur(.5px)}to{transform:none;filter:none}}@keyframes cl-chase{50%{transform:scale(1.25)}}@keyframes cl-nudge{0%,to{box-shadow:inset 0 0 0 2px var(--soi)}50%{box-shadow:inset 0 0 0 2px var(--soi),0 0 0 5px rgba(29,79,160,.15)}}@media (prefers-reduced-motion:reduce){.cl-marquee i,.cl-pic.is-bad,.cl-reel.is-spin .cl-reel-strip,.cl-reel.is-wrong .cl-reel-win,.cl-row.is-nudge,.cl-tiles.is-in{animation:none}}.cl-slots-card{overflow:visible}.cl-slots-card>.pm-band{border-radius:27px 27px 0 0}@media (max-width:800px){.cl-pull{position:-webkit-sticky;position:sticky;bottom:10px;z-index:5;box-shadow:0 6px 18px rgba(14,46,99,.25)}}@media (max-height:700px) and (max-width:800px){.cl-ask-body{padding:8px 12px 10px}.cl-ask-t .th{font-size:20px}.cl-slip-imgs img,.cl-slip-row img{width:38px;height:38px}.cl-reel-win{height:88px}.cl-reel-strip{grid-template-rows:18px 52px 18px}.cl-nudge{height:30px}}.cl-arena.two{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.cl-cards{display:flex;justify-content:center;gap:8px}.cl-cards .cl-spot{width:calc((100% - 24px) / 4);max-width:100px}.cl-circles{display:flex;justify-content:center;gap:18px}@media (max-width:400px){.cl-circles{gap:10px}}.cl-arena.two>*{width:100%;justify-self:stretch}.cl-circle:active,.cl-noun:active,.cl-pic:active:not(:disabled),.cl-row:active{transform:scale(.97)}.cl-circle-in img{width:36px;height:36px}.cl-noun-l .th,.cl-pic-l .th,.cl-reel-i .th,.cl-slip-name .th,.cl-task b{word-break:keep-all;overflow-wrap:normal}.cl-cabinet{padding:0 10px 12px;overflow:visible}.cl-marquee{padding:8px 0;background:linear-gradient(180deg,#f4f6fa,#c9d1de 48%,#eef1f6);box-shadow:inset 0 -2px 0 rgba(14,46,99,.25)}.cl-marquee i{width:15px;height:15px;background:#8e7a52;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}.cl-marquee i.now{background:#ffe9a8;box-shadow:0 0 0 2px #fff,0 0 8px 2px rgba(255,233,168,.9)}.cl-marquee i.lit{background:#fff4d6;box-shadow:0 0 10px 3px rgba(255,214,102,.95)}.cl-marquee i.miss{background:#8e7a52;box-shadow:inset 0 0 0 2px #fff4d6}.cl-marquee.is-win i{animation:cl-chase .45s ease-in-out 2}.cl-marquee.is-win i:nth-child(2){animation-delay:.07s}.cl-marquee.is-win i:nth-child(3){animation-delay:.14s}.cl-marquee.is-win i:nth-child(4){animation-delay:.21s}.cl-marquee.is-win i:nth-child(5){animation-delay:.28s}.cl-marquee.is-big{border-radius:16px}.cl-reel-end{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.cl-reel-fixed{display:grid;justify-items:center;padding:6px;border-radius:10px;background:#fff}.cl-reel-fixed .th{font:700 20px/1.25 var(--font-thai),sans-serif;color:#0e2e63}.cl-reel-fixed .rom{font:700 10px/1 var(--font-body),sans-serif;color:#6b7385}.cl-reel-pol{display:grid;justify-items:center}.cl-reel-pol .th{font:700 18px/1.3 var(--font-thai),sans-serif;color:#fff}.cl-reel-pol .rom{font:700 10px/1 var(--font-body),sans-serif;color:#b9c3d9}.cl-cabinet{padding-right:38px}.cl-lever-art{display:block;position:absolute;right:8px;top:54px;width:22px;height:118px;border:0;padding:0;background:none;cursor:pointer}.cl-lever-art:before{content:"";left:8px;top:16px;width:6px;height:96px;border-radius:3px;background:linear-gradient(90deg,#9aa6ba,#e5e9f0 50%,#9aa6ba);transform-origin:bottom}.cl-lever-art i,.cl-lever-art:before{position:absolute;transition:transform .25s}.cl-lever-art i{left:-1px;top:0;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4d7bd0,#1d4fa0 60%,#0e2e63);box-shadow:0 2px 4px rgba(0,0,0,.35),0 0 0 2px #fff}.cl-lever-art.is-off{cursor:default;opacity:.55}@media (hover:hover){.cl-lever-art:not(.is-off):hover i{transform:translateY(10px)}}.cl-lever-art:not(.is-off):active i{transform:translateY(70px)}.cl-lever-art:not(.is-off):active:before{transform:scaleY(.3)}.cl-slip-one{position:relative;display:inline-block}.cl-slip-one img{width:72px;height:72px;border-radius:12px;object-fit:cover;display:block}.cl-slip-badge{position:absolute;right:-10px;bottom:-6px;padding:3px 8px;border-radius:99px;background:#0e2e63;color:#fff;font:800 15px/1.2 var(--font-body),sans-serif;box-shadow:0 2px 6px rgba(0,0,0,.2)}.cl-slip-pics{gap:18px}.cl-right{display:grid;grid-gap:1px;gap:1px}.cl-right-q{font:700 12.5px/1.3 var(--font-body),sans-serif;color:#5b6472}.cl-right b{font:800 15px/1.3 var(--font-body),sans-serif;color:#17703d}.cl-hint:has(.cl-right){min-height:0}.cl-today{text-decoration:none;text-align:center}.cl-back{border:0;background:none;cursor:pointer}@media (max-width:800px){.cl-slots-right{padding-bottom:6px}.cl-slots-card .cl-body{padding-bottom:84px}.cl-pull{position:-webkit-sticky;position:sticky;bottom:12px;margin-bottom:-72px}}@media (max-height:700px) and (max-width:800px){.cl-slots-left{grid-template-columns:1fr;gap:8px}.cl-slip{padding:6px 10px 8px}.cl-slip-one img{width:52px;height:52px}.cl-lever-art{top:46px;height:96px}.cl-lever-art:before{height:74px}}@media (min-width:801px){.cl-slots-body:has(.cl-reels.r3){grid-template-columns:minmax(0,1fr) 400px}.cl-reels.r3 .cl-reel-i .th{font-size:18px}.pm-wrap.cl-wrap{max-width:680px}}@media (max-width:800px){.cl-pull{position:-webkit-sticky;position:sticky;bottom:10px;z-index:5;margin-bottom:0;box-shadow:0 6px 18px rgba(14,46,99,.25)}.cl-slots-card .cl-body{padding-bottom:40px}}.cl-slip-name.is-en{font:700 13px/1.25 var(--font-body),sans-serif;color:#1f2533}@media (min-width:801px){.cl-ask-t .th,.cl-slip-name .rom,.cl-slip-name .th{white-space:nowrap}.cl-slip-rows{grid-template-columns:1fr}.cl-slots-body:has(.cl-reels.r3){grid-template-columns:1fr}.cl-slots-body:has(.cl-reels.r3) .cl-slots-left{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:stretch}.cl-slots-body:has(.cl-reels.r3) .cl-cabinet{max-width:460px;width:100%;justify-self:center}.cl-cabinet .cl-marquee{margin-right:-38px}}.cl-marquee{margin:0 -10px;border-radius:20px 20px 0 0}.cl-cabinet .cl-marquee{margin-right:-38px}.cl-marquee i.now{background:#8e7a52;box-shadow:0 0 0 3px #1d4fa0,0 0 0 5px #fff}.cl-marquee.is-big{margin:0}.cl-pic.is-word{width:92px;max-width:92px}.cl-cards .cl-spot{display:flex;justify-content:center}.cl-pic.is-word .cl-pic-l .rom{font-size:10.5px;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.cl-circle{padding-top:14px}.cl-circle-th{line-height:1.3}@media (max-width:400px){.cl-pic.is-word{width:80px;max-width:80px}.cl-pic.is-word .cl-pic-l .rom{font-size:10px}.cl-pic.is-word .cl-pic-l .th.is-long{font-size:14px}}