.world-school{--ink:#263f3f;--muted:#607573;--line:#30484030;--paper:#e6e9e1;--accent:#34675b;background:var(--paper);width:100%;height:100dvh;min-height:560px;color:var(--ink);font-family:var(--font-anuphan),Anuphan,sans-serif;isolation:isolate;font-size:15px;line-height:1.65;position:relative;overflow:hidden}.world-school *{box-sizing:border-box}.world-school button,.world-school input,.world-school summary{font:inherit}.world-school button{color:inherit;cursor:pointer}.world-school button:disabled{opacity:.43;cursor:default}.world-school button:focus-visible,.world-school a:focus-visible,.world-school summary:focus-visible,.world-school input:focus-visible{outline-offset:4px;outline:2px solid #297e70}.world-school button{border:0}.world-school a{color:inherit}.world-stage{z-index:0;inset:0;position:absolute!important}.world-stage .wc-canvas{touch-action:none;width:100%!important;height:100%!important}.world-edge-shade{pointer-events:none;z-index:7;background:linear-gradient(90deg,#e5eadfd6,#e5eadf85 20%,#0000 43%),linear-gradient(#e5eadfe6,#0000 13% 81%,#e5eadfd9);position:absolute;inset:0}.world-header{z-index:15;padding:22px max(30px,env(safe-area-inset-right)) 20px max(32px,env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:24px;min-height:85px;display:flex;position:absolute;inset:0 0 auto}.world-brand{letter-spacing:-1px;font:26px/1 Georgia,serif;text-decoration:none}.world-brand span{letter-spacing:4px;margin-top:10px;font:8px/1.4 sans-serif;display:block}.world-header .ed-levels{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#e8ece3bd;border-radius:30px;gap:0;margin:0;padding:3px;display:flex}.world-header .ed-levels legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.world-header .ed-levels label{cursor:pointer;text-align:center;border-radius:24px;padding:5px 18px;font-size:12px;line-height:1.3;position:relative}.world-header .ed-levels label[data-selected=true]{color:#fff;background:#315c51}.world-header .ed-levels input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.world-header .ed-levels label:focus-within{outline-offset:3px;outline:2px solid #31796a}.world-header .ed-levels small{opacity:.75;margin-top:2px;font-size:9px;display:block}.world-header-tools{align-items:center;gap:16px;display:flex}.world-header-tools button{background:0 0;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:flex}.world-header-tools button span{border:1px solid var(--line);border-radius:30px;padding:2px 7px;font:12px Georgia,serif}.world-eyebrow{letter-spacing:1.4px;color:var(--muted);font-size:11px;display:block}.world-welcome{z-index:8;top:17%;left:max(32px,env(safe-area-inset-left));width:292px;position:absolute}.world-welcome h1{letter-spacing:-2.4px;margin:24px 0;font:clamp(48px,4.3vw,70px)/.99 Georgia,serif}.world-welcome h1 em{color:#55786d;font-style:normal}.world-welcome p{color:#506762;margin:20px 0;font-size:15px;line-height:1.9}.world-welcome p.world-welcome-thai{color:var(--ink);margin-top:20px;margin-bottom:0;font-size:24px;font-weight:450}.world-welcome-hint{color:var(--muted);margin-top:14px;font-size:12px;display:block}.world-primary{text-align:left;background:#315e52;border-radius:3px;justify-content:space-between;align-items:center;gap:20px;min-height:50px;padding:14px 18px;line-height:1.4;transition:background .2s;display:flex;color:#fff!important;font-weight:500!important}.world-primary:hover:not(:disabled){background:#244a40}.world-welcome .world-primary{width:100%;margin-top:27px}.world-bottom{z-index:10;padding:0 max(30px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(32px,env(safe-area-inset-left));background:linear-gradient(#e2e8dd00,#e2e8ddea 15%,#e2e8dd 97%);position:absolute;bottom:0;left:0;right:0}.world-chapters,.world-steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(8,1fr);display:grid}.world-chapters button,.world-steps button{text-align:left;background:0 0;align-items:flex-start;gap:9px;min-height:78px;padding:18px 13px 15px 0;transition:background .2s;display:flex}.world-chapters button+button,.world-steps button+button{border-left:1px solid var(--line);padding-left:14px}.world-chapters button:hover,.world-steps button:hover{background:#fff5}.world-chapters button>span,.world-steps button>span{color:#748a80;font:13px/1.7 Georgia,serif}.world-chapters button strong{font-size:13px;font-weight:500;line-height:1.55}.world-chapters button i{color:#315e52;font-size:10px;font-style:normal}.world-steps{grid-template-columns:repeat(4,1fr)}.world-steps button{align-items:center;min-height:70px;padding-top:15px;padding-bottom:15px}.world-steps button strong{font-size:14px;font-weight:450;line-height:1.5}.world-steps button[aria-current=step]{background:#f3f5ee86;box-shadow:inset 0 2px #356955}.world-bottom-line{letter-spacing:1px;color:var(--muted);justify-content:space-between;gap:15px;margin-top:10px;font-size:9px;display:flex}.world-lesson-heading{z-index:8;align-items:center;gap:13px;width:335px;display:flex;position:absolute;top:100px;left:32px}.world-lesson-heading>button{background:0 0;padding:10px 0}.world-lesson-heading h1{margin:4px 0 0;font-size:18px;font-weight:550;line-height:1.4}.world-lesson-heading>div>span{color:var(--muted);font:italic 12px Georgia,serif}.world-chapter-number{color:#7c9189;margin-left:auto;font:30px/1 Georgia,serif}.world-chapter-number small{white-space:nowrap;text-align:right;margin-top:5px;font:10px sans-serif;display:block}.world-stage-nav{z-index:9;border-bottom:1px solid var(--line);gap:16px;width:335px;display:flex;position:absolute;top:178px;left:32px}.world-stage-nav button{white-space:nowrap;color:var(--muted);background:0 0;gap:6px;padding:0 0 10px;font-size:12px;display:flex}.world-stage-nav button span{opacity:.65;font:10px/2 Georgia,serif}.world-stage-nav button[aria-current=step]{color:#244b40;border-bottom:2px solid #366855}.world-console{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(110deg,#edf0e8ee,#e7ece0c9);border:1px solid #fafcf666;border-radius:5px;flex-direction:column;width:335px;min-height:0;display:flex;position:absolute;top:226px;bottom:145px;left:32px;box-shadow:0 8px 45px #384f4210}.world-console-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#758b7d55 transparent;flex:1;min-height:0;padding:22px 22px 15px;overflow-y:auto}.world-console h2{letter-spacing:-.5px;margin:13px 0 19px;font-size:25px;font-weight:500;line-height:1.4}.world-console h2:focus{outline:none}.world-console p{color:#435e54;margin:14px 0;font-size:14px;line-height:1.9}.world-console .world-explanation{font-size:15px;line-height:1.95}.world-console .world-lead{color:#314e45;font-size:15px}.world-look{border-left:2px solid #7ea493;margin:20px 0;padding-left:13px}.world-look>span{letter-spacing:.7px;color:#51776b;font-size:10px}.world-look p{margin:5px 0;font-size:14px;line-height:1.7}.world-console .world-instruction{color:#6d8177;font-size:13px}.world-console details{border-top:1px solid var(--line);margin-top:5px;padding:10px 0;font-size:12px}.world-console summary{cursor:pointer;color:#687d73;font-size:11px}.world-console details p,.world-console details li,.world-console details dl{font-size:12px;line-height:1.8}.world-console details ul{padding-left:18px}.world-console details dd{color:#65776e;margin:0 0 12px}.world-console-action{background:#e7ece1;border-top:1px solid #526b5420;border-radius:0 0 5px 5px;flex-shrink:0;gap:10px;padding:14px 18px;display:flex}.world-console-action .world-primary{flex:1;min-height:46px;padding:11px 14px;font-size:13px}.world-previous{background:0 0;padding:0 7px}.world-console .world-fine{color:var(--muted);font-size:11px}.world-scenarios,.world-question{border:0;margin:18px 0;padding:0}.world-scenarios legend{color:var(--muted);margin-bottom:7px;font-size:11px}.world-scenarios label,.world-question label{border:1px solid var(--line);cursor:pointer;background:#f5f6ef7a;border-radius:3px;align-items:center;gap:10px;margin:5px 0;padding:10px 11px;font-size:13px;line-height:1.7;display:flex}.world-scenarios label[data-selected=true],.world-question label[data-selected=true]{background:#d0dfd0;border-color:#8aab91}.world-school input[type=radio]{accent-color:#315e52}.world-result{margin:19px 0}.world-result strong{color:#365f50;font-size:15px;font-weight:500}.world-result p{font-size:13px}.world-equation{background:#d9e2d4;padding:12px;font-family:ui-monospace,monospace;font-size:12px!important}.world-equation small{margin-top:10px;font-size:10px;line-height:1.8;display:block}.world-question legend{font-size:15px;font-weight:500;line-height:1.7}.world-question .world-feedback{background:#efdfc6;padding:11px;font-size:12px}.world-question .world-feedback strong{margin-bottom:5px;display:block}.world-feedback[data-correct=true]{background:#d4e3cb!important}.world-scene-tools{z-index:9;text-align:right;flex-direction:column;align-items:flex-end;gap:9px;display:flex;position:absolute;bottom:140px;right:32px}.world-state{color:#466457;background:#e8eee1aa;border-radius:3px;align-items:center;gap:8px;padding:3px 7px;font-size:11px;display:flex}.world-state i{background:#7a9081;border-radius:50%;width:5px;height:5px}.world-state i[data-running=true]{background:#3c9a62}.world-scene-tools>div{gap:6px;display:flex}.world-scene-tools button{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f0f3e9db;border-radius:4px;padding:10px 15px;font-size:12px}.world-scene-tools button[aria-pressed=true]{background:#c3d7c2}.world-scene-tools small{color:#577265;font-size:10px}.world-pin{white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f2f3e5e8;border-radius:30px;align-items:center;gap:8px;padding:6px 11px 6px 5px;line-height:1.5;display:flex;box-shadow:0 4px 18px #183a3420;border:1px solid #b9c6b3!important;font-size:12px!important}.world-pin span{color:#fff;text-align:center;background:#496f5e;border-radius:50%;min-width:25px;height:25px;font:10px/25px Georgia,serif}.world-pin[data-active=true]{box-shadow:0 0 0 3px #64866422,0 4px 18px #183a3420;border-color:#426e59!important}.world-label{white-space:nowrap;text-align:center;color:#284b45;background:#edf0e4e8;border:1px solid #fff8;border-radius:4px;padding:6px 10px;font-size:12px;line-height:1.55;display:block;box-shadow:0 4px 20px #183a3410}.world-label small{opacity:.75;margin-top:2px;font-size:9px;display:block}.world-loading,.world-failure{text-align:center;z-index:20;color:#405f51;width:75%;max-width:330px;font-size:16px;position:absolute;top:46%;left:63%;transform:translate(-50%,-50%)}.world-loading p,.world-failure p{color:#658074;font-size:12px}.world-loading-orbit{border:1px solid #6b887755;border-radius:50%;width:65px;height:65px;margin:0 auto 22px;display:block;position:relative;box-shadow:inset 8px 0 18px #48785814}.world-loading-orbit:after{content:"";border:1px solid #6b887788;border-radius:50%;position:absolute;inset:8px;transform:rotate(-35deg)scaleX(.5)}.world-failure{border:1px solid var(--line);background:#e9eee4;border-radius:5px;padding:24px}.world-failure button{color:#fff;background:#315e52;border-radius:3px;padding:10px 15px;font-size:13px}.world-notice{z-index:25;background:#f1e7d1;padding:15px;font-size:12px;position:absolute;top:85px;right:30px}.world-notice button{background:0 0;margin-left:15px}.world-directory{width:calc(100% - 32px);max-width:570px;max-height:85dvh;color:var(--ink);background:#e7ece2;border:1px solid #b6c2b2;border-radius:7px;margin:auto;padding:28px;position:fixed;inset:0;box-shadow:0 25px 120px #13291c33}.world-directory::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#20382c66}.world-directory-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.world-directory-head h2{margin:7px 0;font-size:26px;font-weight:450}.world-directory-head>button{background:0 0;padding:12px;font:28px Georgia,serif}.world-directory-list{flex-direction:column;display:flex}.world-directory-list button{text-align:left;border-top:1px solid var(--line);background:0 0;align-items:center;gap:20px;padding:15px 4px;display:flex}.world-directory-list button>span{color:#7f9487;font:17px Georgia,serif}.world-directory-list button>strong{font-size:16px;font-weight:450}.world-directory-list button:hover,.world-directory-list button[aria-current=page]{background:#d4e0ce}.world-directory-list i{margin-left:auto;font-style:normal}.world-skip{z-index:50;background:#fff;padding:10px;position:absolute;top:-60px;left:20px}.world-skip:focus{top:5px}@media (min-width:1600px){.world-welcome,.world-console,.world-lesson-heading,.world-stage-nav{left:48px}.world-console,.world-lesson-heading,.world-stage-nav{width:355px}.world-console h2{font-size:28px}.world-console .world-explanation{font-size:16px}.world-console-scroll{padding:25px}.world-welcome{width:320px}}@media (max-height:760px) and (min-width:801px){.world-welcome{top:16%}.world-welcome h1{margin:14px 0;font-size:50px}.world-welcome p{margin:12px 0;font-size:13px}.world-welcome p.world-welcome-thai{margin-top:15px;font-size:21px}.world-welcome .world-primary{margin-top:18px}.world-console{top:208px;bottom:126px}.world-stage-nav{top:163px}.world-lesson-heading{top:88px}.world-console h2{font-size:22px}.world-console-scroll{padding:15px 19px}.world-console-action{padding:10px 15px}.world-scene-tools{bottom:127px}}@media (max-width:1100px) and (min-width:801px){.world-console,.world-stage-nav,.world-lesson-heading{width:300px;left:22px}.world-welcome{width:265px;left:22px}.world-chapters button strong{font-size:11px}.world-chapters button+button{padding-left:9px}.world-chapters button{gap:5px}.world-header{padding-left:22px;padding-right:22px}.world-header .ed-levels label{padding:5px 13px}.world-stage-nav{gap:12px}}@media (max-width:800px){.world-school{min-height:640px}.world-header{align-items:flex-start;min-height:58px;padding:14px 18px}.world-brand{font-size:22px}.world-brand span{letter-spacing:3px;margin-top:6px;font-size:7px}.world-header-tools{gap:15px}.world-header-tools button{padding:4px 0;font-size:12px}.world-header .ed-levels{background:#e8ece3e8;justify-content:center;position:absolute;top:62px;left:18px;right:18px}.world-header .ed-levels label{flex:1;padding:4px 8px;font-size:10px}.world-header .ed-levels small{margin-left:6px;font-size:9px;display:inline}.world-edge-shade{background:linear-gradient(#e3e9dd,#0000 28% 65%,#e3e9dd)}.world-welcome{width:calc(100% - 40px);top:113px;left:20px}.world-welcome h1{letter-spacing:-1px;margin:9px 0;font-size:31px}.world-welcome h1 br{display:none}.world-welcome h1 em{margin-left:9px}.world-welcome .world-eyebrow{font-size:9px}.world-welcome p{margin:6px 0;font-size:12px;line-height:1.55}.world-welcome p.world-welcome-thai,.world-welcome p br{display:none}.world-welcome .world-primary{width:245px;min-height:42px;margin-top:12px;padding:11px 14px;font-size:12px}.world-welcome-hint{display:none}.world-stage{top:244px;bottom:197px}.world-school[data-view=lesson] .world-stage{top:183px;bottom:calc(34dvh + 112px)}.world-bottom{padding:0 18px max(10px,env(safe-area-inset-bottom));background:#e3e9dded}.world-chapters{grid-template-columns:repeat(4,1fr)}.world-chapters button{gap:5px;min-height:59px;border:0!important;padding:8px 6px!important}.world-chapters button:nth-child(n+5){border-top:1px solid var(--line)!important}.world-chapters button strong{font-size:10px;line-height:1.5}.world-chapters button>span{font-size:10px}.world-bottom-line{letter-spacing:0;gap:5px;margin-top:7px;font-size:7px}.world-bottom-line span:first-child{max-width:50%}.world-scene-tools{gap:4px;bottom:160px;right:18px}.world-scene-tools>div{gap:5px}.world-scene-tools button{padding:7px 9px;font-size:10px}.world-scene-tools small{font-size:8px}.world-state{font-size:9px;display:none}.world-school[data-view=lesson] .world-scene-tools{bottom:calc(34dvh + 119px);right:18px}.world-school[data-view=lesson] .world-scene-tools small{display:none}.world-lesson-heading{gap:9px;width:calc(100% - 36px);top:107px;left:18px}.world-lesson-heading h1{margin-top:3px;font-size:16px}.world-lesson-heading>div>span{font-size:10px}.world-chapter-number{font-size:24px}.world-chapter-number small{font-size:8px}.world-stage-nav{justify-content:space-between;gap:0;width:calc(100% - 36px);top:155px;left:18px}.world-stage-nav button{padding-bottom:7px;font-size:11px}.world-stage-nav button span{font-size:9px}.world-console{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#eaf0e5f7;width:auto;height:34dvh;max-height:390px;inset:auto 18px 100px}.world-console-scroll{padding:13px 17px}.world-console h2{margin:7px 0 10px;font-size:21px}.world-console p,.world-console .world-explanation,.world-console .world-lead{margin:10px 0;font-size:14px;line-height:1.8}.world-console .world-eyebrow{font-size:9px}.world-console-action{padding:9px 13px}.world-console-action .world-primary{min-height:38px;padding:8px 13px;font-size:12px}.world-look{margin:12px 0}.world-look p{font-size:13px}.world-steps button{min-height:69px;display:block;padding:9px 5px!important}.world-steps button strong{font-size:9px;line-height:1.5;display:block}.world-steps button>span{font-size:10px}.world-steps button+button{border-left:0}.world-pin{gap:4px;padding:4px 7px 4px 4px;font-size:9px!important}.world-pin span{min-width:20px;height:20px;font-size:8px;line-height:20px}.world-label{padding:4px 6px;font-size:9px}.world-label small{font-size:7px}.world-loading,.world-failure{font-size:14px;top:50%;left:50%}.world-loading p{font-size:10px}.world-loading-orbit{width:42px;height:42px;margin-bottom:12px}.world-notice{top:100px;left:18px;right:18px}.world-directory{padding:20px}.world-directory-head h2{font-size:23px}.world-directory-list button>strong{font-size:14px}}@media (prefers-reduced-motion:reduce){.world-school *{scroll-behavior:auto!important;transition:none!important}}