@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-thai-thai-500-normal-CU_X86GQ.woff2)format("woff2"),url(/assets/noto-sans-thai-thai-500-normal-BOGXO2tw.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2)format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff)format("woff")}.independent-exam{color:#33482f;background:#fffdf5;border:1px solid #dce3cb;border-radius:22px;max-width:1040px;margin:28px auto;padding:30px 38px;font-size:17px}.independent-exam header,.independent-exam footer,.exam-heading,.post-test-notice{justify-content:space-between;align-items:center;gap:20px;display:flex}.independent-exam button,.post-test-notice button{color:#34492e;font:inherit;cursor:pointer;background:#efd96e;border:1px solid #b8c697;border-radius:12px;padding:11px 18px}.independent-exam button:disabled{opacity:.45;cursor:default}.independent-exam nav{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.independent-exam nav button{background:#f0f3e5;padding:6px 10px;font-size:13px}.independent-exam nav button[aria-current]{background:#efd96e}.independent-exam fieldset{border:0;margin:18px 0;padding:10px 0}.independent-exam legend{margin-bottom:18px;font-size:22px;font-weight:700;line-height:1.7}.independent-exam label{background:#f8f8ee;border:1px solid #dce3cc;border-radius:12px;align-items:center;gap:14px;padding:16px;margin:9px 0!important;display:flex!important}.independent-exam input[type=radio]{accent-color:#6d854b;width:20px;height:20px;margin:0}.exam-result{text-align:center;padding:25px}.exam-result strong{color:#809453;font-size:52px}.post-test-notice{background:#fff2bf;border:1px solid #e0cd6d;border-radius:20px;margin:20px 0;padding:22px}.post-test-notice p{color:#6e785e;margin:6px 0}.exam-overlay{inset:calc(var(--presentation-height,0px) + 12px) 0 0;z-index:150;background:#f4f5eefa;position:fixed;overflow:auto}.exam-overlay .independent-exam{margin:15px auto}.independent-exam :focus-visible{outline-offset:3px;outline:3px solid #7c9459}.exam-welcome{grid-template-columns:1.5fr 1fr;gap:32px;margin:40px auto;padding:46px 52px;display:grid;box-shadow:0 12px 36px #33482f0b}.exam-eyebrow{letter-spacing:.04em;color:#667a54;font-size:14px;font-weight:700}.exam-welcome h1{color:#294436;margin:12px 0;font-size:42px;line-height:1.35}.exam-welcome h2{margin:8px 0;font-size:24px}.exam-welcome p{color:#5d7054;line-height:1.9}.exam-facts{gap:12px;margin:24px 0;display:flex}.exam-facts span{background:#edf1df;border-radius:12px;padding:10px 16px}.exam-actions{gap:12px;margin:24px 0 14px;display:flex}.independent-exam .exam-secondary{background:0 0;border-color:#d4dcc6}.exam-welcome small{color:#68775e;font-size:13px}.exam-welcome aside{background:radial-gradient(#f9edaf55,#0000 72%);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;display:flex}.exam-welcome aside img{object-fit:contain;width:220px;height:230px}.exam-welcome aside p{text-align:center}.exam-review{text-align:left;border-top:1px solid #dce3cb;margin-top:32px;padding-top:24px}.exam-review h2{font-size:24px}.exam-review details{background:#fafbf3;border:1px solid #dce3cb;border-radius:14px;margin:12px 0;padding:16px 20px}.exam-review summary{cursor:pointer;font-weight:700;line-height:1.8}.exam-review p{margin:10px 0;font-size:16px;line-height:1.8}.exam-review b{color:#2e4939}.review-right,.review-wrong{color:#345235;background:#e3ecd7;border-radius:8px;margin-right:8px;padding:3px 10px;font-size:13px;display:inline-block}.review-wrong{color:#79551c;background:#fae6c5}.review-reason{background:#eef2e1;border-left:3px solid #8eaa68;border-radius:8px;padding:14px;line-height:1.9}.independent-exam label:has(input:checked){background:#f9efb9;border-color:#b7a440}.independent-exam footer{border-top:1px solid #e1e6d6;padding-top:20px}.exam-result>button{margin:12px 0}:root{--swal2-outline:0 0 0 3px #6496c880;--swal2-container-padding:.625em;--swal2-backdrop:#0006;--swal2-backdrop-transition:background-color .15s;--swal2-width:32em;--swal2-padding:0 0 1.25em;--swal2-border:none;--swal2-border-radius:.3125rem;--swal2-background:white;--swal2-color:#545454;--swal2-show-animation:swal2-show .3s;--swal2-hide-animation:swal2-hide .15s forwards;--swal2-icon-zoom:1;--swal2-title-padding:.8em 1em 0;--swal2-html-container-padding:1em 1.6em .3em;--swal2-input-border:1px solid #d9d9d9;--swal2-input-border-radius:.1875em;--swal2-input-box-shadow:inset 0 1px 1px #0000000f, 0 0 0 3px transparent;--swal2-input-background:transparent;--swal2-input-transition:border-color .2s, box-shadow .2s;--swal2-input-hover-box-shadow:inset 0 1px 1px #0000000f, 0 0 0 3px transparent;--swal2-input-focus-border:1px solid #b4dbed;--swal2-input-focus-box-shadow:inset 0 1px 1px #0000000f, 0 0 0 3px #6496c880;--swal2-progress-step-background:#add8e6;--swal2-validation-message-background:#f0f0f0;--swal2-validation-message-color:#666;--swal2-footer-border-color:#eee;--swal2-footer-background:transparent;--swal2-footer-color:inherit;--swal2-timer-progress-bar-background:#0000004d;--swal2-close-button-position:initial;--swal2-close-button-inset:auto;--swal2-close-button-font-size:2.5em;--swal2-close-button-color:#ccc;--swal2-close-button-transition:color .2s, box-shadow .2s;--swal2-close-button-outline:initial;--swal2-close-button-box-shadow:inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow:inset var(--swal2-outline);--swal2-close-button-hover-transform:none;--swal2-actions-justify-content:center;--swal2-actions-width:auto;--swal2-actions-margin:1.25em auto 0;--swal2-actions-padding:0;--swal2-actions-border-radius:0;--swal2-actions-background:transparent;--swal2-action-button-transition:background-color .2s, box-shadow .2s;--swal2-action-button-hover:black 10%;--swal2-action-button-active:black 10%;--swal2-confirm-button-box-shadow:none;--swal2-confirm-button-border-radius:.25em;--swal2-confirm-button-background-color:#7066e0;--swal2-confirm-button-color:#fff;--swal2-deny-button-box-shadow:none;--swal2-deny-button-border-radius:.25em;--swal2-deny-button-background-color:#dc3741;--swal2-deny-button-color:#fff;--swal2-cancel-button-box-shadow:none;--swal2-cancel-button-border-radius:.25em;--swal2-cancel-button-background-color:#6e7881;--swal2-cancel-button-color:#fff;--swal2-toast-show-animation:swal2-toast-show .5s;--swal2-toast-hide-animation:swal2-toast-hide .1s forwards;--swal2-toast-border:none;--swal2-toast-box-shadow:0 0 1px #00000013, 0 1px 2px #00000013, 1px 2px 4px #00000013, 1px 3px 8px #00000013, 2px 4px 16px #00000013}[data-swal2-theme=dark]{--swal2-dark-theme-black:#19191a;--swal2-dark-theme-white:#e1e1e1;--swal2-background:var(--swal2-dark-theme-black);--swal2-color:var(--swal2-dark-theme-white);--swal2-footer-border-color:#555;--swal2-input-background:color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background:color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-color:var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background:#ffffffb3}@media (prefers-color-scheme:dark){[data-swal2-theme=auto]{--swal2-dark-theme-black:#19191a;--swal2-dark-theme-white:#e1e1e1;--swal2-background:var(--swal2-dark-theme-black);--swal2-color:var(--swal2-dark-theme-white);--swal2-footer-border-color:#555;--swal2-input-background:color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background:color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-color:var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background:#ffffffb3}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{pointer-events:none;background-color:#0000!important}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:auto}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;pointer-events:none;background-color:#0000;width:360px;max-width:100%}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static!important}}div:where(.swal2-container){z-index:1060;box-sizing:border-box;height:100%;padding:var(--swal2-container-padding);transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch;grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);grid-template-areas:"top-start top top-end""center-start center center-end""bottom-start bottom-center bottom-end";display:grid;position:fixed;inset:0;overflow-x:hidden}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:0 0!important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0,1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0,1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0,1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-area:2/2;place-self:center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-area:2/3;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-area:3/1;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-area:3/2;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-area:3/3;place-self:end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none!important}div:where(.swal2-container)[popover]{border:0;width:auto}div:where(.swal2-container) div:where(.swal2-popup){box-sizing:border-box;width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);grid-template-columns:minmax(0,100%);font-family:inherit;font-size:1rem;display:none;position:relative}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable,div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging,div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){max-width:100%;padding:var(--swal2-title-padding);color:inherit;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial;margin:0;font-size:1.875em;font-weight:600;position:relative}div:where(.swal2-container) div:where(.swal2-actions){z-index:1;box-sizing:border-box;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background);flex-wrap:wrap;display:flex}div:where(.swal2-container) div:where(.swal2-loader){border:.25em solid #2778c4;border-color:#2778c4 #0000;border-radius:100%;justify-content:center;align-items:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:1.5s linear infinite swal2-rotate-loading;display:none}div:where(.swal2-container) button:where(.swal2-styled){transition:var(--swal2-action-button-transition);border:none;margin:.3125em;padding:.625em 1.1em;font-weight:500;box-shadow:0 0 0 3px #0000}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{box-shadow:var(--swal2-action-button-focus-box-shadow);outline:none}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);text-align:center;cursor:initial;margin:1em 0 0;padding:1em 1em 0;font-size:1em}div:where(.swal2-container) .swal2-timer-progress-bar-container{border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius);position:absolute;bottom:0;left:0;right:0;overflow:hidden;grid-column:auto!important}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){background:var(--swal2-timer-progress-bar-background);width:100%;height:.25em}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;cursor:initial;margin:2em auto 1em}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;width:1.2em;height:1.2em;transition:var(--swal2-close-button-transition);border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;background:0 0;border:none;justify-content:center;justify-self:end;align-items:center;margin-top:0;margin-bottom:-1.2em;margin-right:0;padding:0;overflow:hidden}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);color:#f27474;background:0 0}div:where(.swal2-container) button:where(.swal2-close):focus-visible{box-shadow:var(--swal2-close-button-focus-box-shadow);outline:none}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;padding:var(--swal2-html-container-padding);color:inherit;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial;justify-content:center;margin:0;font-size:1.125em;font-weight:400;line-height:normal;overflow:auto}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);box-shadow:var(--swal2-input-focus-box-shadow);outline:none}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{background:var(--swal2-background);margin:1em 2em 3px}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;text-align:center;font-weight:600}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{background:var(--swal2-input-background);width:75%;margin-left:auto;margin-right:auto;font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{background:var(--swal2-input-background);min-width:50%;max-width:100%;color:inherit;padding:.375em .625em;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{background:var(--swal2-background);color:inherit;justify-content:center;align-items:center}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){justify-content:center;margin:1em auto 0;display:flex}div:where(.swal2-container) div:where(.swal2-validation-message){background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);justify-content:center;align-items:center;margin:1em 0 0;padding:.625em;font-size:1em;font-weight:300;overflow:hidden}div:where(.swal2-container) div:where(.swal2-validation-message):before{content:"!";color:#fff;text-align:center;background-color:#f27474;border-radius:50%;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;font-weight:600;line-height:1.5em;display:inline-block}div:where(.swal2-container) .swal2-progress-steps{background:0 0;flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;color:#fff;text-align:center;background:#2778c4;border-radius:2em;flex-shrink:0;width:2em;height:2em;line-height:2em}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;background:#2778c4;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px}div:where(.swal2-icon){box-sizing:content-box;zoom:var(--swal2-icon-zoom);cursor:default;-webkit-user-select:none;user-select:none;border:.25em solid #000;border-radius:50%;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;font-family:inherit;line-height:5em;position:relative}div:where(.swal2-icon) .swal2-icon-content{align-items:center;font-size:3.75em;display:flex}div:where(.swal2-icon).swal2-error{color:#f27474;border-color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{flex-grow:1;position:relative}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{background-color:#f27474;border-radius:.125em;width:2.9375em;height:.3125em;display:block;position:absolute;top:2.3125em}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:.5s swal2-animate-error-icon}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:.5s swal2-animate-error-x-mark}div:where(.swal2-icon).swal2-warning{color:#f8bb86;border-color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:.5s swal2-animate-error-icon}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:.5s swal2-animate-i-mark}div:where(.swal2-icon).swal2-info{color:#3fc3ee;border-color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:.5s swal2-animate-error-icon}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:.8s swal2-animate-i-mark}div:where(.swal2-icon).swal2-question{color:#87adbd;border-color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:.5s swal2-animate-error-icon}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:.8s swal2-animate-question-mark}div:where(.swal2-icon).swal2-success{color:#a5dc86;border-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{border-radius:50%;width:3.75em;height:7.5em;position:absolute}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em;top:-.4375em;left:-2.0635em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0;top:-.6875em;left:1.875em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success .swal2-success-ring{z-index:2;box-sizing:content-box;border:.25em solid #a5dc864d;border-radius:50%;width:100%;height:100%;position:absolute;top:-.25em;left:-.25em}div:where(.swal2-icon).swal2-success .swal2-success-fix{z-index:1;width:.4375em;height:5.625em;position:absolute;top:.5em;left:1.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{z-index:2;background-color:#a5dc86;border-radius:.125em;height:.3125em;display:block;position:absolute}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{width:1.5625em;top:2.875em;left:.8125em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{width:2.9375em;top:2.375em;right:.5em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:.75s swal2-animate-success-line-tip}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:.75s swal2-animate-success-line-long}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:4.25s ease-in swal2-rotate-success-circular-line}[class^=swal2]{-webkit-tap-highlight-color:#0000}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{width:50px;height:50px;position:absolute;top:-9999px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{left:auto;right:0}.swal2-toast{box-sizing:border-box;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:auto;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;grid-area:1/1/4/4!important}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){text-align:initial;margin:.5em 1em;padding:0;font-size:1em}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-area:1/3/99/3;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){overflow:initial;text-align:initial;margin:.5em 1em;padding:0;font-size:1em}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-area:1/1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-area:1/1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{align-items:center;font-size:1.8em;font-weight:700;display:flex}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{width:1.375em;top:.875em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:.5em 0 0;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{border-radius:50%;width:1.6em;height:3em;position:absolute}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{transform-origin:2em 2em;border-radius:4em 0 0 4em;top:-.8em;left:-.5em;transform:rotate(-45deg)}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{transform-origin:0 1.5em;border-radius:0 4em 4em 0;top:-.25em;left:.9375em}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{width:.4375em;height:2.6875em;top:0;left:.4375em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{width:.75em;top:1.125em;left:.1875em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{width:1.375em;top:.9375em;right:.1875em}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:.75s swal2-toast-animate-success-line-tip}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:.75s swal2-toast-animate-success-line-long}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{opacity:0;transform:translateY(-50px)scale(.9)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes swal2-hide{0%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translateY(-50px)scale(.9)}}@keyframes swal2-animate-success-line-tip{0%{width:0;top:1.1875em;left:.0625em}54%{width:0;top:1.0625em;left:.125em}70%{width:3.125em;top:2.1875em;left:-.375em}84%{width:1.0625em;top:3em;left:1.3125em}to{width:1.5625em;top:2.8125em;left:.8125em}}@keyframes swal2-animate-success-line-long{0%{width:0;top:3.375em;right:2.875em}65%{width:0;top:3.375em;right:2.875em}84%{width:3.4375em;top:2.1875em;right:0}to{width:2.9375em;top:2.375em;right:.5em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{opacity:0;margin-top:1.625em;transform:scale(.4)}50%{opacity:0;margin-top:1.625em;transform:scale(.4)}80%{margin-top:-.375em;transform:scale(1.15)}to{opacity:1;margin-top:0;transform:scale(1)}}@keyframes swal2-animate-error-icon{0%{opacity:0;transform:rotateX(100deg)}to{opacity:1;transform:rotateX(0)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{opacity:0;transform:rotate(45deg)}25%{opacity:.4;transform:rotate(-25deg)}50%{opacity:.8;transform:rotate(15deg)}75%{opacity:1;transform:rotate(-5deg)}to{opacity:1;transform:rotateX(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em)rotate(2deg)}33%{transform:translateY(0)rotate(-2deg)}66%{transform:translateY(.3125em)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes swal2-toast-hide{to{opacity:0;transform:rotate(1deg)}}@keyframes swal2-toast-animate-success-line-tip{0%{width:0;top:.5625em;left:.0625em}54%{width:0;top:.125em;left:.125em}70%{width:1.625em;top:.625em;left:-.25em}84%{width:.5em;top:1.0625em;left:.75em}to{width:.75em;top:1.125em;left:.1875em}}@keyframes swal2-toast-animate-success-line-long{0%{width:0;top:1.625em;right:1.375em}65%{width:0;top:1.25em;right:.9375em}84%{width:1.125em;top:.9375em;right:0}to{width:1.375em;top:.9375em;right:.1875em}}.lesson-exercise{color:#26352a;max-width:820px;margin:0 auto}.exercise-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.exercise-heading small{color:#64705b;font-size:14px}.exercise-heading h2{margin:6px 0;font-size:28px;line-height:1.5}.exercise-heading h2:focus{outline:none}.exercise-count{white-space:nowrap;background:#edf1df;border:1px solid #d9e1c5;border-radius:16px;padding:12px 18px;font-weight:700}.exercise-note{color:#64705b;margin:10px 0 24px;font-size:15px;line-height:1.8}.exercise-steps{gap:10px;margin:0 0 24px;display:flex}.lesson-exercise button{background:#fffdf5;border:1px solid #d9ddcd;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:10px 18px;font-weight:600;display:inline-flex}.exercise-steps [aria-current=step]{background:#fff0b0;border-color:#ceb451}.exercise-answered{background:#677f47;border-radius:50%;width:7px;height:7px}.exercise-question{border:0;min-width:0;margin:0;padding:0}.exercise-question legend{margin-bottom:18px;padding:0;font-size:22px;font-weight:600;line-height:1.7}.exercise-question label{cursor:pointer;background:#fffdf7;border:1px solid #d9ddcd;border-radius:15px;align-items:center;gap:14px;margin:10px 0;padding:16px 20px;font-size:18px;display:flex}.exercise-question label:has(:checked){background:#fff1bb;border-color:#c4a83e;box-shadow:inset 4px 0 #c4a83e}.exercise-question label:focus-within{outline-offset:2px;outline:3px solid #59734b}.exercise-question input{accent-color:#45634f;flex-shrink:0;width:18px;height:18px}.exercise-actions{border-top:1px solid #e0e3d5;justify-content:space-between;gap:14px;margin-top:24px;padding-top:22px;display:flex}.exercise-missing{color:#74612b;font-size:14px;line-height:1.8}.exercise-error{color:#853f22;background:#fff0e6;border-radius:12px;padding:14px}.exercise-results{gap:16px;display:grid}.exercise-results article{background:#f5f7ed;border:1px solid #dce2cf;border-radius:18px;padding:20px 24px}.exercise-results article.needs-review{background:#fff6e6;border-color:#e4d3ad}.exercise-result-title span{color:#49633c;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.needs-review .exercise-result-title span{color:#86622c}.exercise-results h3{margin:10px 0;font-size:18px;line-height:1.7}.exercise-results p{margin:5px 0;font-size:15px;line-height:1.8}.exercise-explanation{border-top:1px solid #dce2cf;padding-top:10px;margin-top:12px!important}.swal2-container.exercise-confirm{z-index:1200}@media (prefers-reduced-motion:no-preference){.exercise-question,.exercise-results{animation:.18s ease-out exercise-enter}@keyframes exercise-enter{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}}.lesson-deck-host{z-index:1100;background:#dce7df;position:fixed;inset:0}.lesson-deck-host iframe{border:0;width:100%;height:100%;display:block}.lesson-deck-error{color:#703712;background:#fff1e5;border:1px solid #b86b36;border-radius:12px;padding:12px 20px;position:absolute;bottom:12px;left:24px}.lesson-deck-error button{margin-left:12px}.course-reader.course-quiz-deck{z-index:1100;background:#f4f6ed;max-width:none;padding:20px max(28px,50vw - 590px);position:fixed;inset:0;overflow:auto}.course-quiz-deck .course-checks{grid-template-columns:1fr 1fr;gap:14px 28px;max-width:1050px;display:grid}.course-quiz-deck .course-checks>h2,.course-quiz-deck .course-checks>p,.course-quiz-deck .course-complete{grid-column:1/-1}.course-quiz-deck .course-checks fieldset{margin:0;padding:16px}.course-quiz-deck .course-reader-header,.course-quiz-deck .course-chapters{margin-bottom:12px}.course-quiz-deck .course-checks{max-width:850px;margin:0 auto;display:block}.quiz-stepper{justify-content:space-between;align-items:center;margin:6px 0 16px;display:flex}.quiz-stepper>div{gap:8px;display:flex}.quiz-stepper button{background:#fff;border:1px solid #b8c9bd;border-radius:10px;align-items:center;gap:5px;padding:8px 14px;display:inline-flex}.quiz-stepper button[aria-pressed=true]{color:#fff;background:#244c40}.course-quiz-deck .course-paper-heading{margin-bottom:8px;padding-bottom:8px}.course-quiz-deck .course-paper-heading h1{font-size:26px}.course-quiz-deck .study-guest-note{margin:6px 0;padding:4px 0}.course-quiz-deck .course-checks label{margin:6px 0;padding:9px 12px}.course-quiz-deck .course-feedback{min-height:24px;margin:6px 0 0;font-size:14px}.course-quiz-deck .course-checks fieldset{padding:10px 16px}.course-quiz-deck .course-reader-footer{margin-top:12px;padding-top:10px}.course-quiz-deck .course-bottom-note{margin:8px 0;font-size:12px}.course-quiz-deck .course-chapters button{padding:8px 14px}.course-quiz-deck .course-complete{margin-top:8px;padding:8px}.course-quiz-deck .course-chapters{display:none}.course-quiz-deck .quiz-stepper button{margin-top:0;padding:6px 12px}.course-quiz-deck .course-checks label{padding:7px 12px}.course-quiz-deck .course-checks fieldset>button{margin-top:6px;padding:8px 14px}.course-quiz-deck .course-paper{padding:14px 24px}.course-quiz-deck .course-complete{font-size:13px}.course-quiz-deck .course-complete button{padding:6px 10px}.course-reader{color:#242b22;max-width:1180px;margin:0 auto;font-family:Noto Sans Thai,sans-serif}.course-reader button{font:inherit;cursor:pointer}.course-reader-header{justify-content:space-between;align-items:center;gap:12px;margin:0 0 24px;display:flex}.course-reader-header>span{color:#68705f;font-size:14px}.course-reader-header button,.course-reader-footer button,.course-complete button,.course-loading button{background:#fff;border:1px solid #dce0d4;border-radius:14px;align-items:center;gap:8px;padding:11px 17px;font-weight:600;display:inline-flex}.course-reader button:focus-visible,.course-loading button:focus-visible{outline-offset:3px;outline:3px solid #6f6b22}.course-reader button:disabled{opacity:.45;cursor:default}.course-chapters{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.course-chapters button{text-align:left;background:#fff;border:1px solid #dce0d4;border-radius:18px;align-items:center;gap:10px;padding:15px;display:flex}.course-chapters button>span{background:#f4f2e9;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.course-chapters small{color:#6d7267;margin-left:auto}.course-chapters [aria-current]{background:#fff6c2;border-color:#ddc044;box-shadow:0 3px #e6cf67}.course-chapters [aria-current]>span{background:#f9d84a}.course-paper{background:#fff;border:1px solid #e0e3d7;border-radius:26px;padding:28px 34px;box-shadow:0 6px #e7e7dc}.course-paper-heading{border-bottom:1px solid #e7e9e1;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:16px;display:flex}.course-caption{color:#68705f;font-size:14px}.course-paper-heading h1{margin:0;font-family:Manrope,Noto Sans Thai,sans-serif;font-size:34px;line-height:1.4}.course-paper-heading>span{background:#f7f5eb;border-radius:12px;padding:8px 12px;font-size:13px}.course-slide{grid-template-columns:1fr 1fr;align-items:center;gap:34px;min-height:325px;display:grid}.course-slide h2{letter-spacing:0;margin:0 0 18px;font-size:25px;line-height:1.5}.course-slide article>p{margin:0 0 18px;font-size:17px;line-height:1.95}.course-example{background:#fff8da;border-left:4px solid #ebc631;border-radius:0 14px 14px 0;margin:20px 0;padding:16px 18px;font-size:17px;font-weight:600;line-height:1.9}.course-slide .course-note{color:#616b5c;font-size:14px}.course-lab{background:#f1f4ec;border:1px solid #e0e6d8;border-radius:22px;min-width:0;padding:20px}.course-lab header{justify-content:space-between;align-items:center;display:flex}.course-lab header button{background:#fff;border:1px solid #d4dcc9;border-radius:50%;padding:9px;display:flex}.course-parcels{justify-content:center;gap:10px;min-height:155px;padding:24px 0;display:flex}.course-slot{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;max-width:75px;display:flex}.course-slot small{letter-spacing:.02em;font:600 10px Manrope,sans-serif}.course-parcel{color:#49321b;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 5px #b58c57;background:#eacb94!important;border:2px solid #af8655!important;border-top:7px solid #c89f66!important;border-radius:8px!important;font:800 25px Manrope,sans-serif!important}.course-slot.chosen .course-parcel{outline-offset:4px;outline:3px solid #3c7660}.course-empty-slot{color:#7a826f;border:1px dashed #b8c2ad;border-radius:8px;place-items:center;width:58px;height:58px;font-size:12px;display:grid}.course-parcels.vertical{flex-direction:column-reverse;align-items:center;gap:8px;padding:18px 0}.course-parcels.vertical .course-slot{flex-direction:row;width:100%;max-width:150px;min-height:28px}.course-parcels.vertical .course-parcel,.course-parcels.vertical .course-empty-slot{width:95px;height:34px;box-shadow:0 2px #b58c57;border-top-width:3px!important;font-size:18px!important}.course-lab-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.course-lab-controls button{background:#fff;border:1px solid #ced6c3;border-radius:12px;padding:10px 13px;font-size:13px;font-weight:600}.course-lab-status{text-align:center;min-height:45px;margin-bottom:6px;font-size:14px;line-height:1.7}.course-lab>small{text-align:center;color:#6b7363;font-size:12px;display:block}.course-lab svg:not(header svg){width:100%;max-height:240px}.lab-graph line{stroke:#b3beaa;stroke-width:4px}.lab-graph rect{fill:#f1f4ec}.lab-graph text{fill:#293728;text-anchor:middle;font:700 14px Manrope,sans-serif}.lab-graph circle{fill:#fff;stroke:#a3b19b;stroke-width:2px}.lab-graph circle.visited{fill:#f9d84a;stroke:#b09c38}.course-route{justify-content:space-between;font-size:14px;display:flex}.course-reader-footer{border-top:1px solid #e7e9e1;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding-top:20px;display:flex}.course-reader-footer>span{color:#6b7564;font-size:12px}.course-primary{color:#292e22!important;background:#f9d84a!important;border:1px solid #e6c331!important;border-radius:13px!important;font-weight:700!important;box-shadow:0 3px #c9ac2b!important}.course-checks{max-width:680px;margin:auto}.course-checks>h2{font-size:25px}.course-checks fieldset{border:1px solid #dee3d6;border-radius:18px;margin:25px 0;padding:20px}.course-checks legend{font-size:17px;font-weight:600;line-height:1.7}.course-checks label{cursor:pointer;border:1px solid #e3e6dc;border-radius:12px;align-items:center;gap:12px;margin:8px 0;padding:12px;display:flex}.course-checks label:has(:checked){background:#fff4bd;border-color:#dcc552}.course-checks input{accent-color:#4e6350}.course-checks button{align-items:center;gap:8px;margin-top:12px;padding:12px 16px;display:inline-flex}.course-feedback{color:#3e593e;min-height:28px;line-height:1.8}.course-complete{background:#edf5e6;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.course-complete button{margin-left:auto}.course-error{color:#8a3125;background:#fff0ed;border:1px solid #e7b8ac;border-radius:12px;padding:12px}.course-error button{margin-left:10px}.course-preview{color:#665c36;background:#fff8dc;border-radius:12px;padding:10px 14px;font-size:13px}.course-bottom-note{text-align:center;color:#747b6d;margin-top:22px;font-size:12px}.course-focus{z-index:1000;background:#f7f5ec;max-width:none;padding:24px max(24px,50vw - 590px);position:fixed;inset:0;overflow:auto}.course-loading{text-align:center;max-width:600px;margin:70px auto;padding:32px}.course-loading>button{margin:8px}.course-loading h1{font-size:28px}.course-reader *{box-sizing:border-box}@media (width<=900px){.course-slide{gap:20px}.course-paper{padding:24px}.course-chapters button{flex-wrap:wrap;gap:6px;padding:12px}.course-chapters small{display:none}.course-parcels{gap:5px}.course-parcel,.course-empty-slot{width:48px}.course-slide h2{font-size:22px}}@media (width<=640px){.course-chapters{gap:6px}.course-chapters button{text-align:center;border-radius:13px;flex-direction:column;font-size:13px}.course-chapters button>span{width:24px;height:24px}.course-slide{grid-template-columns:1fr}.course-paper{border-radius:20px;padding:20px 16px}.course-paper-heading h1{font-size:29px}.course-slide article>p{font-size:16px}.course-reader-header>span{display:none}.course-reader-header{margin-bottom:16px}.course-reader-footer{flex-wrap:wrap}.course-reader-footer>span{text-align:center;order:3;width:100%}.course-focus{padding:16px}.course-checks fieldset{padding:14px}.course-lab svg:not(header svg){max-height:200px}.course-complete button{margin-left:0}.course-reader-footer button{padding:10px 12px}.course-bottom-note{line-height:1.8}}@media (prefers-reduced-motion:reduce){.course-reader *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.course-reader.course-quiz-deck{background:#f5f6ec;padding:18px max(28px,50vw - 530px)}.course-reader .lesson-exercise{max-width:900px}.course-reader .lesson-exercise .exercise-question{min-width:0;border:0!important;padding:0!important}.course-reader .lesson-exercise .exercise-question legend{margin:0 0 16px;padding:0;font-size:21px;line-height:1.6}.course-reader .lesson-exercise .exercise-question label{min-height:54px;font-size:17px;line-height:1.5;grid-template-columns:none!important;align-items:center!important;gap:14px!important;margin:10px 0!important;padding:12px 18px!important;display:flex!important}.course-reader .lesson-exercise .exercise-question input[type=radio]{appearance:auto;flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;position:static!important}.course-reader .lesson-exercise .exercise-question label>span{flex:1;min-width:0;display:block!important}.course-reader .lesson-exercise .exercise-note{margin:8px 0 16px;font-size:13px}.course-reader .lesson-exercise .exercise-heading h2{font-size:24px}.course-reader .lesson-exercise .exercise-count{padding:8px 12px;font-size:13px}.course-reader .lesson-exercise .exercise-steps{margin-bottom:16px}.course-reader .lesson-exercise .exercise-actions{margin-top:20px;padding-top:16px}.course-reader .course-paper{background:#fffef8;border:1px solid #dde3ce;border-radius:22px;padding:24px 30px}.course-reader .course-reader-header{font-size:13px}.stack-pre label{align-items:center;gap:12px;display:flex!important}.stack-pre input[type=radio]{flex:0 0 18px;width:18px!important;height:18px!important;margin:0!important}.presentation-active .lesson-deck-host,.presentation-active .course-reader.course-quiz-deck{top:calc(var(--presentation-height,0px) + 16px)}.course-unlocked{color:#4f6e37;background:#eaf0da;border:1px solid #cfddaf;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:12px 16px;font-size:13px;display:flex}.course-unlocked button{font:inherit;background:#fffdf3;border:1px solid #bfcd9e;border-radius:9px;padding:8px 12px}.stack-journey{color:#2e3c2c;background:#fbfaf2;border:1px solid #e0e4d3;border-radius:26px;margin:20px 0;padding:26px}.stack-path-heading,.stack-play-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.stack-path-heading h2,.stack-play-heading h2{margin:5px 0;font-size:28px}.stack-path-heading p{color:#69765c}.stack-path-heading small,.stack-play-heading small{color:#63774a}.stack-path-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.stack-path-cards article{background:#f0f1e4;border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.stack-path-cards article.ready{background:#f4efd4;border:1px solid #d7d6aa}.stack-path-cards h3{margin:0;font-size:19px}.stack-path-cards p{margin:0 0 5px;font-size:14px;line-height:1.7}.stack-path-cards button{margin-top:auto}.stack-path-icon{color:#637b47;background:#fffdf5;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.stack-play-layout{grid-template-columns:255px minmax(0,1fr);gap:24px;margin-top:18px;display:grid}.stack-coach{align-self:start}.stack-coach>img{object-fit:contain;width:125px;height:125px;margin:auto;display:block}.stack-coach>div{background:#eef1dc;border-radius:20px;padding:20px;line-height:1.8;position:relative}.stack-coach>div:before{content:"";border-bottom:13px solid #eef1dc;border-left:12px solid #0000;border-right:12px solid #0000;position:absolute;top:-12px;left:48%}.stack-coach h3{margin:5px 0;font-size:20px}.stack-coach p{font-size:15px}.stack-coach.assessment>div{background:#f1ecd8}.stack-target{background:#fffdf6;border-radius:13px;padding:12px}.stack-target span{font-size:13px;display:block}.stack-target b{font:700 24px/1.6 Manrope,sans-serif}.stack-board{background:#e8ecdb;border-radius:22px;width:100%;height:340px;overflow:hidden}.stack-board canvas{width:100%;height:100%;display:block}.stack-live{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:65px;padding:10px;display:flex}.stack-live>span{color:#69785f;font-size:13px}.stack-live strong{color:#3d472e;background:#ead29a;border-radius:7px;place-items:center;min-width:44px;height:40px;font-size:23px;display:grid;position:relative}.stack-live small{color:#fff;background:#526e47;border-radius:6px;padding:2px 5px;font:700 10px Manrope;position:absolute;top:-13px;right:-7px}.stack-feedback{background:#f3ebc6;border-radius:12px;justify-content:center;align-items:center;min-height:50px;margin:5px 0 14px;padding:10px;font-size:20px;font-weight:700;animation:.24s ease-out stack-appear;display:flex}.stack-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.stack-controls button{gap:4px;min-width:112px;font-size:20px;display:grid;box-shadow:0 3px #d9decb;background:#fffdf5!important;padding:12px 18px!important}.stack-controls small{color:#637355;font-size:12px;font-weight:400}.stack-play-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;display:flex}.stack-play-footer>span{margin-right:auto;font-size:13px}.stack-predict{align-items:center;gap:10px;display:flex;border:0!important}.stack-predict button[aria-pressed=true]{background:#f6df55!important;border-color:#8c8028!important}.stack-pre{background:#fffef8;border-radius:20px;margin-top:20px;padding:24px}.stack-pre fieldset{border:1px solid #dce1cb;border-radius:14px;margin:15px 0;padding:18px}.stack-pre label{align-items:center;gap:12px;margin:10px 0;display:flex}.stack-pre input{width:auto!important}.stack-footnote{color:#6a765d;margin-top:20px;font-size:13px;line-height:1.8}.stack-error{background:#fff1dd;border:1px solid #e2c68b;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:15px;display:flex}.stack-finished{text-align:center;max-width:750px;margin:25px auto}.stack-finished>strong{font-size:28px}.stack-finished>svg{color:#b49324}.stack-result-list article{text-align:left;background:#eef1df;border-radius:12px;justify-content:space-between;gap:20px;margin:10px 0;padding:15px;display:flex}.stack-report-stats{background:#eef1df;border-radius:18px;gap:40px;margin:25px 0;padding:22px;display:flex}.stack-report-stats span{gap:5px;display:grid}.stack-report-stats b{font:700 32px Manrope,sans-serif}.stack-report-table{overflow:auto}.stack-report table{border-collapse:collapse;width:100%}.stack-report th,.stack-report td{text-align:left;border-bottom:1px solid #dfe4d2;padding:15px 10px;font-size:14px}.stack-report th small{color:#6c765f;display:block}.stack-meter{background:#e4e8d7;border-radius:4px;width:80px;height:5px;margin-top:9px}.stack-meter i{background:#869b55;border-radius:4px;height:100%;display:block}.stack-evidence{margin-top:20px}.stack-evidence details{background:#f1f2e6;border-radius:14px;margin:10px 0;padding:15px}.stack-evidence p{font-size:14px;line-height:1.8}.stack-journey button:focus-visible{outline-offset:3px;outline:3px solid #7d914f}.stack-manual{z-index:1100;background:#faf9ee;position:fixed;inset:0}.stack-manual>button{z-index:1150;position:fixed;top:20px;right:20px}.stack-journey button:disabled{opacity:.5;cursor:not-allowed}@keyframes stack-appear{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.stack-feedback{animation:none}}@media (width<=1050px){.stack-path-cards{grid-template-columns:1fr 1fr}.stack-play-layout{grid-template-columns:205px 1fr}.stack-board{height:300px}.stack-play-footer{flex-wrap:wrap}}.stack-feedback{gap:18px}.stack-peek-value{background:#e4c786;border:2px solid #a18b4c;border-radius:9px;place-items:center;width:62px;height:52px;font:800 30px Manrope,sans-serif;display:grid;position:relative}.stack-peek-value small{color:#fff;background:#4b6640;border-radius:5px;padding:3px 6px;font-size:10px;position:absolute;top:-9px;right:-8px}.stack-journey.stack-playing{z-index:1000;margin:0;padding:22px 28px;position:fixed;inset:12px;overflow:auto;box-shadow:0 12px 70px #30412a33}.stack-playing .stack-play-heading{min-height:54px}.stack-playing .stack-board{height:clamp(260px,100vh - 475px,480px)}.stack-playing .stack-controls button{padding:9px 18px!important}.stack-playing .stack-play-footer{margin-top:12px}.stack-playing .stack-coach>img{width:108px;height:108px}.stack-playing .stack-play-layout{grid-template-columns:270px minmax(0,1fr)}.stack-playing .stack-live{min-height:56px}.stack-playing .stack-feedback{min-height:48px;margin-bottom:10px}.stack-playing .stack-result-list{margin:25px 0}.stack-playing .stack-live small,.stack-playing .stack-peek-value small{z-index:1;color:#fff!important}.stack-playing .stack-controls button{flex-direction:column;align-items:center;display:flex!important}.stack-playing .stack-controls small{color:#536348!important}.journey-topic-tabs{gap:8px;margin:12px 0 22px;display:flex}.journey-topic-tabs button{color:#55654c;background:#fffdf5;border:1px solid #dce1ce;border-radius:14px;padding:12px 26px;font-weight:700}.journey-topic-tabs button[aria-pressed=true]{color:#303d2c;background:#e9d768;border-color:#d4bd49;box-shadow:0 3px #d2c05a}.journey-report{color:#354433}.report-intro,.report-person>header,.report-evidence-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.report-intro h2{margin:8px 0;font-size:27px}.report-intro p,.report-note,.report-person p{color:#74806b}.report-intro button,.report-person header button{background:#fffdf6;border:1px solid #dce1cf;border-radius:12px;align-items:center;gap:8px;padding:12px;display:flex}.report-emblem{background:#e9edd9;border-radius:12px;padding:12px;display:inline-flex}.report-overview{background:#fffdf7;border:1px solid #e1e4d4;border-radius:26px;grid-template-columns:210px 1fr 220px;gap:24px;margin:24px 0 32px;padding:28px;display:grid}.report-class-total,.report-assess-total{flex-direction:column;justify-content:center;gap:8px;display:flex}.report-overview strong{font-size:42px}.report-overview small{color:#7a826f;font-size:12px}.report-assess-total{border-left:1px solid #e4e7d9;padding-left:22px}.report-topic-chart h3{margin:0 0 16px;font-size:16px}.report-chart-row{grid-template-columns:60px 1fr 65px;align-items:center;gap:16px;margin:13px 0;display:grid}.report-chart-row span{font-size:12px}.report-chart-row progress{appearance:none;border:0;border-radius:8px;width:100%;height:7px;margin:4px 0;display:block}.report-chart-row progress::-webkit-progress-bar{background:#edf0e5;border-radius:8px}.report-chart-row progress::-webkit-progress-value{background:#acb997;border-radius:8px}.report-chart-row progress+progress::-webkit-progress-value{background:#d9bd4d}.report-legend{color:#7c886f;gap:20px;font-size:12px;display:flex}.report-legend span+span{color:#9e822e}.report-table-title{justify-content:space-between;align-items:center;display:flex}.report-table-title span{color:#7a826f;font-size:13px}.report-matrix{background:#fffdf8;border:1px solid #e1e5d6;border-radius:18px;overflow:auto}.report-matrix table{border-collapse:collapse;text-align:left;width:100%}.report-matrix th,.report-matrix td{white-space:nowrap;border-bottom:1px solid #edf0e5;padding:17px 18px;font-size:14px}.report-matrix thead{color:#68785d;background:#eef1e4}.report-matrix tr:last-child td,.report-matrix tr:last-child th{border-bottom:0}.report-matrix td small{color:#7c876f;margin-top:5px;display:block}.report-student{text-align:left;color:inherit;background:0 0;border:0;align-items:center;gap:12px;display:flex}.report-student small{color:#89917d;margin-top:4px;font-size:11px;font-weight:400;display:block}.report-avatar{background:#e7ebd5;border-radius:15px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:19px;font-weight:700;display:grid}.report-topic-status{text-align:left;color:inherit;background:0 0;border:0;padding:0}.report-topic-status small{margin-top:6px;font-size:12px;display:block}.report-status{color:#79856b;background:#eceee5;border-radius:8px;align-items:center;gap:4px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-flex}.report-status.done{color:#4a673b;background:#e3ecd9}.report-status.learning{color:#947331;background:#fff0cc}.report-status.ready{color:#58745e;background:#e6eee7}.report-open{color:#687d50;background:#eef1e5;border:0;border-radius:10px;padding:9px}.report-person{background:#fffdf7;border:1px solid #d9dfca;border-radius:24px;margin-top:24px;padding:26px;box-shadow:0 6px 24px #394d2e05}.report-person-heading{align-items:center;gap:14px;display:flex}.report-person h3,.report-person p{margin:4px 0}.report-person-scores{background:#f2f4e9;border-radius:16px;grid-template-columns:repeat(4,1fr);margin:20px 0;padding:20px;display:grid}.report-person-scores>div{border-right:1px solid #dfe4d1;flex-direction:column;gap:7px;padding:0 20px;display:flex}.report-person-scores>div:last-child{border:0}.report-person-scores strong{font-size:27px}.report-person-scores small,.report-person-scores span{color:#7a886d;font-size:12px}.report-evidence-toolbar{margin:26px 0 16px}.report-evidence-toolbar nav{gap:7px;display:flex}.report-evidence-toolbar button{color:#66775b;background:0 0;border:0;border-radius:10px;padding:10px 16px}.report-evidence-toolbar button[aria-pressed=true]{color:#354b28;background:#e8edd9;font-weight:700}.report-evidence-toolbar label{align-items:center;gap:10px;font-size:12px;display:flex}.report-evidence-toolbar select{color:inherit;background:#fffdf6;border:1px solid #dfe5d3;border-radius:9px;padding:8px}.report-evidence-summary{color:#5b6d4e;justify-content:space-between;gap:20px;padding:16px 0;font-size:13px;display:flex}.report-empty{color:#7b876e;text-align:center;padding:25px}.report-note{margin-top:20px;font-size:12px}.journey-model{background:#edf0df;border-radius:24px;min-height:310px;padding:28px}.model-caption{color:#728260;font-weight:600}.model-lane{justify-content:center;align-items:end;gap:14px;min-height:160px;display:flex}.model-item,.model-empty{color:#3c4b34;background:#dbc294;border:0;border-radius:12px;min-width:84px;padding:16px 22px;position:relative;box-shadow:0 9px #bca272}.model-item[aria-pressed=true],.model-empty[aria-pressed=true]{outline-offset:4px;outline:4px solid #d8ba45}.model-item strong{font-size:32px;animation:.45s topic-value;display:block}.model-item small,.model-empty small{color:#5c664f;margin-top:10px;font-size:12px;display:block}.model-empty{box-shadow:none;background:#e2e7d5;border:2px dashed #b5bfa5}.model-floor{background:#bac7a4;border-radius:4px;height:13px;margin:12px 0 20px}.model-bottom{align-items:center;gap:16px;display:flex}.model-bottom img{width:66px;animation:3s ease-in-out infinite bot-wait}.model-bottom div{flex:1}.model-bottom b,.model-bottom small{display:block}.model-bottom b{font-size:24px}.model-bottom small,.model-bottom>span{color:#798669;font-size:13px}.model-lane.queue .model-item{background:#fffaf0;animation:.5s queue-arrive;box-shadow:0 6px #d5ddc3}.queue-person{color:#849978;font-size:35px;display:block}.queue-person i{background:#a7b996;border-radius:15px 15px 5px 5px;width:32px;height:28px;margin:auto;display:block}.journey-map{background:#edf0de;border-radius:24px;height:420px;position:relative;overflow:hidden}.journey-map svg{width:100%;height:100%;position:absolute}.map-place{background:#fffdf3;border:0;border-radius:12px;flex-direction:column;align-items:center;padding:7px;font-size:12px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px #d0d8be}.map-place>span{color:#8b9f77;font-size:24px}.map-place.current{background:#f1db78;outline:3px solid #d3bb52}.map-place img{pointer-events:none;width:56px;position:absolute;bottom:43px}.map-distance{background:#fffdf1;border-radius:12px;padding:8px 18px;position:absolute;bottom:12px;left:18px}.map-distance strong{margin-left:10px;font-size:25px}.model-empty-message{text-align:center;color:#7e8d71}.stack-controls>span{gap:6px;display:flex}@keyframes queue-arrive{0%{opacity:0;transform:translate(45px)}to{opacity:1;transform:translate(0)}}@keyframes topic-value{0%{opacity:.3;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes bot-wait{50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.model-bottom img,.model-item strong,.model-lane.queue .model-item{animation:none}}.model-lane.queue .model-item:disabled{opacity:1;cursor:default}.report-chart-row progress{accent-color:#a0b387}.report-chart-row progress+progress{accent-color:#d9bd4d}.report-chart-row progress::-moz-progress-bar{background:#a0b387}.report-chart-row progress+progress::-moz-progress-bar{background:#d9bd4d}.report-chart-row b small{font-size:10px;font-weight:400;display:block}.journey-topic-tabs button{max-width:270px}.report-topic-chart progress+progress{filter:sepia(.65)}.stack-play-heading h2{max-width:650px}.map-place{z-index:1}.map-robo{object-fit:contain;pointer-events:none;z-index:3;width:65px;height:65px;transition:left .7s ease-in-out,top .7s ease-in-out;position:absolute;transform:translate(-45%,-105%)}.map-robo.buddy{width:38px;height:38px;transition-duration:1s;transform:translate(70%,-125%)}.served-person{background:#e2ead4;border-radius:9px;padding:4px 10px;font-size:19px;animation:.5s ease-out queue-served;display:inline-block}@keyframes queue-served{0%{opacity:0;transform:translate(-50px,-35px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.map-robo{transition:none}.served-person{animation:none}}.stack-playing .journey-map .map-place{transform:none}.stack-playing .journey-map .map-place:hover{transform:translateY(-2px)}.stack-playing .journey-map .map-place:active{transform:translateY(0)}.journey-report{--report-muted:#556149}.report-intro{gap:16px;margin-bottom:20px}.report-overview{margin-bottom:24px}.report-person{scroll-margin-top:24px}.report-status{font-size:13px;font-weight:650}.report-topic-status small,.report-note,.report-person-scores span,.report-intro p{color:#556149}.report-evidence-summary{flex-wrap:wrap;align-items:center;gap:12px}.report-matrix th{color:#35452d;background:#eef0e2}.report-matrix td{vertical-align:middle}.report-matrix tr:focus-within{background:#f7f2d9}.report-matrix code{white-space:normal;font-size:14px;line-height:1.7}.journey-topic-tabs button:focus-visible,.report-student:focus-visible,.report-open:focus-visible{outline-offset:3px;outline:3px solid #79652a}.lesson-shelf{isolation:isolate;color:#f5f0d8;background:#202e25;border-radius:28px;padding:28px 32px 22px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #415044}.shelf-heading{z-index:2;color:#f0e9c7;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.shelf-heading>span{font:700 14px Manrope,sans-serif}.shelf-heading>small{color:#c1cbb6;font-size:12px}.shelf-light{pointer-events:none;z-index:-1;width:220px;height:420px;position:absolute;top:0}.shelf-light-left{left:8%}.shelf-light-right{right:8%}.shelf-light:before{content:"";background:#677451;width:1px;height:61px;position:absolute;top:0;left:50%}.shelf-light i{background:#c4a14c;border-radius:30px 30px 2px 2px;width:44px;height:22px;position:absolute;top:60px;left:calc(50% - 22px);box-shadow:0 3px #e3c775}.shelf-light i:after{content:"";background:#fff0ad;border-radius:50%;width:19px;height:6px;position:absolute;bottom:-4px;left:13px}.shelf-light>span{clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);background:linear-gradient(#e5d88a22,#0000);position:absolute;inset:83px 0 0}.shelf-books{grid-template-columns:repeat(4,minmax(0,1fr));gap:27px;margin:68px 0 0;padding:0 12px;display:grid;position:relative}.shelf-books:after{content:"";z-index:-1;background:linear-gradient(#d6af75 0 7px,#ab7f48 7px 28px,#7f5c35 28px);border-radius:3px;height:35px;position:absolute;top:280px;left:0;right:0;box-shadow:0 15px 18px #0c181b66}.shelf-volume{--cover:#f6d967;--spine:#b69734;--cover-ink:#3a3724;min-width:0}.volume-stack{--cover:#b6cdaf;--spine:#62795e;--cover-ink:#283e31}.volume-queue{--cover:#cabde3;--spine:#8b79a5;--cover-ink:#443952}.volume-graph{--cover:#b4d2dc;--spine:#668e9a;--cover-ink:#294551}.shelf-book{width:100%;height:281px;color:var(--cover-ink);cursor:pointer;text-align:left;perspective:900px;padding:0;transition:transform .2s;display:block;position:relative;background:0 0!important;border:0!important;border-radius:4px 12px 6px 4px!important;box-shadow:6px 12px 17px #0004!important}.shelf-book:not(:disabled):hover{transform:translateY(-9px)rotate(-1deg)}.shelf-book:focus-visible{outline-offset:7px!important;outline:3px solid #fff5af!important}.shelf-book:disabled{cursor:default;opacity:.85}.shelf-book-face{background:var(--cover);box-shadow:inset 3px 0 5px #ffffff28,3px 1px 0 var(--spine);z-index:2;border:1px solid #fff5;border-radius:1px 8px 6px 0;flex-direction:column;padding:19px 17px 14px;display:flex;position:absolute;inset:0 6px 5px 18px;transform:skewY(-.5deg)}.shelf-book-spine{background:var(--spine);color:#fff8df;writing-mode:vertical-rl;text-align:center;letter-spacing:1px;border-right:2px solid #0002;border-radius:4px 0 0 4px;width:19px;padding-top:10px;font:600 10px Manrope;position:absolute;top:1px;bottom:5px;left:0}.shelf-page-edge{box-shadow:0 3px 0 var(--spine);background:repeating-linear-gradient(#f0ebd9 0 2px,#cdc9bc 2px 3px);border-radius:0 10px 7px 2px;position:absolute;inset:10px 0 0 7px}.shelf-imprint{border-bottom:1px solid #30402d30;justify-content:space-between;gap:6px;margin-bottom:20px;padding-bottom:10px;font:700 10px Manrope,sans-serif;display:flex}.shelf-cover-title{letter-spacing:-.8px;font:800 clamp(25px,2.4vw,34px)/1.3 Manrope,sans-serif}.shelf-cover-subtitle{margin-top:3px;font-size:13px;line-height:1.8}.shelf-cover-diagram{width:100%;height:100px;margin:auto 0 8px;overflow:visible}.shelf-cover-diagram rect,.shelf-cover-diagram circle{fill:#fff5;stroke:currentColor;stroke-width:1.5px}.shelf-cover-diagram path{stroke:currentColor;stroke-width:1.5px;fill:none}.shelf-cover-diagram .diagram-line{stroke-width:2px}.shelf-cover-diagram text{text-anchor:middle;fill:currentColor;font:700 14px Manrope}.shelf-cover-diagram .diagram-index{font-size:11px}.shelf-cover-bottom{border-top:1px solid #30402d30;flex-wrap:wrap;justify-content:space-between;gap:4px;padding-top:9px;font-size:10px;display:flex}.shelf-cover-bottom>span:first-child{align-items:center;gap:4px;display:flex}.shelf-book-status{z-index:1;color:#382d1c;background:#eed8a5;border-radius:3px;justify-content:center;align-items:center;gap:5px;width:max-content;max-width:100%;margin:9px auto 0;padding:3px 10px;font-size:11px;line-height:1.5;display:flex;position:relative;box-shadow:0 2px 1px #382d1c40}.shelf-book-status.done{color:#324d31;background:#e1edcb}.shelf-book-purpose{color:#d0d7c4;text-align:center;margin:20px 0 0;font-size:12px;line-height:1.8}.shelf-footnote{color:#aebfa6;text-align:center;border-top:1px solid #53644a66;margin:23px 0 0;padding-top:18px;font-size:11px;line-height:1.8}.shelf-course{margin-top:24px}.shelf-course .shelf-books{gap:18px}.course-shelf-prompt{color:#6e795f!important;font-size:12px!important}.school-student-step:has(.course-shelf-prompt){justify-content:flex-start}.league-showcase{color:#f6f2dc;isolation:isolate;background:#1d2b22;border:1px solid #394b36;border-radius:28px;overflow:hidden}.league-showcase-heading{grid-template-columns:1fr minmax(230px,.7fr);align-items:start;gap:28px;padding:34px 34px 15px;display:grid}.league-eyebrow{color:#d3dcbf;align-items:center;gap:8px;font-size:12px;display:flex}.league-eyebrow>span{background:#f9d84a;border-radius:50%;width:7px;height:7px}.league-showcase h2{margin:15px 0;font-size:clamp(26px,3vw,40px);line-height:1.6}.league-showcase h2 mark{color:#202b1c;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#f9d84a;border-radius:7px;padding:0 8px;box-shadow:0 4px #bca331}.league-showcase-heading p{color:#c3ceb5;margin:15px 0;font-size:14px;line-height:1.9}.league-round-panel{background:#3d482b66;border:1px solid #65734a66;border-radius:22px;padding:17px}.league-week-tabs{background:#15251a;border-radius:20px;gap:4px;margin-bottom:18px;padding:4px;display:flex}.league-week-tabs button{color:#c6d0b7;cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:1;padding:8px 10px;font-size:12px;font-weight:600;border-radius:18px!important}.league-week-tabs button[aria-pressed=true]{color:#252e1f;background:#f9d84a;box-shadow:0 2px #af962c}.league-round-caption{color:#e6d98f;align-items:center;gap:7px;margin-bottom:10px;font-size:12px;display:flex}.league-round-panel>small{color:#b8c5a9;font-size:11px;line-height:1.7;display:block}.league-countdown{grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0 17px;display:grid}.league-countdown>span{text-align:center}.league-countdown b{color:#fff3b6;font-variant-numeric:tabular-nums;background:linear-gradient(#18261c 49%,#34442f 50%,#1b2b20 52%);border:1px solid #63734b55;border-radius:10px;font:700 28px/1.8 Manrope;display:block}.league-countdown small{color:#bec8af;margin-top:4px;font-size:10px;display:block}.league-stage-toolbar{color:#bbc7ae;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 34px;font-size:12px;display:flex}.league-stage-toolbar>span{align-items:center;gap:7px;margin-right:auto;display:flex}.league-stage-toolbar button{color:#eeeace;cursor:pointer;background:#3a493680;border:1px solid #71805e66;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex}.league-showcase button:focus-visible{outline-offset:4px!important;outline:3px solid #ffde5c!important}.league-stage{background:radial-gradient(at 50% 100%,#7480473b,#0000 70%);justify-content:center;align-items:flex-end;gap:12px;padding:36px 25px 34px;display:flex;position:relative;overflow:hidden}.league-stage:after{content:"";z-index:-1;background:#111d17;border:3px solid #8d8b4d;border-radius:50%;width:85%;height:90px;position:absolute;bottom:10px;left:7.5%}.league-trophy-art{filter:drop-shadow(0 8px 5px #0004);flex-shrink:0;width:74px;max-width:12%;margin-bottom:5px}.league-stage>.league-trophy-art:last-of-type{filter:grayscale(.9)drop-shadow(0 8px 5px #0004);transform:scale(.82)}.league-stage-podium{flex:1;justify-content:center;align-items:flex-end;gap:11px;min-width:0;max-width:660px;display:flex}.league-podium-person{text-align:center;--medal:#fff0a2;--pedestal:#e9cf78;--edge:#baa44e;--pedestal-height:207px;flex:1;min-width:0;max-width:240px;position:relative}.league-podium-person.place-1{z-index:2;order:2}.league-podium-person.place-2{order:1}.league-podium-person.place-3{order:3}.league-podium-person.rank-2{--medal:#f2f2e7;--pedestal:#d0d7d2;--edge:#9ea9a3;--pedestal-height:166px}.league-podium-person.rank-3{--medal:#f4d3b1;--pedestal:#cba581;--edge:#9e7853;--pedestal-height:137px}.league-winner-avatar{border:4px solid var(--medal);color:#2e3926;background:#f5d851;border-radius:50%;place-items:center;width:94px;height:94px;margin:45px auto 18px;display:grid;position:relative;box-shadow:0 0 0 3px #74683b,0 8px #080f0c38}.league-winner-avatar>span{font:800 43px Manrope}.league-crown{filter:drop-shadow(0 5px 2px #0004);width:77px;height:49px;position:absolute;top:-54px;left:4px}.league-medal{color:var(--medal);position:absolute;top:-37px}.league-winner-avatar>small{color:#4f5e31;background:#fff9d6;border-radius:9px;padding:3px 7px;font-size:10px;position:absolute;bottom:0;right:-12px}.league-pedestal{min-height:var(--pedestal-height);background:var(--pedestal);color:#263525;box-shadow:inset -6px 0 0 #0001,inset 0 -5px 0 #0001,0 5px 0 var(--edge);border:1px solid #fff3;border-radius:4px 4px 8px 8px;padding:10px 13px 22px;position:relative}.league-pedestal:before{content:"";background:var(--medal);height:14px;box-shadow:0 4px 0 var(--edge);border-radius:4px;position:absolute;top:-7px;left:-5px;right:-5px}.league-place{font:800 50px/1.3 Manrope;display:block}.league-pedestal h3{overflow-wrap:anywhere;margin:0 0 2px;font-size:14px;line-height:1.6}.league-pedestal>strong{font:800 18px Manrope}.league-pedestal>strong>small{font-size:10px;font-weight:600}.league-pedestal>span{justify-content:center;align-items:center;gap:5px;margin-top:8px;font-size:10px;display:flex}.league-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.league-confetti i{left:var(--x);background:var(--confetti-color);width:7px;height:12px;animation:league-confetti 2.1s var(--delay) both ease-out;position:absolute;top:-10px}.league-stage-empty{text-align:center;background:radial-gradient(#d9ca5b14,#0000 65%);min-height:280px;padding:35px}.league-stage-empty .league-trophy-art{width:100px;max-width:100px}.league-stage-empty h3{color:#eee8bd;font-size:21px;line-height:1.6}.league-stage-empty p{color:#bfcab3;font-size:13px;line-height:1.9}.league-message{color:#f4eac9;padding:35px}.league-message button{margin-left:12px}.league-board{color:#283425;background:#fbfbf4;padding:25px 30px 20px}.league-board-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.league-board-heading h3{margin:0;font-size:22px}.league-board-heading p{color:#758167;margin:5px 0 0;font-size:12px}.league-board-heading label{color:#6d7b5e;font-size:11px}.league-board-heading input{max-width:200px;margin-top:5px;padding:9px 12px;font-size:12px;display:block}.league-board-rows{margin:0;padding:0;list-style:none}.league-board-rows>li{border-bottom:1px solid #e7ebdc;align-items:center;gap:13px;padding:13px 10px;display:flex}.league-board-rows>li.is-self{background:#fff5c8;border-radius:12px}.league-row-place{text-align:center;color:#807343;flex-shrink:0;width:28px;font:700 15px Manrope}.league-row-avatar{background:#e8ecdb;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font:700 17px Manrope;display:grid}.league-row-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px;font-weight:600}.league-row-name>small{background:#f0df8a;border-radius:6px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:500}.league-row-name>span{color:#7c896f;margin-top:4px;font-size:10px;font-weight:400;display:block}.league-board-rows strong{white-space:nowrap;font:800 18px Manrope}.league-board-rows strong small{color:#7c896f;font-size:10px;font-weight:600}.league-scoring{color:#6c795f;border-top:1px solid #e3e7d8;margin-top:22px;padding-top:18px;font-size:12px;line-height:1.9}.league-scoring summary{cursor:pointer;color:#475d38;font-weight:600}.league-scoring p{max-width:75ch}.league-no-match{color:#78846a;padding:16px;font-size:13px}.league-no-match button{color:#50683c;cursor:pointer;background:0 0;border:0;text-decoration:underline}.league-board button:focus-visible{outline-color:#607b3e!important}@keyframes league-confetti{0%{opacity:0;transform:translateY(0)rotate(0)}20%{opacity:1}to{transform:translateY(440px) rotate(var(--turn));opacity:0}}@media (width<=1100px){.shelf-books{gap:18px;padding:0 6px}.shelf-book-face{padding:17px 12px 12px}.shelf-cover-subtitle{font-size:12px}.shelf-cover-bottom{font-size:9px}.league-showcase-heading{gap:18px;padding:28px 24px 12px}.league-stage{gap:8px;padding:32px 14px}.league-trophy-art{width:48px}.league-winner-avatar{width:78px;height:78px}.league-winner-avatar>span{font-size:34px}.league-crown{width:66px;top:-50px;left:2px}.league-stage-podium{gap:8px}.league-pedestal{padding:10px 8px 18px}.league-pedestal h3{font-size:12px}}@media (width<=700px){.lesson-shelf{border-radius:23px;padding:22px 20px 18px}.shelf-heading{display:block}.shelf-heading small{margin-top:5px;line-height:1.7;display:block}.shelf-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;margin-top:58px;padding:0 5px}.shelf-books:after{display:none}.shelf-volume{position:relative}.shelf-volume:after{content:"";z-index:-1;background:linear-gradient(#d6af75 0 7px,#ab7f48 7px 28px,#7f5c35 28px);height:34px;position:absolute;top:279px;left:-13px;right:-13px;box-shadow:0 10px 15px #0004}.shelf-book-purpose{min-height:44px;font-size:12px}.shelf-cover-title{font-size:29px}.shelf-light-left{left:-10%}.shelf-light-right{right:-10%}.shelf-course .shelf-books{gap:30px 22px}.league-showcase-heading{grid-template-columns:1fr}.league-showcase-heading h2{font-size:30px}.league-showcase-heading p{font-size:13px}.league-round-panel{max-width:100%;padding:14px}.league-round-panel>small{text-align:center}.league-week-tabs{margin-bottom:12px}.league-countdown{max-width:310px;margin:10px auto}.league-round-caption{justify-content:center}.league-stage-toolbar{gap:9px;padding:15px 20px}.league-stage-toolbar>span{width:100%;font-size:11px}.league-stage{padding:30px 15px 28px}.league-stage>.league-trophy-art{display:none}.league-stage-podium{gap:9px}.league-podium-person{--pedestal-height:190px}.league-podium-person.rank-2{--pedestal-height:155px}.league-podium-person.rank-3{--pedestal-height:128px}.league-pedestal h3{font-size:11px}.league-winner-avatar{width:65px;height:65px;margin-bottom:14px}.league-winner-avatar>span{font-size:29px}.league-crown{width:58px;top:-49px;left:0}.league-place{font-size:40px}.league-pedestal>strong{font-size:16px}.league-pedestal>strong>small{font-size:9px}.league-board{padding:22px 18px 18px}.league-board-heading{flex-direction:column;align-items:flex-start}.league-board-heading h3{font-size:21px}.league-board-rows>li{gap:8px;padding:12px 5px}.league-row-avatar{width:29px;height:29px;font-size:14px}.league-row-name{font-size:12px}.league-board-rows strong{font-size:15px}.league-row-place{width:22px;font-size:13px}.league-showcase{border-radius:22px}}@media (width<=390px){.lesson-shelf{padding:20px 14px 17px}.shelf-books{gap:28px 16px;padding:0}.shelf-book{height:252px}.shelf-book-face{padding:14px 9px 12px;left:12px}.shelf-book-spine{width:13px;font-size:8px}.shelf-volume:after{top:250px;left:-8px;right:-8px}.shelf-imprint{margin-bottom:14px;font-size:9px}.shelf-cover-title{font-size:24px}.shelf-cover-subtitle{font-size:11px}.shelf-cover-bottom{font-size:9px}.shelf-cover-diagram{height:87px}.shelf-book-purpose{font-size:11px}.shelf-book-status{padding:4px 6px;font-size:10px}.shelf-course .shelf-books{gap:28px 16px}.league-stage{padding-left:10px;padding-right:10px}.league-winner-avatar{width:54px;height:54px}.league-winner-avatar>span{font-size:25px}.league-crown{width:49px;top:-43px}.league-pedestal{padding-left:5px;padding-right:5px}.league-pedestal>strong{font-size:14px}.league-pedestal h3{font-size:10px}.league-showcase-heading{padding:25px 18px 10px}.league-showcase-heading h2{font-size:26px}.league-stage-podium{gap:7px}}@media (prefers-reduced-motion:reduce){.shelf-book{transition:none}.shelf-book:not(:disabled):hover{transform:none}.league-confetti i{top:calc(15% + var(--x));opacity:.6;transform:rotate(var(--turn));animation:none}.league-stage.is-celebrating{outline-offset:-2px;outline:2px solid #f9d84a}}.roster-course-dots{gap:5px;margin-top:7px;display:flex!important}.roster-course-dots>span{color:#89947d;background:#f2f4ec;border:1px solid #dbe0d1;border-radius:5px;place-items:center;width:22px;height:22px;font:600 10px Manrope;display:grid}.roster-course-dots>span.started{color:#726028;background:#fff0b9;border-color:#dfc66f}.roster-course-dots>span.done{color:#3e5932;background:#d7e8ca;border-color:#a5bf94}.course-activity{background:#fff;border:1px solid #dce3d1;border-radius:20px;margin-top:22px;padding:23px}.course-activity header{justify-content:space-between;align-items:center;gap:15px;display:flex}.course-activity h3{align-items:center;gap:8px;margin:0 0 5px;font-size:18px;display:flex}.course-activity header p{color:#7b856e;margin:0;font-size:12px;line-height:1.8}.course-activity header>strong{white-space:nowrap;color:#4d673d;font:700 24px Manrope}.course-activity header>strong small{font:400 11px Noto Sans Thai,sans-serif}.course-activity-days{grid-template-columns:repeat(14,1fr);gap:7px;margin-top:20px;display:grid}.course-activity-days>button{color:#87907c;cursor:pointer;background:#f6f7f0;border:1px solid #e0e4d9;min-height:38px;padding:7px 0;font:600 11px Manrope;border-radius:7px!important}.course-activity-days>button.has-activity{color:#425e2d;background:#dceabd;border-color:#b7cc99}.course-activity-days>button[aria-pressed=true]{outline-offset:2px;outline:2px solid #647d47}.course-activity-days i{background:0 0;border-radius:50%;width:4px;height:4px;margin:4px auto 0;display:block}.course-activity-days .has-activity i{background:#63813e}.course-activity-detail{color:#778369;gap:12px;margin:17px 0 0;font-size:12px;line-height:1.8;display:flex}.course-activity-detail strong{color:#4f643e;font-weight:600}@media (width<=600px){.course-activity{padding:18px}.course-activity header{flex-direction:column;align-items:flex-start}.course-activity-days{grid-template-columns:repeat(7,1fr)}.course-activity-detail{flex-wrap:wrap;gap:4px 10px}}.academy-shell .league-stage-toolbar button:hover,.academy-shell .league-stage-toolbar button:focus{color:#fff5ce;background:#536345;border-color:#9caa76}.academy-shell .league-week-tabs button:hover{color:#fff5ce;background:#45563b}.academy-shell .league-week-tabs button[aria-pressed=true]:hover{color:#252e1f;background:#ffe36c}.admin-course-progress>header{justify-content:space-between;align-items:center;gap:18px;margin:20px 0;display:flex}.admin-course-progress>header label{min-width:0;max-width:320px;font-size:12px}.admin-course-progress>header select{width:100%;margin-top:6px;padding:10px;display:block}.admin-course-progress>p{background:#f0f3e8;border-radius:16px;padding:20px;font-size:14px;line-height:1.8}@media (width<=600px){.admin-course-progress>header{flex-direction:column;align-items:stretch}.admin-course-progress>header label{max-width:none}}.book-gallery{isolation:isolate;color:#283328;background:#e9e6dc;border:1px solid #deded1;border-radius:26px;min-height:560px;position:relative;overflow:hidden;box-shadow:0 12px 32px #4651350b}.book-gallery-top{z-index:5;color:#63705b;pointer-events:none;justify-content:space-between;font-size:12px;display:flex;position:absolute;top:24px;left:30px;right:30px}.book-gallery-top>span{align-items:center;gap:14px;display:flex}.book-gallery-top i,.book-copy-number i{opacity:.4;background:currentColor;width:35px;height:1px}.book-gallery-scene{perspective:1400px;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#0000 80%,#f5f2e930 80%);position:absolute;inset:58px 0 60px}.book-gallery-books{perspective:1200px;height:370px;transform-style:preserve-3d;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:40px;left:43%;right:6%}.book-volume-slot{width:58px;height:350px;transform-style:preserve-3d;z-index:1;flex:0 0 58px;transition:width .65s cubic-bezier(.22,.7,.2,1),flex-basis .65s cubic-bezier(.22,.7,.2,1);position:relative}.book-volume-slot.selected{z-index:3;flex-basis:245px;width:245px}.book-object{width:230px;height:350px;transform-style:preserve-3d;transform-origin:20px;cursor:pointer;text-align:left;color:var(--book-ink);outline-offset:12px;background:0 0;border:0;padding:0;font-family:inherit;transition:transform .7s cubic-bezier(.22,.7,.2,1);position:absolute;bottom:0;left:0;transform:rotateY(-79deg)}.book-object:focus-visible{outline:3px solid #d4b32e}.book-face{backface-visibility:hidden;background:var(--book-tone);box-sizing:border-box;border:1px solid #fff4;border-radius:3px 6px 6px 3px;flex-direction:column;padding:26px 22px;display:flex;position:absolute;inset:0;box-shadow:inset 5px 0 5px #0002,inset 0 0 2px 1px #fff5}.book-front{transform:translateZ(20px)}.book-cover-border{pointer-events:none;border:1px solid #f6edcb55;position:absolute;inset:9px 8px 9px 12px}.book-imprint{letter-spacing:1.7px;margin-bottom:18px;font:600 9px Manrope,sans-serif}.book-front>strong{letter-spacing:-2px;font:500 46px/1.1 Georgia,serif}.book-subtitle{margin-top:8px;font-size:12px;line-height:1.6}.book-cover-art{border-top:1px solid #f6edcb55;border-bottom:1px solid #f6edcb55;margin:26px 0 20px;padding:14px 0;display:block}.book-cover-art svg{color:#f1dc9f;width:100%;height:100px;display:block}.book-cover-art svg rect,.book-cover-art svg circle{fill:#0000;stroke:currentColor;stroke-width:1.5px}.book-cover-art svg text{fill:currentColor;stroke:none;text-anchor:middle;font-family:Manrope,sans-serif;font-size:14px}.book-cover-art .diagram-line{fill:none;stroke:currentColor;stroke-width:1.5px}.book-cover-bottom{letter-spacing:.2px;margin-top:auto;font-size:8px;line-height:1.8}.book-cover-bottom>span{opacity:.75;display:block}.book-back{justify-content:center;gap:22px;transform:rotateY(180deg)translateZ(20px)}.book-back strong{font:32px Georgia,serif}.book-back>span{font-size:13px;line-height:1.9}.book-back small{font-size:9px}.book-spine{background:var(--book-tone);box-sizing:border-box;border:1px solid #ffffff30;border-radius:4px;flex-direction:column;justify-content:space-between;align-items:center;width:40px;height:350px;padding:16px 0;display:flex;position:absolute;top:0;left:-20px;transform:rotateY(-90deg);box-shadow:inset 4px 0 4px #fff2,inset -4px 0 6px #0003}.book-spine>strong{writing-mode:vertical-rl;letter-spacing:.4px;font:600 24px Georgia,serif;transform:rotate(180deg)}.book-spine small,.book-spine>span{font:9px Manrope,sans-serif}.book-spine>span{writing-mode:vertical-rl}.book-pages{background:repeating-linear-gradient(90deg,#f3edde 0 2px,#d9d1bb 2px 3px);border:1px solid #cfc5ac;width:36px;height:342px;position:absolute;top:4px;right:-16px;transform:rotateY(90deg)}.book-top-pages{background:repeating-linear-gradient(0deg,#f3edde 0 2px,#d9d1bb 2px 3px);width:222px;height:36px;position:absolute;top:-16px;left:4px;transform:rotateX(90deg)}.book-wood-shelf{background:linear-gradient(#c4a583 0 4px,#a17d5d 5px 10px,#85684e 11px 24px,#70573f 25px);height:26px;position:absolute;bottom:14px;left:0;right:0;box-shadow:0 9px 8px #34271930}.book-wood-shelf:before{content:"";background:radial-gradient(#3e302855,#0000 70%);height:40px;position:absolute;bottom:24px;left:35%;right:1%;transform:skew(-18deg)}.book-gallery-copy{z-index:4;width:32%;animation:.3s book-copy-in;position:absolute;bottom:110px;left:38px}.book-copy-number{letter-spacing:.5px;align-items:center;gap:12px;font-size:11px;display:flex}.book-gallery-copy h2{letter-spacing:-2.5px;margin:20px 0 8px;font:500 clamp(40px,4.5vw,65px)/1.1 Georgia,serif}.book-gallery-copy h3{color:#67715e;margin:0 0 25px;font-size:17px;font-weight:500}.book-reading-status{color:#65705b;align-items:center;gap:7px;margin-bottom:20px;font-size:11px;display:flex}.book-open-lesson{color:#354734;cursor:pointer;background:0 0;border:1px solid #7a846a;border-left:0;border-right:0;justify-content:space-between;align-items:center;width:100%;padding:15px 0;font:700 16px inherit;display:flex}.book-open-lesson:hover{color:#111d0d;background:#ffffff35}.book-inspect-link{color:#6c775f;font:inherit;cursor:pointer;text-underline-offset:5px;background:0 0;border:0;padding:13px 0 0;font-size:11px;text-decoration:underline}.book-browse{z-index:6;color:#526147;cursor:pointer;background:#f6f5ecb8;border:1px solid #d0d1c4;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:43%}.book-browse.previous{left:24px}.book-browse:disabled{opacity:.25;cursor:default}.book-catalog{background:#f3f2e9;border-top:1px solid #c4c8b7;align-items:center;gap:25px;height:60px;padding:0 32px;display:flex;position:absolute;bottom:0;left:0;right:0}.book-catalog button{height:100%;font:inherit;color:#748166;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;font-size:12px;display:flex;position:relative}.book-catalog button span{font-size:9px}.book-catalog button[aria-current=true]{color:#293823;font-weight:800}.book-catalog button[aria-current=true]:after{content:"";background:#bd9f50;border-radius:5px;height:4px;position:absolute;bottom:10px;left:0;right:0}.book-catalog>small{color:#818972;margin-left:auto;font-size:10px}.book-gallery.is-inspecting{min-height:560px}.is-inspecting .book-gallery-scene{top:0;bottom:0;right:45%}.is-inspecting .book-gallery-books{height:350px;bottom:64px;left:25%;right:auto;transform:scale(1.12)}.is-inspecting .book-volume-slot:not(.selected){display:none}.is-inspecting .book-object{cursor:grab;transition:none}.is-inspecting .book-object:active{cursor:grabbing}.is-inspecting .book-wood-shelf{display:none}.is-inspecting .book-gallery-copy{background:#f4f1e5;flex-direction:column;justify-content:center;width:auto;padding:45px 32px 30px;display:flex;inset:0 0 0 55%}.is-inspecting .book-gallery-top{font-size:10px;right:50%}.is-inspecting .book-gallery-top>span:last-child{display:none}.book-return{font:inherit;color:#65705b;cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:8px;font-size:12px;display:flex}.book-description{max-width:34em;margin:0 0 25px;font-size:14px;line-height:1.9}.book-inspect-help{color:#7a836e;justify-content:space-between;align-items:center;margin-top:20px;font-size:10px;display:flex}.book-inspect-help button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #cdd1c0;border-radius:7px;align-items:center;gap:5px;padding:7px;display:flex}@keyframes book-copy-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@media (width<=1150px){.book-gallery-books{transform-origin:0 100%;left:42%;transform:scale(.85)}.book-gallery-copy{width:31%;left:28px}.book-catalog{gap:18px}.book-catalog>small{display:none}.is-inspecting .book-gallery-books{left:18%;transform:scale(1)}.is-inspecting .book-gallery-copy{padding:40px 24px}}@media (prefers-reduced-motion:reduce){.book-object,.book-volume-slot{transition:none}.book-gallery-copy{animation:none}}.book-gallery-scene,.book-gallery-books{perspective-origin:50% 100%}.book-object{transform-origin:20px bottom;transform:rotateY(86deg)}.book-browse{top:18%}.book-gallery .book-cover-art .shelf-cover-diagram rect,.book-gallery .book-cover-art .shelf-cover-diagram circle{fill:#0000;stroke:#ead9a3;stroke-width:1.5px}.book-gallery .book-cover-art .shelf-cover-diagram text{fill:#f5e7b9}.book-open-lesson{font-family:inherit;font-size:15px;font-weight:700}.app.academy-shell .book-gallery{background:#f3efdf;border-color:#ded7c1;border-radius:25px;min-height:570px;box-shadow:0 8px 22px #68603e09}.book-gallery:not(.is-inspecting) .book-gallery-scene:before{content:"";background:linear-gradient(90deg,#ede5cd,#f6efda 30%,#f2ead2 85%,#e3d8b9);border:12px solid #d8c6a0;border-bottom:0;border-radius:9px 9px 0 0;position:absolute;inset:10px 4% 14px 41%;box-shadow:inset 8px 9px 17px #75613b25,2px 5px 6px #66533616}.book-gallery:not(.is-inspecting) .book-wood-shelf{background:linear-gradient(#ead7ae 0 6px,#c9ae7b 7px 20px,#b69866 21px);border-radius:3px;height:26px;left:40%;right:3%;box-shadow:0 7px 9px #665a3825}.book-gallery:not(.is-inspecting) .book-wood-shelf:before{left:2%;right:2%}.book-gallery:not(.is-inspecting) .book-wood-shelf:after{content:"";border-left:15px solid #b79b6c;border-right:15px solid #b79b6c;height:12px;position:absolute;top:26px;left:20px;right:20px}.book-gallery-books{gap:9px;left:45%;right:5%}.selected .book-object{transform:rotateY(-10deg)}.book-gallery-copy{width:31%;bottom:116px;left:34px}.book-gallery-copy h3{color:#6a735b}.book-catalog{background:#f8f4e8;border-color:#e0d6be;height:62px}.book-catalog button{font-size:13px}.book-browse{background:#fffaf0;border-color:#dbd1b8;top:17%}.book-browse.next{right:10px}.book-gallery-top{color:#778064}.book-open-lesson{background:#efe0ab;border:1px solid #d7c58c;border-radius:12px;padding:13px 16px;box-shadow:0 3px #d5c28b}.book-open-lesson:hover{background:#f4e7bb}.book-inspect-link{margin-top:5px;font-size:12px}.is-inspecting .book-gallery-copy{background:#f8f3e5}.is-inspecting .book-gallery-books{left:26%}@media (width<=1150px){.book-gallery-books{left:44%;transform:scale(.85)}.book-gallery-copy{width:31%;left:26px}}.book-gallery-top,.book-inspect-help,.book-return{color:#4e5d42;font-size:13px}.presentation-bar{z-index:35;color:#35442d;background:#fffcf1;border:1px solid #b7bf99;border-top:5px solid #e7cf56;border-radius:22px;flex-wrap:wrap;align-items:center;gap:24px;max-width:1360px;margin:16px auto 8px;padding:18px 24px;display:flex;position:relative;box-shadow:0 5px #e4e7d7}.presentation-brand{align-items:center;gap:12px;display:flex}.presentation-brand>svg{width:32px;height:32px}.presentation-brand span{gap:4px;display:grid}.presentation-brand small,.presentation-profile span{color:#58684d;font-size:13px}.presentation-bar nav,.presentation-bar fieldset{gap:6px;display:flex}.presentation-bar button,.presentation-preview button,.presentation-state button,.presentation-entry{color:#35442d;font:inherit;cursor:pointer;background:#fffdf5;border:1px solid #ccd2b8;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:700;display:inline-flex}.presentation-bar button[aria-pressed=true],.presentation-preview button[aria-pressed=true]{background:#f1dc68;border-color:#c6ad39;box-shadow:0 3px #c6ad39}.presentation-bar button:disabled{opacity:.5;cursor:wait}.presentation-controls{border-top:1px solid #dfe3cf;flex-wrap:wrap;align-items:center;gap:20px;width:100%;padding-top:14px;display:flex}.presentation-controls label{gap:5px;font-size:12px;font-weight:700;display:grid}.presentation-controls select{font:inherit;color:#35442d;background:#fffef9;border:1px solid #c2cbae;border-radius:10px;padding:10px;font-size:14px}.presentation-controls fieldset{border:0;margin:0;padding:0}.presentation-controls legend{margin-bottom:5px;font-size:12px;font-weight:700}.presentation-profile{gap:3px;max-width:290px;display:grid}.presentation-controls>small{color:#53633c;margin-left:auto}.presentation-entry{background:#f1dc68;margin:16px max(24px,50vw - 620px) 0}.presentation-state{color:#35442d;background:#f6f7ee;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.presentation-state h1{font-size:28px}.presentation-preview{max-width:1240px;margin:30px auto;padding:0 24px}.presentation-preview>header{justify-content:space-between;align-items:center;gap:24px;display:flex}.presentation-preview h1{margin:10px 0;font-size:30px}.presentation-preview p{color:#58684d}.presentation-tag{letter-spacing:.04em;color:#435a35;background:#e5ecd6;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800}.presentation-preview>nav{gap:12px;margin:26px 0;display:flex}.presentation-preview>nav button{flex:1;justify-content:space-between}.presentation-preview .stack-path-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-task-select{text-align:left;gap:7px;margin:12px 0;font-size:13px;display:grid}.preview-task-select select{width:100%;font:inherit;background:#fffef9;border:1px solid #c2cbae;border-radius:8px;padding:8px}.presentation-active .school-workspace:before{content:"ข้อมูลตัวอย่าง · ใช้สาธิตเท่านั้น";color:#435a35;background:#eef1df;padding:8px 12px;font-size:13px;display:block}.presentation-bar :focus-visible,.presentation-preview :focus-visible,.presentation-entry:focus-visible,.presentation-state :focus-visible{outline-offset:4px;outline:3px solid #5c7340}.presentation-active{background:#f6f7ee;min-height:100vh}.presentation-bar{z-index:1100;position:sticky;top:8px}.presentation-active .stack-playing{top:calc(var(--presentation-height,220px) + 24px);height:calc(100dvh - var(--presentation-height,220px) - 36px)}.swal2-container{z-index:4000}.presentation-bar{gap:14px;margin-top:8px;padding:12px 20px}.presentation-brand b{font-size:16px}.presentation-collapse{margin-left:auto}.presentation-bar .presentation-exit{margin-left:0}.presentation-bar.is-collapsed{box-shadow:none;border-top-width:3px;border-radius:14px;gap:12px;padding:7px 16px}.presentation-bar.is-collapsed nav,.presentation-bar.is-collapsed .presentation-controls,.presentation-bar.is-collapsed .presentation-exit,.presentation-bar.is-collapsed .presentation-brand small{display:none}.presentation-bar.is-collapsed .presentation-brand>svg{width:22px;height:22px}.presentation-bar.is-collapsed button{padding:5px 12px;font-size:13px}.presentation-bar{z-index:1200;width:auto;margin:0 auto;position:fixed;top:8px;left:18px;right:18px}.presentation-library{max-width:1260px;margin:24px auto;padding:0 24px}.presentation-library>h1{color:#30432e;margin:0 0 6px;font-size:30px}.presentation-library>p{color:#788467;margin-bottom:26px}.presentation-active{padding-top:0}.presentation-bar{border-radius:24px;gap:14px;width:390px;max-height:calc(100dvh - 44px);margin:0;padding:18px;inset:auto 22px 22px auto;overflow:auto;box-shadow:0 12px 48px #35442d26}.presentation-bar nav{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;display:grid}.presentation-bar nav button{flex-direction:column;padding:12px 8px;font-size:14px}.presentation-bar .presentation-controls{flex-direction:column;order:3;align-items:stretch;gap:12px;margin:0;display:flex}.presentation-bar .presentation-controls label{gap:7px;font-size:13px;display:grid}.presentation-bar .presentation-controls select{width:100%;min-width:0;font:inherit;background:#fffdf5;border:1px solid #c5ceb4;border-radius:10px;padding:10px}.presentation-bar .presentation-profile{gap:4px;display:grid}.presentation-bar .presentation-exit{order:4;width:100%;font-size:13px}.presentation-bar.is-collapsed{width:58px;height:58px;box-shadow:none;background:0 0;border:0;border-radius:50%;padding:0;overflow:visible}.presentation-bar.is-collapsed .presentation-brand,.presentation-bar.is-collapsed .presentation-collapse span{display:none}.presentation-bar.is-collapsed .presentation-collapse{color:#35442d;background:#f0d854;border:2px solid #fffdf0;border-radius:50%;width:58px;height:58px;margin:0;padding:0;box-shadow:0 5px #bca542,0 8px 25px #33482f33}.presentation-bar.is-collapsed .presentation-collapse:hover{background:#ffe779;transform:translateY(-2px)}.presentation-active .rollout-game.rollout-game,.presentation-active .lesson-deck-host.lesson-deck-host,.presentation-active .course-reader.course-quiz-deck{top:0}.presentation-active .stack-playing{height:100dvh;top:0}@media (prefers-reduced-motion:reduce){.presentation-bar.is-collapsed .presentation-collapse:hover{transform:none}}.presentation-active:has(.rollout-game) .presentation-bar.is-collapsed{bottom:160px}.presentation-active:has(.lesson-deck-host) .presentation-bar.is-collapsed{bottom:96px}.presentation-bar.is-collapsed .presentation-reset{display:none}.presentation-bar .presentation-reset{color:#665335;background:#f1eddd;border:1px solid #d5ccb1;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;display:flex}.welcome-page{max-width:1200px;color:var(--academy-ink);margin:0 auto;padding:0 20px}.welcome-page h1,.welcome-page h2,.welcome-page h3{letter-spacing:-.035em;margin:0;font-weight:750}.welcome-page p{color:#69705c;line-height:1.9}.welcome-page button{cursor:pointer}.welcome-primary{color:#303d29;background:#efd36b;border:1px solid #d4b748;border-radius:17px;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:14px 24px;font:700 15px Noto Sans Thai,sans-serif;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px #c8ad49}.welcome-primary:hover{transform:translateY(-2px);box-shadow:0 6px #c8ad49}.welcome-primary:active{transform:translateY(2px);box-shadow:0 2px #c8ad49}.welcome-text-button{color:#4f5c43;text-underline-offset:5px;background:0 0;border:0;align-items:center;gap:10px;padding:12px 0;font-family:inherit;font-size:14px;font-weight:650;text-decoration:underline;display:inline-flex}.welcome-kicker{color:#657253;align-items:center;gap:8px;font-size:13px;display:flex}.welcome-hero{grid-template-columns:1fr 1.15fr;align-items:center;gap:35px;min-height:620px;padding:34px 0 42px;display:grid}.welcome-hero-copy h1{margin:20px 0 23px;font-size:clamp(42px,4.3vw,62px);line-height:1.3}.welcome-hero-copy>p{margin:0 0 26px;font-size:17px}.welcome-actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.welcome-hero-copy>small{color:#7c806d;margin-top:22px;font-size:12px;display:block}.welcome-hero-scene{isolation:isolate;height:525px;position:relative}.welcome-orbit{z-index:-1;background:radial-gradient(circle,#f3e8bd 0,#f4edcf 47%,#0000 72%);border-radius:50%;width:430px;height:430px;position:absolute;top:62px;left:50px}.welcome-bot{z-index:3;pointer-events:none;width:235px;position:absolute;bottom:5px;right:-26px}.welcome-bot img{filter:drop-shadow(0 18px 13px #5a594222);width:100%}.welcome-bot>span{background:#fffdf5;border:1px solid #ded9c6;border-radius:18px 18px 18px 2px;padding:11px 18px;font-size:13px;line-height:1.6;position:absolute;top:-53px;right:13px;box-shadow:0 8px 18px #514e2910}.welcome-bot b{color:#758065;font-weight:500}.welcome-experiment{z-index:2;background:#fffdf5;border:1px solid #ded9c6;border-radius:26px;max-width:370px;margin:16px 0 0 16px;padding:24px 27px 15px;position:relative;transform:rotate(-2deg);box-shadow:0 22px 50px #68603914,0 6px #e9e0ca}.welcome-experiment-title{color:#758164;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:11px;display:flex}.welcome-experiment-title>span{align-items:center;gap:6px;font-weight:600;display:flex}.welcome-experiment-title small{border:1px solid #ded9c6;border-radius:6px;padding:3px 6px;font-size:10px}.welcome-experiment h3{font-size:23px;line-height:1.5}.welcome-mode{background:#f1eddf;border-radius:12px;gap:5px;width:max-content;margin-top:18px;padding:4px;display:flex}.welcome-mode button{color:#737962;background:0 0;border:0;border-radius:9px;padding:7px 18px;font:700 12px Manrope}.welcome-mode button[aria-pressed=true]{color:#35442e;background:#dfe5cf;box-shadow:0 2px 4px #4b563417}.welcome-parcels{justify-content:center;align-items:center;gap:5px;height:173px;margin:17px 0;display:flex;position:relative}.welcome-parcels.stack{box-sizing:border-box;flex-direction:column-reverse;justify-content:flex-start;padding-bottom:12px}.welcome-parcels:after{content:"";z-index:-1;background:#c7d0b8;border:1px solid #aeb79d;border-radius:4px;width:85%;height:10px;position:absolute;bottom:0;box-shadow:0 5px #9aa58b}.welcome-parcel{color:#514126;background:#dcc295;border:1px solid #ad8c5c;border-radius:5px;place-items:center;width:83px;height:43px;font:800 22px Manrope;animation:.3s ease-out welcome-piece;display:grid;position:relative;box-shadow:inset -7px 0 #b3956420,0 4px #b89b6c}.welcome-parcel:before{content:"";background:#b89b6a;width:18px;height:8px;position:absolute;top:0;left:32px}.welcome-parcels>small{color:#7b846f;letter-spacing:1px;font:700 9px Manrope;position:absolute;top:4px;right:0}.welcome-parcels.queue{box-sizing:border-box;align-items:flex-end;height:173px;padding-bottom:12px}.welcome-parcels.queue>small{top:90px;left:8px;right:auto}.welcome-empty{color:#8a8c7d;font-size:13px}.welcome-experiment-actions{gap:8px;display:flex}.welcome-experiment-actions button{color:#425336;background:#e6eadb;border:1px solid #ccd4bc;border-radius:11px;align-items:center;gap:12px;padding:11px 14px;font:650 13px Noto Sans Thai;display:flex}.welcome-experiment-actions button:first-child{flex:1;justify-content:space-between}.welcome-feedback{min-height:22px;font-size:11px;color:#6b765a!important;margin:14px 0 0!important;line-height:1.8!important}.welcome-course{background:#f1eddf;border:1px solid #ded9c6;border-radius:25px;grid-template-columns:1fr 2fr;gap:35px;padding:30px;display:grid}.welcome-course>div>svg{color:#79835e;margin-bottom:9px}.welcome-course h2{font-size:21px}.welcome-course>div>p{margin:9px 0 0;font-size:12px}.welcome-course ol{grid-template-columns:repeat(4,1fr);align-items:center;gap:22px;margin:0;padding:15px 0;list-style:none;display:grid}.welcome-course li{position:relative}.welcome-course li:not(:last-child):after{content:"";border-top:1px dashed #b3b99e;position:absolute;top:20px;left:66px;right:4px}.welcome-course li>strong{color:#566541;align-items:baseline;gap:5px;font:700 29px Manrope;display:flex}.welcome-course strong small{font:400 10px Noto Sans Thai}.welcome-course h3{margin-top:12px;font-size:15px}.welcome-course li p{margin:4px 0 0;font-size:11px}.welcome-section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.welcome-section-heading span{color:#7c826b;font-size:12px}.welcome-section-heading h2{margin-top:8px;font-size:34px;line-height:1.5}.welcome-section-heading>p{margin:0;font-size:14px}.welcome-library{padding:80px 0 0}.welcome-roles{padding:90px 0 70px}.welcome-role-layout{grid-template-columns:1fr 1fr;align-items:center;gap:65px;display:grid}.welcome-role-tabs{background:#eeeada;border:1px solid #ded9c6;border-radius:16px;gap:4px;width:max-content;margin:0 0 28px;padding:5px;display:flex}.welcome-role-tabs button{color:#768165;background:0 0;border:0;border-radius:11px;padding:11px 22px;font:600 14px Noto Sans Thai}.welcome-role-tabs button[aria-pressed=true]{color:#303d29;background:#fffdf5;box-shadow:0 3px 8px #575a3a16}.welcome-role-copy h3{max-width:18ch;font-size:28px;line-height:1.5}.welcome-role-copy>p{max-width:42ch;font-size:14px}.welcome-role-copy ul{gap:13px;margin:24px 0 28px;padding:0;font-size:14px;list-style:none;display:grid}.welcome-role-copy li{align-items:center;gap:10px;display:flex}.welcome-role-copy li svg{color:#839761}.welcome-role-preview{background:#fffdf5;border:1px solid #ded9c6;border-radius:22px;min-height:410px;padding:0 25px 23px;overflow:hidden;box-shadow:10px 12px #e8e4d3,0 22px 40px #5252360c}.welcome-preview-bar{background:#efecdf;border-bottom:1px solid #ded9c6;align-items:center;gap:14px;margin:0 -25px 25px;padding:13px 20px;font:700 11px Manrope;display:flex}.welcome-preview-bar>span{gap:4px;display:flex}.welcome-preview-bar i{background:#c5c7b4;border-radius:50%;width:6px;height:6px;display:block}.welcome-preview-bar small{color:#828675;margin-left:auto;font:400 10px Noto Sans Thai}.welcome-preview-title{align-items:center;gap:13px;display:flex}.welcome-preview-title>svg{color:#75885d;box-sizing:content-box;background:#e7ebdb;border-radius:12px;padding:10px}.welcome-preview-title small{color:#82866f;font-size:11px}.welcome-preview-title h3{margin-top:3px;font-size:21px}.welcome-preview-topics{gap:19px;margin-top:24px;display:grid}.welcome-preview-topics>div{grid-template-columns:1fr auto;gap:7px;font:700 13px Manrope;display:grid}.welcome-preview-topics span{color:#7d876e;font:400 10px Noto Sans Thai}.welcome-preview-topics>div>div{background:#ececdd;border-radius:3px;grid-column:1/-1;height:5px}.welcome-preview-topics i{background:#9aad7d;border-radius:3px;height:100%;display:block}.welcome-preview-note{color:#626e4c;background:#f1eddc;border-radius:13px;align-items:center;gap:12px;margin-top:25px;padding:13px 16px;font-size:12px;display:flex}.welcome-preview-note small{color:#868971;font-size:10px}.welcome-chart{background:repeating-linear-gradient(0deg,#0000 0 43px,#e6e4d7 44px 45px);border-bottom:1px solid #ded9c6;justify-content:center;align-items:flex-end;gap:45px;height:175px;margin:22px 0 15px;padding-bottom:25px;display:flex}.welcome-chart>span{flex-direction:column;align-items:center;width:65px;display:flex;position:relative}.welcome-chart i{background:#d1bc73;border-radius:9px 9px 0 0;width:65px;display:block;box-shadow:inset -10px 0 #00000009}.welcome-chart>span:last-child i{background:#94a97b}.welcome-chart b{white-space:nowrap;font:500 10px Noto Sans Thai;position:absolute;bottom:-22px}.welcome-preview-students{gap:8px;display:grid}.welcome-preview-students>span{border-bottom:1px solid #eeeadd;align-items:center;gap:10px;padding:7px 0;font-size:12px;display:flex}.welcome-preview-students i{background:#e8e4cd;border-radius:50%;place-items:center;width:26px;height:26px;font-style:normal;display:grid}.welcome-preview-students small{color:#7f8c67;margin-left:auto}.welcome-access-list{gap:13px;margin-top:26px;display:grid}.welcome-access-list>div{color:#738064;border:1px solid #e2e0d0;border-radius:13px;align-items:center;gap:15px;padding:15px;display:flex}.welcome-access-list span{flex:1}.welcome-access-list b{color:#465539;font-size:13px;display:block}.welcome-access-list small{font-size:11px}.welcome-game{background:#eeeddf;border:1px solid #ded9c6;border-radius:28px;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:34px;display:grid}.welcome-game-screen{position:relative;transform:rotate(-2deg)}.welcome-game-screen img{box-sizing:border-box;border:6px solid #fffdf5;border-radius:16px;width:100%;display:block;box-shadow:0 15px 26px #5e634c25}.welcome-game-screen>span{color:#748264;justify-content:center;align-items:center;gap:8px;margin:16px auto 0;font-size:11px;display:flex}.welcome-game h2{margin:12px 0;font-size:32px;line-height:1.5}.welcome-game p{font-size:13px}.welcome-game-facts{gap:35px;margin:22px 0;display:flex}.welcome-game-facts span{color:#7d846c;align-items:baseline;gap:7px;font-size:12px;display:flex}.welcome-game-facts b{color:#50633c;font:750 30px Manrope}.welcome-grade-note{margin:0 0 24px!important;font-size:11px!important}.welcome-faq{grid-template-columns:1fr 1.7fr;gap:60px;padding:85px 0;display:grid}.welcome-faq>div>svg{color:#7e8a66;margin-bottom:15px}.welcome-faq h2{font-size:32px}.welcome-faq p{font-size:14px}.welcome-faq details{border-bottom:1px solid #ded9c6}.welcome-faq summary{cursor:pointer;padding:20px 0;font-size:16px;font-weight:600}.welcome-faq details p{border-left:3px solid #d3bc70;max-width:60ch;margin:0 0 22px;padding-left:17px;font-size:13px}.welcome-closing{background:#e9ead8;border:1px solid #dbdfc8;border-radius:25px;align-items:center;gap:25px;padding:22px 32px;display:flex}.welcome-closing img{object-fit:contain;width:110px;height:110px}.welcome-closing>div{flex:1}.welcome-closing h2{font-size:26px}.welcome-closing p{margin:8px 0 0;font-size:14px}.welcome-footer{color:#6d775f;border-top:1px solid #ded9c6;grid-template-columns:1.4fr 1fr 1fr;gap:40px;max-width:1160px;margin:55px auto 0;padding:35px 20px 25px;font-size:12px;display:grid}.welcome-footer strong{color:#35472d;font:800 25px Manrope}.welcome-footer p{line-height:1.9}.welcome-footer>nav{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.welcome-footer nav>b{color:#425139;margin-bottom:4px;font-size:13px}.welcome-footer button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.welcome-footer a{color:inherit}.welcome-footer>small{border-top:1px solid #e5e1d1;grid-column:1/-1;padding-top:20px;font-size:10px}@keyframes welcome-piece{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1150px){.welcome-hero{gap:15px}.welcome-hero-copy h1{font-size:44px}.welcome-bot{width:180px;bottom:0;right:-10px}.welcome-experiment{max-width:300px;margin-left:0}.welcome-role-layout{gap:35px}.welcome-course{grid-template-columns:1fr 2fr;gap:20px}.welcome-course ol{gap:12px}.welcome-game{gap:28px}}@media (prefers-reduced-motion:reduce){.welcome-parcel{animation:none}.welcome-primary{transition:none}.welcome-primary:hover{transform:none}}.welcome-hero-copy>small,.welcome-bot b,.welcome-experiment-title,.welcome-mode button,.welcome-parcels>small,.welcome-empty,.welcome-footer{color:#586149}.welcome-experiment-title small,.welcome-parcels>small,.welcome-footer>small{font-size:12px}.welcome-course strong{font-variant-numeric:tabular-nums}.app.academy-shell{--school-accent:#45533d;--school-ink:#262b23;--school-muted:#68705f;--school-line:#e1e4d9;--school-paper:#fff;--academy-yellow:#f4d45a;--academy-surface:#fffefa;--academy-ink:#262b23;--academy-muted:#68705f;color:var(--academy-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f8f8f1;min-height:100vh;font-family:Noto Sans Thai,sans-serif}.academy-shell ::selection{color:#262b23;background:#f7df87}.academy-shell :is(input,textarea){caret-color:#45533d}.academy-shell :is(button,input,select,textarea){font-family:inherit}.academy-shell :is(button,a,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:3px solid #687a36}.academy-shell :is(button,select){cursor:pointer}.academy-shell button:disabled{cursor:default;opacity:.5}.academy-shell :is(progress,meter){accent-color:#829565}.academy-shell :is(h1,h2,h3,h4){color:#262b23;letter-spacing:-.025em;text-wrap:balance}.academy-shell p{text-wrap:pretty}.academy-shell .portal-header{z-index:30;padding:16px 28px 0;position:relative;box-shadow:none!important;background:#f8f8f1!important;border:0!important}.academy-shell .header-inner{background:#fffefa;border:1px solid #e4e5db;border-radius:22px;gap:22px;max-width:1160px;min-height:64px;box-shadow:0 6px 18px #27331f05;padding:8px 14px!important}.academy-shell .brand{flex-shrink:0;gap:8px}.academy-shell .brand>img{width:31px;height:36px}.academy-shell .brand>span{color:#262b23;letter-spacing:-.035em;font:800 23px Manrope,sans-serif}.academy-shell .brand>span>span{color:inherit}.academy-shell .brand small{letter-spacing:.06em;color:#6d7564;font:500 10px Manrope,sans-serif}.academy-shell .portal-header nav{gap:4px}.academy-shell .portal-header nav button{color:#5c6552;min-height:42px;box-shadow:none;background:0 0;border:0;border-radius:12px;padding:11px 14px;font-size:13px;font-weight:600}.academy-shell .portal-header nav button:hover{color:#262b23;background:#f1f2e8}.academy-shell .portal-header nav button.active{color:#333820;box-shadow:none;background:#f6df8d}.academy-shell .header-actions{gap:10px}.academy-shell .member-identity{max-width:164px;padding:3px}.academy-shell .member-avatar{color:#4e5635;background:#eee6b3;border:0;width:32px;height:32px}.academy-shell .member-identity strong{text-overflow:ellipsis;max-width:105px;font-size:12px;overflow:hidden}.academy-shell .member-identity small{color:#737b69;font-size:10px}.academy-shell .logout-button{color:#64705d;background:0 0;border:0;border-radius:10px;width:34px;height:34px;padding:8px}.academy-shell .logout-button:hover{background:#efefe5}.academy-shell .logout-button span{display:none}.academy-shell .login-button{color:#fff;box-shadow:none;background:#303d29;border:0;border-radius:12px;padding:11px 18px;font-size:13px}.academy-shell .cloud-status.is-synced{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.academy-shell .cloud-status:not(.is-synced),.academy-shell .storage-warning,.academy-shell .inline-status{max-width:1160px;margin:16px auto}.academy-shell .site-footer{color:#67715d;background:0 0;border-top:1px solid #e1e4d9;gap:20px;max-width:1160px;margin:60px auto 0;padding:23px 0;font-size:11px}.academy-shell .footer-logo{color:#34422c;font:800 18px Manrope,sans-serif}.academy-shell .footer-progress{background:#e3e7d9}.academy-home,.academy-learning-lobby{max-width:1160px;margin:0 auto;padding:40px 0 0}.academy-primary,.academy-secondary,.academy-link{justify-content:center;align-items:center;gap:9px;min-height:44px;font:600 14px Noto Sans Thai,sans-serif;text-decoration:none;transition:background .16s,transform .16s;display:inline-flex}.academy-primary{color:#30351f;background:#f4d45a;border:1px solid #e5c24c;border-radius:12px;padding:12px 21px;box-shadow:0 4px 10px #b99c3320}.academy-primary:hover{background:#f8df7b;transform:translateY(-1px)}.academy-secondary{color:#45533d;background:#fffefa;border:1px solid #dce1d0;border-radius:12px;padding:10px 17px}.academy-secondary:hover{background:#f0f2e8}.academy-link{color:#53653e;background:0 0;border:0;min-height:34px;padding:4px 0;font-size:13px}.academy-link:hover{color:#262b23;text-underline-offset:5px;text-decoration:underline}.academy-page-heading{justify-content:space-between;align-items:center;gap:24px;margin:0 0 30px;display:flex}.academy-page-heading h1{margin:0 0 4px;font-size:32px;font-weight:700;line-height:1.5}.academy-page-heading p{color:#68705f;margin:0;font-size:14px;line-height:1.8}.academy-page-heading .academy-greeting{margin-bottom:3px;font-size:13px}.academy-date{color:#707963;font-size:12px}.academy-section-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.academy-section-title :is(h2,h3){margin:0;font-size:20px;font-weight:700;line-height:1.5}.academy-section-title p{color:#6c7661;margin:7px 0 0;font-size:14px}.academy-dashboard-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px;display:grid}.academy-main-column,.academy-side-column{min-width:0}.academy-continue{isolation:isolate;background:#f0f0e1;border-radius:20px;min-height:318px;display:flex;position:relative;overflow:hidden}.academy-continue-copy{z-index:1;width:58%;padding:28px;position:relative}.academy-current-status{color:#61704b;align-items:center;gap:7px;font-size:12px;display:flex}.academy-continue h2{letter-spacing:-.035em;margin:18px 0 4px;font:800 43px/1.3 Manrope,sans-serif}.academy-continue h3{margin:0 0 12px;font-size:18px;font-weight:600}.academy-continue p{color:#657056;margin:0 0 14px;font-size:13px;line-height:1.8}.academy-reading-meta{color:#697357;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:22px;font-size:11px;display:flex}.academy-reading-meta>span{margin-left:8px}.academy-continue-art{z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 0 0 48%}.academy-continue-art img{mix-blend-mode:multiply;pointer-events:none;width:160%;max-width:none}.academy-continue-art>span{color:#63734b;background:#fffdf4;border-radius:9px;padding:7px 12px;font-size:11px;position:absolute;bottom:25px;right:25px}.academy-study-overview{margin-top:30px}.academy-topic-list{border-top:1px solid #e2e5d9}.academy-topic-list>button{text-align:left;color:#35412f;background:0 0;border:0;border-bottom:1px solid #e2e5d9;align-items:center;gap:16px;width:100%;padding:16px 3px;display:flex}.academy-topic-list>button:hover{background:#f0f2e6}.academy-topic-index{background:#e9eddd;border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;font:700 14px Manrope,sans-serif;display:grid}.academy-topic-list strong{font:700 15px Manrope,sans-serif;display:block}.academy-topic-list small{color:#68735d;margin-top:4px;font-size:11px;display:block}.academy-topic-meter{text-align:right;width:130px;margin-left:auto}.academy-topic-meter progress{border:0;width:100%;height:5px}.academy-side-column{background:#f0f2e8;border-radius:18px;padding:22px}.academy-league-heading h2{align-items:center;gap:8px;margin:0 0 13px;font-size:20px;display:flex}.academy-league-heading>select{color:#4e5d42;background:#fafbf5;border:1px solid #d6ddca;border-radius:9px;width:100%;min-width:0;margin-bottom:8px;padding:8px 10px;font-size:12px}.academy-league-room{color:#667456;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.8}.academy-mini-podium{justify-content:center;align-items:flex-end;gap:8px;min-height:205px;padding:28px 0 0;display:flex}.mini-place{text-align:center;flex-direction:column;align-items:center;gap:7px;width:31%;min-width:0;display:flex}.mini-place-1{order:2}.mini-place-2{order:1}.mini-place-3{order:3}.mini-avatar{color:#536247;background:#e5e9dd;border:3px solid #fffaf0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.mini-avatar>b{font:800 19px Manrope,sans-serif}.mini-avatar>svg{color:#aa831f;position:absolute;bottom:42px}.mini-place-1 .mini-avatar{color:#5c5127;background:#f4d974}.mini-place>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}.mini-plinth{color:#4d6040;background:#dfe6d3;border-radius:10px 10px 0 0;flex-direction:column;justify-content:space-between;width:100%;height:66px;padding:8px 3px 9px;display:flex}.mini-place-1 .mini-plinth{color:#655326;background:#f1df9a;height:91px}.mini-place-3 .mini-plinth{color:#6b614d;background:#e9e3d2;height:53px}.mini-plinth>b{font:800 25px/1.2 Manrope,sans-serif}.mini-plinth small{font:600 10px Manrope,sans-serif}.academy-week-label{color:#68765a;text-align:center;margin:13px 0 17px;font-size:10px}.academy-league-preview>.academy-secondary{width:100%;font-size:12px}.academy-league-empty{text-align:center;color:#748557;padding:22px 0}.academy-league-empty h3{margin:12px 0 8px;font-size:18px}.academy-league-empty p{color:#627252;font-size:12px;line-height:1.9}.academy-my-room{border-top:1px solid #dbe1cf;margin-top:23px;padding-top:22px}.academy-my-room h3{font-size:16px}.academy-my-room>.academy-section-title{margin-bottom:10px}.academy-my-room>strong{overflow-wrap:anywhere;font-size:13px;display:block}.academy-my-room p{color:#68775a;margin:8px 0;font-size:12px;line-height:1.8}.academy-after-study{border-top:1px solid #e0e4d4;border-bottom:1px solid #e0e4d4;align-items:center;gap:24px;margin-top:42px;padding:24px 0;display:flex}.academy-after-study>div{flex:1}.academy-after-study h2{margin:0 0 7px;font-size:20px}.academy-after-study p{color:#70795f;margin:0;font-size:13px;line-height:1.8}.academy-game-proof{color:#71785e;align-items:center;gap:7px;font-size:11px;display:flex}.academy-room-picks{grid-template-columns:1fr 1fr;gap:10px;display:grid}.academy-room-picks button{color:#526144;text-align:left;background:#fffefa;border:1px solid #dfe3d5;border-radius:12px;align-items:center;gap:11px;min-width:0;padding:15px;display:flex}.academy-room-picks button[aria-pressed=true]{background:#f7edc6;border-color:#e3cc79}.academy-room-picks button>span{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px}.academy-room-picks small{color:#6c785e;margin-top:4px;font-size:11px;display:block}.academy-room-pulse{background:#fffefa;border:1px solid #e0e5d4;border-radius:16px;margin-top:22px;padding:24px}.academy-room-pulse h3{font-size:18px}.academy-pulse-bars>div{grid-template-columns:110px 1fr 70px;align-items:center;gap:15px;margin:21px 0;font-size:12px;display:grid}.academy-pulse-bars progress{width:100%;height:14px}.academy-pulse-bars strong{text-align:right;font-size:12px;font-weight:500}.academy-admin-entry{margin-top:20px}.academy-empty{text-align:center;background:#f1f3e9;border-radius:16px;padding:36px}.academy-empty p{color:#6b775b;font-size:14px;line-height:1.8}.academy-landing-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:35px;min-height:485px;display:grid}.academy-landing-hero h1{letter-spacing:-.025em;margin:0 0 23px;font-size:clamp(40px,4.2vw,58px);font-weight:700;line-height:1.55}.academy-landing-hero mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#f5dc7c;border-radius:9px;padding:0 10px}.academy-landing-hero p{color:#647156;margin:0 0 28px;font-size:17px;line-height:1.95}.academy-actions{flex-wrap:wrap;align-items:center;gap:25px;display:flex}.academy-landing-note{color:#6d785f;margin-top:18px;font-size:12px;display:block}.academy-landing-visual{min-width:0;position:relative}.academy-landing-visual>img{mix-blend-mode:multiply;width:120%;max-width:none;margin-left:-10%}.academy-visual-caption{color:#69795a;background:#fffefa;border:1px solid #e0e5d4;border-radius:14px;align-items:center;gap:12px;min-width:265px;padding:15px 20px;font-size:11px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.academy-visual-caption strong{color:#394b2d;margin-bottom:5px;font-size:14px;display:block}.academy-landing-lessons{margin-top:55px}.academy-public-topics{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.academy-public-topics button{text-align:left;color:#435135;background:0 0;border:1px solid #d9dfca;border-left:0;border-right:0;align-items:center;gap:13px;padding:20px 0;display:flex}.academy-public-topics button:hover{background:#eff2e5}.academy-public-topics button>span{color:#879573;font:700 19px Manrope}.academy-public-topics button>div{flex:1}.academy-public-topics strong{font:800 19px Manrope}.academy-public-topics p{color:#6c795d;margin:6px 0 0;font-size:12px}.academy-learning-lobby{padding-top:44px}.academy-library-bottom{border-top:1px solid #e1e5d5;justify-content:space-between;align-items:center;gap:25px;margin-top:30px;padding-top:26px;display:flex}.academy-library-bottom h2{margin:0 0 7px;font-size:19px}.academy-library-bottom p{color:#69765b;margin:0;font-size:13px;line-height:1.8}.academy-public-reader{max-width:1160px;margin:35px auto}.academy-shell .academy-learning-lobby .lesson-shelf{color:#34422c;box-shadow:none;background:#eeeee2;border:0;border-radius:18px;padding:30px 30px 24px}.academy-shell .shelf-catalog .shelf-heading{color:#657353;margin:0;padding-bottom:18px;font-size:12px}.academy-shell .shelf-catalog .shelf-heading>span{font:600 12px Manrope}.academy-shell .shelf-catalog .shelf-light{display:none}.academy-shell .shelf-catalog .shelf-books{gap:28px;padding:12px 0 0}.academy-shell .shelf-catalog .shelf-book{height:255px}.academy-shell .shelf-catalog .shelf-book-face{padding:16px 17px 15px 20px}.academy-shell .shelf-catalog .shelf-cover-title{margin-top:26px;font-size:30px}.academy-shell .shelf-catalog .shelf-cover-subtitle{font-size:12px;line-height:1.8}.academy-shell .shelf-catalog .shelf-cover-diagram{height:75px}.academy-shell .shelf-catalog .shelf-cover-bottom{font-size:10px}.academy-shell .shelf-catalog .shelf-book-purpose{color:#5b6a4e;margin-top:18px;font-size:11px;line-height:1.8}.academy-shell .shelf-catalog .shelf-footnote{color:#69765b;border-color:#dce1d1;margin-top:22px;padding-top:16px;font-size:11px}.academy-shell .shelf-catalog .volume-array{--cover:#f2dc83}.academy-shell .shelf-catalog .volume-stack{--cover:#d2ddbe}.academy-shell .shelf-catalog .volume-queue{--cover:#dbd4e5}.academy-shell .shelf-catalog .volume-graph{--cover:#c8dbe0}.academy-inline-error{color:#914931;background:#fff1e9;border-radius:12px;padding:14px 18px;font-size:13px}.academy-inline-error button{margin-left:12px}.academy-shell main>.course-reader{margin:34px auto 0}.academy-shell .course-paper{box-shadow:none;border-color:#e0e5d6;border-radius:16px;padding:30px}.academy-shell .course-chapters button{box-shadow:none;background:#f3f4eb;border-radius:11px}.academy-shell .course-chapters [aria-current]{box-shadow:none;background:#f6e6aa;border-color:#dfc66d}.academy-shell .course-example{background:#f5efd9;border-left:0;border-radius:12px;font-weight:500}.academy-shell .course-primary{background:#f4d45a!important;border-radius:11px!important;box-shadow:0 3px 8px #c9ac2b1a!important}.academy-shell .course-lab{background:#eff2e7;border:0;border-radius:14px}.study-guest-note{color:#67755a;justify-content:space-between;align-items:center;gap:15px;margin:0 0 20px;font-size:12px;display:flex}.study-guest-note button{color:#4e633a;text-underline-offset:4px;background:0 0;border:0;font-size:12px;text-decoration:underline}.academy-archive-back{color:#53653e;background:0 0;border:0;align-items:center;gap:8px;max-width:1160px;margin:24px auto 10px;font-size:14px;display:flex}.app.academy-shell .school-workspace{max-width:1160px;box-shadow:none;color:#262b23;--school-accent:#45533d;--school-ink:#262b23;--school-muted:#68705f;--school-line:#e1e4d9;background:0 0;border:0;border-radius:0;min-height:0;margin:30px auto 0;padding:0;display:block}.app.academy-shell .school-content{box-shadow:none;background:0 0;border:0;border-radius:0;min-width:0;padding:0}.app.academy-shell .school-sidebar{min-height:0;box-shadow:none!important;background:0 0!important;border:0!important;padding:0 0 20px!important}.app.academy-shell .school-sidebar-title{display:none}.app.academy-shell .school-sidebar nav{border-bottom:1px solid #e1e5d6;flex-wrap:wrap;gap:5px;padding-bottom:15px;display:flex}.app.academy-shell .school-sidebar nav button{color:#66765a;background:0 0;border:0;border-radius:10px;min-height:38px;padding:8px 13px;font-size:12px}.app.academy-shell .school-sidebar nav button.selected{color:#3f502f;background:#e9eedb}.app.academy-shell .school-sidebar nav button span{color:inherit;background:0 0}.app.academy-shell .school-heading{box-shadow:none;background:0 0;border:0;align-items:center;min-height:0;margin:0 0 26px;padding:0}.app.academy-shell .school-welcome{color:#262b23;background:0 0;border:0;border-radius:0;min-height:0;padding:0;overflow:visible}.app.academy-shell .school-welcome-art{display:none}.app.academy-shell .school-heading h1{color:#262b23;margin:0 0 7px;font-size:30px;line-height:1.5}.app.academy-shell .school-heading p{color:#68745d;margin:0;font-size:13px;line-height:1.8}.app.academy-shell .school-heading-icon{display:none}.app.academy-shell .school-primary{box-shadow:0 3px 9px #b99c3318;color:#333b23!important;background:#f4d45a!important;border:1px solid #e0c04a!important;border-radius:11px!important}.app.academy-shell .school-primary:hover{background:#f8df7b!important}.app.academy-shell .school-workspace button{min-height:38px}.app.academy-shell .school-join{background:#eeefe3;border:0;border-radius:14px;gap:18px;margin:0 0 26px;padding:19px 22px}.app.academy-shell .school-join h2{margin:0 0 3px;font-size:17px}.app.academy-shell .school-join p{color:#68775b;margin:0;font-size:12px}.app.academy-shell .school-workspace :is(input,select,textarea){color:#3f4c33;box-shadow:none;background:#fffefa;border:1px solid #dbe1d0;border-radius:10px;min-height:42px;font-size:13px}.app.academy-shell .school-workspace input::placeholder{color:#778169}.app.academy-shell .school-toolbar{box-shadow:none;background:0 0;border:0;gap:14px;margin:0 0 20px;padding:0}.app.academy-shell .school-toolbar>.school-search-field{max-width:340px}.app.academy-shell .school-room-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}.app.academy-shell .school-room-row{box-shadow:none;background:#fffefa;border:1px solid #dce2d0;border-radius:14px;gap:15px;min-width:0;padding:22px;transition:border-color .15s,background .15s}.app.academy-shell .school-room-row:hover{box-shadow:none;background:#f5f7eb;border-color:#acba8b;transform:none}.app.academy-shell .school-room-icon{color:#64794a;background:#e9eedc;border-radius:12px;width:44px;height:48px}.app.academy-shell .school-room-copy{min-width:0}.app.academy-shell .school-room-copy strong{color:#34442c;overflow-wrap:anywhere;font-size:16px}.app.academy-shell .school-room-copy>span{color:#6c7a5b;font-size:11px;line-height:1.8}.app.academy-shell .school-room-count{white-space:nowrap;color:#4a5f39;font-size:14px}.app.academy-shell .school-room-count small{font-size:10px}.app.academy-shell .school-tabs{background:0 0;border:0;border-bottom:1px solid #dde3d0;border-radius:0;gap:8px;margin-bottom:25px;padding:0 0 12px}.app.academy-shell .school-tabs button{color:#637657;box-shadow:none;background:0 0;border:0;border-radius:10px;padding:9px 14px;font-size:13px}.app.academy-shell .school-tabs button[aria-current],.app.academy-shell .school-tabs button.active{color:#4f4c2c;box-shadow:none;background:#f7e7ad}.app.academy-shell .school-overview-facts{border-bottom:1px solid #dde4d1;gap:20px;margin:0 0 24px}.app.academy-shell .school-overview-facts>button{box-shadow:none;text-align:left;background:0 0;border:0;border-radius:0;padding:12px 0 24px}.app.academy-shell .school-overview-facts>button>strong{color:#405331;font:700 32px Manrope}.app.academy-shell :is(.school-class-chart,.school-follow-up){box-shadow:none;background:#fffefa;border:1px solid #e0e5d4;border-radius:14px}.app.academy-shell .school-class-chart .school-chart-row{background:0 0;border:0;padding:16px 0}.app.academy-shell .school-chart-track.pre i{background:#a5b88d}.app.academy-shell .school-chart-track.post i{background:#d4b348}.app.academy-shell .school-chart-track.passed i{background:#637d47}.app.academy-shell .school-people-list{background:#fffefa;border:1px solid #e0e5d4;border-radius:14px;overflow:hidden}.app.academy-shell .school-person-row{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e6e9de;border-radius:0;gap:14px;margin:0;padding:18px}.app.academy-shell .school-person-row:last-child{border-bottom:0}.app.academy-shell .school-person-avatar{color:#5c7343;background:#e8eddb}.app.academy-shell .school-person-name strong{font-size:14px}.app.academy-shell .school-person-name small{font-size:11px}.app.academy-shell .school-progress-button{color:#4e643b;box-shadow:none;background:#f1f4e9;border:1px solid #dfe6d2;border-radius:9px;font-size:12px}.app.academy-shell .school-account-button{color:#6a795a;background:0 0;border:0;font-size:12px}.app.academy-shell .school-account-tools{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 0 23px;padding:0}.app.academy-shell .school-segments{box-shadow:none;background:#edf0e4;border:0;border-radius:10px;padding:4px}.app.academy-shell .school-segments button{box-shadow:none;color:#617051;background:0 0;border-radius:7px;font-size:12px}.app.academy-shell .school-segments button[aria-pressed=true]{color:#344c29;background:#fffefa;box-shadow:0 2px 5px #2c401915}.app.academy-shell .school-detail-nav{background:0 0;border:0;border-bottom:1px solid #dde4d1;border-radius:0;gap:8px;margin-bottom:24px;padding:0 0 12px}.app.academy-shell .school-detail-nav button{color:#627454;box-shadow:none;background:0 0;border:0;border-radius:10px;font-size:12px}.app.academy-shell .school-detail-nav button[aria-pressed=true]{color:#544c2a;background:#f5e5ac}.app.academy-shell .school-dialog{background:#fffefa;border:1px solid #e0e5d4;border-radius:18px;max-height:92dvh;box-shadow:0 20px 80px #25311d33}.app.academy-shell .school-dialog-heading{color:#293922;background:#fffefa;border-bottom:1px solid #e2e6d8;padding:22px 26px}.app.academy-shell .school-dialog-heading h2{font-size:24px;color:#293922!important}.app.academy-shell .school-dialog-heading p{color:#728163;font-size:12px}.app.academy-shell .school-dialog-heading>button{color:#50623c;background:#edf1e5;border:0;border-radius:10px;width:36px;height:36px;padding:8px}.app.academy-shell .school-dialog-body{padding:24px 26px}.app.academy-shell .school-learner-dialog{background:#fffefa}.app.academy-shell .school-learner-switch{background:0 0;border:0;gap:12px;margin:0 0 18px;padding:0}.app.academy-shell .school-learner-switch label{max-width:440px;font-size:12px}.app.academy-shell .school-learner-switch>span{display:none}.app.academy-shell .school-learner-summary{box-shadow:none;background:#f0f3e7;border:0;border-radius:14px;margin-bottom:25px;padding:20px}.app.academy-shell .school-learner-summary>div{box-shadow:none;background:0 0;border:0}.app.academy-shell .school-learner-summary strong{font-size:27px}.app.academy-shell .school-score-chart{box-shadow:none;background:#faf9ef;border:1px solid #e3e6d7;border-radius:14px}.app.academy-shell .school-score-chart svg{max-height:170px}.course-report{background:0 0;border:0;margin:24px 0;padding:0}.course-report>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.course-report h3{margin:0;font-size:20px}.course-report>header p{color:#6a785c;margin:5px 0 0;font-size:12px;line-height:1.8}.course-report header label{max-width:45%;font-size:12px}.course-report-grid{background:#f0f3e7;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:20px;display:grid}.course-report-grid article{background:0 0;border:0;min-width:0;padding:0}.course-report-grid article>span{display:none}.course-report-grid h4{margin:0 0 8px;font:700 16px Manrope}.course-report-grid strong{color:#61754d;font-size:11px;font-weight:500}.course-report-grid progress{width:100%;height:6px;margin:10px 0 3px}.course-report-grid p,.course-report-grid small{color:#6a795a;margin:4px 0;font-size:10px;line-height:1.8}.academy-shell .course-activity{background:0 0;border:0;margin:0;padding:20px 0}.academy-shell .course-activity header h3{font-size:18px}.academy-shell .course-activity-days{gap:5px}.academy-shell .course-activity-days button{border-radius:7px;min-height:33px;font-size:11px}.academy-shell .course-activity-detail{font-size:11px}.course-start-note{color:#6d6037;background:#f4edcf;border:0;border-radius:10px;padding:12px 16px;font-size:12px;line-height:1.9}.course-summary{background:#f2f4e8;border-radius:14px;margin:20px 0;padding:24px}.course-summary header>span{color:#73845b;font-size:11px}.course-summary h3{margin:8px 0;font-size:21px}.course-summary p{color:#68775b;font-size:13px;line-height:1.9}.course-summary-scores{grid-template-columns:1fr 1fr;gap:25px;margin:20px 0;display:grid}.course-summary-scores>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.course-summary-scores strong{color:#5c713f;margin-left:auto;font:800 28px Manrope}.course-summary-scores progress{width:100%;height:8px}.course-summary details{background:#fffefa;border-radius:10px;padding:15px}.course-summary summary{cursor:pointer;font-weight:600}.course-summary li{padding:5px;font-size:13px;line-height:1.8}.course-example>small{color:#726540;margin-bottom:5px;font-size:11px;font-weight:500;display:block}:is(.academy-shell .school-workspace:has(.course-reader),.academy-shell .school-workspace:has(.school-exam)){display:block}.academy-shell .school-workspace:has(.course-reader) .school-sidebar{display:none}.academy-auth{grid-template-columns:1fr 1fr;gap:30px;display:grid}.academy-auth-art{background:#f1eedc;border-radius:16px;min-height:390px;padding:24px;position:relative;overflow:hidden}.academy-auth-art>span{color:#6e795e;font:700 11px Manrope}.academy-auth-art h3{z-index:1;margin:16px 0;font-size:27px;line-height:1.6;position:relative}.academy-auth-art img{mix-blend-mode:multiply;width:140%;max-width:none;position:absolute;top:110px;left:-20%}.academy-auth-art p{z-index:1;color:#5d6b4e;margin:0;font-size:12px;line-height:1.8;position:absolute;bottom:16px}.academy-auth-form{align-self:center;min-width:0}.academy-shell .modal:has(.academy-auth){background:#fffefa;border-radius:18px;max-width:850px}.academy-shell .modal:has(.academy-auth) .modal-head{margin-bottom:20px}.academy-shell .academy-auth-form .account-form{margin:0}.academy-shell .academy-auth-form input{font-size:16px}.academy-auth-form .button.primary{color:#333b23;min-height:46px;box-shadow:none;background:#f4d45a;border-color:#e2c34e}@media (width<=1230px){.academy-home,.academy-learning-lobby,.academy-public-reader,.app.academy-shell .school-workspace,.academy-shell main>.course-reader,.academy-shell .site-footer{margin-left:28px;margin-right:28px}.academy-dashboard-grid{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.academy-shell .header-inner{gap:12px}.academy-shell .portal-header nav button{padding:10px 11px}.academy-shell .member-identity>span:last-child{display:none}}@media (width<=900px){.academy-dashboard-grid{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.academy-side-column{padding:18px}.academy-continue-copy{width:64%;padding:22px}.academy-continue-art{left:53%}.academy-game-proof{display:none}.academy-room-picks{grid-template-columns:1fr}.academy-shell .shelf-catalog .shelf-books{gap:18px}.academy-shell .shelf-catalog .shelf-book{height:230px}.academy-shell .shelf-catalog .shelf-cover-title{font-size:25px}.academy-shell .shelf-catalog .shelf-cover-bottom>span:last-child{display:none}.academy-shell .shelf-catalog .shelf-book-face{padding:14px}.academy-shell .portal-header nav button{padding:9px 10px}.academy-shell .portal-header nav svg{display:none}.academy-shell .header-actions{gap:3px}}@media (width<=700px){.academy-home,.academy-learning-lobby,.academy-public-reader,.app.academy-shell .school-workspace,.academy-shell main>.course-reader{margin-left:18px;margin-right:18px}.academy-home,.academy-learning-lobby{padding-top:28px}.academy-shell .portal-header{padding:12px 14px 0}.academy-shell .header-inner{border-radius:16px;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 12px!important}.academy-shell .brand>span{font-size:21px}.academy-shell .brand>img{width:27px;height:32px}.academy-shell .portal-header nav{border-top:1px solid #eceee3;order:3;justify-content:space-between;width:100%;margin:0;padding-top:6px;overflow:auto}.academy-shell .portal-header nav button{white-space:nowrap;flex:1;justify-content:center;min-height:38px;padding:8px 9px;font-size:12px}.academy-shell .portal-header nav svg,.academy-shell .member-identity{display:none}.academy-shell .login-button{min-height:38px;padding:9px 13px;font-size:12px}.academy-page-heading{align-items:flex-start;gap:16px;margin-bottom:23px}.academy-page-heading h1{font-size:27px}.academy-page-heading p{font-size:12px}.academy-date{display:none}.academy-page-heading>.academy-primary{min-height:42px;padding:10px 12px;font-size:12px}.academy-page-heading>.academy-primary svg{width:15px}.academy-dashboard-grid{grid-template-columns:1fr;gap:26px}.academy-continue{min-height:290px}.academy-continue h2{font-size:39px}.academy-continue h3{font-size:17px}.academy-continue-art{left:53%}.academy-continue-copy{width:66%;padding:23px}.academy-continue-art>span{padding:6px 9px;font-size:10px;bottom:18px;right:15px}.academy-reading-meta>span{margin-left:0}.academy-continue p{max-width:26ch}.academy-side-column{padding:22px}.academy-mini-podium{gap:20px;min-height:180px;padding-top:25px}.mini-place{max-width:110px}.academy-my-room{margin-top:20px;padding-top:18px}.academy-topic-meter{width:85px}.academy-topic-list>button{gap:12px}.academy-after-study{flex-wrap:wrap;align-items:flex-start;gap:18px;margin-top:30px}.academy-after-study>div{min-width:100%}.academy-after-study h2{font-size:20px}.academy-landing-hero{grid-template-columns:1fr;gap:12px;min-height:0}.academy-landing-hero h1{margin-bottom:20px;font-size:39px}.academy-landing-hero p{margin-bottom:22px;font-size:15px}.academy-actions{gap:18px}.academy-landing-visual{max-width:400px;margin:10px auto 0}.academy-landing-visual>img{width:100%;margin:0}.academy-visual-caption{padding:12px 16px;bottom:5px}.academy-landing-lessons{margin-top:36px}.academy-public-topics{grid-template-columns:1fr 1fr;gap:0 20px}.academy-public-topics button{border-top:0;padding:18px 0}.academy-public-topics button>span{display:none}.academy-public-topics strong{font-size:18px}.academy-public-topics p{font-size:11px}.academy-section-title{gap:10px}.academy-section-title h2{font-size:19px}.academy-section-title p{font-size:12px}.academy-section-title .academy-link{font-size:11px}.academy-library-bottom{margin-top:25px;padding-top:22px;display:block}.academy-library-bottom .academy-link{margin-top:12px}.academy-shell .academy-learning-lobby .lesson-shelf{border-radius:15px;padding:22px 18px 18px}.academy-shell .shelf-catalog .shelf-heading{padding-bottom:12px}.academy-shell .shelf-catalog .shelf-heading small{display:none}.academy-shell .shelf-catalog .shelf-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 19px}.academy-shell .shelf-catalog .shelf-book{height:218px}.academy-shell .shelf-catalog .shelf-cover-title{margin-top:21px;font-size:25px}.academy-shell .shelf-catalog .shelf-cover-subtitle{font-size:10px}.academy-shell .shelf-catalog .shelf-cover-diagram{height:65px}.academy-shell .shelf-catalog .shelf-cover-bottom{font-size:9px}.academy-shell .shelf-catalog .shelf-book-purpose{min-height:36px;margin-top:14px;font-size:10px}.academy-shell .shelf-catalog .shelf-footnote{font-size:10px;line-height:1.8}.academy-shell .shelf-catalog .shelf-imprint{font-size:9px}.academy-shell .shelf-catalog .shelf-book-status{font-size:10px}.academy-shell .course-paper{padding:20px 16px}.academy-shell .course-reader-header>button{font-size:12px}.academy-shell .course-chapters{gap:7px}.academy-shell .course-chapters button{font-size:12px}.academy-shell .course-example{padding:14px}.study-guest-note{flex-wrap:wrap;align-items:flex-start;gap:4px;font-size:11px}.study-guest-note button{font-size:11px}.academy-shell .site-footer{flex-wrap:wrap;gap:12px;margin:40px 18px 0;padding:20px 0;font-size:10px}.app.academy-shell .school-heading h1{font-size:25px}.app.academy-shell .school-heading p{font-size:12px}.app.academy-shell .school-heading{align-items:flex-start;gap:14px;margin-bottom:23px}.app.academy-shell .school-heading>.school-primary{white-space:nowrap;padding:10px 12px;font-size:12px}.app.academy-shell .school-join{grid-template-columns:1fr auto;gap:13px;padding:18px;display:grid}.app.academy-shell .school-join>div{grid-column:1/-1}.app.academy-shell .school-join input{width:100%;min-width:0}.app.academy-shell .school-join label{min-width:0}.app.academy-shell .school-toolbar{flex-wrap:wrap;gap:12px}.app.academy-shell .school-toolbar>.school-search-field{width:100%;max-width:none}.app.academy-shell .school-room-list{grid-template-columns:1fr;gap:12px}.app.academy-shell .school-room-row{gap:12px;padding:18px}.app.academy-shell .school-room-copy strong{font-size:14px}.app.academy-shell .school-tabs{flex-wrap:nowrap;gap:4px;overflow-x:auto}.app.academy-shell .school-tabs button{white-space:nowrap;padding:9px 12px;font-size:12px}.app.academy-shell .school-tabs button svg{display:none}.app.academy-shell .school-person-row{gap:12px;padding:16px}.app.academy-shell .school-overview-facts{gap:10px}.app.academy-shell .school-overview-facts>button>strong{font-size:27px}.app.academy-shell .school-dialog-heading{padding:18px}.app.academy-shell .school-dialog-heading h2{font-size:21px}.app.academy-shell .school-dialog-body{padding:18px}.app.academy-shell .school-detail-nav{flex-wrap:nowrap;gap:5px;overflow-x:auto}.app.academy-shell .school-detail-nav button{white-space:nowrap;padding:10px;font-size:11px}.course-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:17px}.course-report h3{font-size:18px}.course-report>header{flex-wrap:wrap;align-items:flex-start;gap:12px}.course-report header label{max-width:100%}.academy-auth{grid-template-columns:1fr}.academy-auth-art{display:none}.academy-shell .modal:has(.academy-auth){max-width:450px}.course-summary-scores{gap:15px}}@media (width<=360px){.academy-home,.academy-learning-lobby,.academy-public-reader,.app.academy-shell .school-workspace,.academy-shell main>.course-reader{margin-left:13px;margin-right:13px}.academy-shell .shelf-catalog .shelf-book{height:203px}.academy-shell .shelf-catalog .shelf-book-face{padding:12px 9px}.academy-shell .shelf-catalog .shelf-cover-title{font-size:22px}.academy-shell .shelf-catalog .shelf-cover-diagram{height:57px}.academy-shell .shelf-catalog .shelf-books{gap:25px 16px}.academy-shell .academy-learning-lobby .lesson-shelf{padding:19px 14px}.academy-page-heading{flex-wrap:wrap}.academy-continue-copy{width:73%;padding:20px}.academy-continue-art{left:62%}.academy-continue-art>span{display:none}.academy-topic-meter{width:67px}.academy-pulse-bars>div{grid-template-columns:85px 1fr 58px;gap:9px;font-size:11px}}@media (prefers-reduced-motion:reduce){.academy-shell *{scroll-behavior:auto!important}.academy-primary,.academy-secondary,.academy-shell .school-room-row{transition:none}.academy-primary:hover{transform:none}}.academy-profile-page{max-width:1160px;margin:0 auto}.academy-profile-page>.profile-back{color:#69785a;background:0 0;border:0;align-items:center;gap:8px;min-height:32px;margin-bottom:22px;padding:0;font-size:13px;display:flex}.academy-profile-heading{align-items:center;gap:18px;margin-bottom:24px;display:flex}.academy-profile-avatar{color:#617343;background:#e9eecf;border-radius:18px;flex-shrink:0;place-items:center;width:61px;height:61px;font:800 25px Manrope;display:grid}.academy-profile-heading h2{overflow-wrap:anywhere;margin:0 0 3px;font-size:27px;line-height:1.5}.academy-profile-heading p{color:#6b795d;overflow-wrap:anywhere;margin:0;font-size:12px}.academy-profile-page .school-learner-switch{float:right;max-width:42%;margin:0 0 14px 20px}.academy-profile-page .school-detail-nav{clear:both}.study-progress-chart{background:#fffefa;border:1px solid #e0e6d4;border-radius:15px;margin:25px 0;padding:24px}.study-progress-chart>header,.learning-evidence section>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.study-progress-chart h3,.learning-evidence h3{align-items:center;gap:9px;margin:0;font-size:20px;line-height:1.5;display:flex}.study-progress-chart header p,.learning-evidence header p{color:#6b7a5d;margin:5px 0 0;font-size:12px;line-height:1.8}.study-progress-chart header>span{color:#60754a;align-items:center;gap:7px;font-size:13px;display:flex}.study-progress-rows>div{border-top:1px solid #ebeee3;grid-template-columns:155px 1fr 150px;align-items:center;gap:22px;padding:14px 0;display:grid}.study-progress-rows>div:first-child{border-top:0}.study-progress-rows strong{font:700 15px Manrope}.study-progress-rows small{color:#6e7a61;margin-top:5px;font-size:11px;display:block}.study-progress-track{background:#edf0e5;border-radius:6px;height:10px;overflow:hidden}.study-progress-track>i{background:#c1ce9e;border-radius:6px;height:100%;display:block}.is-complete .study-progress-track>i{background:#839960}.study-progress-value{text-align:right;color:#56743e;font-size:12px}.study-progress-value svg{vertical-align:middle;margin-right:4px}.learning-evidence{grid-template-columns:1fr;gap:30px;margin-top:30px;display:grid}.learning-evidence section{background:0 0;border:0;min-width:0;padding:0}.evidence-stars{color:#a78b2c;align-items:center;gap:7px;display:flex}.evidence-stars strong{color:#665b31;font:800 27px Manrope}.evidence-stars small{color:#7d785e;font-size:11px}.evidence-worlds{grid-template-columns:1fr 1fr;gap:19px 30px;display:grid}.evidence-worlds article{grid-template-columns:70px 1fr;align-items:center;gap:15px;min-width:0;display:grid}.evidence-worlds img{object-fit:cover;border-radius:12px;width:70px;height:75px}.evidence-worlds article>div{min-width:0}.evidence-world-heading{justify-content:space-between;gap:10px;display:flex}.evidence-world-heading strong{font-size:13px;font-weight:600}.evidence-world-heading>span{color:#6d7d59;font:600 12px Manrope}.evidence-world-track{background:#e8eddd;border-radius:5px;height:6px;margin:10px 0;overflow:hidden}.evidence-world-track i{background:#a7bc77;border-radius:5px;height:100%;display:block}.evidence-missions{align-items:center;gap:5px;display:flex}.evidence-missions>span{color:#7c886a;background:#edf0e6;border-radius:5px;place-items:center;width:25px;height:22px;font:600 10px Manrope;display:grid}.evidence-missions>span.complete{color:#455f2c;background:#d3dfb7}.evidence-missions>span.started{color:#786433;background:#f2e4b8}.evidence-legend{color:#718060;justify-content:flex-end;gap:18px;margin:20px 0 0;font-size:10px;display:flex}.evidence-legend span{align-items:center;gap:6px;display:flex}.evidence-legend i{background:#e4e9da;border-radius:2px;width:8px;height:8px}.evidence-legend i.complete{background:#a7bc77}.evidence-legend i.started{background:#e5ca78}.evidence-lesson-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.evidence-lesson-grid article{border-top:1px solid #dfe6d2;min-width:0;padding:17px 0}.evidence-lesson-grid article>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.evidence-lesson-grid strong{font-size:13px}.evidence-lesson-grid article>div>span{color:#70835b;white-space:nowrap;font-size:10px}.evidence-lesson-track{background:#e8eddd;border-radius:4px;height:5px;margin:13px 0 9px;overflow:hidden}.evidence-lesson-track i{background:#a7bc77;border-radius:4px;height:100%;display:block}.evidence-lesson-grid p,.evidence-lesson-grid small{color:#748262;margin:0;font-size:11px;line-height:1.8}.evidence-lessons header>strong{color:#73855c;font:600 13px Manrope}.admin-course-progress{margin:28px 0}.admin-course-progress>header{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-course-progress>header h3{align-items:center;gap:8px;margin:0;font-size:20px;display:flex}.admin-course-progress>header p{color:#6b7a5c;margin:7px 0;font-size:12px;line-height:1.8}.admin-course-progress>header label{max-width:320px;font-size:11px}.admin-course-progress>header select{width:100%;margin-top:5px;display:block}.admin-course-progress>.admin-room-empty{color:#6e7e5b;border:1px dashed #d5dfc2;border-radius:11px;margin:18px 0;padding:15px 18px;font-size:12px}.admin-course-progress>.admin-room-empty strong{color:#536b3c;font-weight:600}.admin-course-progress>.course-report{margin-top:22px}@media (width<=700px){.academy-profile-heading h2{font-size:22px}.academy-profile-avatar{border-radius:14px;width:46px;height:46px;font-size:21px}.academy-profile-heading{gap:12px}.academy-profile-page .school-learner-switch{float:none;max-width:100%;margin:0 0 16px}.study-progress-chart{padding:19px 16px}.study-progress-chart h3,.learning-evidence h3{font-size:18px}.study-progress-chart header p,.learning-evidence header p{font-size:11px}.study-progress-rows>div{grid-template-columns:110px 1fr;gap:8px 16px;padding:13px 0}.study-progress-value{grid-area:auto/2;font-size:11px}.study-progress-rows>div>span:first-child{grid-row:span 2;align-self:center}.study-progress-rows small{font-size:10px}.study-progress-track{height:8px}.evidence-worlds{grid-template-columns:1fr;gap:20px}.evidence-worlds article{grid-template-columns:60px 1fr;gap:14px}.evidence-worlds img{width:60px;height:67px}.evidence-missions{gap:7px}.evidence-missions>span{width:26px;height:22px}.evidence-world-heading strong{font-size:13px}.evidence-lesson-grid{grid-template-columns:1fr 1fr;gap:12px 18px}.evidence-lesson-grid article>div:first-child{flex-direction:column;align-items:flex-start;gap:4px}.evidence-lesson-grid strong{font-size:12px}.evidence-lesson-grid p,.evidence-lesson-grid small{font-size:10px}.evidence-stars strong{font-size:23px}.evidence-stars small{font-size:10px}.learning-evidence section>header{gap:12px}.evidence-legend{justify-content:flex-start;gap:13px}.admin-course-progress>header{flex-direction:column;align-items:stretch;gap:8px}.admin-course-progress>header label{max-width:none}.admin-course-progress>header h3{font-size:18px}}.school-teacher-request{float:right;margin-top:-2px;font-size:11px!important}.academy-shell .school-join label{flex:0 300px}.academy-shell .school-join>div{flex:1}.academy-shell .school-join input{font-size:14px}.academy-shell .school-join .school-primary{min-width:90px}.academy-shell .school-workspace .course-reader .course-bottom-note{margin-top:18px}@media (width<=700px){.school-teacher-request{float:none;margin:0 0 10px;font-size:10px!important}.academy-shell .school-join .school-primary{min-width:74px;font-size:12px}}.app.academy-shell progress{appearance:none;color:#95a875;background:#e4e8db;border:0;border-radius:8px;overflow:hidden}.app.academy-shell progress::-webkit-progress-bar{background:#e4e8db;border-radius:8px}.app.academy-shell progress::-webkit-progress-value{background:#95a875;border-radius:8px}.app.academy-shell progress::-moz-progress-bar{background:#95a875;border-radius:8px}.app.academy-shell .school-welcome:before{display:none}.app.academy-shell .school-welcome{border-radius:0;overflow:visible}.app.academy-shell .portal-header .login-button{color:#fffefa;box-shadow:none!important;background:#303d29!important;border-color:#303d29!important}.app.academy-shell .school-dialog-heading button{color:#45533d;background:#f0f2e7;border-color:#dfe4d5}.app.academy-shell .course-reader.course-focus{background:#f8f8f1;max-width:none;margin:0;padding:22px max(18px,50vw - 580px)}.app.academy-shell .shelf-catalog .shelf-books{margin-top:8px;padding-top:12px}.app.academy-shell .shelf-catalog .shelf-heading small{color:#6b755f}.app.academy-shell .shelf-catalog .shelf-books:after,.app.academy-shell .shelf-catalog .shelf-volume:after{display:none}.app.academy-shell .shelf-catalog .shelf-book{box-shadow:4px 7px 10px #313b2521!important}.app.academy-shell .shelf-catalog .shelf-imprint{margin-bottom:12px;padding-bottom:8px}.app.academy-shell .shelf-catalog .shelf-cover-title{margin-top:9px}.app.academy-shell .shelf-catalog .shelf-cover-diagram{flex:1;min-height:60px;margin:10px 0}.app.academy-shell .shelf-catalog .shelf-book-status{box-shadow:none;color:#566640;background:0 0;padding-top:7px}.app.academy-shell .shelf-catalog .shelf-book-purpose{margin-top:9px}.course-lesson-list{border-top:1px solid #e0e4d5;margin-top:20px;padding-top:16px}.course-lesson-list>p{color:#68745d;margin:0 0 12px;font-size:12px}.course-lesson-list>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.app.academy-shell .course-lesson-list button{text-align:left;color:#45533d;box-shadow:none;background:#fffefa;border:1px solid #dce2cf;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:13px;display:flex}.course-lesson-list button>.shelf-cover-diagram{flex-shrink:0;width:43px;height:35px;margin:0}.course-lesson-list button>span{flex:1;min-width:0}.course-lesson-list strong{font:700 14px Manrope}.course-lesson-list small{margin-top:4px;font-size:10px;line-height:1.6;display:block}.course-lesson-list button:hover:not(:disabled){background:#f8e9af}@media (width<=900px){.course-lesson-list>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.app.academy-shell{padding-bottom:68px}.app.academy-shell .portal-header nav{background:#fffefa;border-top:1px solid #e0e4d6;gap:5px;padding:7px 10px;box-shadow:0 -3px 14px #303b2210}.app.academy-shell .portal-header nav button{min-height:44px}.app.academy-shell .shelf-catalog .shelf-book-face{padding:13px 10px 12px 13px}.app.academy-shell .shelf-catalog .shelf-cover-title{margin-top:8px;font-size:25px}.app.academy-shell .shelf-catalog .shelf-cover-diagram{min-height:53px}.app.academy-shell .course-reader.course-focus{padding:15px 13px}.course-lesson-list button>.shelf-cover-diagram{display:none}.app.academy-shell .school-heading.school-welcome{justify-content:flex-start;align-items:flex-start}.app.academy-shell .school-teacher-request{float:none;width:max-content;margin:0 0 15px auto;display:flex}}@media (width<=360px){.app.academy-shell .shelf-catalog .shelf-cover-title{font-size:21px}.app.academy-shell .shelf-catalog .shelf-book{height:215px}.app.academy-shell .portal-header nav button{padding:7px;font-size:11px}}.app.academy-shell .school-overview-facts>button{padding:20px 24px!important}.app.academy-shell .school-dialog-heading>button{flex-shrink:0;color:#45533d!important}.app.academy-shell .school-dialog-heading>button svg{stroke:currentColor;color:#45533d!important}.app.academy-shell .school-learner-dialog .school-dialog-heading{padding:16px 24px}.app.academy-shell .school-learner-dialog .school-dialog-heading p{font-size:13px}.app.academy-shell .school-learner-dialog .school-learner-switch{background:0 0;border:0;margin-bottom:14px;padding:0}.app.academy-shell .school-learner-summary{background:#f1f3e9;border:0;border-radius:12px;gap:18px;margin:14px 0 22px;padding:14px 18px}.app.academy-shell .school-learner-summary>div{background:0 0;border:0;gap:12px;padding:0}.app.academy-shell .school-learner-summary>div>svg{color:#788957;flex-shrink:0}.app.academy-shell .school-learner-summary strong{font-size:25px;line-height:1.4}.app.academy-shell .school-learner-summary small{font-size:12px;line-height:1.7}.app.academy-shell .school-learner-summary>div>span>small{max-width:25ch}.app.academy-shell .school-learner-dialog .course-report{margin:22px 0}.course-report-grid{gap:18px;padding:16px 18px}.course-report-grid h4{margin-bottom:4px}.course-report-grid strong,.course-report-grid p,.course-report-grid small{color:#5d6b50;font-size:12px}.course-report-grid progress{margin:7px 0 2px}.academy-shell .evidence-missions>button{color:#536147;cursor:pointer;background:#edf0e6;border:0;border-radius:5px;place-items:center;min-width:28px;min-height:30px;padding:0;font:600 12px Manrope;display:grid}.academy-shell .evidence-missions>button.complete{color:#455f2c;background:#d3dfb7}.academy-shell .evidence-missions>button.started{color:#786433;background:#f2e4b8}.academy-shell .evidence-missions>button[aria-pressed=true]{outline-offset:2px;outline:2px solid #5c7049}.evidence-mission-detail{color:#536147;background:#f1f3e9;border-radius:10px;margin-top:20px;padding:14px 16px;font-size:13px;line-height:1.8}.evidence-mission-detail strong,.evidence-mission-detail span{display:block}.app.academy-shell .league-showcase{color:#303d29;background:#f0f2e7;border:0;border-radius:16px}.app.academy-shell .league-showcase-heading{padding:26px 28px 10px}.app.academy-shell .league-showcase h2{color:#303d29;margin:0 0 12px;font-size:30px}.app.academy-shell .league-showcase h2 mark{color:#303d29;box-shadow:none;background:#f3df92}.app.academy-shell .league-showcase-heading p{color:#59664d;margin:0;font-size:14px}.app.academy-shell .league-round-panel{background:#fffefa;border:0;border-radius:12px;padding:16px}.app.academy-shell .league-week-tabs{background:#edf0e4;border-radius:10px;margin-bottom:12px}.app.academy-shell .league-week-tabs button{color:#536147;box-shadow:none;border-radius:8px!important}.app.academy-shell .league-week-tabs button[aria-pressed=true]{color:#303d29;box-shadow:none;background:#f4d45a}.app.academy-shell .league-week-tabs button:hover{color:#303d29;background:#e1e7d3}.app.academy-shell .league-week-tabs button[aria-pressed=true]:hover{background:#efd16a}.app.academy-shell .league-round-caption,.app.academy-shell .league-round-panel>small,.app.academy-shell .league-countdown small{color:#5b684f}.app.academy-shell .league-countdown b{color:#3f4f31;background:#eef1e5;border:0;font-size:25px}.app.academy-shell .league-countdown small{font-size:12px}.app.academy-shell .league-stage-toolbar{color:#526146;padding:12px 28px}.app.academy-shell .league-stage-toolbar button{color:#526146;box-shadow:none;background:#fffefa;border-color:#d6ddca}.app.academy-shell .league-stage-toolbar button:hover{color:#303d29;background:#e2e9d4}.app.academy-shell .league-stage{background:0 0;padding:18px 25px 28px}.app.academy-shell .league-stage:after{background:#e0e6d1;border:0;height:50px;bottom:12px}.app.academy-shell .league-winner-avatar{color:#38472b;background:#f4d976;width:76px;height:76px;box-shadow:0 5px 12px #38442618}.app.academy-shell .league-podium-person{--pedestal-height:166px}.app.academy-shell .league-podium-person.rank-2{--pedestal-height:136px}.app.academy-shell .league-podium-person.rank-3{--pedestal-height:112px}.app.academy-shell .league-pedestal{border:0;box-shadow:inset -5px 0 12px #0000000a,0 6px 14px #4b56341a}.app.academy-shell .league-pedestal:before{box-shadow:0 3px 6px #4b563415}.app.academy-shell .league-stage-empty h3,.app.academy-shell .league-stage-empty p,.app.academy-shell .league-message{color:#526146}.app.academy-shell .league-board{background:#fffefa}.app.academy-shell .league-board-heading p,.app.academy-shell .league-row-name>span,.app.academy-shell .league-board-rows strong small{color:#617151}@media (width<=700px){.app.academy-shell .school-overview-facts>button{padding:15px!important}.app.academy-shell .school-learner-summary{grid-template-columns:1fr;gap:10px}.app.academy-shell .school-learner-summary>div>span{flex-wrap:wrap;align-items:center;gap:5px 12px;display:flex}.app.academy-shell .school-learner-summary>div>span>small{flex-basis:100%;max-width:none}.app.academy-shell .league-showcase-heading{padding:22px 18px 8px}.app.academy-shell .league-showcase h2{font-size:25px}.app.academy-shell .league-stage-toolbar{padding:12px 18px}.app.academy-shell .league-stage{padding:18px 14px 26px}.app.academy-shell .league-winner-avatar{width:54px;height:54px}.app.academy-shell .league-winner-avatar>span{font-size:25px}.app.academy-shell .league-podium-person{--pedestal-height:155px}.app.academy-shell .league-podium-person.rank-2{--pedestal-height:130px}.app.academy-shell .league-podium-person.rank-3{--pedestal-height:108px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.object-center{object-position:center}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\!{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{color:#293e42;font-synthesis:none;--ink:#293e42;--muted:#61716f;--teal:#245f62;--border:#dce1d8;--yellow:#f1c560;background:#f6f5ef;font-family:Manrope,Noto Sans Thai,sans-serif;font-weight:500}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{transition:background .16s,color .16s,box-shadow .16s,transform .16s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #15777d}button:active:not(:disabled){transform:translateY(1px)}h1,h2,h3,p{margin:0}button{color:inherit}svg{flex-shrink:0}a{color:var(--teal)}.site-header{border-bottom:1px solid var(--border);background:#fffdf8}.header-inner{align-items:center;gap:40px;max-width:1440px;min-height:89px;margin:auto;padding:0 38px;display:flex}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:flex}.brand>svg{width:43px;height:52px}.brand>span{letter-spacing:-1.5px;font-family:Manrope,sans-serif;font-size:30px;font-weight:800;line-height:1.1}.brand>span>span{color:#376969}.brand small{letter-spacing:1.05px;color:#546461;margin-top:7px;font-size:7.8px;font-weight:800;display:block}.site-header nav{align-self:stretch;align-items:stretch;gap:5px;margin:auto;display:flex}.site-header nav button{color:#566462;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:flex;position:relative}.site-header nav button:hover{color:#245f62;background:#f0f4ef}.site-header nav button.active{color:#245f62}.site-header nav button.active:after{content:"";background:#427e7e;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:16px;right:16px}.header-actions{align-items:center;gap:14px;display:flex}.icon-button{background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;min-width:36px;min-height:36px;display:inline-flex}.icon-button:hover{background:#e7eeea}.profile-button{background:0 0;border:0;align-items:center;gap:10px;padding:6px;font-size:13px;display:flex}.profile-button>span:first-child{background:#f8dd9b;border:2px solid #fff;border-radius:50%;outline:1px solid #e4d5b4;place-items:center;width:34px;height:34px;font-size:17px;font-weight:700;display:grid}.profile-name{white-space:nowrap;text-overflow:ellipsis;max-width:110px;overflow:hidden}main{max-width:1440px;margin:auto;padding:0 38px 42px}.breadcrumb{color:#576460;justify-content:space-between;align-items:center;padding:21px 0 23px;font-size:12px;display:flex}.breadcrumb>span{align-items:center;gap:8px;display:flex}.text-button{background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 9px;font-size:13px;font-weight:600;display:inline-flex}.text-button:hover{background:#e8ede6}.game-heading{justify-content:space-between;align-items:center;gap:30px;margin-bottom:26px;display:flex}.eyebrow{letter-spacing:1.5px;color:#516661;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.chapter-pill{letter-spacing:0;color:#426757;background:#e2eae2;border:1px solid #d5dfd2;border-radius:5px;padding:4px 9px;font-size:11px}h1{letter-spacing:-1px;margin:9px 0;font-size:clamp(25px,2.5vw,35px);font-weight:800;line-height:1.45}.level-number{color:#57635c;font-weight:600}.game-heading p,.page-heading p{color:#576460;max-width:810px;font-size:14px;line-height:1.8}.button{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 16px;font-size:13px;font-weight:700;display:inline-flex}.button.primary:hover{background:#214f51}.button.secondary{background:#fffdf8;border-color:#d5ddd3;box-shadow:0 2px #e6e8de}.button.secondary:hover{background:#eef3e9}.button.small{min-height:35px;padding:7px 12px;font-size:12px}.game-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:22px;display:grid}.game-board{background:#fffdf8;border:1px solid #ccd6cb;border-radius:19px;overflow:hidden;box-shadow:0 5px #e5e8de}.order-bar{background:#fffdf8;border-bottom:1px solid #d8dfd4;align-items:center;gap:24px;min-height:98px;padding:19px 23px;display:flex}.order-label{align-items:center;gap:11px;display:flex}.order-label>svg{color:#54645c}.order-label strong{white-space:nowrap;font-size:13px;font-weight:700;display:block}.order-label small{color:#5a6660;margin-top:5px;font-size:10px;display:block}.target-list{align-items:center;gap:10px;display:flex}.target-item{position:relative}.crate-badge{background:var(--crate);color:#293e42;border:1.5px solid #354b4852;border-radius:7px;justify-content:center;align-items:center;width:35px;height:37px;font-family:Manrope,sans-serif;font-size:17px;font-weight:800;display:inline-flex;box-shadow:0 2px #354b4826}.target-item>small{text-align:center;color:#5a6660;margin-top:5px;font-size:9px;display:block}.target-item.next .crate-badge{outline-offset:3px;outline:2px solid #43736b}.target-item.delivered .crate-badge{opacity:.35}.target-check{color:#fff;background:#477666;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:-9px;left:10px}.moves-counter{text-align:right;white-space:nowrap;margin-left:auto}.moves-counter strong{font-size:24px;font-weight:800;line-height:1.4;display:block}.moves-counter strong>span{color:#5a645e;font-size:14px;font-weight:500}.moves-counter small{color:#56675e;font-size:9px}.warehouse{isolation:isolate;background:#e8eee8;position:relative}.warehouse-art{width:100%;height:auto;display:block}.scene-stamp{z-index:1;letter-spacing:1.6px;color:#526d63;align-items:center;gap:7px;font-size:8px;font-weight:800;display:flex;position:absolute;top:19px;left:22px}.scene-stamp>span:last-child{color:#59665c;margin-left:8px}.live-dot,.online-dot{background:#5c9d72;border-radius:50%;width:6px;height:6px;display:inline-block}.station{color:#344e49;z-index:2;background:#fffdf0ef;border:1px solid #aec2b6;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:136px;min-height:48px;padding:7px 10px;font-size:12px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 3px #49665420}.station:active:not(:disabled){transform:translate(-50%,1px)}.station:hover:not(:disabled){background:#fff;box-shadow:0 4px #49665430,0 0 0 3px #87b7a344}.station.selected{color:#fff;background:#2d6667;border-color:#245354;box-shadow:0 0 0 4px #94d2c7,0 4px #49665420}.station span{align-items:center;gap:9px;font-weight:800;display:flex}.station small{opacity:1;font-size:10px}.station b{color:#405d4c;background:#dce9e1;border-radius:4px;padding:2px 5px;font-family:Manrope,sans-serif;font-size:10px}.input-station{top:64%;left:16.4%}.output-station{top:64%;left:86%}.station.stack{border-color:#d1b496}.station.stack b{color:#755b3e;background:#f7e6d1}.station.queue b{color:#366164;background:#d7eded}.station:disabled{opacity:.8}.robot-mover foreignObject svg{width:86px;height:98px}.feedback{color:#49624f;background:#f0f5ee;border-top:1px solid #d6dfd2;border-bottom:1px solid #e1e5d9;align-items:center;gap:12px;min-height:65px;padding:13px 21px;font-size:12px;line-height:1.8;display:flex}.feedback>span:nth-child(2){flex:1}.step-dot{background:#dae7d6;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-family:Manrope;font-weight:800;display:inline-grid}.feedback.error{color:#8b422b;background:#fff0e6}.feedback.hint{color:#745719;background:#fff5d7}.game-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:12px 15px;display:flex}.game-toolbar>div{gap:4px;display:flex}.game-toolbar .text-button{gap:5px;font-size:11px}.no-rush{color:#55665a;white-space:nowrap;font-size:10px}.control-panel{background:#fffdf8;border:1px solid #d9dfd3;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.coach{align-items:center;gap:12px;padding:18px 20px 13px;display:flex}.coach-portrait{background:#f1e8cd;border-radius:50%;width:47px;height:47px;overflow:hidden}.coach-portrait svg{width:43px;height:51px;margin:1px 2px}.coach small{color:#59655b;margin-bottom:2px;font-size:10px;display:block}.coach .online-dot{margin-left:auto}.mode-tabs{background:#f0f1e9;border-radius:9px;margin:0 17px;padding:4px;display:flex}.mode-tabs button{background:0 0;border:0;border-radius:7px;flex:1;min-height:34px;font-size:11px;font-weight:600}.mode-tabs button.active{color:#285c5d;background:#fffefa;box-shadow:0 1px 4px #3c503515}.instruction-block{padding:23px 23px 0}.tiny-label{letter-spacing:1.5px;color:#54675a;font-size:9px;font-weight:800}.instruction-block h2{margin:8px 0 20px;font-size:16px;font-weight:700}.steps{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.steps li{gap:11px;display:flex}.steps li>span{background:#f6f7ee;border:1px solid #dfe6d8;border-radius:8px;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:11px;font-weight:800;display:grid}.steps strong{font-size:12px;font-weight:700}.steps p{color:#586458;margin-top:3px;font-size:11px;line-height:1.7}.rule-note{color:#796333;background:#fbf2d7;border:1px solid #f0e5bf;border-radius:9px;align-items:flex-start;gap:10px;margin:20px 19px;padding:13px;display:flex}.rule-note strong{font-size:11px}.rule-note p{margin-top:4px;font-size:11px;line-height:1.8}.history{background:#fcfcf5;border-top:1px dashed #d6ddcf;margin-top:auto;padding:17px 21px}.history-title{justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.history-title>span:last-child{color:#596659;font-size:10px;font-weight:500}.history ol{flex-direction:column;gap:9px;margin:9px 0 0;padding:0;list-style:none;display:flex}.history li{color:#526759;align-items:center;gap:8px;font-size:10px;display:flex}.history li b{color:#5c6659;font-family:Manrope;font-size:9px}.history-empty{color:#59675a;margin:12px 0 3px;font-size:11px}.replay-button{margin-top:7px;padding:5px 0;font-size:10px!important}.under-game{color:#576454;justify-content:space-between;gap:15px;margin-top:22px;font-size:10px;display:flex}.under-game>span:first-child{align-items:center;gap:6px;display:flex}.site-footer{color:#5a6555;border-top:1px solid #e0e4d7;justify-content:space-between;max-width:1364px;margin:0 auto;padding:20px 0 24px;font-size:10px;display:flex}.site-footer>span{align-items:center;gap:13px;display:flex}.footer-logo{letter-spacing:-.5px;color:#566456;font-size:17px;font-weight:800}.footer-progress{background:#e0e5d7;border-radius:5px;width:90px;height:5px;overflow:hidden}.footer-progress i{background:#588970;border-radius:5px;height:100%;display:block}.plan-editor{padding:20px 19px}.plan-title{justify-content:space-between;align-items:center;font-size:12px;display:flex}.plan-title>span{color:#586457;font-size:10px}.plan-editor>p{color:#596557;margin:8px 0 13px;font-size:11px;line-height:1.9}.command-list{flex-direction:column;gap:6px;max-height:240px;padding:0;list-style:none;display:flex;overflow:auto}.command-list li{background:#f6f8f1;border:1px solid #e2e7dc;border-radius:7px;align-items:center;gap:7px;min-height:37px;padding-left:8px;display:flex}.command-list li>span:nth-child(2){flex:1;align-items:center;gap:6px;font-size:10px;display:flex}.command-index{color:#586456;font-family:Manrope;font-size:9px}.command-list .empty-plan{color:#576652;border:1px dashed #cbd9c8;flex-direction:column;justify-content:center;align-items:center;min-height:108px;padding:15px;display:flex}.command-list .empty-plan span{flex:0;font-size:11px}.command-list .executing{background:#daede6;border-color:#78a793}.plan-actions{gap:9px;margin-top:14px;display:flex}.plan-actions>.button{flex:1}.bordered{border:1px solid var(--border)}.stars{color:#60635c;gap:4px;display:inline-flex}.stars .earned{color:#7d5a1c}.page-heading{justify-content:space-between;align-items:center;gap:30px;margin:3px 0 35px;display:flex}.page-heading h1{margin:8px 0}.map-summary{color:#7c5c17;background:#fbf0d4;border:1px solid #e4dabb;border-radius:15px;grid-template-columns:28px 1fr;align-items:center;gap:6px 12px;min-width:192px;padding:18px 22px;display:grid}.map-summary strong{font-family:Manrope;font-size:28px}.map-summary small{margin-left:5px;font-size:12px}.map-summary>span{color:#746740;grid-column:1/-1;font-size:12px}.chapter{margin-bottom:30px}.chapter-heading{align-items:center;gap:15px;margin-bottom:18px;display:flex}.chapter-index{color:#416a5e;background:#d6e7e3;border:1px solid #bfd6cc;border-radius:15px;place-items:center;width:47px;height:47px;font-size:19px;font-weight:800;display:grid}.chapter-heading h2{margin:2px 0;font-size:21px;font-weight:800}.chapter-heading p{color:#596457;font-size:12px}.level-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.level-card{text-align:left;background:#fffdf7;border:1px solid #d7dfd1;border-radius:15px;padding:20px 23px;position:relative;box-shadow:0 4px #e3e8dc}.level-card:hover{border-color:#669485;transform:translateY(-3px);box-shadow:0 7px #dce5d5}.level-card.current{background:#fbfff4;border:2px solid #538b7c;padding:19px 22px}.level-card-top{color:#50655a;justify-content:space-between;align-items:center;display:flex}.level-bubble{background:#eaf0e5;border-radius:11px;place-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:grid}.continue-badge{background:#dcebd9;border-radius:5px;padding:4px 9px;font-size:10px}.level-card h3{margin:17px 0 14px;font-size:17px;font-weight:700}.mini-order{gap:8px;margin-bottom:24px;display:flex}.mini-order .crate-badge{border-radius:5px;width:28px;height:30px;font-size:13px}.level-card-bottom{justify-content:space-between;align-items:center;display:flex}.level-card-bottom small{color:#576552;font-size:10px}.mastery-label{color:#4b675a;align-items:center;gap:2px;font-size:9px;display:flex;position:absolute;bottom:19px;left:103px}.chapter-2 .chapter-index{color:#7f5c37;background:#f2ddc8;border-color:#e0c5a8}.chapter-3 .chapter-index{color:#6b5984;background:#e1d9ed;border-color:#cfc0de}.map-footer{background:#e8eee0;border-radius:15px;align-items:center;gap:22px;padding:15px 26px;display:flex}.map-footer svg{width:65px;height:74px}.map-footer strong{font-size:15px}.map-footer p{color:#566750;margin-top:5px;font-size:12px;line-height:1.8}.concept-grid{grid-template-columns:1fr 1fr;gap:23px;display:grid}.concept{background:#e9f3ed;border:1px solid #cdded4;border-radius:18px;padding:27px 30px;position:relative}.concept.stack-concept{background:#faf0e2;border-color:#e6d7c2}.concept-icon{color:#456961;font-size:30px;font-weight:700;position:absolute;top:24px;right:28px}.stack-concept .concept-icon{color:#7a5c38}.concept h2{margin:12px 0;font-size:25px;font-weight:800}.concept p{color:#4d685e;font-size:13px;line-height:2}.concept-demo{background:#fffaf39c;border:1px solid #a4baa42e;border-radius:12px;align-items:center;gap:13px;margin:20px 0;padding:22px;display:flex}.concept-demo>span:not(.crate-badge){color:#4e685f;font-size:11px}.concept .example{font-size:12px}.concept .text-button{margin-top:15px;padding-left:0}.concept .concept-caption{margin-top:22px;font-size:10px}.reflection-section{border:1px solid var(--border);background:#fffdf7;border-radius:17px;margin-top:31px;padding:28px 31px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.section-heading h2{margin-top:4px;font-size:20px;font-weight:800}.save-status{color:#436853;align-items:center;gap:5px;font-size:11px;display:flex}.reflection-section>p{color:#5a6655;margin-bottom:24px;font-size:13px}.reflection{margin:23px 0 0}.reflection label{align-items:center;gap:12px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.reflection label>span{color:#5a6752;font-family:Manrope;font-size:12px}.reflection textarea{resize:vertical;width:100%;min-height:110px;color:var(--ink);background:#fafbf5;border:1px solid #dce2d5;border-radius:10px;padding:15px 17px;font-size:13px;line-height:1.9}.reflection>small{text-align:right;color:#5a6552;margin-top:4px;font-size:10px;display:block}.learning-note{color:#53674d;align-items:flex-start;gap:17px;padding:25px 7px;display:flex}.learning-note strong{font-size:14px}.learning-note p{margin-top:5px;font-size:12px;line-height:1.9}.teacher-stats{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.teacher-stats>div{border:1px solid var(--border);background:#fffdf7;border-radius:15px;padding:20px 23px}.teacher-stats span{color:#596754;font-size:12px}.teacher-stats strong{margin-top:9px;font-size:37px;font-weight:800;display:block}.teacher-stats small{color:#5a6450;margin-left:7px;font-size:13px}.classroom-note{color:#506948;background:#edf2e5;border-radius:12px;align-items:center;gap:20px;margin:24px 0;padding:21px 24px;display:flex}.classroom-note p{font-size:12px;line-height:1.9}.classroom-note strong{color:#3d5f3f;font-size:13px}.report-section{border:1px solid var(--border);background:#fffdf7;border-radius:16px;padding:22px 26px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}th{text-align:left;color:#596753;background:#f4f6ed;padding:13px 15px;font-size:11px;font-weight:600}td{border-bottom:1px solid #e7ebdf;padding:15px}.table-subtitle{color:#586750;margin-top:4px;font-size:9px;display:block}.muted-note{color:#596452;margin:16px 0;font-size:11px;line-height:1.9}.file-button{cursor:pointer;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-button:focus-within{outline-offset:4px;outline:3px solid #15777d}.inline-status{color:#48643d;background:#edf3e5;border:1px solid #cbd7bd;border-radius:9px;justify-content:space-between;align-items:center;margin:10px 0;padding:11px 15px;font-size:12px;display:flex}.lesson-guide{grid-template-columns:1fr 1.4fr;gap:50px;padding:33px 6px 0;display:grid}.lesson-guide h2{margin:10px 0;font-size:24px;font-weight:800}.lesson-guide p{color:#596451;font-size:13px;line-height:1.9}.lesson-guide ol{flex-direction:column;gap:19px;margin:0;padding:0;list-style:none;display:flex}.lesson-guide li{gap:18px;display:flex}.lesson-guide li>span{white-space:nowrap;text-align:center;background:#eef2e5;border:1px solid #d6dfca;border-radius:7px;min-width:72px;height:34px;padding:7px 10px;font-size:11px}.lesson-guide li strong{font-size:13px}.lesson-guide li p{margin-top:3px;font-size:12px}.report-reflections{margin:20px 0}.report-reflections article{border-bottom:1px solid var(--border);padding:12px 0;font-size:12px}.report-reflections p{white-space:pre-wrap;overflow-wrap:anywhere;color:#59654f;margin-top:8px;line-height:1.8}.modal{color:var(--ink);background:#fffdf7;border:1px solid #cad5c2;border-radius:22px;width:min(520px,100vw - 28px);max-height:90dvh;margin:auto;padding:26px;position:fixed;inset:0;overflow:auto;box-shadow:0 25px 100px #233c3540}.modal.wide{width:min(760px,100vw - 28px)}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#243d3980}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.modal-heading h2{font-size:20px;font-weight:800}.modal>p{font-size:13px;line-height:1.9}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.win-hero{background:#f0f4e6;border-radius:15px;align-items:center;gap:20px;margin-bottom:24px;padding:18px;display:flex}.win-hero>svg{width:85px;height:100px}.win-hero h3{margin:7px 0 10px;font-size:22px;font-weight:800}.win-hero p{color:#58674e;margin-top:5px;font-size:11px}.win-hero .stars svg{width:24px;height:24px}.quiz h3{margin:9px 0 14px;font-size:15px;font-weight:700;line-height:1.8}.quiz-choices{flex-direction:column;gap:9px;display:flex}.quiz-choice{text-align:left;background:#fafbf4;border:1px solid #d7dfce;border-radius:10px;align-items:center;gap:13px;min-height:47px;padding:10px 13px;font-size:12px;display:flex}.quiz-choice>span{background:#e8eddd;border-radius:6px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid}.quiz-choice>svg{margin-left:auto}.quiz-choice.correct{background:#e6f1df;border-color:#80a775}.quiz-choice.incorrect{background:#fce9de;border-color:#d5a087}.quiz-choice:disabled{opacity:1}.quiz-feedback{color:#436d3c;background:#eef4e6;border-radius:10px;margin-top:12px;padding:12px;font-size:12px;line-height:1.9}.quiz-feedback.incorrect{color:#885837;background:#fff0e3}.saved-quiz{color:#4e6844;align-items:center;gap:7px;margin-top:15px;font-size:11px;display:flex}.help-intro{align-items:center;gap:18px;display:flex}.help-intro>svg{width:73px;height:85px}.help-intro p{font-size:13px;line-height:1.9}.help-list{flex-direction:column;gap:12px;margin:22px 0;padding-left:21px;font-size:12px;line-height:1.9;display:flex}.full-width{width:100%}.field-label{margin-bottom:10px;font-size:13px;font-weight:700;display:block}.text-input{width:100%;color:var(--ink);background:#fbfcf4;border:1px solid #cfdbc4;border-radius:9px;padding:12px 14px;font-size:14px}.settings-actions{flex-direction:column;gap:12px;margin-top:20px;display:flex}.storage-warning{color:#88561e;background:#fff1dc;border:1px solid #deb977;border-radius:10px;margin:10px 0;padding:14px;font-size:12px}.storage-warning button{background:0 0;border:0;margin-left:10px;text-decoration:underline}.skip-link{z-index:30;background:#fff;padding:15px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:10px}@media (width>=1500px){.game-layout{grid-template-columns:minmax(0,1fr) 320px}.instruction-block{padding-top:29px}.steps{gap:22px}.rule-note{margin-top:26px}.station{font-size:13px}.station small{font-size:10px}}@media (width<=1150px){.header-inner{gap:20px;padding:0 24px}.site-header nav button{padding:0 10px;font-size:12px}.profile-name{display:none}main{padding:0 24px 35px}.game-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.order-bar{gap:17px;padding:17px}.target-list{gap:8px}.crate-badge{width:30px;height:32px;font-size:15px}.order-label>svg{display:none}.order-label strong{font-size:12px}.moves-counter small{font-size:8px}.moves-counter strong{font-size:20px}.station{min-width:114px;min-height:43px;padding:5px 7px;font-size:10px}.station small{font-size:8px}.scene-stamp{font-size:7px}.game-toolbar{padding:9px}.game-toolbar .text-button{padding:6px;font-size:10px}.no-rush{display:none}.site-footer{margin:0 24px}.control-panel .coach{padding-left:17px}.instruction-block{padding:20px 19px 0}.steps{gap:14px}.rule-note{margin:17px}.history{padding:14px 18px}.mastery-label{margin-top:9px;position:static}.under-game{font-size:9px}}@media (width<=900px){.header-inner{flex-wrap:wrap;gap:10px;padding-top:13px}.brand{margin-right:auto}.site-header nav{order:3;justify-content:center;gap:15px;width:100%;min-height:51px}.site-header nav button{padding:0 15px;font-size:13px}.header-actions{gap:10px}.game-layout{grid-template-columns:1fr}.game-heading{align-items:flex-start}.game-heading p{max-width:590px}.control-panel{grid-template-columns:1fr 1fr;align-items:start;padding-bottom:8px;display:grid}.coach{grid-column:1}.mode-tabs{grid-area:1/2;align-self:center}.instruction-block{grid-area:2/1/4;padding-bottom:17px}.rule-note{grid-area:2/2;margin-top:20px}.history{border-top:0;grid-area:3/2;margin:0 10px;padding-top:0}.plan-editor{grid-area:2/1/auto/-1}.plan-editor+.history{grid-area:3/1/auto/-1}.command-list{max-height:190px}.order-label>svg{display:block}.order-bar{min-height:94px}.crate-badge{width:36px;height:37px;font-size:17px}.target-list{gap:13px}.station{min-width:130px;min-height:48px;font-size:12px}.station small{font-size:9px}.game-toolbar{padding:13px 17px}.game-toolbar .text-button{font-size:12px}.no-rush{display:block}.scene-stamp{font-size:8px}.under-game{font-size:10px}.page-heading{align-items:flex-start}.map-summary{min-width:170px;padding:15px}.teacher-stats{gap:12px}.teacher-stats>div{padding:18px 15px}.teacher-stats span{font-size:10px}.concept{padding:23px}.concept-demo{gap:8px;padding:16px}.concept-demo .crate-badge{width:32px;height:34px}.lesson-guide{gap:28px}.level-card{padding:18px}.level-card.current{padding:17px}.level-card h3{font-size:15px}.mini-order{gap:6px}}@media (width<=600px){.header-inner{padding:11px 16px 0}.brand>span{font-size:26px}.brand>svg{width:36px;height:44px}.brand small{font-size:6.7px}.header-actions{gap:5px}.profile-button{gap:6px}.profile-button svg{display:none}.sound-toggle{min-width:33px}.site-header nav{justify-content:space-between;gap:0;min-height:51px}.site-header nav button{gap:5px;padding:0 7px;font-size:11px}.site-header nav button svg{width:15px}.site-header nav button.active:after{left:6px;right:6px}main{padding:0 14px 27px}.breadcrumb{padding:14px 0 16px;font-size:9px}.breadcrumb>span{gap:4px}.breadcrumb>span>svg:first-child{display:none}.breadcrumb>.text-button{padding:4px;font-size:10px}.game-heading{gap:10px;margin-bottom:19px;position:relative}.game-heading h1{margin-top:10px;font-size:25px}.eyebrow{letter-spacing:1px;font-size:9px}.chapter-pill{font-size:9px}.game-heading p{font-size:12px;line-height:1.9}.map-shortcut{gap:0;min-width:34px;min-height:33px;margin-top:3px;padding:7px;font-size:0}.map-shortcut svg:last-child{display:none}.game-heading>div{flex:1}.order-bar{flex-wrap:wrap;gap:12px;min-height:89px;padding:14px 14px 11px}.order-label{gap:7px}.order-label>svg{width:16px}.order-label strong{font-size:11px}.order-label small{font-size:8px}.target-list{gap:7px}.target-list .crate-badge{border-radius:5px;width:27px;height:29px;font-size:13px}.target-item>small{margin-top:4px;font-size:8px}.moves-counter strong{font-size:17px}.moves-counter strong span{font-size:11px}.moves-counter small{font-size:7px}.target-item.next .crate-badge{outline-offset:2px}.warehouse{padding-bottom:95px}.warehouse-art{object-fit:cover;min-height:225px}.station{border-radius:7px;gap:2px;width:28%;min-width:0;min-height:44px;padding:5px 4px;font-size:9px}.station span{gap:4px}.station b{padding:1px 3px;font-size:8px}.station small{font-size:7px}.input-station{top:auto;bottom:65px;left:18%}.output-station{top:auto;bottom:65px;left:82%}.bin-station{top:auto;bottom:10px;left:var(--left)!important}.station.bin-station{left:inherit!important}.station.bin-station:last-child:first-of-type{left:50%}.warehouse .bin-station{left:var(--station-x)!important}.scene-stamp{letter-spacing:1px;font-size:6px;top:11px;left:12px}.scene-stamp>span:last-child{display:none}.feedback{gap:8px;min-height:67px;padding:11px 13px;font-size:10px}.feedback svg{width:17px}.game-toolbar{gap:5px;padding:10px}.game-toolbar>div{gap:0}.game-toolbar .text-button{gap:4px;padding:6px;font-size:10px}.game-toolbar .text-button svg{width:15px}.no-rush{display:none}.game-toolbar .button.small{gap:4px;min-height:32px;padding:7px 8px;font-size:9px}.control-panel{grid-template-columns:1fr}.coach{grid-area:1/1;padding:14px 17px}.coach-portrait{width:38px;height:38px}.coach-portrait svg{width:35px;height:41px}.coach strong{font-size:13px}.mode-tabs{grid-area:2/1;margin:0 15px}.mode-tabs button{min-height:37px;font-size:11px}.instruction-block{grid-area:3/1;padding:18px 19px 0}.instruction-block h2{margin-bottom:14px;font-size:16px}.steps{gap:12px}.steps strong{font-size:12px}.steps p{font-size:11px}.rule-note{grid-area:4/1;margin:18px 17px}.history{border-top:1px dashed #d4ddc9;grid-area:5/1;margin:0;padding-top:14px}.history li,.history-empty{font-size:11px}.plan-editor{grid-row:3}.plan-editor+.history{grid-row:4}.command-list li>span:nth-child(2){font-size:12px}.under-game{flex-direction:column;gap:8px;margin:18px 4px;font-size:9px}.site-footer{flex-direction:column;gap:13px;margin:0 18px;padding-top:17px;font-size:9px}.site-footer>span{justify-content:space-between}.footer-logo{margin-right:auto}.page-heading{flex-direction:column;gap:17px;margin-bottom:24px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.page-heading>.button{min-height:39px;font-size:11px}.map-summary{align-items:center;gap:11px;width:100%;min-width:0;padding:11px 16px;display:flex}.map-summary strong{font-size:23px}.map-summary small{font-size:10px}.map-summary>span{margin-left:auto;font-size:10px}.chapter-heading h2{font-size:19px}.chapter-heading p{font-size:11px}.chapter-index{width:41px;height:41px;font-size:17px}.level-grid{grid-template-columns:repeat(2,1fr);gap:12px}.level-card{border-radius:13px;padding:15px 13px}.level-card.current{padding:14px 12px}.level-bubble{width:30px;height:30px;font-size:12px}.level-card h3{margin:12px 0;font-size:13px}.mini-order{flex-wrap:wrap;gap:4px;margin-bottom:18px}.mini-order .crate-badge{border-radius:4px;width:20px;height:23px;font-size:10px}.level-card-bottom small{font-size:8px}.stars{gap:3px}.stars svg{width:13px;height:13px}.mastery-label{font-size:8px}.map-footer{gap:12px;padding:13px 15px}.map-footer svg{width:46px;height:60px}.map-footer strong{font-size:12px}.map-footer p{font-size:10px}.concept-grid{grid-template-columns:1fr;gap:17px}.concept h2{font-size:23px}.concept-demo{justify-content:center}.concept-demo .crate-badge{width:37px;height:39px}.reflection-section{padding:21px 18px}.section-heading{gap:12px}.section-heading h2{font-size:18px}.save-status{white-space:nowrap;font-size:9px}.reflection label{align-items:flex-start;font-size:12px;line-height:1.9}.reflection textarea{font-size:12px}.reflection-section>p{font-size:11px}.learning-note{gap:12px}.learning-note strong{font-size:13px}.learning-note p{font-size:11px}.teacher-stats{grid-template-columns:1fr 1fr;gap:12px}.teacher-stats strong{font-size:29px}.teacher-stats span{font-size:11px}.classroom-note{align-items:flex-start;gap:12px;padding:17px 15px}.classroom-note p{font-size:10px}.classroom-note strong{font-size:12px}.report-section{padding:17px 12px}.report-section .section-heading h2{font-size:16px}.report-section .button{min-height:37px;padding:9px 10px;font-size:10px}.lesson-guide{grid-template-columns:1fr;gap:23px;padding:28px 6px 0}.lesson-guide h2{font-size:23px}.lesson-guide p{font-size:12px}.modal{border-radius:18px;padding:22px 18px}.modal-heading h2{font-size:18px}.win-hero{gap:14px;padding:14px}.win-hero>svg{width:64px;height:80px}.win-hero h3{font-size:19px}.modal-actions>.button{padding:10px 13px;font-size:11px}.quiz-choice{font-size:12px}.concept-caption{line-height:1.8}.help-list{font-size:12px}.profile-name{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.header-inner{min-height:76px}.breadcrumb{padding:13px 0 16px}.game-heading{margin-bottom:20px}h1{margin:6px 0}.game-heading p{font-size:13px}.game-layout{grid-template-columns:minmax(0,1fr) 310px}.game-heading h1{font-size:31px}.game-board{align-self:start}.order-bar{min-height:88px}.warehouse-art{aspect-ratio:1000/455}.coach small{font-size:11px}.coach strong{font-size:15px}.mode-tabs button{font-size:12px}.steps strong{font-size:13px}.steps p,.rule-note strong,.rule-note p,.history-title,.history-empty{font-size:12px}.history li{font-size:11px}.instruction-block h2{font-size:16px}.feedback{font-size:13px}.station{min-width:140px;font-size:13px}.station small{font-size:10px}.input-station,.output-station{top:61%}.bin-station{top:87%}.scene-stamp{top:12px}.tiny-label{font-size:10px}.station.selected small{color:#fff}.station.selected b{color:#294f44}.map-summary small{color:#785612}.reflection textarea::placeholder{color:#61715b}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}.skip-link:focus{clip-path:none;width:auto;height:auto}@media (width<=900px){.game-layout{grid-template-columns:1fr}.site-header nav{min-height:46px}.header-inner{min-height:76px}.station{min-width:125px;font-size:12px}.station small{font-size:9px}.feedback{font-size:12px}}@media (width<=600px){.header-inner{min-height:65px}.game-heading h1{font-size:25px}.game-heading p{font-size:12px}.warehouse-art{min-height:200px}.warehouse{padding-bottom:108px}.station{width:29%;min-width:0;min-height:48px;padding:6px 3px;font-size:11px}.station small,.station b{font-size:9px}.input-station,.output-station{top:auto;bottom:68px}.bin-station{top:auto;bottom:10px}.warehouse .bin-station{left:var(--station-x)!important}.feedback{font-size:12px}.game-toolbar .text-button{font-size:11px}.under-game{font-size:10px}.steps strong{font-size:13px}.steps p,.rule-note p{font-size:12px}.order-bar{grid-template-columns:auto 1fr;gap:12px;display:grid}.order-label{grid-area:1/1}.target-list{grid-area:2/1/auto/-1;justify-content:center;padding:2px 0 3px}.moves-counter{grid-area:1/2}.target-list .crate-badge{width:33px;height:35px;font-size:15px}.moves-counter small{font-size:9px}.moves-counter strong{font-size:20px}.order-label strong{font-size:13px}.order-label small{font-size:10px}.station span{gap:3px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{--ink:#243d43;--green:#236c66;--paper:#fffcf4}button{touch-action:manipulation}button:focus-visible{outline-offset:4px;outline:3px solid #194a82}.world-heading{justify-content:space-between;align-items:center;gap:20px;margin:24px 0;display:flex}.world-heading h1{letter-spacing:-1.3px;margin:4px 0;font-size:clamp(30px,3.7vw,48px);font-weight:850;line-height:1.45}.world-heading p{color:#5a6d6b;margin:0;font-size:16px}.world-score{color:#795819;background:#fff5ce;border:1px solid #ead798;border-radius:20px;grid-template-columns:28px auto;align-items:center;gap:2px 10px;padding:14px 22px;display:grid}.world-score strong{font-size:27px}.world-score small{font-size:14px}.world-score>span{grid-column:2;font-size:12px}.region-tabs{gap:8px;margin-bottom:16px;padding:4px 3px 9px;display:flex;overflow-x:auto}.region-tabs button{text-align:left;color:#445854;cursor:pointer;background:#fffdf7;border:1px solid #d9e0d8;border-radius:15px;flex:1;align-items:center;gap:10px;min-width:150px;padding:11px;display:flex}.region-tabs button>b{background:#eeeee2;border-radius:9px;flex-shrink:0;place-items:center;width:29px;height:29px;display:grid}.region-tabs button>span{font-size:12px;font-weight:750}.region-tabs small{margin-top:2px;font-size:11px;font-weight:500;display:block}.region-tabs button.active{color:#fff9e5;background:#244b47;border-color:#244b47;box-shadow:0 4px #16342f}.region-tabs button.active>b{color:#244b47;background:#f7ce65}.world-board{isolation:isolate;background:#b4cf82;border:5px solid #fffdf5;border-radius:28px;width:100%;height:610px;position:relative;overflow:hidden;box-shadow:0 12px 30px #293c3520}.world-board:before{content:"";z-index:-2;background:url(/art/parcel-island.jpg) 50%/cover;position:absolute;inset:0}.world-board:after{content:"";z-index:-1;background:linear-gradient(#173b4422,#0000 38%,#203e3920);position:absolute;inset:0}.region-1:before{filter:hue-rotate(-15deg)saturate(.85)}.region-2:before{filter:hue-rotate(-25deg)}.region-3:before{filter:hue-rotate(22deg)}.region-4:before{filter:hue-rotate(38deg)}.region-5:before{filter:sepia(.22)saturate(1.15)}.world-region-title{background:#fffcf2ed;border:2px solid #fff;border-radius:17px;max-width:240px;padding:14px 20px;position:absolute;top:20px;left:22px;box-shadow:0 5px #34574720}.world-region-title>span{color:var(--region);font-size:11px;font-weight:800}.world-region-title h2{margin:1px 0;font-size:23px}.world-region-title p{color:#52665d;margin:0;font-size:12px}.world-trail{filter:drop-shadow(0 4px #4b613033);width:100%;height:100%;position:absolute;inset:0}.world-node{cursor:pointer;z-index:2;color:#3c5850;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;min-width:67px;padding:6px;transition:scale .15s;display:flex;position:absolute;transform:translate(-50%,-50%)}.world-node:hover:enabled{scale:1.1}.world-node:active:enabled{scale:.95}.world-node:disabled{cursor:not-allowed;opacity:1}.node-circle{color:#475c4b;background:#e1e8d8;border:4px solid #fffbe8;border-radius:22px;justify-content:center;align-items:center;gap:2px;width:59px;height:59px;font:800 24px Manrope,sans-serif;display:flex;position:relative;box-shadow:0 5px #637c63,0 8px 12px #284b3533}.node-circle>small{font-size:10px;position:absolute;bottom:1px}.world-node.available .node-circle{color:#49391b;background:#f9ca55;box-shadow:0 5px #a7722b,0 8px 15px #46523033}.world-node.complete .node-circle{color:#fff;background:#2d8071;box-shadow:0 5px #245346,0 8px 15px #46523033}.world-node.boss .node-circle{border-radius:50%;width:65px;height:65px}.world-node.recommended .node-circle{outline-offset:5px;outline:3px solid #fff;animation:2.4s ease-in-out infinite nodeGlow}.node-stars{color:#5b5033;filter:drop-shadow(0 1px 1px #fff);gap:1px;display:flex}.node-stars .earned{color:#e8ae1c}.node-label{white-space:nowrap;color:#fff7da;background:#263e37;border-radius:8px;padding:4px 9px;font-size:11px;position:absolute;top:-23px}.world-caption{white-space:nowrap;color:#375445;background:#fffdf0eb;border-radius:20px;padding:8px 18px;font-size:13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.world-bottom{justify-content:space-between;gap:12px;margin-top:22px;display:flex}.world-bottom .primary{padding-inline:35px;box-shadow:0 4px #163f38}.world-tip{text-align:center;color:#566b65;margin:20px 0 30px;font-size:12px}@keyframes nodeGlow{50%{outline-offset:8px;outline-color:#fff8c9}}.game-heading h1{font-size:clamp(25px,3vw,35px);line-height:1.5}.game-heading p{font-size:14px;line-height:1.8}.campaign-steps{margin:15px 0!important;padding:10px 15px!important}.cargo-preview,.coach{display:none}.instruction-block .steps{margin:10px 0}.steps li{padding:5px 0}.rule-note{margin-top:12px}.game-layout{gap:18px}.warehouse{background:#eef1df}.station{box-shadow:0 3px #728b7a22;background:#fffdf1!important;border-width:2px!important;min-height:53px!important}.station.valid-destination{box-shadow:0 0 0 3px #65c5a936;border-color:#267970!important}.station.selected{background:#fff1bf!important;border-color:#ce951f!important}.station.priority{border-color:#a390c1!important}.station.priority b{background:#e6dced}.station small{color:#4b625b!important;font-size:11px!important}.robot-mover{transition:transform .43s cubic-bezier(.25,.8,.4,1)!important}.robot-mover.walking .robot-feet{transform-origin:60px 115px;animation:.18s infinite alternate roboStep}.held-crate{filter:drop-shadow(0 3px 2px #344b4133)}@keyframes roboStep{to{transform:rotate(8deg)}}.route-feedback{color:#544820;background:#fff4ce;border-radius:13px;align-items:center;gap:10px;margin:14px 0;padding:12px 16px;font-size:14px;display:flex}.route-feedback svg{flex-shrink:0}.route-chip{cursor:pointer;font:inherit;color:#274f4a;background:#fffdf5;border:1px solid #becfc4;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:9px 10px;display:inline-flex}.route-chip:hover{background:#fff1e8;border-color:#af5750}.route-plan-footer{flex-wrap:wrap;gap:7px}.route-plan-footer .text-button{background:#fffefa;border:1px solid #ccd8ce;border-radius:9px;padding:7px 9px}.route-plan{max-height:240px;overflow-y:auto}.route-panel{align-self:start;position:sticky;top:80px}.route-panel-heading{padding-bottom:6px}.route-panel h2{font-size:19px}.travel-help{font-size:12px}.delivery-manifest{gap:9px;padding:10px}.delivery-manifest>span,.delivery-manifest small{display:none}.delivery-manifest strong{font-size:12px}.delivery-manifest>div{padding:6px}.customer-dock{background:#e9f5df!important;border:2px solid #87b583!important}.customer-dock .customer-avatar{display:none}.customer-dock h2{font-size:20px}.parcel-picker button{min-height:54px}.parcel-picker button:hover{transform:translateY(-2px);box-shadow:0 4px #abc69e}.campaign-complete{animation:.4s ease-out completeIn}.victory-stars svg{animation:.4s backwards starPop}.victory-stars svg:nth-child(2){animation-delay:.1s}.victory-stars svg:nth-child(3){animation-delay:.2s}@keyframes completeIn{0%{opacity:0;transform:translateY(12px)}}@keyframes starPop{0%{opacity:0;transform:scale(.3)}}.algorithm-arena{background:#fffcf1;border:2px solid #d4decd;border-radius:25px;overflow:hidden;box-shadow:0 7px #dce4d5}.algorithm-hud{color:#fff6da;background:#274f4a;justify-content:space-between;gap:15px;padding:16px 24px;font-size:15px;display:flex}.algorithm-progress{background:#e4e8d8;height:5px}.algorithm-progress i{background:#ecc657;height:100%;transition:width .2s;display:block}.algorithm-arena h2{text-align:center;margin:35px 20px 15px;font-size:clamp(19px,2.4vw,27px);line-height:1.6}.algorithm-shelf{background:linear-gradient(0deg,#d9ddc7 0 8px,#0000 8px);justify-content:center;align-items:end;gap:12px;min-height:200px;margin:10px 35px 25px;padding:20px 15px;display:flex;overflow-x:auto}.algorithm-slot{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;transition:opacity .2s;display:flex;position:relative}.algorithm-slot small{color:#57664f;font-size:12px;font-weight:700}.algorithm-slot.active .algorithm-crate{outline-offset:4px;outline:3px solid #cc9f30}.algorithm-slot.ruled-out{opacity:.3}.algorithm-crate{cursor:pointer;background:0 0;border:0;border-radius:13px;padding:0;transition:transform .15s}.algorithm-crate:disabled{opacity:1;cursor:default}.algorithm-crate:enabled:hover{transform:translateY(-6px)}.algorithm-crate .crate-badge{border:3px solid #506356;border-radius:12px;width:76px;height:80px;font-size:32px;box-shadow:0 6px #607c5644}.algorithm-actions{justify-content:center;gap:12px;margin:24px;display:flex}.algorithm-actions .button{min-width:180px}.algorithm-rule{text-align:center;color:#586b5d;max-width:640px;margin:20px auto;padding:0 20px;font-size:14px;line-height:1.8}.algorithm-feedback{background:#eaf3e1;align-items:center;gap:15px;min-height:70px;padding:10px 24px;font-size:14px;display:flex}.algorithm-feedback>svg{flex-shrink:0;width:40px;height:45px}.algorithm-feedback.error{color:#8c362c;background:#fce8d9}.algorithm-hint{background:#fff2c6;padding:14px 24px;font-size:14px}.algorithm-destination{color:#466858;justify-content:center;align-items:center;gap:12px;margin:28px 0;font-size:14px;display:flex}.insert-slot{color:#594216;cursor:pointer;background:#ffedb2;border:2px dashed #98712e;border-radius:10px;width:48px;height:42px;font-size:25px;font-weight:800}@media (width<=760px){.world-heading{gap:8px;margin:16px 0}.world-heading h1{font-size:27px}.world-heading p{font-size:12px}.world-score{border-radius:14px;gap:0 5px;padding:10px}.world-score strong{font-size:20px}.world-score small,.world-score>span{font-size:10px}.world-score>svg{width:20px}.region-tabs button{min-width:145px}.world-board{border-width:3px;border-radius:20px;height:590px}.world-board:before{background-size:auto 100%}.world-region-title{max-width:200px;padding:9px 13px;top:13px;left:13px}.world-region-title h2{font-size:20px}.world-region-title p{font-size:10px}.node-circle{border-width:3px;border-radius:17px;width:46px;height:46px;font-size:20px}.world-node.boss .node-circle{width:51px;height:51px}.node-stars svg{width:10px;height:10px}.world-node{gap:5px;min-width:54px}.node-label{font-size:10px;top:-18px}.world-caption{white-space:normal;text-align:center;width:90%;font-size:11px;bottom:12px}.world-bottom{flex-wrap:wrap;gap:8px}.world-bottom .button{padding:10px;font-size:12px}.world-bottom .primary{flex:100%;order:-1;width:100%;font-size:15px}.world-bottom>.secondary{flex:1}.world-tip{font-size:11px;line-height:1.9}.route-panel{position:static}.route-feedback{font-size:12px}.algorithm-shelf{gap:9px;min-height:150px;margin:10px 12px 22px;padding:20px 8px}.algorithm-crate .crate-badge{border-radius:9px;width:43px;height:52px;font-size:24px}.algorithm-slot small{font-size:10px}.algorithm-actions{gap:8px;margin:15px}.algorithm-actions .button{flex:1;min-width:0;font-size:13px}.algorithm-arena h2{margin-top:22px;font-size:18px}.algorithm-rule{font-size:12px}.algorithm-feedback{padding:10px 14px;font-size:12px}.algorithm-destination{font-size:12px;line-height:1.8}.insert-slot{width:35px;height:36px;font-size:21px}.algorithm-slot{gap:9px}.campaign-steps{font-size:11px}.game-heading p,.route-chip{font-size:12px}.world-trail{opacity:.85}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.world-trail,.world-board:before,.world-board:after{pointer-events:none}.world-node:active:not(:disabled){transform:translate(-50%,-50%)scale(.96)}.instruction-block .steps li:nth-child(3){display:none}.algorithm-feedback{animation:.18s ease-out completeIn}@media (width<=760px){.control-panel .instruction-block{padding:15px}.control-panel .steps{gap:14px;display:flex}.control-panel .steps li{flex:1;align-items:start}.control-panel .steps li strong{font-size:12px}.control-panel .steps li p{font-size:11px}.history{padding:12px 16px}.history-title{font-size:12px}.coach{display:none!important}.route-panel .route-budget,.campaign-steps strong{font-size:11px}.delivery-manifest{gap:5px}}.algorithm-shelf{--slot-width:76px;--slot-gap:12px;height:210px;position:relative;overflow:visible}.algorithm-slot{width:var(--slot-width);transform:translateX(calc(-50% + var(--offset) * (var(--slot-width) + var(--slot-gap))));transition:transform .32s cubic-bezier(.25,.8,.3,1),opacity .2s;position:absolute;bottom:21px;left:50%}.algorithm-score-note{text-align:center;color:#546a5b;margin:20px 0 0;font-size:12px}.algorithm-destination{margin-top:12px}@media (width<=760px){.algorithm-shelf{--slot-width:38px;--slot-gap:7px;height:180px}.algorithm-crate .crate-badge{width:38px;height:50px}.algorithm-score-note{font-size:11px;line-height:1.8}}.station.selected,.station.selected>span{color:#51421f!important}.held-status{z-index:3;color:#57471d;pointer-events:none;background:#fff8df;border:2px solid #e6c264;border-radius:12px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;font-weight:700;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 3px #a58d3e22}.held-status .crate-badge{width:31px;height:33px;font-size:16px}@media (width<=760px){.held-status{gap:5px;padding:4px 7px;font-size:10px;top:9px;right:7px}.held-status .crate-badge{width:25px;height:26px;font-size:14px}}@media (prefers-reduced-motion:reduce){.robot-mover,.algorithm-slot{transition:none!important}.world-node.recommended .node-circle,.robot-mover.walking .robot-feet,.victory-stars svg,.campaign-complete{animation:none!important}}.robot-mover{will-change:transform;transition:none!important}.robot-mover .robot-cargo{filter:drop-shadow(0 2px 1px #203a3822)}.robot-mover.walking .robot-feet{animation:.22s ease-in-out infinite alternate roboFoot}@keyframes roboFoot{0%{transform:translateY(-1px)rotate(-3deg)}to{transform:translateY(1px)rotate(3deg)}}.world-board:before{display:none}.world-backdrop{object-fit:cover;z-index:-2;pointer-events:none;filter:none;width:100%;height:100%;position:absolute;inset:0}.world-region-title{z-index:3}.world-trail{stroke-linejoin:round;stroke-linecap:round}.world-board.region-4{background:#243b65}.world-board.region-3{background:#d9e9f3}.world-board.region-4 .node-circle{color:#374362;background:#dbe0f3;border-color:#f3eeff;box-shadow:0 5px #4a527f,0 8px 12px #0d183855}.world-board.region-4 .world-node.available .node-circle{color:#49391b;background:#f9ca55}.world-board.region-4 .world-node.complete .node-circle{color:#fff;background:#2d8071}@media (width<=760px){.world-backdrop{object-position:center}.world-node .node-circle>small{font-size:12px;bottom:0}.world-region-title{max-width:200px}}.robot-mover.walking .robot-feet{animation:none;transform:none}.robot-mover.walking .robot-foot-left{animation:.38s ease-in-out infinite alternate quietStep}.robot-mover.walking .robot-foot-right{animation:.38s ease-in-out -.38s infinite alternate quietStep}@keyframes quietStep{0%{transform:translateY(0)}to{transform:translateY(-1.5px)}}.robot-cargo{transform-origin:60px 100px;animation:.12s ease-out both gripCargo}@keyframes gripCargo{0%{opacity:.6;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.robot-mover.walking .robot-foot-left,.robot-mover.walking .robot-foot-right,.robot-cargo{animation:none!important}}.world-node .node-stars{color:#ffd35d;background:#233f46;border:2px solid #fff9df;border-radius:10px;justify-content:center;gap:2px;min-width:84px;margin-top:5px;padding:4px 6px;display:flex;box-shadow:0 3px #14292d55}.world-node .node-stars svg{stroke:#afc0bb;stroke-width:1.8px;filter:none;width:22px;height:22px}.world-node .node-stars svg.earned{color:#ffd35d;stroke:#ffe8a1;fill:#ffd35d;filter:drop-shadow(0 1px #805310)}.world-node.complete .node-circle{outline:3px solid #fff6c6;box-shadow:0 4px #1d5744,0 0 0 7px #2e765a66}.node-completed{color:#234f3c;white-space:nowrap;background:#fff9df;border-radius:6px;margin-top:3px;padding:2px 7px;font-size:12px;font-weight:800;display:block}.world-node:disabled .node-stars{display:none}@media (width<=600px){.world-node .node-stars{gap:1px;min-width:70px;margin-top:4px;padding:3px 4px}.world-node .node-stars svg{width:19px;height:19px}.node-completed{padding:1px 4px;font-size:10px}.world-node.complete .node-circle{outline-width:2px}}.world-page>.world-region-title{max-width:none;box-shadow:none;background:0 0;border:0;align-items:center;gap:12px;margin:0 0 8px;padding:10px 3px;display:flex;position:static}.world-page>.world-region-title h2{margin:0}.world-page>.world-caption{text-align:center;background:0 0;width:auto;max-width:none;margin:10px auto 0;padding:0;font-size:13px;position:static;transform:none}.world-node{gap:0;padding:3px}.world-node .node-circle{width:52px;height:52px}.world-node .node-stars{margin-top:3px;padding:3px 5px}.node-completed{margin-top:2px;padding:1px 5px;font-size:11px;line-height:1.3}@media (width<=600px){.world-page>.world-region-title{padding:4px 0;display:block}.world-page>.world-region-title>span{display:none}.world-node .node-circle{width:46px;height:46px}.world-node .node-stars{margin-top:4px;padding:3px 4px}.node-completed{font-size:11px}}.playing-page{max-width:1240px}.play-viewport{--play-width:1160px;background:#f8f5ed;border-radius:20px}.play-content{max-width:var(--play-width);margin:auto}.play-screen-tools{max-width:var(--play-width);z-index:6;background:#fffdf7;border:1px solid #d6dfd4;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:56px;margin:0 auto 12px;padding:8px 12px;display:flex;position:relative}.play-screen-tools>span{color:#546a60;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.play-screen-tools i{background:#80a884;border-radius:50%;width:6px;height:6px}.play-screen-tools>div{gap:8px;display:flex}.screen-button{color:#335c53;cursor:pointer;background:#f8faf1;border:1px solid #c3d2c8;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 12px;font-size:14px;font-weight:700;display:flex}.screen-button:hover{background:#e6f0df}.screen-button.primary-screen{color:#fff9e9;background:#285d52;border-color:#285d52}.screen-notice{max-width:var(--play-width);color:#5f6346;margin:8px auto;font-size:14px}.play-viewport .game-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:18px}.play-viewport .game-heading{margin:12px 0 16px}.play-viewport .game-heading h1{font-size:26px;line-height:1.4}.play-viewport .game-heading p{margin-top:5px;font-size:15px;line-height:1.6}.play-viewport .game-heading .map-shortcut{display:none}.play-viewport .campaign-steps{border-bottom:0;max-width:560px;padding:5px 0;margin:10px auto!important}.play-viewport .campaign-steps strong{font-size:14px}.play-viewport .game-board{border-radius:18px;width:100%;overflow:hidden;box-shadow:0 4px #dce2d2}.play-viewport .warehouse-art{aspect-ratio:1000/455;width:100%;height:auto;max-height:none}.play-viewport .order-bar{min-height:74px;padding:10px 16px}.play-viewport .order-label strong{font-size:14px}.play-viewport .order-label small,.play-viewport .moves-counter small{font-size:12px}.play-viewport .feedback{align-items:center;min-height:60px;padding:10px 16px;font-size:14px;line-height:1.6}.play-viewport .feedback .icon-button{flex-shrink:0;min-width:84px;min-height:44px;font-size:13px}.play-viewport .game-toolbar{flex-wrap:wrap;gap:8px;min-height:62px;padding:9px 12px}.play-viewport .game-toolbar>div{flex-wrap:wrap;gap:6px}.play-viewport .game-toolbar .text-button,.play-viewport .delivery-tools .text-button{background:#fffdf5;border:1px solid #cdd9cd;border-radius:9px;min-height:44px;padding:8px 10px;font-size:14px}.play-viewport .no-rush{font-size:12px}.play-viewport .control-panel{border-radius:16px;display:block;overflow:hidden;box-shadow:0 3px #dce2d2}.play-viewport .coach{display:none}.play-viewport .mode-tabs{margin:12px;padding:4px}.play-viewport .mode-tabs button{min-height:44px;padding:6px;font-size:14px}.play-viewport .instruction-block{padding:14px 18px}.play-viewport .instruction-block h2{margin:6px 0 12px;font-size:19px;line-height:1.5}.play-viewport .tiny-label{letter-spacing:.3px;font-size:12px}.play-viewport .steps{flex-direction:column;gap:10px;display:flex}.play-viewport .steps li{padding:0}.play-viewport .steps strong{font-size:15px}.play-viewport .steps p{font-size:14px;line-height:1.6}.play-viewport .steps li>span{flex-shrink:0}.play-viewport .rule-note{margin:0 14px 14px;padding:12px}.play-viewport .rule-note strong,.play-viewport .rule-note p{font-size:14px;line-height:1.65}.play-viewport .history{border-top:1px solid #e0e6db;padding:14px 18px}.play-viewport .history-title{cursor:pointer;align-items:center;min-height:32px;font-size:14px}.play-viewport .history li,.play-viewport .history-empty{font-size:13px}.play-viewport .history-title:after{content:"＋";margin-left:auto}.play-viewport .history[open] .history-title:after{content:"−"}.play-viewport .plan-editor{padding:14px}.play-viewport .plan-editor p{font-size:14px;line-height:1.6}.play-viewport .command-list{max-height:230px;overflow:auto}.play-viewport .station{min-width:126px;font-size:14px}.play-viewport .station small{font-size:12px!important}.play-viewport .delivery-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.play-viewport .route-feedback{font-size:15px;line-height:1.6}.play-viewport .route-panel{font-size:14px}.play-viewport .route-panel p,.play-viewport .route-panel small{font-size:13px;line-height:1.6}.play-viewport .delivery-tools{flex-wrap:wrap;gap:8px}.play-viewport .city-stop{min-height:38px;font-size:13px}.play-viewport .city-label{font-size:12px}.play-viewport .city-label span{font-size:11px}.play-viewport .map-legend{font-size:12px}.play-viewport .algorithm-game{max-width:960px;margin:auto}.play-viewport .algorithm-arena h2{margin:22px 18px 10px;font-size:23px}.play-viewport .algorithm-rule,.play-viewport .algorithm-feedback{font-size:15px;line-height:1.65}.play-viewport .algorithm-score-note{font-size:14px}.play-viewport .campaign-complete{max-width:900px;margin:20px auto}:is(.play-viewport.expanded,.play-viewport:fullscreen){z-index:100;overscroll-behavior:contain;background:#edf0e6;border-radius:0;width:100%;height:100dvh;padding:12px 28px 28px;position:fixed;inset:0;overflow:auto}:is(.play-viewport.expanded>.play-screen-tools,.play-viewport:fullscreen>.play-screen-tools){position:sticky;top:0;box-shadow:0 4px 15px #294f3814}:is(.play-viewport.expanded .campaign-steps,.play-viewport:fullscreen .campaign-steps){display:none}:is(.play-viewport.expanded .game-heading,.play-viewport:fullscreen .game-heading){margin:12px 0 16px}:is(.play-viewport.expanded .route-panel,.play-viewport:fullscreen .route-panel){top:84px}.world-page{max-width:1120px;margin:auto}.world-board{height:510px}.world-heading h1{font-size:34px}.world-heading p{font-size:16px}.world-region-title h2{font-size:22px}@media (width<=1000px){.play-viewport .game-layout,.play-viewport .delivery-layout{grid-template-columns:minmax(0,1fr)}.play-viewport .control-panel{grid-template-columns:1fr 1fr;display:grid}.play-viewport .mode-tabs{grid-column:1/-1;width:calc(100% - 28px);max-width:380px;margin:12px auto}.play-viewport .history,.play-viewport .plan-editor{grid-column:1/-1}.play-viewport .rule-note{align-self:start;margin-top:14px}.play-viewport .route-panel{position:static}.play-viewport .game-board,.play-viewport .city-map{max-width:840px;margin:auto}}@media (width<=600px){.play-screen-tools{gap:5px;padding:6px}.play-screen-tools>span{display:none}.play-screen-tools>div{gap:5px}.screen-button{min-height:44px;padding:7px;font-size:12px}.play-screen-tools>.text-button{font-size:13px}:is(.play-viewport.expanded,.play-viewport:fullscreen){padding:6px 10px 20px}.play-viewport .game-heading h1{font-size:23px}.play-viewport .game-heading p{font-size:14px}.play-viewport .campaign-steps strong{font-size:12px}.play-viewport .control-panel{grid-template-columns:1fr}.play-viewport .rule-note{margin-top:0}.play-viewport .warehouse-art{min-height:190px}.play-viewport .warehouse{padding-bottom:105px}.play-viewport .station{min-width:0;font-size:12px}.play-viewport .station small{font-size:11px!important}.play-viewport .order-bar{padding:8px}.play-viewport .order-label strong{font-size:13px}.play-viewport .order-label small{font-size:11px}.play-viewport .feedback{padding:10px;font-size:14px}.play-viewport .no-rush{display:none}.play-viewport .game-toolbar .text-button{font-size:13px}.play-viewport .city-stop{min-height:36px;font-size:11px}.play-viewport .algorithm-arena h2{font-size:19px}.world-board{height:580px}.world-heading h1{font-size:28px}}@media (height<=550px) and (width>=650px){:is(.play-viewport.expanded .game-layout,.play-viewport:fullscreen .game-layout){grid-template-columns:1fr;max-width:100%}:is(.play-viewport.expanded .game-heading,.play-viewport:fullscreen .game-heading){display:none}:is(.play-viewport.expanded .game-board,.play-viewport:fullscreen .game-board){grid-template-columns:minmax(0,1fr) 175px;display:grid}:is(.play-viewport.expanded .order-bar,.play-viewport:fullscreen .order-bar){grid-column:1;min-height:52px;padding:4px 10px}:is(.play-viewport.expanded .warehouse,.play-viewport:fullscreen .warehouse){grid-area:2/1/5}:is(.play-viewport.expanded .feedback,.play-viewport:fullscreen .feedback){grid-area:1/2/3;align-items:start;font-size:11px}:is(.play-viewport.expanded .game-toolbar,.play-viewport:fullscreen .game-toolbar){grid-area:3/2;padding:8px;display:block}:is(.play-viewport.expanded .game-toolbar>div,.play-viewport:fullscreen .game-toolbar>div){flex-direction:column;align-items:start}:is(.play-viewport.expanded .warehouse-art,.play-viewport:fullscreen .warehouse-art){min-height:0}:is(.play-viewport.expanded .control-panel,.play-viewport:fullscreen .control-panel){grid-column:1/-1}:is(.play-viewport.expanded .target-list,.play-viewport:fullscreen .target-list){gap:5px}:is(.play-viewport.expanded,.play-viewport:fullscreen){padding:0 12px 16px}:is(.play-viewport.expanded>.play-screen-tools,.play-viewport:fullscreen>.play-screen-tools){min-height:48px;margin-bottom:6px;padding:4px 10px}:is(.play-viewport.expanded .warehouse,.play-viewport:fullscreen .warehouse){height:calc(100dvh - 122px);min-height:190px;padding:0}:is(.play-viewport.expanded .warehouse-art,.play-viewport:fullscreen .warehouse-art){aspect-ratio:auto;width:100%;height:100%}:is(.play-viewport.expanded .station,.play-viewport:fullscreen .station){min-width:105px;min-height:42px;padding:5px 8px;font-size:11px}:is(.play-viewport.expanded .bin-station,.play-viewport:fullscreen .bin-station){top:auto;bottom:5px}:is(.play-viewport.expanded .scene-stamp,.play-viewport:fullscreen .scene-stamp){display:none}}.play-viewport .history-title{gap:10px}.play-viewport .target-check{animation:.2s ease-out both parcelCheck}@keyframes parcelCheck{0%{opacity:.3;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@media (height<=850px) and (width>=1001px){:is(.play-viewport.expanded .game-heading p,.play-viewport:fullscreen .game-heading p){display:none}:is(.play-viewport.expanded .game-heading,.play-viewport:fullscreen .game-heading){margin:5px 0 10px}:is(.play-viewport.expanded .game-heading h1,.play-viewport:fullscreen .game-heading h1){margin:5px 0;font-size:23px}}@media (prefers-reduced-motion:reduce){.play-viewport .target-check{animation:none}}.warehouse-controls{display:contents}.station-contents{display:none}.table-scroll:focus-visible{outline-offset:3px;border-radius:8px;outline:3px solid #286861}.campaign-complete .delivery-victory{text-align:center;flex-direction:column;gap:12px}.campaign-complete .delivery-victory>.robot{width:76px;height:86px}.campaign-complete .victory-stars{color:#a36b0d;filter:drop-shadow(0 4px #edcd78);justify-content:center;align-items:center;gap:16px;margin:24px 0 8px;display:flex}.campaign-complete .victory-stars svg{stroke-width:1.6px;width:54px;height:54px}.campaign-complete .victory-stars svg:nth-child(2){width:76px;height:76px}.campaign-complete .victory-stars svg[fill=currentColor]{fill:#ffcc4b;stroke:#916111}.campaign-complete .earned-count{color:#6f5019;font-size:18px;font-weight:700}@media (width<=600px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom));-webkit-text-size-adjust:100%}main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.site-header .header-inner{flex-wrap:nowrap;min-height:66px;padding:10px 16px}.site-header nav{z-index:80;padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:#fffdf7;border-top:1px solid #cbd7c7;grid-template-columns:repeat(4,1fr);margin:0;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #2649390d}.site-header nav button{border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;padding:6px 2px;font-size:12px;display:flex}.site-header nav button.active{color:#24574c;background:#e4efe4}.site-header nav button.active:after{display:none}.site-header nav button svg{width:20px;height:20px}.header-actions .icon-button,.profile-button,.modal .icon-button{min-width:44px;min-height:44px}.breadcrumb{margin:14px 0}.breadcrumb .text-button{min-height:44px}.play-screen-tools{gap:6px}.play-screen-tools>.text-button{min-height:44px;padding:7px}.play-viewport .campaign-steps{gap:6px;padding:4px 0;margin:6px auto!important}.play-viewport .campaign-steps strong{font-size:11px}.play-viewport .campaign-steps>div{gap:4px}.play-viewport .game-heading{margin:10px 0 12px}.play-viewport .warehouse{padding-bottom:0}.play-viewport .warehouse-art{aspect-ratio:1000/455;min-height:180px}.warehouse-controls{background:#ecf0dd;border-top:1px solid #d1dcc5;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px;display:grid}.play-viewport .warehouse .station{border-radius:12px;flex-direction:column;justify-content:center;gap:4px;width:auto;min-width:0;min-height:76px;margin:0;padding:8px 5px;font-size:14px;line-height:1.45;display:flex;position:static!important;transform:none!important}.play-viewport .warehouse .input-station,.play-viewport .warehouse .output-station{grid-column:span 3}.play-viewport .warehouse .bin-station{grid-column:span var(--bin-span)}.play-viewport .warehouse .station span{flex-wrap:wrap;justify-content:center;gap:3px;font-size:13px;display:flex}.play-viewport .warehouse .station b{padding:2px 5px;font-size:12px}.play-viewport .warehouse .station small{line-height:1.5;font-size:12px!important}.play-viewport .station .station-contents{overflow-wrap:anywhere;font-weight:600;display:block}.play-viewport .held-status{padding:5px 8px;top:8px;right:8px}.play-viewport .held-status .crate-badge{width:32px;height:32px;font-size:20px}.play-viewport .game-toolbar{gap:7px;padding:10px}.play-viewport .game-toolbar>div{width:100%;display:flex}.play-viewport .game-toolbar>div>.text-button{flex:1;justify-content:center;padding:8px 6px;font-size:13px}.play-viewport .algorithm-shelf{--slot-width:44px;--slot-gap:2px}.play-viewport .algorithm-slot{width:44px}.play-viewport .algorithm-crate{width:44px;min-height:54px;padding:0}.play-viewport .algorithm-crate .crate-badge{width:40px;height:50px}.play-viewport .insert-slot{width:44px;height:44px;min-height:44px;font-size:23px}.play-viewport .algorithm-slot small{font-size:11px}.algorithm-actions{flex-wrap:wrap;gap:8px}.algorithm-actions .button{min-height:48px;font-size:14px}.delivery-mini .city-stop{min-height:44px;font-size:13px}.dock-parcel small{font-size:12px}.dock-parcel{min-height:76px}.shop-drop{min-height:112px;font-size:14px}.dock-message{font-size:14px}.campaign-complete .delivery-victory h2{font-size:26px}.campaign-complete .delivery-victory p{font-size:15px}.campaign-complete .victory-stars{gap:12px;margin-top:18px}.campaign-complete .victory-stars svg{width:48px;height:48px}.campaign-complete .victory-stars svg:nth-child(2){width:68px;height:68px}.campaign-complete .completion-actions{flex-direction:column}.campaign-complete .completion-actions .button{width:100%;min-height:48px;font-size:15px}.campaign-complete .quiz-choice{min-height:52px;font-size:15px;line-height:1.6}.modal{max-height:calc(100dvh - 28px - env(safe-area-inset-top));overscroll-behavior:contain;padding:20px}.modal .text-input,.reflection textarea{font-size:16px}.modal-heading h2{font-size:19px;line-height:1.5}.modal>p{font-size:15px}.settings-actions .button{white-space:normal;min-height:48px;font-size:14px}.modal-actions{flex-wrap:wrap}.modal-actions .button{min-height:48px}.concept p,.graph-lesson p,.reflection-section>p,.reflection label{font-size:15px;line-height:1.8}.concept h2,.graph-lesson h2{font-size:22px}.graph-lesson{padding:20px}.reflection-section{padding:20px 14px}:is(.play-viewport.expanded,.play-viewport:fullscreen){padding-top:max(6px,env(safe-area-inset-top));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}}@media (width<=359px){.play-viewport .warehouse .station span{font-size:12px}.warehouse-controls{gap:6px;padding:8px}.screen-button{font-size:11px}.play-viewport .algorithm-shelf{--slot-width:44px;--slot-gap:0px}}.play-viewport .station{min-height:44px}.quick-route-puzzle{padding:18px 22px}.quick-route-title{text-align:center}.quick-route-title>span{color:#507060;font-size:12px;font-weight:700}.quick-route-title h2{margin:5px 0;font-size:27px}.quick-route-title p{color:#4d6459;margin:5px 0 18px;font-size:15px}.quick-routes{grid-template-columns:1fr 1fr;gap:16px;max-width:650px;margin:auto;display:grid}.quick-route{color:#294f43;cursor:pointer;background:#f5f7ec;border:2px solid #bacbbb;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:18px;font-size:16px;display:flex;box-shadow:0 4px #d9e1cc}.quick-route>strong{font-size:22px}.quick-route[aria-pressed=true]{background:#e5f0dc;border-color:#347368;box-shadow:0 0 0 3px #bdd5bd}.route-dots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.route-dots>span{align-items:center;gap:6px;display:flex}.route-dots b{color:#624414;background:#ffda7a;border:2px solid #b88a39;border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.route-dots i{font-style:normal}.quick-puzzle-note{text-align:center;color:#596952;margin:20px 0 0;font-size:13px}.quick-unload{padding:12px}.quick-unload .delivery-dock{box-shadow:none;animation:none;position:relative;inset:auto}.quick-unload .dock-close{display:none}@media (width<=600px){.quick-route-puzzle{padding:16px 10px}.quick-route-title h2{font-size:24px}.quick-routes{gap:10px}.quick-route{gap:10px;padding:12px 6px;font-size:14px}.quick-route>strong{font-size:19px}.route-dots{gap:3px}.route-dots b{width:32px;height:32px;font-size:16px}.route-dots>span{gap:3px}.quick-unload{padding:6px}}.play-viewport .insert-slot{min-width:44px;min-height:44px}@media (width<=640px){html{scroll-padding-bottom:100px}button,input,textarea,select{scroll-margin-block:20px 100px}}.cost-breakdown{color:#294f43;background:#f0f5e8;border:1px solid #c5d4bd;border-radius:12px;margin:14px 0;padding:14px 18px}.cost-breakdown strong{font-size:17px}.cost-breakdown p{margin:5px 0;font-size:14px;line-height:1.7}.topic-practice{background:#fffdf7;border:1px solid #c2d0bb;border-radius:20px;margin:24px 0 30px;padding:24px}.topic-practice h2{margin:0 0 6px;font-size:25px}.topic-practice label{margin:16px 0 7px;font-weight:700;display:block}.topic-practice select{font:inherit;color:#294f43;background:#fff;border:1px solid #9aaf93;border-radius:10px;width:min(100%,340px);min-height:48px;margin:0 12px 12px 0;padding:12px;font-size:16px}.topic-practice>.button{min-height:48px}.topic-practice .algorithm-game{margin-top:18px}.topic-practice .game-heading{margin:20px 0}.topic-practice .game-heading h1{font-size:25px}.container-practice{background:#edf3e6;border-radius:14px;gap:16px;padding:18px;display:grid}.container-practice p{font-size:16px;line-height:1.7}.practice-crates{flex-wrap:wrap;align-items:center;gap:9px;min-height:55px;margin:8px 0;display:flex}.practice-actions{flex-wrap:wrap;gap:12px;display:flex}.practice-actions .button{min-height:48px}.practice-complete{background:#e6f0db;border-radius:14px;padding:24px;font-size:16px;line-height:1.8}.algorithm-learning-note{color:#52674d;margin:12px 0 20px;font-size:14px;line-height:1.7}@media (width>=1001px){.play-viewport:is(.expanded,:fullscreen) .game-heading{display:none}.play-viewport:is(.expanded,:fullscreen) .phase-trail{margin:6px 0 8px}.play-viewport:is(.expanded,:fullscreen) .phase-trail li{min-height:44px;padding:6px;font-size:14px}.play-viewport:is(.expanded,:fullscreen) .routing-rule{margin:6px 0 10px;padding:7px 12px;font-size:14px;line-height:1.5}.play-viewport:is(.expanded,:fullscreen) .game-board .warehouse-art{aspect-ratio:auto;height:min(310px,100dvh - 440px);min-height:0;max-height:none}.play-viewport:is(.expanded,:fullscreen) .feedback{padding:10px 14px;font-size:14px;line-height:1.5}.play-viewport:is(.expanded,:fullscreen) .game-toolbar{min-height:60px;padding:8px 14px}}@media (width<=600px){html{scroll-padding-bottom:calc(94px + env(safe-area-inset-bottom))}button,a,select{touch-action:manipulation}.station{scroll-margin-bottom:94px}body{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.site-header nav button{min-height:64px;font-size:14px;line-height:1.4}.breadcrumb{margin:6px 0}.breadcrumb .text-button{font-size:14px}.screen-button,.play-screen-tools .screen-button,.play-screen-tools>.text-button{font-size:14px;line-height:1.5}.play-viewport .campaign-steps strong{font-size:14px;line-height:1.45}.play-viewport .warehouse .station small,.play-viewport .warehouse .station span,.play-viewport .game-toolbar .text-button{font-size:14px!important}.phase-trail li{font-size:14px}.routing-rule,.classroom-note p,.classroom-note strong,.teacher-stats span,.lesson-guide p,.learning-note p{font-size:14px;line-height:1.7}.report-section .button{min-height:44px;font-size:14px}.topic-practice{padding:18px 12px}.topic-practice h2{font-size:23px}.container-practice{padding:14px}.cost-breakdown{padding:12px}.play-viewport .algorithm-slot small{font-size:14px}.play-viewport .algorithm-shelf{flex-wrap:wrap;gap:4px}}body.game-focus-active .site-header,body.game-focus-active .breadcrumb,body.game-focus-active .site-footer{display:none}.play-viewport.auto-focus{overscroll-behavior:none;flex-direction:column;gap:6px;padding:8px 16px;display:flex;overflow:hidden}.auto-focus>.play-screen-tools{flex:none;width:100%;min-height:48px;margin:0 auto;padding:4px 8px;position:relative}.auto-focus>.play-content{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.play-viewport.auto-focus .campaign-steps,.play-viewport.auto-focus .game-heading,.play-viewport.auto-focus .under-game{display:none}.play-viewport.auto-focus .mastery-rules{flex:none;margin:0 0 5px;position:relative}.play-viewport.auto-focus .mastery-rules[open]{z-index:15;width:min(620px,100% - 24px);max-height:calc(100dvh - 90px);position:absolute;top:64px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 8px 30px #294f4340}.play-viewport.auto-focus .phase-trail{flex:none;gap:5px;margin:0 0 5px;overflow:hidden}.play-viewport.auto-focus .phase-trail li{min-width:0;min-height:38px;padding:5px;font-size:14px;line-height:1.4}.play-viewport.auto-focus .routing-rule{flex:none;margin:0 0 5px;padding:5px 10px;font-size:14px;line-height:1.5}.play-viewport.auto-focus .game-layout{flex:1;align-items:stretch;min-height:0}.play-viewport.auto-focus .game-board{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.play-viewport.auto-focus .order-bar,.play-viewport.auto-focus .feedback,.play-viewport.auto-focus .game-toolbar{flex:none}.play-viewport.auto-focus .warehouse{flex:1;height:auto;min-height:0;padding:0}.play-viewport.auto-focus .game-board .warehouse-art{aspect-ratio:auto;height:100%;min-height:0;max-height:none}.play-viewport.auto-focus .game-toolbar{flex-wrap:nowrap;min-height:52px;padding:4px 10px}.play-viewport.auto-focus .game-toolbar>div{flex-wrap:nowrap;width:auto}.play-viewport.auto-focus .game-toolbar .no-rush{display:none}.play-viewport.auto-focus .control-panel-dock{overscroll-behavior:contain;min-height:0;overflow:auto}.play-viewport.auto-focus .control-panel{max-height:none}.play-viewport.auto-focus .algorithm-game{flex-direction:column;flex:1;width:100%;max-width:960px;min-height:0;display:flex}.play-viewport.auto-focus .algorithm-arena{flex-direction:column;flex:1;min-height:0;margin:0;padding:0 12px;display:flex;overflow:hidden}.play-viewport.auto-focus .algorithm-hud{flex:none;padding:8px 12px}.play-viewport.auto-focus .algorithm-arena h2{margin:10px 0;font-size:22px}.play-viewport.auto-focus .algorithm-shelf{flex:1;align-items:center;min-height:80px;margin:0;padding:12px 4px}.play-viewport.auto-focus .algorithm-actions,.play-viewport.auto-focus .algorithm-rule,.play-viewport.auto-focus .algorithm-feedback,.play-viewport.auto-focus .algorithm-hint,.play-viewport.auto-focus .algorithm-game .game-toolbar{flex:none}.play-viewport.auto-focus .algorithm-rule{margin:6px 0;font-size:14px}.play-viewport.auto-focus .algorithm-feedback{padding:10px;font-size:14px;line-height:1.5}.play-viewport.auto-focus .algorithm-feedback .robot{display:none}.play-viewport.auto-focus .algorithm-score-note,.play-viewport.auto-focus .algorithm-learning-note{margin:4px 0;font-size:12px;line-height:1.4}.play-viewport.auto-focus .campaign-journey{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.play-viewport.auto-focus .mini-heading{flex:none;justify-content:flex-end;display:flex;margin:0!important}.play-viewport.auto-focus .mini-heading>div{display:none}.play-viewport.auto-focus .skip-delivery{min-height:44px;margin:0 0 5px;padding:6px 12px}.play-viewport.auto-focus .delivery-mini{flex-direction:column;flex:1;min-height:0;display:flex}.play-viewport.auto-focus .mini-status,.play-viewport.auto-focus .mini-controls,.play-viewport.auto-focus .mini-message{flex:none}.play-viewport.auto-focus .parcel-route{flex-direction:column;flex:1;min-height:0;padding:8px;display:flex}.play-viewport.auto-focus .route-title{flex:none}.play-viewport.auto-focus .route-title h2{margin:0;font-size:22px}.play-viewport.auto-focus .route-title p{margin:4px 0}.play-viewport.auto-focus .route-landscape{aspect-ratio:auto;flex:1;justify-content:center;min-height:0;display:flex}.play-viewport.auto-focus .route-board{width:auto;max-width:100%;height:100%}.play-viewport.auto-focus .quick-routes{flex:none;width:100%;margin:6px auto 0}.play-viewport.auto-focus .parcel-route .quick-route{min-height:52px;padding:5px}.play-viewport.auto-focus .quick-unload{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.play-viewport.auto-focus .city-map{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.play-viewport.auto-focus .city-map>svg{width:100%;max-height:100%}.play-viewport.auto-focus .campaign-journey:has(.campaign-complete){overscroll-behavior:contain;overflow:auto}.play-viewport.auto-focus .campaign-complete{flex:none;width:100%;margin:8px auto}.play-viewport.auto-focus .modal{max-height:calc(100dvh - 28px);overflow:auto}@media (width<=1000px){.play-viewport.auto-focus .game-layout{grid-template-columns:1fr}.play-viewport.auto-focus .control-panel-dock{display:none}.play-viewport.auto-focus .game-layout>.modal .control-panel{display:block}.play-viewport.auto-focus .phase-trail li:not(.current) span{display:none}.play-viewport.auto-focus .phase-trail li:not(.current){flex:0 0 34px}.play-viewport.auto-focus .phase-trail .current{flex:1}.play-viewport.auto-focus .routing-rule{font-size:13px;line-height:1.4}}@media (width<=600px){.play-viewport.auto-focus{padding:max(4px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));gap:4px}.play-viewport.auto-focus .play-screen-tools{gap:4px;padding:2px 4px}.play-viewport.auto-focus .play-screen-tools>.text-button{justify-content:center;min-width:44px;padding:4px}.play-viewport.auto-focus .play-screen-tools>div{gap:3px}.play-viewport.auto-focus .screen-button{width:44px;min-width:44px;padding:4px}.play-viewport.auto-focus .play-screen-tools button>span,.play-viewport.auto-focus .game-toolbar .text-button>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.play-viewport.auto-focus .mastery-rules{padding:0 8px}.play-viewport.auto-focus .mastery-rules summary{gap:4px;min-height:36px;font-size:13px}.play-viewport.auto-focus .mastery-rules summary strong{font-size:13px}.play-viewport.auto-focus .phase-trail li{min-height:32px;padding:2px;font-size:13px}.play-viewport.auto-focus .phase-trail b{width:22px;height:22px}.play-viewport.auto-focus .routing-rule{padding:4px 6px;font-size:12px;line-height:1.35}.play-viewport.auto-focus .order-bar{min-height:62px;padding:5px 8px}.play-viewport.auto-focus .order-label small{display:none}.play-viewport.auto-focus .target-list{gap:3px}.play-viewport.auto-focus .warehouse{flex-direction:column;display:flex}.play-viewport.auto-focus .game-board .warehouse-art{aspect-ratio:auto;flex:1;height:0;min-height:0}.play-viewport.auto-focus .warehouse-controls{flex:none;gap:5px;padding:6px}.play-viewport.auto-focus .warehouse .station{min-height:52px;padding:4px;font-size:14px;line-height:1.25}.play-viewport.auto-focus .warehouse .station small{font-size:13px!important}.play-viewport.auto-focus .station-contents{font-size:12px!important}.play-viewport.auto-focus .feedback{gap:5px;min-height:44px;padding:6px 8px;font-size:13px;line-height:1.45}.play-viewport.auto-focus .feedback .robot{display:none}.play-viewport.auto-focus .feedback .icon-button{min-width:44px}.play-viewport.auto-focus .game-toolbar{gap:5px;min-height:48px;padding:2px 6px}.play-viewport.auto-focus .game-toolbar>div{gap:4px}.play-viewport.auto-focus .game-toolbar .text-button{flex:none;justify-content:center;min-width:44px;min-height:44px;padding:4px}.play-viewport.auto-focus .algorithm-arena{padding:0 8px}.play-viewport.auto-focus .algorithm-arena h2{margin:7px 0;font-size:18px}.play-viewport.auto-focus .algorithm-hud{padding:7px;font-size:14px}.play-viewport.auto-focus .algorithm-shelf{min-height:85px;padding:4px 0}.play-viewport.auto-focus .algorithm-score-note,.play-viewport.auto-focus .algorithm-learning-note{font-size:12px;line-height:1.35}.play-viewport.auto-focus .algorithm-learning-note{display:none}.play-viewport.auto-focus .mini-status{padding:7px 10px;font-size:14px}.play-viewport.auto-focus .mini-message{padding:6px 10px;font-size:13px;line-height:1.4}.play-viewport.auto-focus .mini-controls{gap:5px;padding:7px}.play-viewport.auto-focus .mini-destination{font-size:13px}.play-viewport.auto-focus .route-title h2{font-size:20px}.play-viewport.auto-focus .route-title p{font-size:13px}.play-viewport.auto-focus .route-landscape{border-radius:12px}}@media (height<=550px) and (width>=601px){.play-viewport.auto-focus .game-layout{grid-template-columns:1fr}.play-viewport.auto-focus .game-board{flex-direction:column;padding-right:175px;display:flex;position:relative}.play-viewport.auto-focus .order-bar,.play-viewport.auto-focus .warehouse{grid-area:auto;width:100%}.play-viewport.auto-focus .warehouse{height:auto;min-height:0}.play-viewport.auto-focus .feedback{width:175px;max-height:45%;font-size:13px;position:absolute;top:0;right:0;overflow:auto}.play-viewport.auto-focus .game-toolbar{flex-wrap:wrap;width:175px;position:absolute;bottom:0;right:0}.play-viewport.auto-focus .game-toolbar>div{flex-flow:wrap}.play-viewport.auto-focus .game-board .warehouse-art{height:100%;min-height:0}.play-viewport.auto-focus .control-panel-dock,.play-viewport.auto-focus .phase-trail{display:none}.play-viewport.auto-focus .mastery-rules{margin-bottom:3px}.play-viewport.auto-focus .routing-rule{margin:0 0 3px;padding:2px 8px;font-size:12px}.play-viewport.auto-focus .algorithm-rule,.play-viewport.auto-focus .algorithm-score-note,.play-viewport.auto-focus .algorithm-learning-note{display:none}.play-viewport.auto-focus .algorithm-hud{padding:4px 10px}.play-viewport.auto-focus .algorithm-shelf{min-height:70px;padding:0}.play-viewport.auto-focus .algorithm-arena h2{margin:4px 0;font-size:18px}}.play-viewport.auto-focus .play-alerts{flex:none;max-height:25dvh;overflow:auto}.play-viewport.auto-focus .play-alerts:empty{display:none}.play-viewport.auto-focus .play-alerts>div{margin:0;padding:7px 12px;font-size:14px}@media (height<=550px) and (width>=601px){.play-viewport.auto-focus .warehouse{flex-direction:column;display:flex}.play-viewport.auto-focus .game-board .warehouse-art{flex:1;height:0}.play-viewport.auto-focus .warehouse-controls{background:#ecf0dd;flex:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:4px;display:grid}.play-viewport.auto-focus .warehouse .station{width:auto;min-width:0;min-height:44px;margin:0;padding:2px;font-size:12px;position:static!important;transform:none!important}.play-viewport.auto-focus .warehouse .input-station,.play-viewport.auto-focus .warehouse .output-station{grid-column:span 3}.play-viewport.auto-focus .warehouse .bin-station{grid-column:span var(--bin-span)}.play-viewport.auto-focus .warehouse .station small{font-size:12px!important}}@media (width>=601px) and (height>=551px){.play-viewport.auto-focus .warehouse .bin-station{top:auto;bottom:8px;transform:translate(-50%)}}@media (height<=550px) and (width>=601px){.play-viewport.auto-focus .game-toolbar .text-button>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.play-viewport.auto-focus .game-toolbar{gap:6px;width:175px;min-height:100px;padding:6px;display:flex}.play-viewport.auto-focus .game-toolbar>div{flex-direction:row;gap:6px;display:flex}.play-viewport.auto-focus .game-toolbar .text-button{justify-content:center;min-width:44px;padding:6px}}.play-viewport.auto-focus.expanded .game-board .warehouse{min-height:0}.play-viewport.auto-focus .screen-notice{z-index:20;pointer-events:none;background:#fff2cd;border:1px solid #bda977;border-radius:8px;max-width:calc(100% - 48px);margin:0;padding:6px 10px;position:absolute;top:66px;right:24px}@media (width<=600px){.play-viewport.auto-focus .city-map{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));place-content:start normal;align-items:stretch;display:grid;overflow:auto}.play-viewport.auto-focus .city-map>svg{flex:none;width:100%;height:auto;max-height:none}}.play-viewport.auto-focus .algorithm-destination{display:none}.play-viewport.auto-focus .algorithm-shelf{min-height:180px}.play-viewport.auto-focus .algorithm-crate:enabled:hover{outline-offset:4px;outline:3px solid #cc9f30;transform:none}.play-viewport.auto-focus .algorithm-feedback{min-height:44px}@media (width<=600px){.play-viewport.auto-focus .algorithm-shelf{min-height:164px}}@media (height<=550px) and (width>=601px){.play-viewport.auto-focus .algorithm-arena{padding-right:190px;position:relative}.play-viewport.auto-focus .algorithm-arena h2{flex:none;margin:6px 0;font-size:16px;line-height:1.4}.play-viewport.auto-focus .algorithm-shelf{min-height:180px}.play-viewport.auto-focus .algorithm-actions{gap:5px;margin:5px 0}.play-viewport.auto-focus .algorithm-actions .button{min-width:0;min-height:44px;padding:4px 8px;font-size:14px}.play-viewport.auto-focus .algorithm-feedback{width:180px;max-height:45%;padding:8px;font-size:13px;position:absolute;top:0;right:0;overflow:auto}.play-viewport.auto-focus .algorithm-game .game-toolbar{flex-wrap:wrap;gap:5px;width:180px;min-height:96px;padding:6px;display:flex;position:absolute;bottom:0;right:0}.play-viewport.auto-focus .algorithm-game .game-toolbar .text-button{min-width:44px;padding:5px;font-size:13px}.play-viewport.auto-focus .algorithm-hint{z-index:2;width:180px;max-height:calc(52% - 105px);padding:6px;font-size:12px;position:absolute;top:48%;right:0;overflow:auto}.play-viewport.auto-focus .algorithm-feedback{height:64px;min-height:0;max-height:64px;overflow:auto}.play-viewport.auto-focus .algorithm-feedback>svg{display:none}.play-viewport.auto-focus .algorithm-actions{flex-direction:column;gap:4px;width:180px;margin:0;display:flex;position:absolute;top:64px;right:0}.play-viewport.auto-focus .algorithm-actions .button{width:100%;height:44px;min-height:44px}.play-viewport.auto-focus .algorithm-game .game-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));align-content:end;gap:4px;height:100px;min-height:100px;padding:4px;display:grid}.play-viewport.auto-focus .algorithm-game .game-toolbar .text-button{white-space:nowrap;width:100%;min-width:0;height:44px;min-height:44px;padding:4px}}@media (width>=601px){.play-viewport.auto-focus .play-alerts>.cloud-status{min-height:44px}}@media (width>=601px) and (height>=551px){.play-viewport.auto-focus .game-board>.feedback{height:76px;min-height:76px;max-height:76px}.play-viewport.auto-focus .game-board>.feedback>span:nth-child(2){overscroll-behavior:contain;min-width:0;max-height:100%;overflow:auto}}.play-viewport.auto-focus .game-layout{grid-template-columns:1fr;width:100%;max-width:960px;margin:auto}.play-viewport.auto-focus .game-board{padding-right:0}.play-viewport.auto-focus .game-board .warehouse{min-height:0;padding:0;display:block;position:relative}.play-viewport.auto-focus .game-board .warehouse-art{width:100%;height:100%;min-height:0;max-height:none;display:block}.scene-station{cursor:pointer;touch-action:manipulation;color:#234e43;background:0 0;border:2px solid #0000;border-radius:20px;width:100%;height:100%;padding:0;font-family:inherit;display:block;position:relative}.scene-station>span{text-align:center;pointer-events:none;background:#fffdf5ed;border-radius:12px;padding:2px 0;font-size:14px;font-weight:700;line-height:1.25;display:block;position:absolute;bottom:0;left:0;right:0}.scene-station small{font-size:12px;font-weight:600;line-height:1.35;display:block}.scene-station.selected{background:#ffdf7620;border-color:#be8625}.scene-station.valid-destination{background:#b0deb620;border-color:#347b63}.scene-station:focus-visible{background:#d3eac133;border-color:#285d52;outline:none}.scene-station:disabled{cursor:default;opacity:.75}.play-viewport.auto-focus .scene-stamp{display:none}.play-viewport.auto-focus .order-bar{min-height:64px}@media (width<=600px){.play-viewport.auto-focus .game-board .warehouse-art{flex:none;height:100%}.play-viewport.auto-focus .phase-trail{margin-bottom:3px}.play-viewport.auto-focus .routing-rule{max-height:52px;overflow:hidden}.play-viewport.auto-focus .order-bar{min-height:80px}.play-viewport.auto-focus .feedback{max-height:76px;overflow:auto}.play-viewport.auto-focus .game-toolbar{justify-content:center}.play-viewport.auto-focus .game-toolbar .text-button>span{clip-path:none;width:auto;height:auto;margin:0;font-size:13px;position:static;overflow:visible}.play-viewport.auto-focus .game-toolbar .text-button{padding:4px 8px}}@media (height<=550px) and (width>=601px){.play-viewport.auto-focus .game-board{padding-right:175px}.play-viewport.auto-focus .game-board .warehouse-art{flex:none;height:100%}}.direct-scene foreignObject{overflow:visible}.scene-station[data-station=input]>span,.scene-station[data-station=output]>span{top:-34px;bottom:auto}.routing-inspect{display:none}@media (width<=600px){.play-viewport.auto-focus .routing-rule{display:none}.routing-inspect{color:#335c73;width:100%;font:inherit;touch-action:manipulation;background:#e8eef2;border:0;border-radius:10px;flex:none;justify-content:space-between;align-items:center;min-height:44px;margin-bottom:4px;padding:5px 8px;font-size:12px;display:flex}.scene-station:not([data-station=input]):not([data-station=output])>span{bottom:-10px}}.scene-targets{pointer-events:none;position:absolute;inset:0}.scene-targets .scene-station{pointer-events:auto;touch-action:manipulation;position:absolute}@media (width<=600px){.play-viewport.auto-focus .order-bar{align-content:center;gap:4px;padding:6px 8px}.play-viewport.auto-focus .target-list{margin:0!important}.play-viewport.auto-focus .moves-counter small{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.play-viewport.auto-focus .game-board .warehouse.desktop-scene{flex-direction:column;display:flex}.play-viewport.auto-focus .game-board .desktop-scene .warehouse-art{flex:1;height:0;min-height:0}.play-viewport.auto-focus .desktop-scene .warehouse-controls{background:#eef1e5;border-top:1px solid #d1dcc5;flex:none;gap:10px;padding:10px;display:flex}.play-viewport.auto-focus .desktop-scene .warehouse-controls .station{background:#fffdf4;border:1px solid #a8c1b4;border-radius:12px;flex:1;width:auto;min-width:0;min-height:66px;padding:8px;font-size:14px;line-height:1.3;transition:background .15s,border-color .15s,box-shadow .15s;box-shadow:0 3px #49665420;position:static!important;transform:none!important}.play-viewport.auto-focus .desktop-scene .station span{flex-wrap:wrap;justify-content:center;gap:6px}.play-viewport.auto-focus .desktop-scene .station small{font-size:12px!important}.play-viewport.auto-focus .desktop-scene .input-station{order:0}.play-viewport.auto-focus .desktop-scene .bin-station{order:1}.play-viewport.auto-focus .desktop-scene .output-station{order:2}.play-viewport.auto-focus .desktop-scene .station.stack{background:#fff7eb;border-color:#c5a47e}.play-viewport.auto-focus .desktop-scene .station:hover:not(:disabled){background:#fff;box-shadow:0 3px #49665420,0 0 0 2px #90b9a640}.play-viewport.auto-focus .desktop-scene .station.selected{color:#fff;background:#285e53;border-color:#285e53;box-shadow:0 0 0 2px #b1d6c5}.play-viewport.auto-focus .desktop-scene .station.valid-destination{background:#e2f1d7;border-color:#47845d;box-shadow:0 0 0 2px #a9cf95}.play-viewport.auto-focus .desktop-scene .station:focus-visible{outline-offset:2px;outline:3px solid #b78324}.touch-scene .scene-station,.touch-scene .scene-station.selected,.touch-scene .scene-station.valid-destination,.touch-scene .scene-station:focus-visible{background:0 0;border-color:#0000}.touch-scene .scene-station>span{background:0 0;border-radius:0}.touch-scene .scene-station.selected>span{color:#8c601c}.touch-scene .scene-station.valid-destination>span{color:#246642}.touch-scene .scene-station:focus-visible>span{text-underline-offset:4px;text-decoration:underline}.touch-scene .object-selected{filter:drop-shadow(0 0 7px #e6ac39)}.touch-scene .object-destination{filter:drop-shadow(0 0 7px #639e54)}@media (height<=550px) and (width>=601px){.play-viewport.auto-focus .desktop-scene .warehouse-controls{gap:5px;padding:5px}.play-viewport.auto-focus .desktop-scene .warehouse-controls .station{min-height:48px;padding:3px;font-size:12px}.play-viewport.auto-focus .desktop-scene .station small{font-size:11px!important}}.touch-scene .incoming-caption{display:none}:root{--portal-ink:#193e58;--portal-blue:#235d92;--portal-mint:#dff0e5;--portal-sky:#e9f4f7;--portal-yellow:#ffda79;--portal-border:#c9dfe5}body{color:var(--portal-ink);background:#edf5f7}.site-header{box-shadow:none;background:#fff;border-bottom:3px solid #c1dfe4}.header-inner{max-width:1400px}.brand>span{color:#1c4865}.header-inner nav button{border-radius:13px}.header-inner nav button.active{color:#174e70;background:#def0f3}.account-nav{white-space:nowrap;min-height:40px;color:#fff!important;background:#235d92!important;border:0!important;padding:8px 13px!important;font-size:13px!important}.header-actions{gap:8px}.site-footer{color:#496879}.button.primary{color:#fff;background:#235d92;border-color:#194b78;box-shadow:0 3px #153957}.button.primary:hover:not(:disabled){background:#1a4f80}.button.secondary{color:#27516a;background:#fff;border-color:#bdd4dc}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #bc7911}.eyebrow{color:#346e82}.world-heading{background:#dceff1;border:2px solid #c0dfe3;border-radius:23px;margin-bottom:23px;padding:26px 30px}.world-heading h1{color:#1e4867}.world-heading p{color:#466779}.world-score{background:#fff4d0;border:2px solid #e9c467;box-shadow:0 5px #c8dcd7}.region-tabs button{border-radius:15px}.region-tabs button.active{color:#fff;background:#205d81;border-color:#194e6d}.region-tabs button.active small{color:#e1eff4}.world-region-title h2{color:#234e6a}.world-board{border-radius:24px;box-shadow:0 8px #c6dce0}.breadcrumb{color:#44677a}.profile-button{background:#f1f8f7}.cloud-status{color:#285b4b;background:#e5f4ec;border-radius:9px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 14px;font-size:12px;display:flex}.cloud-status button{color:#285b4b;background:#fff;border:1px solid #b5d6c7;border-radius:7px;padding:3px 8px}.cloud-status span{flex-wrap:wrap;gap:8px;display:flex}.learn-hub{max-width:1180px;margin:10px auto 40px}.learning-hero{background:#d6edf0;border:2px solid #bfdee3;border-radius:25px;grid-template-columns:1.5fr 1fr;margin-bottom:30px;display:grid;overflow:hidden}.learning-hero>div:first-child{padding:40px 44px}.learning-hero h1{letter-spacing:-.03em;color:#1c4865;margin:12px 0;font-size:38px;line-height:1.45}.learning-hero p{max-width:570px;margin-bottom:22px;font-size:16px;line-height:1.9}.learning-mascot{background:#c2e6e8;justify-content:center;align-items:center;display:flex;position:relative}.learning-mascot:after{content:"";z-index:0;background:#9dd0bb;border-radius:50%;width:260px;height:90px;position:absolute;bottom:40px}.learning-mascot svg{z-index:1;width:175px;height:175px}.lesson-floating-crates{z-index:2;gap:10px;display:flex;position:absolute;bottom:40px;right:22px}.lesson-floating-crates b{background:#ffda79;border:3px solid #526d77;border-radius:11px;place-items:center;width:51px;height:54px;font-size:22px;display:grid;box-shadow:0 5px #8ba4a3}.lesson-floating-crates b:nth-child(2){background:#8dd4d3;transform:translateY(-20px)}.lesson-floating-crates b:nth-child(3){background:#f6a998}.lesson-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:30px;display:grid}.lesson-card{text-align:left;color:#244c65;background:#fff;border:2px solid #c9dfe5;border-radius:19px;flex-direction:column;padding:25px;transition:border-color .2s;display:flex;box-shadow:0 5px #d5e4e7}.lesson-card:hover{border-color:#4c92ad}.lesson-icon{color:#286c5a;background:#e4f2eb;border-radius:14px;place-items:center;width:49px;height:49px;margin-bottom:18px;display:grid}.lesson-color-1 .lesson-icon{color:#775615;background:#fff0cc}.lesson-color-2 .lesson-icon{color:#335f8f;background:#e3eefb}.lesson-color-3 .lesson-icon{color:#934d3a;background:#ffe7e0}.lesson-card small{color:#4d6c7f;font-size:12px}.lesson-card h2{margin:6px 0 10px;font-size:23px}.lesson-card p{flex:1;font-size:14px;line-height:1.8}.lesson-open{color:#215d85;justify-content:space-between;align-items:center;margin-top:18px;font-size:13px;font-weight:700;display:flex}.lesson-layout{grid-template-columns:250px minmax(0,1fr);gap:22px;min-height:630px;margin:16px 0 36px;display:grid}.lesson-sidebar{background:#fff;border:2px solid #d0e2e8;border-radius:21px;flex-direction:column;padding:24px;display:flex}.lesson-sidebar>small{color:#4a7084;margin-top:25px}.lesson-sidebar h2{margin:7px 0 23px;font-size:24px}.lesson-sidebar nav{flex-direction:column;gap:8px;display:flex}.lesson-sidebar nav button{text-align:left;color:#345f74;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:12px 9px;font-size:13px;font-weight:700;display:flex}.lesson-sidebar nav button span{background:#eff6f8;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid}.lesson-sidebar nav button.active span{color:#fff;background:#398b78}.lesson-sidebar>p{margin-top:auto;padding-top:30px;font-size:12px}.lesson-sidebar progress{accent-color:#4f9e83;width:100%;height:8px}.lesson-paper{background:#fff;border:2px solid #d0e2e8;border-radius:21px;flex-direction:column;min-width:0;padding:30px 38px;display:flex}.lesson-paper>header{color:#32647f;justify-content:space-between;align-items:center;font-size:12px;display:flex}.lesson-paper>header span{align-items:center;gap:9px;display:flex}.lesson-paper h1{margin:27px 0 16px;font-size:32px;line-height:1.5}.lesson-lead{color:#365d70;font-size:19px;line-height:1.85}.lesson-story{background:#e7f4ed;border:2px solid #c8e4d6;border-radius:20px;align-items:center;gap:25px;margin:23px 0;padding:28px;display:flex}.lesson-story svg{flex:none;width:100px;height:100px}.lesson-story p{line-height:1.9}.lesson-example{background:#fff3d3;border:2px solid #e8dba8;border-radius:17px;margin:16px 0;padding:24px}.lesson-example p{font-size:19px;line-height:1.9}.lesson-note{border-left:4px solid #71b6bd;margin:15px 0;padding:8px 20px;line-height:1.9}.lesson-note small{color:#59707c}.lesson-paper>footer{justify-content:space-between;gap:20px;margin-top:auto;padding-top:25px;display:flex}.lesson-mode{gap:8px;margin:8px 0;display:flex}.lesson-mode [aria-pressed=true]{background:#d8eee4}.lesson-simulation{background:#eaf4ef;border:2px solid #c7e3d5;border-radius:20px;min-height:250px;margin:18px 0;padding:24px;position:relative}.simulation-row{justify-content:center;align-items:center;gap:14px;min-height:95px;display:flex}.simulation-cell{text-align:center;transition:transform .4s}.simulation-cell>span{color:#274858;background:#ffda79;border:3px solid #618393;border-radius:12px;place-items:center;width:62px;height:64px;font-size:25px;font-weight:800;animation:.35s lesson-crate;display:grid;box-shadow:0 4px #9ba8a0}.simulation-cell small{color:#436476;margin-top:9px;font-size:11px;display:block}.simulation-cell.focused{transform:translateY(-9px)}.simulation-cell.focused>span{border-color:#236985;box-shadow:0 0 0 4px #b6dce5}.simulation-cell.sorted>span{background:#ace2c7;border-color:#418266}.simulation-output{border-top:2px dashed #b6d8c8;justify-content:center;align-items:center;gap:12px;min-height:55px;margin-top:18px;padding-top:15px;font-size:12px;display:flex}.simulation-output>b{color:#245648;background:#c1e8dd;border-radius:8px;place-items:center;width:35px;height:35px;animation:.4s lesson-crate;display:grid}.simulation-caption{text-align:center;color:#2d5f6b;min-height:40px;margin:25px 0 0;font-size:15px;line-height:1.8}.held-key{color:#824733;background:#fce5d7;border-radius:12px;align-items:center;gap:8px;padding:12px;display:flex}.simulation-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.simulation-controls .button{padding:9px 12px;font-size:12px}.lesson-answers{flex-direction:column;gap:12px;margin:20px 0;display:flex}.lesson-answer{text-align:left;color:#264e64;background:#f9fcfd;border:2px solid #cddfe4;border-radius:14px;align-items:center;gap:16px;padding:15px 18px;font-weight:600;display:flex}.lesson-answer>b{background:#e1edf2;border-radius:9px;flex:none;place-items:center;width:33px;height:33px;display:grid}.lesson-answer.correct{opacity:1;background:#dff3e7;border-color:#4d9977}.lesson-answer.incorrect{background:#fff0e8;border-color:#bd805f}.lesson-explanation{background:#edf5f5;border-radius:12px;margin-bottom:25px;padding:15px;line-height:1.85}.account-art{align-items:center;gap:20px;padding:10px 0 20px;display:flex}.account-art svg{flex:none;width:75px}.account-art p{color:#4c6b7c;font-size:14px}.account-form{flex-direction:column;gap:15px;display:flex}.account-form label,.admin-search label,.admin-password label{color:#37596c;flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.account-form input,.account-form select,.admin-search input,.admin-password input{color:#193e58;background:#f8fcfd;border:2px solid #c4dce3;border-radius:11px;width:100%;padding:10px 13px;font-size:16px}.account-form label small{color:#4e6b7b;font-size:11px;font-weight:400}.account-privacy{color:#5e7480;font-size:11px;line-height:1.8}.account-error{color:#853e29;background:#fff0e9;border-radius:12px;padding:12px 15px}.account-loading{background:#fff;border:2px solid #c8dee4;border-radius:24px;max-width:720px;margin:60px auto;padding:35px}.account-choice{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.account-profile>p{line-height:1.8}.portal-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.portal-title h1{font-size:32px}.admin-page{padding:20px 0 40px}.admin-search{align-items:end;gap:15px;margin-bottom:25px;display:flex}.admin-search label{min-width:300px}.admin-table{background:#fff;border:2px solid #d0e2e8;border-radius:16px;overflow:auto}.admin-table table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{text-align:left;border-bottom:1px solid #dae7eb;padding:16px;font-size:13px}.admin-table td small{color:#536c7a;margin-top:5px;display:block}.admin-table th{color:#31576c;background:#e9f4f5}.admin-pagination{justify-content:center;align-items:center;gap:20px;margin:20px;display:flex}.member-detail{background:#fff;border:2px solid #c9dfe5;border-radius:20px;margin:24px 0;padding:28px}.admin-edit{grid-template-columns:1fr 1fr;gap:18px;display:grid}.admin-edit>button{align-self:end}.admin-levels{grid-template-columns:repeat(6,1fr);gap:8px;margin:20px 0;display:grid}.admin-levels>div{border:1px solid #d3e2e5;border-radius:9px;flex-direction:column;gap:7px;padding:10px;font-size:12px;display:flex}.admin-levels span{color:#87630d}.admin-password{align-items:end;gap:12px;margin:25px 0;display:flex}.member-detail li{font-size:13px;line-height:2}.button.danger{color:#913b25;background:#fff5ef;border:2px solid #ceaa9c}@keyframes lesson-crate{0%{opacity:.2;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.header-inner{gap:10px}.brand small,.header-actions .profile-name{display:none}.lesson-layout{grid-template-columns:215px 1fr}.lesson-paper{padding:25px}.lesson-catalog{gap:12px}.lesson-card{padding:20px}}@media (width<=700px){.learning-hero{grid-template-columns:1fr}.learning-hero>div:first-child{padding:25px}.learning-hero h1{font-size:30px}.learning-mascot{min-height:180px}.learning-mascot svg{height:130px}.lesson-catalog,.lesson-layout{grid-template-columns:1fr}.lesson-sidebar nav{grid-template-columns:1fr 1fr;display:grid}.lesson-sidebar>p{padding-top:8px}.lesson-sidebar{padding:16px}.lesson-paper{padding:20px}.lesson-paper h1{font-size:25px}.lesson-lead{font-size:16px}.simulation-row{gap:8px}.simulation-cell>span{width:40px;height:46px;font-size:21px}.lesson-story{gap:12px;padding:15px}.lesson-story svg{width:65px}.admin-edit{grid-template-columns:1fr}.admin-levels{grid-template-columns:repeat(3,1fr)}.account-nav{font-size:11px!important}.portal-title{flex-direction:column;align-items:start}.account-loading{margin:20px 12px}.admin-search label{min-width:0}.cloud-status{font-size:11px}}@media (prefers-reduced-motion:reduce){.simulation-cell,.simulation-cell>span,.simulation-output>b{transition:none;animation:none}}.parcel-handoff{text-align:center;background:#f4faf6;border:2px solid #bfddce;border-radius:22px;max-width:780px;margin:auto;padding:22px 28px}.handoff-scene{color:#3b7b83;background:#def0ec;border-radius:18px;justify-content:center;align-items:center;gap:40px;min-height:155px;margin-bottom:20px;padding:20px;display:flex}.handoff-parcels{gap:8px;display:flex}.handoff-parcels span{background:#ffd57a;border:3px solid #8e886c;border-radius:9px;place-items:center;width:45px;height:48px;font-size:20px;font-weight:800;display:grid;box-shadow:0 4px #c0bd9d}.handoff-shop{color:#715344;background:#ffe3c3;border-radius:13px;flex-direction:column;align-items:center;gap:9px;padding:16px;display:flex}.handoff-shop b{font-size:12px}.parcel-handoff h2{margin:12px;font-size:26px}.parcel-handoff p{margin:10px 0 22px;font-size:14px;line-height:1.8}.parcel-handoff .deliver-all{min-height:52px;padding:12px 35px;font-size:17px}.parcel-handoff.sending .handoff-parcels{animation:.55s ease-in both parcel-handoff}.campaign-complete .completion-actions{margin:20px 0;padding:0}.campaign-complete .victory-stars{color:#d29119}.campaign-complete .combined-note{font-size:12px}.delivery-review{background:#f0f7f7;border:1px solid #c6dce0;border-radius:15px;margin-top:18px;padding:15px}.delivery-review>summary{cursor:pointer;color:#365f73;font-weight:700}.delivery-review .delivery-quiz{margin-top:18px}.campaign-complete .completion-hero{background:#e5f1ed}.campaign-journey .mini-heading h1{color:#244f6b}.handoff-scene>svg{filter:drop-shadow(0 5px #adcfc4)}@keyframes parcel-handoff{to{opacity:0;transform:translate(65px)scale(.7)}}@media (width<=700px){.parcel-handoff{padding:15px}.handoff-scene{gap:15px;min-height:130px;padding:12px}.handoff-scene>svg{width:70px}.handoff-shop{padding:9px}.handoff-shop svg{width:35px}.handoff-parcels span{width:31px;height:35px;font-size:16px}.parcel-handoff h2{font-size:22px}}@media (prefers-reduced-motion:reduce){.parcel-handoff.sending .handoff-parcels{animation:none}}.simulation-stack{flex-direction:column-reverse;gap:8px;min-height:200px}.simulation-stack .simulation-cell{align-items:center;gap:12px;display:flex}.simulation-stack .simulation-cell>span{width:95px;height:43px}.simulation-stack .simulation-cell small{width:65px;margin:0}.simulation-stack .simulation-cell.focused{transform:translate(10px)}.lesson-route{width:100%;max-width:560px;overflow:visible}.lesson-route path{fill:none;stroke:#bfd0d0;stroke-width:12px;stroke-linecap:round}.lesson-route path.route-selected{stroke:#398774}.lesson-route rect{fill:#fff8dd;stroke:#d3ba70;stroke-width:2px}.lesson-route text{fill:#244b5a;text-anchor:middle;font:600 14px Noto Sans Thai,sans-serif}.lesson-route circle{fill:#e6f4f5;stroke:#52818d;stroke-width:3px}.lesson-route .route-robot{fill:#f3bc51;stroke:#79592a;animation:.4s lesson-crate}@media (prefers-reduced-motion:reduce){.lesson-route .route-robot{animation:none}}.city-map>.parcel-handoff{z-index:5;position:absolute;inset:8% 15%;overflow:auto}.city-map>.parcel-handoff .handoff-scene{min-height:90px}.city-map>.parcel-handoff>.text-button{float:right}.account-art{gap:16px;padding:4px 0 12px}.account-art svg{width:60px;height:60px}.member-detail h3{margin:24px 0 10px}.account-nav{gap:6px;max-width:185px}.account-nav>span{text-overflow:ellipsis;overflow:hidden}@media (width<=600px){.account-nav{justify-content:center;width:40px;min-width:40px;padding:8px!important}.account-nav>span{display:none}}:root{--ink:#193e58;--muted:#526d7e;--teal:#235d92;--border:#c9dfe5;--yellow:#ffda79}.portal-header{background:#fff;border-bottom:1px solid #ccdee7}.portal-header .header-inner{flex-wrap:nowrap;gap:28px;max-width:1440px;min-height:88px;padding:14px 38px}.portal-header .brand{flex-shrink:0;gap:10px}.portal-header .brand>img{width:43px;height:50px}.portal-header .brand>span{letter-spacing:-1.1px;color:#204a65;font-size:29px}.portal-header .brand>span>span{color:#337c85}.portal-header .brand small{letter-spacing:0;color:#587080;margin-top:5px;font-family:Noto Sans Thai,sans-serif;font-size:10px;font-weight:500;line-height:1.5;display:block}.portal-header nav{align-self:center;align-items:center;gap:5px;margin:0 auto}.portal-header nav button{color:#456477;border-radius:13px;gap:8px;min-height:47px;padding:13px 17px;font-size:14px}.portal-header nav button.active{color:#215b82;background:#e3f0f5}.portal-header nav button.active:after{display:none}.portal-header nav button:hover{background:#f0f6fa}.portal-header .header-actions{flex-shrink:0;gap:16px;margin:0}.member-identity{align-items:center;gap:10px;display:flex}.member-avatar{color:#795d20;background:#fff0c4;border:1px solid #e5c575;border-radius:13px;flex-shrink:0;place-items:center;width:39px;height:39px;font:800 18px Manrope,sans-serif;display:grid}.member-identity>span:last-child{flex-direction:column;gap:2px;max-width:130px;display:flex}.member-identity strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.member-identity small{color:#5b7181;font-size:10px}.logout-button{color:#466173;background:#fff;border:1px solid #cbdce5;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 12px;font-size:12px;display:flex}.logout-button:hover{background:#eef5f8}.portal-header .login-button{border-radius:13px;min-height:46px;padding:12px 21px;font-size:14px}.portal-home{padding-top:30px}.home-hero{background:#e3f1f4;border:1px solid #c2dfe5;border-radius:29px;grid-template-columns:1.08fr 1fr;min-height:450px;display:grid;overflow:hidden}.home-hero-copy{z-index:1;padding:45px 0 44px 47px}.home-kicker{color:#316b80;background:#fff9;border-radius:8px;align-items:center;gap:9px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.home-hero h1{letter-spacing:-.03em;color:#204b66;margin:17px 0 14px;font-size:clamp(35px,3.25vw,48px);line-height:1.5}.home-hero-copy>p{color:#476879;font-size:17px;line-height:1.9}.home-actions{flex-wrap:wrap;gap:12px;margin:26px 0 18px;display:flex}.home-actions .button{border-radius:13px;min-height:49px;padding:13px 20px;font-size:14px}.home-save-note{color:#406e62;align-items:center;gap:7px;font-size:12px;display:flex}.home-illustration{isolation:isolate;min-height:440px;position:relative}.home-illustration:before{content:"";z-index:-2;background:#c1e4d9;border-radius:50%;position:absolute;inset:27% -10% -13% 0}.home-sun{background:#ffdc7a;border-radius:50%;width:104px;height:104px;position:absolute;top:13%;right:16%}.home-cloud{background:#fff9;border-radius:50px;width:95px;height:22px;position:absolute}.cloud-one{top:18%;left:12%;transform:rotate(-5deg)}.cloud-two{width:73px;top:33%;right:6%}.hero-robot{z-index:2;width:41%;position:absolute;top:24%;left:26%}.hero-robot>img{filter:drop-shadow(0 10px #78a6a21c);width:100%;height:245px}.robot-greeting{white-space:nowrap;background:#fff;border:2px solid #496f82;border-radius:15px 15px 15px 2px;padding:11px 15px;font-size:15px;font-weight:600;position:absolute;top:-32px;left:17%;transform:rotate(3deg)}.hero-station{z-index:3;background:#83bbc5;border:2px solid #4a7b87;border-radius:10px;gap:7px;padding:23px 14px 13px;display:flex;position:absolute;top:58%;left:5%;transform:rotate(-8deg);box-shadow:0 6px #73a4ae}.hero-station>span{color:#204f61;letter-spacing:1px;font:800 10px Manrope,sans-serif;position:absolute;top:3px;left:14px}.hero-station i{background:#ffda79;border:2px solid #916e36;border-radius:7px;place-items:center;width:37px;height:39px;font:800 20px Manrope,sans-serif;display:grid;box-shadow:0 3px #9b7e4b}.hero-station i:nth-child(3){background:#e5f5ee}.hero-station i:nth-child(4){background:#ffbc9c}.hero-route{z-index:-1;border:20px solid #91b9a6;border-top:0;border-left:0;border-radius:0 0 85px;height:100px;position:absolute;bottom:10%;left:20%;right:15%}.hero-truck{color:#326c7a;background:#ffedb1;border:2px solid #c1a55e;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;width:115px;height:94px;display:flex;position:absolute;bottom:15%;right:9%;transform:rotate(6deg)}.hero-truck>span{font-size:10px;font-weight:700}.home-ribbon{border-bottom:1px solid #d1e2e7;justify-content:space-around;align-items:center;gap:15px;padding:25px 15px 28px;display:flex}.home-ribbon>span{color:#4d697b;align-items:center;gap:10px;font-size:14px;display:flex}.home-ribbon strong{color:#285574;font:800 26px Manrope,sans-serif}.home-ribbon svg{color:#866121;fill:#ffda79}.home-progress{background:#fff;border:1px solid #c8dfe5;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding:20px 26px;display:flex}.home-progress>div{align-items:center;gap:16px;display:flex}.progress-symbol{color:#866323;background:#fff1c8;border-radius:15px;place-items:center;width:55px;height:55px;display:grid}.home-progress h2{margin-bottom:5px;font-size:19px}.home-progress p{color:#526f80;font-size:13px}.home-how,.home-topics{padding-top:44px;scroll-margin-top:30px}.home-section-heading{text-align:center}.home-section-heading>span{color:#31636b;font-size:12px;font-weight:700}.home-section-heading h2{color:#254e67;margin:6px 0 8px;font-size:28px;line-height:1.6}.home-section-heading>p{color:#587383;font-size:14px;line-height:1.8}.home-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:28px;display:grid}.home-steps article{background:#fff;border:1px solid #cbdee6;border-radius:20px;padding:26px 28px;position:relative}.step-illustration{color:#326682;border-radius:18px;place-items:center;width:66px;height:66px;margin-bottom:21px;display:grid}.step-blue{background:#e6efff}.step-yellow{color:#8d692c;background:#fff0c4}.step-mint{color:#3c7c65;background:#e0f2e8}.step-number{color:#698496;font:800 25px Manrope,sans-serif;position:absolute;top:28px;right:28px}.home-steps h3{margin-bottom:10px;font-size:19px;line-height:1.6}.home-steps p{color:#577081;font-size:14px;line-height:1.85}.home-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:25px;display:grid}.home-topic-grid article{background:#e4f0f5;border:1px solid #bad7de;border-radius:18px;padding:27px}.home-topic-grid article:nth-child(2){background:#fff2d0;border-color:#e3d39e}.home-topic-grid article:nth-child(3){background:#e6f2e9;border-color:#c1ddca}.home-topic-grid article>svg{color:#386478;width:30px;height:30px;margin-bottom:18px}.home-topic-grid h3{margin-bottom:10px;font-size:20px;line-height:1.5}.home-topic-grid p{margin-bottom:12px;font-size:13px;font-weight:700}.home-topic-grid article>span{color:#4d6a7b;font-size:13px;line-height:1.9}.home-learning-link{justify-content:center;align-items:center;gap:24px;padding:28px 12px;display:flex}.home-learning-link p{color:#4c6c7e;font-size:14px}.site-footer{border-color:#cddfe5;align-items:center;gap:20px;max-width:none;margin:0 38px;padding:23px 0;font-size:12px}.site-footer a{color:#245d86;font-size:12px;text-decoration:none}.site-footer a:hover{text-decoration:underline}.cloud-status.is-synced{color:#3e6d60;background:0 0;justify-content:flex-end;padding:9px 0;font-size:11px}.cloud-status.is-synced:before{content:"●";color:#39876a;font-size:8px}.portal-home .home-hero+.home-ribbon{margin-bottom:0}.cloud-status.is-synced+.portal-home{padding-top:5px}.modal{color:#244b63;background:#fff;border:2px solid #c9dfe5;border-radius:23px}.modal-heading{border-color:#d9e6eb}.modal-heading h2{font-size:25px;line-height:1.5}.account-art{background:#edf6f8;border-radius:15px;gap:18px;margin:18px 0 22px;padding:18px 20px}.account-art p{font-size:15px;line-height:1.8}.account-form{gap:16px}.account-form label{font-size:14px}.account-form input{background:#f7fbfc;border-color:#c7dde4;border-radius:12px;min-height:47px}.account-form label small,.account-privacy{font-size:12px;line-height:1.8}.account-form>.button{border-radius:12px;min-height:48px;font-size:15px}.account-loading{color:#244b63}.account-loading h1{margin-bottom:14px;font-size:27px;line-height:1.5}.account-loading p{line-height:1.85}.learning-hero{background:#e3f1f4}.learning-mascot{background:#d4eceb}.lesson-sidebar nav button.active{color:#235e7e;background:#e0f0f5}.lesson-sidebar nav button.active span{background:#2b6c91}.admin-page>.portal-title{background:#e3f1f4;border:1px solid #bfdde4;border-radius:24px;padding:29px 32px}.admin-page>.portal-title p{color:#3e6073;margin-top:10px;font-size:14px;line-height:1.9}.admin-overview{grid-template-columns:repeat(3,1fr);gap:19px;margin-bottom:26px;display:grid}.admin-overview article{background:#fff;border:1px solid #c6dfe5;border-radius:18px;flex-direction:column;gap:7px;padding:22px 26px;display:flex}.admin-overview article:nth-child(2){background:#e9f5ed}.admin-overview article:nth-child(3){background:#fff2d5}.admin-overview span{color:#436a7c;font-size:14px}.admin-overview strong{font:800 34px Manrope,sans-serif}.admin-overview small{color:#5b7180;font-size:11px}.admin-search{background:#fff;border:1px solid #c9dfe5;border-radius:17px;padding:20px}.admin-search label{flex:1}.admin-search .button{min-height:45px}.admin-table th{background:#e3eff4}.admin-table td,.admin-table th{font-size:14px}.member-detail{border-width:1px}.account-error{line-height:1.7}.screen-button:focus-visible{outline-offset:3px;outline:3px solid #bb7918}@media (width>=1440px){.site-footer{max-width:1364px;margin:auto}}@media (width>=761px) and (width<=1150px){.portal-header .header-inner{gap:16px;padding:13px 24px}.portal-header .brand>span{font-size:25px}.portal-header .brand small{font-size:9px}.portal-header nav button{gap:6px;padding:12px;font-size:13px}.portal-header .header-actions{gap:10px}.member-identity>span:last-child{max-width:90px}.logout-button>span{display:none}.logout-button{width:39px}.home-hero-copy{padding-left:32px}.home-hero h1{font-size:37px}.home-actions{gap:9px}.home-actions .button{padding:12px;font-size:13px}.hero-robot{width:46%;left:22%}.hero-station{left:1%}.hero-truck{right:4%}.home-steps article{padding:22px}.home-topic-grid article{padding:23px}.home-steps h3{font-size:17px}.home-steps p{font-size:13px}}@media (width<=760px){.portal-header .header-inner{gap:12px;min-height:70px;padding:10px 16px}.portal-header .brand>img{width:32px;height:40px}.portal-header .brand>span{font-size:24px}.portal-header .brand small{display:none}.portal-header .header-actions{gap:8px;margin-left:auto}.portal-header nav{grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:4px}.portal-header nav button{flex-direction:column;gap:4px;min-height:52px;padding:7px 4px;font-size:12px}.portal-header .login-button{min-height:40px;padding:10px 12px;font-size:12px}.member-avatar{border-radius:10px;width:31px;height:33px;font-size:15px}.member-identity{gap:7px}.member-identity strong{max-width:80px;font-size:12px}.member-identity small{font-size:9px}.logout-button{width:36px;min-height:36px;padding:6px}.logout-button>span{display:none}.portal-home{padding-top:18px}.home-hero{border-radius:22px;grid-template-columns:1fr;min-height:0}.home-hero-copy{padding:26px 25px 8px}.home-hero h1{font-size:34px;line-height:1.5}.home-hero-copy>p{font-size:15px}.home-actions{gap:10px;margin:22px 0 16px}.home-actions .button{padding:12px 14px;font-size:13px}.home-save-note{font-size:11px}.home-illustration{min-height:280px}.hero-robot{width:35%;top:18%;left:31%}.hero-robot>img{height:170px}.robot-greeting{padding:8px 11px;font-size:11px;top:-16px;left:6%}.hero-station{padding:20px 11px 10px;top:59%;left:11%}.hero-station i{width:29px;height:32px;font-size:17px}.home-sun{width:73px;height:73px;top:8%;right:17%}.hero-truck{width:90px;height:74px;bottom:10%;right:12%}.hero-truck svg{width:46px;height:46px}.hero-truck span{font-size:8px}.home-ribbon{grid-template-columns:1fr 1fr;gap:17px;padding:23px 12px;display:grid}.home-ribbon>span{gap:8px;font-size:12px}.home-ribbon strong{font-size:23px}.home-ribbon>span:last-child{gap:6px;font-size:10px}.home-progress{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}.home-progress h2{font-size:17px}.home-progress p{font-size:12px}.progress-symbol{width:43px;height:43px}.home-how,.home-topics{padding-top:30px}.home-section-heading h2{font-size:23px}.home-section-heading>p{font-size:13px}.home-steps,.home-topic-grid{grid-template-columns:1fr;gap:15px;margin-top:22px}.home-steps article{padding:22px 25px}.home-topic-grid article{padding:24px}.home-learning-link{text-align:center;flex-direction:column;gap:16px;padding:25px 12px}.home-learning-link p{font-size:13px;line-height:1.8}.site-footer{flex-direction:column;align-items:stretch;gap:15px;margin:0 16px;font-size:11px}.admin-page>.portal-title{padding:23px}.admin-page>.portal-title h1{font-size:26px}.admin-overview{gap:8px}.admin-overview article{padding:14px 10px}.admin-overview span{font-size:11px}.admin-overview strong{font-size:26px}.admin-overview small{font-size:9px}.admin-search{gap:10px;padding:14px}.admin-table td,.admin-table th{font-size:12px}.modal-heading h2{font-size:23px}}@media (prefers-reduced-motion:reduce){.portal-home *{scroll-behavior:auto!important;transition:none!important}}@font-face{font-family:Barlow Expedition;src:url(/fonts/barlow-condensed-latin-800-normal.woff2)format("woff2");font-style:normal;font-weight:800;font-display:swap}.expedition-display{letter-spacing:-.015em;font-family:Barlow Expedition,Noto Sans Thai,sans-serif;font-weight:800;line-height:1.05}body:has(.academy-shell){background:#f7f3e8}.app.academy-shell,.app.academy-shell.student-shell,.app.academy-shell.teacher-shell{--academy-base:#f7f3e8;--academy-surface:#fffdf5;--academy-ink:#303d29;--academy-muted:#69735e;--academy-yellow:#efd36b;--school-paper:#fffdf5;--school-ink:#303d29;--school-muted:#69735e;--school-line:#ded9c6;--student-paper:#fffdf5;--student-ink:#303d29;--student-muted:#69735e;--student-line:#ded9c6;--student-yellow:#efd36b;--teacher-ink:#303d29;--teacher-muted:#69735e;--teacher-line:#ded9c6;--teacher-yellow:#efd36b;background:var(--academy-base);color:var(--academy-ink)}.app.academy-shell .portal-header{background:var(--academy-base)!important}.app.academy-shell .header-inner{background:#fffdf5;border-color:#ded9c6;border-radius:38px;max-width:1200px;box-shadow:0 4px #e9e3d2}.app.academy-shell .brand>img{object-fit:contain;width:44px;height:46px}.app.academy-shell .brand>span{font-size:23px}.app.academy-shell .portal-header nav button{border-radius:20px;font-size:14px}.app.academy-shell .portal-header nav button.active{background:#efda86}.app.academy-shell .portal-header .login-button{border-radius:16px;padding:11px 20px;color:#303d29!important;background:#efd36b!important;border:1px solid #d4b748!important;box-shadow:0 3px #c8ad49!important}.app.academy-shell :is(.student-nav,.teacher-nav,.teacher-panel,.student-panel,.student-room-card,.student-empty,.school-card,.school-assignment,.student-exam-history thead th){background:#fffdf5;border-color:#ded9c6}.app.academy-shell .student-nav{box-shadow:0 4px #e9e3d2}.app.academy-shell :is(.student-account,.student-profile-card,.student-progress-card,.student-room-shortcut,.student-hero,.teacher-home-hero,.teacher-classroom-cover){background-color:#eeeedf;border-color:#d9ddc6}.app.academy-shell :is(.student-primary,.teacher-primary,.academy-primary,.school-primary){color:#303d29;background:#efd36b;border-color:#d4b748;box-shadow:0 3px #c8ad49}.app.academy-shell :is(.student-secondary,.teacher-secondary,.academy-secondary,.school-secondary){color:#49563c;background:#fffdf5;border-color:#d8d5c1}.app.academy-shell :is(.student-heading,.teacher-heading) p{color:#71785f}.app.academy-shell :is(.student-heading,.teacher-heading) h1{color:#303d29}.app.academy-shell :is(.teacher-table,.school-table) thead{background:#f0eddf}.app.academy-shell :is(input,select,textarea){color:#34412e;background-color:#fffdf8;border-color:#d8d7c5}.app.academy-shell :is(.teacher-tabs,.school-tabs,.student-room-tabs){background:#efedde;border-color:#ded9c6}.app.academy-shell :is(.teacher-tabs,.school-tabs,.student-room-tabs) button.active{color:#3d4c31;background:#e5e9d5}.app.academy-shell :is(.modal,.school-dialog,.student-join-dialog){background:#fffdf5;border-color:#ddd8c4;box-shadow:0 26px 80px #3b452633}.app.academy-shell :is(.modal-heading,.school-dialog-heading){color:#303d29;background:#f0efdf;border-bottom-color:#ddd8c4}.app.academy-shell .school-dialog-heading :is(h2,p){color:#3e4d31}.app.academy-shell .academy-auth-art{background:#eeecda;border-color:#ded9c6}.app.academy-shell .academy-auth-art img{filter:drop-shadow(0 10px 12px #5f63431a)}.app.academy-shell .registration-role{background:#f0eddf}.app.academy-shell .registration-role button[aria-pressed=true]{background:#efd36b}.app.academy-shell .site-footer{color:#70795f;border-color:#ded9c6}.app.academy-shell .course-reader.course-focus{background:#f7f3e8}.app.academy-shell .academy-learning-lobby{max-width:1200px}.app.academy-shell .league-showcase{color:#3b4a2e;background:#f0eddd;border:1px solid #ded7be;box-shadow:0 6px 22px #5f60410a}.app.academy-shell .league-showcase-heading{grid-template-columns:1fr auto;padding:26px 32px 8px}.app.academy-shell .league-showcase-heading h2{margin:8px 0;font-size:32px}.app.academy-shell .league-showcase-heading h2 mark{box-shadow:none;color:inherit;background:0 0;padding:0}.app.academy-shell .league-showcase-heading p{color:#70795e;font-size:13px}.app.academy-shell .league-showcase>.league-week-tabs{background:#e4e5d1;border:1px solid #d8dac2;border-radius:16px;width:max-content;min-width:300px;margin:24px 32px 0}.app.academy-shell .league-week-tabs button{color:#64734d;font-size:13px}.app.academy-shell .league-week-tabs button[aria-pressed=true]{color:#34452b;background:#f1d983;box-shadow:0 2px #cbbb7f}.app.academy-shell .league-round-panel{background:#fffaf0;border-color:#ded7be}.app.academy-shell .league-countdown b{color:#53613e;background:#eeead8;border-color:#dcd6bd}.app.academy-shell .league-countdown small{color:#6d775b}.app.academy-shell .league-stage{background:radial-gradient(at 50% 100%,#f7e4aa77,#0000 70%);min-height:360px;padding:20px 35px 45px}.app.academy-shell .league-stage:after{background:#d8d9bf;border:1px solid #bdc5a5;border-bottom:10px solid #aeb994;height:72px;bottom:10px;box-shadow:0 9px 18px #53603a20}.app.academy-shell .league-stage-podium{gap:18px;max-width:700px}.app.academy-shell .league-podium-person{--pedestal-height:190px;--pedestal:#edda97;--medal:#fff2bc;--edge:#c8ac5a}.app.academy-shell .league-podium-person.rank-2{--pedestal-height:154px;--pedestal:#dde0d8;--medal:#fffef2;--edge:#aeb5a7}.app.academy-shell .league-podium-person.rank-3{--pedestal-height:128px;--pedestal:#dec1a0;--medal:#f7e5c9;--edge:#b7966c}.app.academy-shell .league-pedestal{border:1px solid var(--edge);background:linear-gradient(110deg,var(--medal),var(--pedestal) 40%);box-shadow:inset -9px 0 #00000008,inset 0 -5px #00000005,0 5px 0 var(--edge),0 12px 18px #59603a14;border-radius:4px 4px 12px 12px}.app.academy-shell .league-pedestal:before{border:1px solid var(--edge);height:12px;box-shadow:0 4px 0 var(--edge);background:linear-gradient(var(--medal),var(--pedestal));top:-8px}.app.academy-shell .league-winner-avatar{border:4px solid var(--medal);width:88px;height:88px;box-shadow:0 0 0 2px var(--edge),0 7px 0 #7c795a22;color:#3e4b2c;background:#f4de85;margin-bottom:22px}.app.academy-shell .league-winner-avatar>span{font-size:36px}.app.academy-shell .league-pedestal h3{margin:1px 0 6px;font-size:15px}.app.academy-shell .league-pedestal>strong{font-size:23px}.app.academy-shell .league-place{font-size:50px}.app.academy-shell .league-pedestal>span{color:#65704f;font-size:11px}.app.academy-shell .league-medal{color:#969778}.app.academy-shell .league-crown{filter:drop-shadow(0 4px 2px #b3984930)}.app.academy-shell .league-board{background:#fffdf5;border-top:1px solid #ddd5bd}.app.academy-shell .league-board-rows>li{background:0 0;border-color:#e4dfcc}.app.academy-shell .league-board-rows>li.is-self{background:#f3eac8;border:1px solid #e1d29f}.app.academy-shell .league-stage-toolbar{color:#73805c}.app.academy-shell .league-stage-toolbar button{color:#62714d;background:#fffaf0;border-color:#d9d4bb}@media (prefers-reduced-motion:reduce){.app.academy-shell .book-object,.app.academy-shell .book-volume-slot{transition:none}}.app.academy-shell:has(.lesson-deck-host)>:is(header,footer,.skip-link){display:none}
