@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans Thai',Tahoma,sans-serif;color:#263f39;background:#faf8f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:4px solid #e49b37;outline-offset:5px}button{transition:transform .15s,background .15s}button:hover{transform:translateY(-3px)}button:active{transform:translateY(1px)}[hidden]{display:none!important}header{max-width:1280px;margin:auto;height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.brand{display:flex;gap:12px;color:#294b40;text-decoration:none;font-weight:800;font-size:23px;line-height:1.3}.brand b{color:#e59a37}.brand small{display:block;font-size:9px;letter-spacing:2.4px;margin-top:7px}.brand-icon{width:48px;height:48px;border-radius:15px;background:#f7c257;display:grid;place-items:center;font-size:34px;color:#fff;transform:rotate(-7deg);box-shadow:inset 0 -5px #e6ad3e}nav{display:flex;align-items:center;gap:12px}.age{font-size:12px;color:#7b8479;margin-right:15px}.icon-btn{height:42px;width:42px;border:1px solid #dedfd3;border-radius:50%;background:transparent;font-weight:bold;font-size:20px}main{max-width:1280px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:20px;min-height:470px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.5px;color:#648677}.eyebrow span{display:inline-block;background:#eda843;width:7px;height:7px;border-radius:50%;margin-right:7px}h1{font-size:clamp(34px,3.7vw,52px);line-height:1.4;letter-spacing:-1.6px;margin:16px 0;font-weight:900}h1 span{color:#36806a}.intro p{color:#7b857a;font-size:15px;line-height:1.95}.primary{background:#2f745f;color:#fff;border-radius:16px;padding:17px 27px;font-weight:700;box-shadow:0 5px #235845;min-height:56px;font-size:17px;margin:14px 0}.primary span{margin-left:35px}.hero-notes{display:flex;gap:24px;font-size:11px;color:#8a8d7a;margin-top:23px}.hero-art{position:relative}.hero-art svg{width:100%;overflow:visible}.world-section{margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h2{font-size:25px;margin:7px 0}h2 span{color:#e6a93c;margin-left:10px}.progress-pill{border:1px solid #e5e3d6;border-radius:30px;padding:12px 20px;font-size:12px;color:#7a826f}.progress-pill:first-letter{color:#e9b340}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.world-card{border:1px solid #e7e7dd;background:#fffdfa;border-radius:22px;overflow:hidden;text-align:left;padding:0;box-shadow:0 4px 0 #eeeee4}.world-picture{height:155px;position:relative;overflow:hidden;margin:9px;border-radius:14px}.world-picture svg{width:100%;height:100%}.world-number{position:absolute;left:12px;top:10px;background:#ffffffae;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700}.world-info{padding:12px 23px 21px}.world-info h3{margin:0 0 4px;font-size:18px}.world-info p{font-size:11px;color:#899084;margin:0}.world-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:11px;color:#9a9f8e}.world-meta b{color:#e7b34b;letter-spacing:3px}.arrow{width:30px;height:30px;border-radius:50%;background:#eff4ec;color:#51806d;display:grid;place-items:center}.bottom-note{text-align:center;color:#969b87;font-size:12px;margin:40px 0}.bottom-note span{padding:0 18px;color:#d4aa50}footer{max-width:1200px;border-top:1px solid #e7e7db;margin:0 auto;padding:26px 0;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8e9689}footer>span:first-child{font-weight:800;color:#55705f}footer button{background:none;font-size:10px;color:#8e9689}.game-top{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.soft{background:#eeeede;border-radius:14px;padding:13px 18px;font-weight:600;font-size:13px;min-height:48px}.game-title{text-align:center}.game-title h1{font-size:31px;margin:8px}.game-title p{font-size:14px;color:#7b857a;min-height:24px}.build-area{position:relative;max-width:850px;margin:auto;background:#e6f1eb;border:8px solid white;border-radius:28px;overflow:hidden;box-shadow:0 6px 0 #e6e8db}.build-area svg{display:block;width:100%;max-height:440px}.build-count{position:absolute;top:15px;left:18px;background:white;border-radius:22px;padding:8px 15px;font-size:12px;z-index:1}.tray{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:25px auto;max-width:900px}.piece{width:92px;height:88px;background:white;border:3px solid #e6e6da;border-radius:17px;box-shadow:0 4px #e4e5d8;padding:10px}.piece svg{width:100%;height:100%;overflow:visible}.piece.selected{border-color:#3d876b;background:#e6f4e7;transform:translateY(-6px)}.piece:disabled{opacity:.3;cursor:default;box-shadow:none;transform:none}.target{cursor:pointer}.target.hint{animation:pulse .8s infinite}.game-bottom{display:flex;max-width:850px;justify-content:space-between;align-items:center;margin:20px auto 40px}.game-bottom span{font-size:12px;color:#909980}dialog{border:0;border-radius:28px;padding:35px;max-width:540px;width:calc(100% - 32px);color:#2d4a3d;background:#fffdf6;box-shadow:0 20px 100px #243c3d33;text-align:center}dialog::backdrop{background:#203e3466;backdrop-filter:blur(5px)}.close{position:absolute;right:14px;top:10px;font-size:27px;background:none;width:40px;height:40px}dialog h2{margin-top:20px}dialog p{font-size:14px;line-height:1.9;color:#768573}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.level-choice{background:#edf2e6;border-radius:16px;padding:18px 8px;font-size:20px}.level-choice small{display:block;font-size:11px;margin-top:6px;color:#85947a}.celebration{font-size:60px;margin-top:10px}.stars{font-size:40px;color:#efb83f;letter-spacing:10px}.confetti{position:fixed;top:-20px;width:12px;height:20px;z-index:20;pointer-events:none;animation:fall 2.5s ease-in forwards}@keyframes fall{to{transform:translateY(100vh) rotate(650deg)}}@keyframes pulse{50%{opacity:.35}}@media(max-width:800px){header{padding:0 22px;height:90px}main{padding:0 22px}.age{display:none}.hero{grid-template-columns:1fr 1fr;min-height:390px}h1{font-size:34px}.hero-notes{gap:10px;font-size:9px}.intro p{font-size:12px}.world-picture{height:125px}.world-grid{gap:12px}.world-info{padding:10px 14px 15px}.world-info h3{font-size:16px}footer{margin:0 22px}.world-meta b{letter-spacing:0}}@media(max-width:580px){.brand{font-size:19px}.brand small{font-size:8px}.brand-icon{width:41px;height:41px}nav{gap:7px}.hero{grid-template-columns:1fr;gap:5px;text-align:center;padding-top:20px}.hero-art{max-width:420px;margin:auto;order:2}.hero-notes{justify-content:center}.intro p{font-size:14px}h1{font-size:38px}.hero-art svg{max-height:280px}.world-section{margin-top:25px}.world-grid{grid-template-columns:repeat(2,1fr);gap:13px}.world-picture{height:115px;margin:6px}.world-info{padding:8px 12px 14px}.world-info h3{font-size:15px}.world-info p{font-size:10px}.world-meta{font-size:10px}.section-heading{align-items:start}h2{font-size:21px}.progress-pill{padding:8px;font-size:10px;white-space:nowrap}.section-heading .eyebrow{font-size:10px}.world-meta b{display:none}.piece{width:69px;height:69px}.tray{gap:9px}.game-top{font-size:11px}.soft{padding:10px;font-size:11px}.game-title h1{font-size:26px}.game-title p{font-size:12px}.game-bottom span{display:none}.build-area{border-width:5px}.build-count{font-size:10px;top:8px;left:8px}footer>span:nth-child(2){display:none}.bottom-note{font-size:10px}.bottom-note span{padding:0 8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Shape labels help children distinguish similar silhouettes. */
.piece{height:116px;width:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:9px 5px}.piece svg{height:61px;flex-shrink:0}.piece span{font-size:9px;line-height:1.35;max-width:90px;overflow-wrap:anywhere}.tray{max-width:960px}.level-choice small+small{font-size:9px;color:#68836b;margin-top:8px}
@media(max-width:580px){.piece{width:76px;height:103px}.piece svg{height:48px}.piece span{font-size:8px}.tray{gap:10px}.game-top{gap:8px}.game-top>span{text-align:center}}