:root{--paper: #F7F2E8;--card: #FFFDF8;--ink: #1B2440;--muted: #4E566B;--line: #E3DACA;--chip: #EAE2D2;--note: #FFF6D8;--note-line: #EBDDB4;--tape: rgba(242,180,65,.55);--amber: #F2B441;--amber-soft: #FCEBC4;--amber-ink: #1B2440;--teal: #1F6F6B;--teal-soft: #E4F1EE;--slab: #1B2440;--slab-fg: #FFFDF8;--slab-dim: #AEB6CC;--btn: #1B2440;--btn-fg: #FFFDF8;--good: #1E7A4C;--good-soft: #E1F2E8;--bad: #B23A2E;--bad-soft: #F8E1DD;--track: #E3DACA;--node: #B7AD99;--edge: #1B2440;--floor: rgba(27,36,64,.2);--display: "Bricolage Grotesque", "Trebuchet MS", sans-serif;--body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #121827;--card: #1A2236;--ink: #EDE7DA;--muted: #A9B0C2;--line: #2C3650;--chip: #232C44;--note: #2A2718;--note-line: #3E3922;--tape: rgba(242,180,65,.4);--amber: #F2B441;--amber-soft: #3A3120;--amber-ink: #121827;--teal: #7CC4B8;--teal-soft: #16312F;--slab: #0B1020;--slab-fg: #F7F2E8;--slab-dim: #8E97AE;--btn: #EDE7DA;--btn-fg: #121827;--good: #6FCF97;--good-soft: #17352A;--bad: #F08A7E;--bad-soft: #3D1F1C;--track: #2C3650;--node: #5A6480;--edge: #EDE7DA;--floor: rgba(0,0,0,.45);color-scheme:dark}}:root[data-theme=dark]{--paper: #121827;--card: #1A2236;--ink: #EDE7DA;--muted: #A9B0C2;--line: #2C3650;--chip: #232C44;--note: #2A2718;--note-line: #3E3922;--tape: rgba(242,180,65,.4);--amber: #F2B441;--amber-soft: #3A3120;--amber-ink: #121827;--teal: #7CC4B8;--teal-soft: #16312F;--slab: #0B1020;--slab-fg: #F7F2E8;--slab-dim: #8E97AE;--btn: #EDE7DA;--btn-fg: #121827;--good: #6FCF97;--good-soft: #17352A;--bad: #F08A7E;--bad-soft: #3D1F1C;--track: #2C3650;--node: #5A6480;--edge: #EDE7DA;--floor: rgba(0,0,0,.45);color-scheme:dark}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.55}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.02em}p{margin:0}a{color:var(--teal)}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.mono{font-family:var(--mono)}.wrap{max-width:1200px;margin:0 auto;padding-inline:24px}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--paper);border-bottom:1px solid var(--line)}.topbar-in{min-height:76px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-block:10px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:800;font-size:25px;letter-spacing:-.5px}.nav{display:flex;gap:24px;font-size:17px;font-weight:700;flex:1;align-items:center;flex-wrap:wrap}.nav a{color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px;text-decoration-color:var(--amber)}.pill{font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--amber-soft);color:var(--ink)}.langs{display:flex;gap:4px;padding:4px;border:1.5px solid var(--ink);border-radius:999px;font-size:15px;font-weight:700}.langs button{min-height:40px;padding:0 13px;border-radius:999px;border:none;background:transparent;color:var(--ink);font-weight:700;font-size:15px;cursor:pointer}.langs button:hover{background:var(--amber-soft)}.langs button[aria-pressed=true]{background:var(--btn);color:var(--btn-fg)}.langs button[lang=th]{font-family:"Noto Sans Thai",var(--body)}.langs button[lang=my]{font-family:"Noto Sans Myanmar",var(--body)}html:lang(th) body{font-family:"Noto Sans Thai",var(--body)}html:lang(my) body{font-family:"Noto Sans Myanmar",var(--body)}html:lang(th) h1,html:lang(th) h2,html:lang(th) h3{font-family:"Noto Sans Thai",var(--display);font-weight:700;letter-spacing:0;line-height:1.4}html:lang(my) h1,html:lang(my) h2,html:lang(my) h3{font-family:"Noto Sans Myanmar",var(--display);font-weight:700;letter-spacing:0;line-height:1.6}html:lang(th) .hook,html:lang(th) .lede,html:lang(th) .mission p,html:lang(th) .safety p{line-height:1.8}html:lang(my) .hook,html:lang(my) .lede,html:lang(my) .mission p,html:lang(my) .safety p{line-height:2}html:lang(my) .hero h1{font-size:clamp(34px,4.6vw,54px)}html:lang(th) .hero h1{font-size:clamp(38px,5.4vw,66px)}.about{display:grid;grid-template-columns:minmax(0,1fr);max-width:900px}.me{background:var(--card);border:2px solid var(--ink);border-radius:24px;padding:28px;box-shadow:10px 10px 0 var(--ink);display:flex;flex-direction:column;gap:14px}.avatar{width:96px;height:96px;border-radius:24px;background:var(--amber);border:2.5px solid #1B2440;color:#1b2440;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:38px}.me h1{font-size:32px}.facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:17px}.facts li{display:flex;gap:10px;align-items:flex-start}.facts svg{flex:none;margin-top:3px;color:var(--teal)}.about-body{display:flex;flex-direction:column;gap:28px;min-width:0}.about-body section{display:flex;flex-direction:column;gap:12px}.about-body h2{font-size:30px}.about-body p{font-size:19px;max-width:38em}html:lang(th) .about-body p{line-height:1.8}html:lang(my) .about-body p{line-height:2}.plan{margin:0;padding:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:14px;max-width:40em}.plan li{counter-increment:step;display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:18px;background:var(--card);border:1.5px solid var(--line);font-size:18px}.plan li:before{content:counter(step);flex:none;width:34px;height:34px;border-radius:50%;background:var(--amber);color:#1b2440;border:2px solid #1B2440;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:15px}html:lang(th) .plan li{line-height:1.8}html:lang(my) .plan li{line-height:2}.chain-count{font-family:var(--display);font-weight:800;font-size:22px;color:var(--ink)!important}html:lang(th) .chain-count{font-family:"Noto Sans Thai",var(--display);font-weight:700}html:lang(my) .chain-count{font-family:"Noto Sans Myanmar",var(--display);font-weight:700}.race-done{font-size:17px}.wheel .inner{transform-origin:150px 150px;transition:transform .45s cubic-bezier(.3,1.4,.5,1)}.tiles{display:flex;flex-wrap:wrap;gap:6px;min-height:64px}.tile{width:40px;border:2px solid var(--ink);border-radius:10px;overflow:hidden;text-align:center;font-family:var(--mono);font-weight:700;font-size:16px;background:var(--card)}.tile span{display:block;padding:3px 0}.tile span+span{background:var(--amber);color:#1b2440;border-top:2px solid var(--ink)}.tile.gap{border-style:dashed;border-color:var(--line);background:transparent}.swap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;padding:18px 6px 6px}.paper{position:relative;background:var(--note);border:2px solid var(--ink);border-radius:6px;padding:30px 24px 24px;box-shadow:8px 8px 0 var(--ink);display:flex;flex-direction:column;gap:14px;transform:rotate(-1.2deg);min-width:0}.paper.recv{transform:rotate(1.2deg)}.paper:before{content:"";position:absolute;top:-14px;left:50%;width:96px;height:26px;margin-left:-48px;background:var(--tape);transform:rotate(-4deg)}.paper h3{font-size:24px}.scribble{font-family:var(--mono);font-weight:700;font-size:26px;letter-spacing:.12em;line-height:40px;min-height:84px;padding:2px 4px;word-break:break-word;background-image:repeating-linear-gradient(transparent 0 39px,var(--note-line) 39px 40px);color:var(--ink)}.scribble.empty{color:var(--muted);font-size:18px;letter-spacing:0;font-family:var(--body);font-weight:400}.paper .input{background:var(--card)}.keytip{display:flex;gap:14px;align-items:center;padding:14px 18px;border-radius:14px;background:var(--amber-soft);font-size:17px}@media(max-width:640px){.swap{grid-template-columns:minmax(0,1fr);gap:28px}.tile{width:34px;font-size:14px}}.lockwrap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:center}.lockscroll{overflow-x:auto;padding:4px 4px 12px}.lock{display:flex;flex-direction:column;align-items:center;min-width:150px}.shackle{height:72px;border:14px solid #9AA3B8;border-bottom:none;border-radius:80px 80px 0 0;margin-bottom:-4px;transition:width .3s}.lockbody{background:#1b2440;border:3px solid #0B1020;border-radius:18px;padding:16px;box-shadow:6px 6px 0 var(--ink)}.dials{display:flex;gap:8px}.dial{width:44px;background:#f7f2e8;border-radius:10px;display:flex;flex-direction:column;align-items:center;font-family:var(--mono);font-weight:700;color:#1b2440;overflow:hidden}.dial.new{animation:pop .35s cubic-bezier(.3,1.5,.5,1)}.dial span{font-size:14px;opacity:.4;line-height:24px}.dial span.mid{font-size:24px;opacity:1;line-height:36px;background:#f2b441;width:100%;text-align:center}@keyframes pop{0%{transform:scale(.3);opacity:0}}.thief{padding:12px 16px;border-radius:14px;background:var(--bad-soft);font-size:17px}.thief.happy{background:var(--bad-soft)}.thief.sad{background:var(--good-soft)}.bits.coins i{border-radius:50%}.machine{display:flex;flex-direction:column;align-items:center;width:100%;max-width:560px;margin:0 auto}.hopper{width:100%;background:var(--card);border:2px solid var(--ink);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px}.hopper label{font-weight:700;color:var(--muted);font-size:15px}.funnel{width:58%;height:26px;background:var(--ink);clip-path:polygon(0 0,100% 0,66% 100%,34% 100%)}.mbody{width:86%;background:#1b2440;border:3px solid #0B1020;border-radius:22px;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fffdf8;box-shadow:6px 6px 0 var(--ink)}.mlabel{display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--display);font-size:24px}.lights{display:flex;gap:7px}.lights i{width:11px;height:11px;border-radius:50%;background:#3a4770}.run .lights i{animation:blink .7s steps(2) 1}.run .lights i:nth-child(2){animation-delay:.12s}.run .lights i:nth-child(3){animation-delay:.24s}@keyframes blink{50%{background:#f2b441}}.gear{width:64px;height:64px;flex:none}.run .g1{animation:spin .75s ease-out}.run .g2{animation:spinr .75s ease-out}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinr{to{transform:rotate(-360deg)}}.mslot{width:60%;height:12px;background:#0b1020;border-radius:0 0 10px 10px}.receipt{position:relative;width:min(340px,92%);background:#fffdf8;color:#1b2440;padding:12px 18px 18px;border:2px solid #1B2440;border-top:none;border-bottom:3px dashed #1B2440;box-shadow:4px 6px #1b244038;display:flex;flex-direction:column;gap:6px}.receipt.small{width:100%;border-top:2px solid #1B2440;border-radius:6px 6px 0 0}.receipt.print{animation:print .55s ease-out}@keyframes print{0%{transform:translateY(-22px);clip-path:inset(0 0 100% 0)}to{transform:none;clip-path:inset(0 0 0 0)}}.rc-top{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#4e566b;font-weight:700}.rc-hash{font-family:var(--mono);font-size:18px;line-height:1.7;letter-spacing:.06em;font-weight:700;white-space:pre}.stamp{position:absolute;right:10px;top:28px;padding:6px 14px;border:4px solid #1E7A4C;color:#1e7a4c;border-radius:10px;font-family:var(--display);font-weight:800;font-size:26px;transform:rotate(-12deg);background:#fffdf8d9}.slots{background:#1b2440;border:3px solid #0B1020;border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:16px;color:#fffdf8;box-shadow:inset 0 0 0 6px #f2b441,8px 8px 0 var(--ink)}.slot-top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:15px;color:#aeb6cc}.slot-top b{font-family:var(--display);font-size:26px;color:#fffdf8}.reels{display:flex;gap:14px;justify-content:center}.reel{width:92px;height:118px;background:#fffdf8;border:3px solid #0B1020;border-radius:16px;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:68px;color:#1b2440;box-shadow:inset 0 -14px #1b244014}.reel.spin{color:#8c93a6}.reel.hit{background:#f2b441}.slots .slab{background:#0b1020}.slots .btn{background:#f2b441;border-color:#f2b441;color:#1b2440;box-shadow:0 4px #0b1020}.slots .btn.ghost{background:transparent;color:#fffdf8;border-color:#fffdf8}.slots .tries{font-weight:700;color:#aeb6cc}@media(max-width:640px){.lockwrap{grid-template-columns:minmax(0,1fr)}.dial{width:36px}.reel{width:76px;height:98px;font-size:54px}.gear{width:48px;height:48px}.mbody{padding:12px 14px}}@media(prefers-reduced-motion:reduce){.run .gear,.run .lights i,.receipt.print,.dial.new{animation:none!important}}.lang-note{padding:12px 16px;border-radius:14px;background:var(--chip);font-size:16px}.meter{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--muted)}.meter-bar{width:96px;height:10px;border-radius:999px;background:var(--track);overflow:hidden}.meter-bar i{display:block;height:100%;background:var(--amber);border-radius:999px;transition:width .4s}main{padding-block:48px 72px;display:flex;flex-direction:column;gap:48px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 26px;border-radius:16px;border:2px solid var(--btn);background:var(--btn);color:var(--btn-fg);font-weight:700;font-size:18px;text-decoration:none;cursor:pointer;box-shadow:0 4px 0 var(--amber);transition:transform .1s,box-shadow .1s}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--amber)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink);box-shadow:0 4px 0 var(--ink)}.btn.small{min-height:44px;padding:0 16px;font-size:16px;border-radius:14px}.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.eyebrow{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--teal)}.eyebrow.dim{color:var(--muted)}.hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center;padding-top:24px}.hero-copy{display:flex;flex-direction:column;gap:24px;min-width:0}.tag{align-self:flex-start;padding:7px 14px;border-radius:999px;background:var(--chip);font-size:15px;font-weight:700}.hero h1{font-size:clamp(44px,6.2vw,76px);letter-spacing:-.035em;line-height:1.02}.hero p.lede{font-size:21px;color:var(--muted);max-width:30em}.cta{display:flex;gap:14px;flex-wrap:wrap}.chain{display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0}.stage{width:100%;max-width:600px;height:340px;padding:0;border:none;background:transparent;perspective:1100px;cursor:grab;touch-action:none;position:relative;overflow:visible;border-radius:24px}.stage.dragging{cursor:grabbing}.world{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}.world>div,.blk,.lnk{position:absolute;left:0;top:0;transform-style:preserve-3d}.floor{position:absolute;left:-100px;top:-70px;width:200px;height:140px;border-radius:50%;background:radial-gradient(ellipse at center,var(--floor),transparent 70%);transform:translateY(84px) rotateX(90deg)}.face{position:absolute;left:-42px;top:-42px;width:84px;height:84px;border:2.5px solid var(--edge);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.face b{font-size:11px;letter-spacing:1px}.face span{font-family:var(--mono);font-size:12px;font-weight:700}.bar{position:absolute;left:-16px;width:32px;background:var(--edge)}.chain-ctl{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}.chain-ctl span{font-size:16px;color:var(--muted);max-width:300px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.section-head h2{font-size:clamp(32px,4vw,44px);letter-spacing:-.03em}.missions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mission{background:var(--card);border:1.5px solid var(--line);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink)}a.mission:hover{border-color:var(--ink)}.mission h3{font-size:26px}.mission p{color:var(--muted);font-size:17px}.mission .foot{margin-top:auto;padding-top:6px;font-size:15px;font-weight:700;color:var(--teal)}.mission.soon{background:transparent;border-style:dashed}.mission.soon .foot{color:var(--muted)}.safety{display:flex;gap:22px;align-items:center;padding:26px 30px;border-radius:20px;background:var(--slab);color:var(--slab-fg);flex-wrap:wrap}.safety h3{font-size:23px}.safety p{color:var(--slab-dim);font-size:17px;margin-top:4px}.site-foot{border-top:1px solid var(--line);padding-block:28px;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;font-size:15px;color:var(--muted)}.map{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}.rows{display:flex;flex-direction:column;gap:14px;min-width:0}.rows h1{font-size:clamp(38px,5vw,56px);margin-bottom:10px;letter-spacing:-.03em}.urow{background:var(--card);border:1.5px solid var(--line);border-radius:20px;padding:20px 26px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.urow.current{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.urow.soon{background:transparent;border-style:dashed}.uname{width:240px;display:flex;flex-direction:column;gap:3px}.uname h2{font-size:23px}.track{display:flex;align-items:center;flex:1;flex-wrap:wrap;row-gap:10px;min-width:0}.node{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:14px;border:3px solid var(--node);color:var(--muted);text-decoration:none}a.node:hover{border-color:var(--ink);color:var(--ink)}.node.done{background:var(--btn);border-color:var(--btn);color:var(--btn-fg)}.node.next{width:auto;padding:0 20px 0 7px;gap:10px;display:inline-flex;border-radius:999px;background:var(--amber);border:2px solid var(--ink);color:var(--amber-ink);font-family:var(--body);font-size:17px}.node.next i{font-style:normal;width:36px;height:36px;border-radius:50%;background:#1b2440;color:#fffdf8;display:grid;place-items:center;font-family:var(--mono);font-size:13px}.node.vault{width:auto;border-radius:14px;padding:0 16px;gap:8px;display:inline-flex;font-family:var(--body);font-size:15px}.link{flex:none;width:36px;height:4px;background:var(--node)}.link.on{background:var(--ink)}.count{font-size:16px;font-weight:700;color:var(--muted)}.side{display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 100px)}.progress-card{background:var(--slab);color:var(--slab-fg);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:12px}.progress-card .big{font-family:var(--display);font-weight:800;font-size:44px;line-height:1;font-variant-numeric:tabular-nums}.progress-card .pbar{height:12px;border-radius:999px;background:#ffffff24;overflow:hidden}.progress-card .pbar i{display:block;height:100%;background:var(--amber)}.progress-card small{color:var(--slab-dim);font-size:15px}.badges{background:var(--card);border:1.5px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px}.badges h3{font-size:21px}.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.badge{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:14px;font-weight:700;color:var(--muted)}.badge i{width:62px;height:62px;border-radius:18px;border:2px dashed var(--node);display:grid;place-items:center;color:var(--node)}.badge.won{color:var(--ink)}.badge.won i{border:2px solid var(--ink);background:var(--amber);color:#1b2440}.linkbtn{background:none;border:none;padding:8px 0;min-height:44px;color:var(--teal);font-weight:700;cursor:pointer;text-decoration:underline;font-size:15px;align-self:flex-start}.confirm{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:var(--bad-soft);font-size:15px}.lesson{display:grid;grid-template-columns:250px minmax(0,1fr);gap:56px;align-items:start}.steps{position:sticky;top:calc(env(safe-area-inset-top,0px) + 100px);display:flex;flex-direction:column;gap:6px;font-size:17px;font-weight:700}.steps .eyebrow{margin-bottom:10px}.steps a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border-radius:12px;color:var(--muted);text-decoration:none;border:2px solid transparent}.steps a i{flex:none;width:26px;height:26px;border-radius:50%;border:2.5px solid var(--node);display:grid;place-items:center}.steps a.past i{background:var(--btn);border-color:var(--btn);color:var(--btn-fg)}.steps a.here{background:var(--card);border-color:var(--ink);color:var(--ink)}.steps a.here i{background:var(--amber);border-color:#1b2440}.steps .back{margin-top:18px;color:var(--ink)}.col{display:flex;flex-direction:column;gap:40px;max-width:900px;min-width:0}.col>section{scroll-margin-top:110px;display:flex;flex-direction:column;gap:14px}.col h1{font-size:clamp(40px,5.5vw,60px);letter-spacing:-.03em}.col h2.sec{font-size:30px}.hook{font-size:22px;line-height:1.55;color:var(--muted);max-width:36em}.prose{font-size:19px;max-width:40em;display:flex;flex-direction:column;gap:12px}.bench{background:var(--card);border:2px solid var(--ink);border-radius:24px;padding:32px;box-shadow:10px 10px 0 var(--ink);display:flex;flex-direction:column;gap:22px;min-width:0}.bench-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bench-head h2{font-size:30px}.goal{font-size:15px;font-weight:700;padding:6px 12px;border-radius:999px;background:var(--amber);color:var(--amber-ink)}.real{display:flex;gap:20px;align-items:flex-start;padding:24px 28px;border-radius:20px;background:var(--teal-soft)}.real h2{font-size:22px;margin-bottom:6px}.real p{font-size:18px;max-width:40em}.lesson-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.lesson-foot a.prev{font-weight:700;display:inline-flex;align-items:center;gap:8px;min-height:44px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field label,.lbl{font-size:15px;font-weight:700;color:var(--muted)}.input{height:56px;padding:0 16px;border:2px solid var(--ink);border-radius:14px;background:var(--paper);font-family:var(--mono);font-size:20px;width:100%;min-width:0}.slab{padding:16px 18px;border-radius:14px;background:var(--slab);color:var(--slab-fg);font-family:var(--mono);font-size:17px;line-height:1.6;word-break:break-all;min-height:56px}.slab .diff{background:var(--amber);color:#1b2440;border-radius:3px}.slab .same{color:var(--slab-dim)}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.note{padding:14px 18px;border-radius:14px;background:var(--amber-soft);font-size:17px}.note.win{background:var(--good-soft)}input[type=range]{width:100%;accent-color:var(--ink);height:32px}.stat{font-family:var(--display);font-weight:800;font-size:34px;line-height:1.1;font-variant-numeric:tabular-nums}hr.dash{border:none;border-top:1.5px dashed var(--line);margin:0}.wheel-wrap{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:center}.wheel{width:100%;max-width:300px;aspect-ratio:1}.wheel text{font-family:var(--mono);font-weight:700}.shifts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;max-height:360px;overflow-y:auto;padding:4px}.shift{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--paper);cursor:pointer;text-align:left;min-height:48px}.shift:hover{border-color:var(--ink)}.shift small{font-family:var(--mono);color:var(--muted);font-size:13px;width:26px;flex:none}.shift span{font-family:var(--mono);font-weight:700;font-size:15px;letter-spacing:.04em}.shift.right{background:var(--good-soft);border-color:var(--good)}.shift.wrong{background:var(--bad-soft);border-color:var(--bad)}.freq{display:flex;align-items:flex-end;gap:3px;height:160px;padding-top:8px;overflow-x:auto}.freq div{flex:1 0 18px;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.freq i{display:block;width:100%;background:var(--teal);border-radius:4px 4px 0 0;min-height:2px}.freq i.top{background:var(--amber)}.freq span{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--muted)}.bits{display:grid;grid-template-columns:repeat(32,minmax(0,1fr));gap:2px}.bits i{aspect-ratio:1;border-radius:2px;background:var(--track)}.bits i.on{background:var(--amber)}.quiz{background:var(--card);border:1.5px solid var(--line);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:26px}.q{display:flex;flex-direction:column;gap:12px}.q p.ask{font-size:19px;font-weight:700}.opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.opt{min-height:60px;padding:10px 18px;border-radius:14px;border:2px solid var(--ink);background:var(--card);text-align:left;font-weight:700;font-size:17px;cursor:pointer}.opt:hover:not([disabled]){background:var(--amber-soft)}.opt.right{background:var(--good-soft);border-color:var(--good)}.opt.wrong{background:var(--bad-soft);border-color:var(--bad)}.opt[disabled]{cursor:default}.feedback{font-size:16px;padding:10px 14px;border-radius:12px}.feedback.right{background:var(--good-soft)}.feedback.wrong{background:var(--bad-soft)}.simple{background:var(--card);border:1.5px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:20px}.tabs{display:flex;gap:4px;padding:4px;border:1.5px solid var(--ink);border-radius:999px;align-self:flex-start;flex-wrap:wrap}.tabs button{min-height:44px;padding:0 18px;border-radius:999px;border:none;background:transparent;color:var(--ink);font-weight:700;font-size:16px;cursor:pointer}.tabs button[aria-selected=true]{background:var(--btn);color:var(--btn-fg)}.tabs button[lang=th]{font-family:"Noto Sans Thai",var(--body)}.tabs button[lang=my]{font-family:"Noto Sans Myanmar",var(--body)}.simple-body{display:flex;flex-direction:column;gap:14px;font-size:19px;max-width:40em}.simple-body:lang(th){font-family:"Noto Sans Thai",var(--body);line-height:1.85}.simple-body:lang(my){font-family:"Noto Sans Myanmar",var(--body);font-size:18px;line-height:2.1}.big-idea{padding:16px 20px;border-radius:14px;background:var(--amber-soft);display:flex;flex-direction:column;gap:4px}@media(max-width:960px){.map,.lesson,.about{grid-template-columns:minmax(0,1fr)}.side{position:static}.steps{display:none}.hero{grid-template-columns:minmax(0,1fr)}.missions{grid-template-columns:repeat(2,minmax(0,1fr))}.uname{width:100%}}@media(max-width:640px){body{font-size:17px}.wrap{padding-inline:16px}main{padding-block:28px 56px;gap:36px}.nav{gap:16px;flex:none}.missions,.grid2,.wheel-wrap,.opts{grid-template-columns:minmax(0,1fr)}.bench{padding:20px;box-shadow:6px 6px 0 var(--ink)}.wheel{justify-self:center}.bits{grid-template-columns:repeat(16,minmax(0,1fr))}.stage{height:260px}.meter-bar{width:60px}.link{width:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}