/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--spacing:.25rem;--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,ui-sans-serif, system-ui, 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{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{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.grid{display:grid}.table{display:table}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}}:root,html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}:root{--ink:#30435c;--muted:#6f8094;--coral:#ff796b;--green:#77c89a}:root,html,body{min-height:100%}body,.quiz-shell,.welcome-card,.game-card,.finish-card,button,.choice-button,.colour-object{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}*{box-sizing:border-box}html,body,img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}img{-webkit-user-drag:none;user-drag:none}html,body,.quiz-shell,.welcome-card,.game-card,.finish-card,button,.choice-button,.colour-object{forced-color-adjust:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}html,body{overscroll-behavior-y:none;background-color:#dff2ef!important}body{color:var(--ink);font-family:var(--font-nunito),"Trebuchet MS",sans-serif;margin:0}button{font:inherit}.magic-start-card.magic-mode-card{max-width:720px}.magic-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.magic-mode-grid button{color:#365b70;cursor:pointer;background:linear-gradient(145deg,#fff0c9,#ffe0f1);border:4px solid #fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:180px;display:flex;box-shadow:0 8px #ead4cf}.magic-mode-grid button+button{background:linear-gradient(145deg,#def8ff,#e8ddff);box-shadow:0 8px #ccdbe9}.magic-mode-grid img{object-fit:contain;background:0 0;width:128px;height:128px;display:block}.magic-mode-grid strong{font-size:1.25rem}.magic-mode-grid small{color:#668291;font-weight:800}.magic-gallery{background:#fff;border:4px solid #fff;border-radius:34px;width:min(920px,100%);max-height:calc(100svh - 28px);padding:22px 26px 28px;overflow:auto;box-shadow:0 18px #4982881c,0 28px 70px #3a6d842e}.magic-gallery>header{grid-template-columns:52px 1fr 52px;align-items:center;display:grid}.magic-gallery>header button{color:#367798;background:#edf8fd;border:0;border-radius:50%;width:48px;height:48px;font-size:26px;font-weight:1000}.magic-gallery>header div{text-align:center}.magic-gallery>header small{color:#8a70c9;letter-spacing:.08em;font-weight:1000}.magic-gallery h1{color:#31566c;margin:2px 0 0;font-size:clamp(1.7rem,5vw,2.5rem)}.magic-gallery>p{text-align:center;color:#728b98;margin:7px 0 16px;font-weight:900}.magic-art-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.magic-art-grid button{color:#345a70;cursor:pointer;background:#fff;border:3px solid #dceff4;border-radius:23px;min-width:0;padding:8px 8px 11px;font-weight:1000;box-shadow:0 6px #c7e5eb}.magic-art-grid img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:17px;width:100%;display:block}.magic-art-grid strong{min-height:2.2em;line-height:1.1;display:block}.magic-studio{max-width:700px}.magic-studio>header>div b{color:#7850bf;font-size:1rem}.magic-studio>header>div span{color:#648092;font-size:.84rem}.magic-studio .magic-title h1{color:#587486;font-size:1.35rem}.magic-instruction.is-done{color:#258868;font-size:1.05rem}.magic-studio-actions{justify-content:center;gap:12px;margin-top:16px;display:flex}.magic-studio-actions button{min-width:180px}.magic-result-card{overflow:hidden}.magic-confetti{letter-spacing:.25em;font-size:2.2rem}.magic-finish .magic-result-art{aspect-ratio:1;object-fit:contain;background:#fff;border:4px solid #dceff4;border-radius:26px;width:min(330px,82%);height:auto;margin:0 auto;display:block;box-shadow:0 7px #c7e5eb}.magic-result-card h1{margin:20px 0 5px}.magic-result-card>p{color:#587486;margin:0;font-size:1.15rem}.magic-result-actions{justify-content:center;gap:12px;margin-top:22px;display:flex}.magic-result-actions button{width:auto;min-width:190px;margin:0}@media (width<=700px){.magic-mode-grid{grid-template-columns:1fr;gap:12px}.magic-mode-grid button{min-height:130px}.magic-mode-grid span{font-size:2.6rem}.magic-gallery{border-radius:26px;max-height:calc(100svh - 18px);padding:14px 10px 22px}.magic-art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.magic-art-grid button{border-radius:17px;padding:5px 4px 9px;font-size:.75rem}.magic-art-grid img{border-radius:12px}.magic-studio-actions,.magic-result-actions{gap:8px}.magic-studio-actions button,.magic-result-actions button{flex:1;min-width:0;padding:12px 8px;font-size:.82rem}.magic-finish .magic-result-art{width:min(280px,82%)}}.auto-dark-media{display:inline-block}.magic-shell{color:#31566c;background:linear-gradient(#c9f0ff,#f0fbff 55%,#fff5cf);place-items:center;min-height:100svh;padding:18px;display:grid;overflow:auto}.magic-start-card,.magic-game,.magic-finish{background:#fff;border:4px solid #fff;border-radius:34px;width:min(900px,100%);position:relative;box-shadow:0 18px #4982881c,0 28px 70px #3a6d842e}.magic-start-card{text-align:center;max-width:620px;padding:22px 38px 34px}.magic-back{color:#367798;background:#edf8fd;border-radius:50%;place-items:center;width:48px;height:48px;font-size:27px;font-weight:1000;text-decoration:none;display:grid;position:absolute;top:20px;left:20px}.magic-review{color:#8f6421;letter-spacing:.08em;background:#fff0b4;border-radius:999px;padding:8px 18px;font-size:.78rem;font-weight:1000;display:inline-block}.magic-cover{aspect-ratio:1;object-fit:contain;width:min(250px,60%);margin:4px auto -22px;display:block}.magic-start-card h1{color:#7849c6;margin:0;font-size:clamp(2.4rem,8vw,3.8rem);line-height:1}.magic-start-card>p{color:#6c8492;margin:10px 0 20px;font-weight:800}.magic-settings{gap:10px;display:grid}.magic-settings>div{background:#eff9f6;border-radius:20px;justify-content:flex-end;align-items:center;gap:8px;padding:12px 14px;display:flex}.magic-settings b{margin-right:auto}.magic-settings button{color:#577080;background:#fff;border:0;border-radius:999px;padding:10px 14px;font-weight:900}.magic-settings button.active{color:#fff;background:#ff786b;box-shadow:0 5px #d65349}.magic-primary,.magic-secondary{cursor:pointer;border:0;border-radius:999px;padding:15px 24px;font-weight:1000}.magic-primary{color:#fff;background:linear-gradient(#ff9b54,#ff704d);box-shadow:0 7px #d94c38}.magic-start-card>.magic-primary{width:min(320px,92%);margin-top:22px;font-size:1.2rem}.magic-game>header{grid-template-columns:52px 1fr 52px;align-items:center;display:grid}.magic-game>header button{color:#367798;background:#edf8fd;border:0;border-radius:50%;width:48px;height:48px;font-size:26px;font-weight:1000}.magic-game>header>div{text-align:center}.magic-game>header b,.magic-game>header span{display:block}.magic-game>header b{font-size:1.25rem}.magic-game>header span{color:#7850bf;font-weight:1000}.magic-progress{background:#e8f2f3;border-radius:99px;height:11px;margin:12px 0 16px;overflow:hidden}.magic-progress span{border-radius:inherit;background:linear-gradient(90deg,#54cd7b,#ffd34c,#ff7b66);height:100%;display:block}.magic-title{text-align:center}.magic-title small{color:#728b98;font-weight:900}.magic-workspace{grid-template-columns:170px minmax(0,1fr);align-items:center;gap:18px;display:grid}.magic-example{text-align:center;background:#fff8d6;border:3px solid #ffe48b;border-radius:24px;padding:10px}.magic-example>span{color:#8d722a;font-size:.85rem;font-weight:1000;display:block}.magic-guide-canvas,.magic-paint-canvas{aspect-ratio:1;touch-action:manipulation;width:100%;height:auto;display:block}.magic-board{background:#fff;border:4px solid #dceff4;border-radius:28px;min-width:0;overflow:hidden;box-shadow:0 7px #c7e5eb}.magic-paint-canvas{cursor:pointer}.magic-instruction{text-align:center;color:#607e8f;margin:13px 0 8px;font-weight:900}.magic-palette{justify-content:center;gap:clamp(8px,2vw,15px);display:flex}.magic-palette button{aspect-ratio:1;background:var(--swatch);width:clamp(42px,7vw,60px);box-shadow:0 5px 0 var(--swatch);border:4px solid #fff;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.magic-palette button{box-shadow:0 5px 0 color-mix(in srgb,var(--swatch) 70%,#444)}}.magic-palette button{padding:0}.magic-palette button.active{outline:5px solid #7047b8;transform:translateY(-4px)}.magic-palette i{background:#ffffff73;border-radius:50%;width:32%;height:32%;margin:auto;display:block}.magic-feedback{border-radius:30px}.magic-feedback .answer-bubble{padding:28px}.magic-finish{text-align:center;max-width:570px;padding:30px}.magic-finish>img{object-fit:contain;width:220px;height:220px}.magic-finish h1{color:#7849c6;margin:-12px 0 4px;font-size:2.5rem}.magic-finish p{font-weight:900}.magic-finish>strong{color:#35b8cb;margin:8px;font-size:3.8rem;display:block}.magic-finish button{width:min(360px,100%);margin:14px auto;display:block}.magic-secondary{color:#416c81;background:#e9f5fa}.construction-icon img{object-fit:contain;width:64px;height:64px}.magic-board.is-complete{border-color:#69d487;box-shadow:0 0 0 7px #69d48733,0 7px #b8dfc1}.magic-board.is-complete .magic-paint-canvas{animation:.5s ease-out magic-complete-pop}@keyframes magic-complete-pop{50%{transform:scale(1.025)}}.magic-game{max-width:700px;padding:18px 26px 24px}.magic-progress{margin:10px 0}.magic-title h1{margin:0 0 6px;font-size:clamp(1.4rem,4vw,2rem)}.magic-workspace{flex-direction:column;align-items:center;gap:10px;display:flex}.magic-example{border-radius:18px;width:clamp(104px,20vw,140px);padding:5px}.magic-example>span{font-size:.76rem;line-height:1}.magic-board{width:min(100%,560px)}@media (width<=700px){.magic-game>header{grid-template-columns:46px 1fr 46px}.magic-game>header button{width:43px;height:43px}.magic-progress{margin:7px 0}.magic-title h1{margin-bottom:4px;font-size:1.35rem}.magic-workspace{gap:6px;display:flex}.magic-example{border-radius:15px;width:90px;padding:4px}.magic-example>span{font-size:.68rem}.magic-board{width:min(100%,520px)}.magic-instruction{margin:10px 0 7px;font-size:.82rem}.magic-mode-grid button{min-height:150px}.magic-mode-grid img{width:92px;height:92px}.magic-shell{padding:9px}.magic-start-card{padding:18px 14px 26px}.magic-back{top:12px;left:12px}.magic-settings>div{flex-wrap:wrap;justify-content:center}.magic-settings b{text-align:center;width:100%;margin:0}.magic-game{padding:14px 12px 22px}.magic-workspace{grid-template-columns:104px minmax(0,1fr);gap:8px}.magic-example{border-radius:17px;padding:5px}.magic-board{border-radius:19px}.magic-instruction{font-size:.85rem}.magic-palette{gap:7px}.magic-palette button{width:43px}.magic-title h1{font-size:1.45rem}.magic-finish{padding:24px 18px}}.magic-studio .magic-instruction{margin:28px 0 16px}@media (width<=700px){.magic-studio .magic-instruction{margin:24px 0 14px}}@media (prefers-color-scheme:dark){:root{--ink:#30435c;--muted:#6f8094;--coral:#ff796b;--green:#77c89a}html,body{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background-color:#dff2ef!important}body,.quiz-shell,.welcome-card,.game-card,.finish-card,button,.choice-button,.colour-object{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}}.action-game-card{flex-direction:column;min-height:0;padding-bottom:38px;display:flex}.action-helper{margin-top:clamp(24px,5vh,54px)}.action-choices{gap:clamp(14px,2.4vw,26px);width:100%;max-width:850px;margin:12px auto 0}.action-choices button{padding:12px 12px 16px}.action-choices img{transform:scale(1.08)}.action-choices span{white-space:normal;text-overflow:clip;place-items:center;min-height:2.3em;line-height:1.15;display:grid;overflow:visible}@media (width<=700px){.action-shell{align-items:center;padding:14px 10px;overflow:auto}.action-game-card{min-height:0;padding:16px 14px 28px}.action-game-card>header{height:54px}.action-progress{margin:6px 0 14px}.action-helper{margin-top:22px}.action-game-card>h1{margin-bottom:20px}.action-choices{gap:12px;margin-top:8px}.action-choices button{padding:7px 6px 12px}.action-choices img{transform:scale(1.13)}.action-choices span{min-height:2.35em;font-size:.78rem}}.action-shell{min-height:100svh;font-family:var(--font-nunito),"Trebuchet MS",sans-serif;color:#27445b;background:linear-gradient(#c9f0ff 0%,#edfaff 58%,#fff7cf 100%);place-items:center;padding:20px;display:grid;position:relative;overflow:hidden}.action-shell:before,.action-shell:after{content:"";filter:blur(1px);background:#ffffff9e;border-radius:50%;position:fixed}.action-shell:before{width:170px;height:65px;top:9%;left:5%}.action-shell:after{width:220px;height:80px;top:20%;right:4%}.action-start-card,.action-game-card,.action-finish-card{z-index:1;background:#fffffff7;border:4px solid #fff;border-radius:32px;width:min(920px,100%);position:relative;box-shadow:0 20px 60px #2a709138}.action-start-card{text-align:center;max-width:620px;padding:22px 42px 34px}.action-back,.action-round-back{color:#3475a1;background:#eef8ff;border:0;border-radius:50%;place-items:center;width:46px;height:46px;font-size:28px;font-weight:900;text-decoration:none;display:grid;position:absolute;top:22px;left:22px}.action-logo{width:150px;height:auto}.action-cover{justify-content:center;align-items:end;height:235px;margin:0 auto -8px;display:flex;position:relative}.action-cover img{object-fit:contain;width:225px;height:225px}.action-cover-ali{margin-right:-46px}.action-cover-aini{margin-left:-46px}.action-cover-burst{color:#fff;z-index:2;background:#ffcf43;border-radius:50%;align-self:center;place-items:center;width:62px;height:62px;font-size:28px;display:grid;box-shadow:0 8px #f0a82f}.action-start-card h1{color:#ff7b4d;text-shadow:0 4px #ffe2a6;margin:4px 0 8px;font-size:clamp(2.2rem,7vw,3.5rem);line-height:1}.action-start-card>p{color:#527087;margin:0 0 22px;font-size:1.08rem;font-weight:700}.action-setting{border-top:1px solid #dceef5;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.action-setting>span{text-align:left;font-weight:900}.action-setting>div{gap:8px;display:flex}.action-setting button{color:#49697e;background:#fff;border:2px solid #cce6ef;border-radius:999px;padding:10px 15px;font-size:.9rem;font-weight:900}.action-setting button.active{color:#fff;background:#34b5d5;border-color:#34b5d5;box-shadow:0 4px #1788ad}.action-primary,.action-secondary{cursor:pointer;border:0;border-radius:999px;padding:14px 24px;font-size:1.05rem;font-weight:1000}.action-primary{color:#fff;background:linear-gradient(#ff9a52,#ff734c);box-shadow:0 7px #d94e39}.action-start-card>.action-primary{width:min(300px,90%);margin-top:20px;font-size:1.25rem}.action-secondary{color:#3e6b83;background:#eaf5fa}.action-game-card{min-height:650px;padding:24px 34px 34px}.action-game-card>header{justify-content:space-between;align-items:center;height:58px;display:flex;position:relative}.action-game-card>header>div{flex-direction:column;align-items:center;gap:5px;margin:auto;display:flex}.action-game-card header b{color:#3885aa}.action-game-card header span{color:#c06d27;background:#fff0b8;border-radius:999px;padding:5px 12px;font-size:.92rem;font-weight:900}.action-round-back{position:static}.action-replay{background:#e9f8ff;border:0;border-radius:50%;width:48px;height:48px;font-size:24px}.action-progress{background:#e6f2f6;border-radius:99px;height:12px;margin:8px 0 20px;overflow:hidden}.action-progress span{background:linear-gradient(90deg,#5ccf7a,#ffcd4e,#ff8b5d);border-radius:99px;height:100%;transition:width .35s;display:block}.action-helper{text-align:center;color:#6c8797;margin:8px 0 4px;font-weight:800}.action-game-card>h1{text-align:center;color:#305d75;margin:0 0 22px;font-size:clamp(1.65rem,5vw,2.55rem)}.action-choices{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.action-choices button{color:#345a70;background:#fff;border:4px solid #dceff5;border-radius:25px;padding:10px 10px 15px;font-size:1rem;font-weight:1000;transition:transform .12s,border-color .12s;overflow:hidden;box-shadow:0 8px #c8e4ec}.action-choices button:active{transform:translateY(5px);box-shadow:0 3px #c8e4ec}.action-choices img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.action-choices span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.action-mute{z-index:4;background:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:22px;position:fixed;top:18px;right:18px;box-shadow:0 6px 18px #265b7533}.action-answer-overlay,.action-exit-overlay{z-index:5;background:#224e6385;border-radius:28px;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.action-answer-bubble{text-align:center;background:#fff;border-radius:30px;width:min(370px,90%);padding:20px;position:relative;box-shadow:0 20px 70px #00000040}.action-answer-overlay.right .action-answer-bubble{border:7px solid #65d47d}.action-answer-overlay.wrong .action-answer-bubble{border:7px solid #ff9a9a}.action-feedback-symbol{background:#fff4c8;border-radius:50%;place-items:center;width:54px;height:54px;font-size:30px;display:grid;position:absolute;top:14px;right:18px}.action-answer-bubble img{object-fit:contain;width:210px;height:210px}.action-answer-bubble strong{color:#3b6e84;font-size:1.55rem;display:block}.action-exit-dialog{text-align:center;background:#fff;border-radius:28px;width:min(420px,94%);padding:30px}.action-exit-dialog h2{margin:0 0 8px;font-size:1.7rem}.action-exit-dialog p{color:#648092;margin-bottom:24px;font-weight:700}.action-exit-dialog button{width:100%;margin-top:13px;display:block}.action-finish-card{text-align:center;max-width:600px;padding:30px}.action-finish-card>img{object-fit:contain;width:210px;height:210px}.action-confetti{font-size:2rem}.action-finish-card h1{color:#ff7652;margin:0 0 8px;font-size:2.2rem}.action-finish-card>p{color:#4c87a5;font-weight:900}.action-score{justify-content:center;align-items:baseline;gap:5px;margin:12px;display:flex}.action-score strong{color:#36b7cf;font-size:4rem}.action-score span{font-size:1.5rem;font-weight:900}.action-finish-buttons{justify-content:center;gap:15px;margin-top:22px;display:flex}@media (width<=700px){.action-shell{padding:10px}.action-start-card{padding:18px 16px 26px}.action-logo{width:125px}.action-cover{height:190px}.action-cover img{width:180px;height:180px}.action-setting{flex-direction:column;gap:10px}.action-setting>span{text-align:center}.action-setting>div{justify-content:center;width:100%}.action-setting button{padding:9px 11px}.action-game-card{min-height:calc(100svh - 20px);padding:15px 12px 24px}.action-choices{gap:8px}.action-choices button{border-width:3px;border-radius:18px;padding:5px 5px 10px;font-size:.82rem;box-shadow:0 5px #c8e4ec}.action-game-card>h1{margin-bottom:14px}.action-helper{font-size:.9rem}.action-answer-bubble img{width:180px;height:180px}.action-back{top:14px;left:14px}.action-finish-buttons{flex-direction:column}.action-finish-buttons button{width:100%}}.occupation-match-shell{color:#553f37;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;background:radial-gradient(circle at 8% 15%,#ffffffdb 0 4px,#0000 5px),radial-gradient(circle at 90% 25%,#ffffffb8 0 5px,#0000 6px),linear-gradient(#dff5f3,#eef8dc 70%,#d9edc7);place-items:center;width:100%;height:100dvh;min-height:100dvh;padding:clamp(6px,1.5vmin,18px);display:grid;overflow:hidden}.occupation-match-panel{background:#fffcf3f7;border:clamp(3px,.55vmin,6px) solid #fffffff5;border-radius:clamp(22px,3vmin,38px);grid-template-rows:auto 9px minmax(0,1fr) auto auto;gap:clamp(5px,1vmin,10px);width:min(980px,100%);height:min(920px,100%);min-height:0;padding:clamp(10px,2vmin,22px);display:grid;overflow:hidden;box-shadow:0 12px #4f77631f,0 24px 55px #49665b2e}.occupation-match-header{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.occupation-match-header div{text-align:center;min-width:0}.occupation-match-header span{color:#ef786d;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(10px,1.7vmin,15px);font-weight:1000;display:block}.occupation-match-header h1{color:#4f3a36;margin:1px 0 0;font-size:clamp(22px,4vmin,38px);line-height:1}.occupation-match-header strong{color:#6c58ad;text-align:center;white-space:nowrap;background:#eee7ff;border-radius:999px;min-width:72px;padding:.52em .78em;font-size:clamp(10px,1.6vmin,14px)}.occupation-match-back{aspect-ratio:1;color:#765c4b;background:#fff0d6;border:3px solid #fff;border-radius:17px;place-items:center;width:clamp(40px,6vmin,58px);font-size:clamp(23px,3.6vmin,34px);font-weight:1000;line-height:1;text-decoration:none;display:grid;box-shadow:0 5px #ead7b8}.occupation-match-progress{background:#e7eee6;border-radius:99px;height:9px;overflow:hidden}.occupation-match-progress i{border-radius:inherit;background:linear-gradient(90deg,#65c894,#8fd37d);height:100%;transition:width .25s;display:block}.occupation-match-board{touch-action:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(82px,14vw,160px);min-height:0;padding:2px;display:grid;position:relative}.occupation-match-lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.occupation-match-lines line{stroke-width:1.15px;stroke-linecap:round;filter:drop-shadow(0 .25px .15px #443a3242)}.occupation-match-lines .is-dragging{stroke-width:.9px;stroke-dasharray:2.2 1.7;opacity:.88;filter:none}.occupation-match-column{z-index:2;grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(6px,1.2vmin,12px);min-height:0;display:grid;position:relative}.occupation-tile,.tool-tile{--card-a:#fff5f8;--card-b:#ffe5ee;--card-edge:#f3a7c0;isolation:isolate;background:radial-gradient(circle at 18% 18%,#fffffff2 0 3px,transparent 4px), radial-gradient(circle at 82% 24%,#ffffffbf 0 5px,transparent 6px), radial-gradient(circle at 72% 82%,#ffffffb8 0 3px,transparent 4px), repeating-conic-gradient(from 205deg at 50% 50%,#ffffff3d 0deg 8deg,transparent 8deg 18deg), linear-gradient(145deg,var(--card-a),var(--card-b));min-width:0;min-height:0;box-shadow:inset 0 0 0 2px var(--card-edge), inset 0 0 28px #ffffff94, 0 6px 0 #bfa49e61, 0 12px 22px #59483d1f;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;border:3px solid #fffffff5;border-radius:clamp(17px,2.5vmin,27px);place-items:center;padding:clamp(3px,.65vmin,7px);display:grid;position:relative;overflow:visible}.occupation-match-column>:first-child{--card-a:#fff3f7;--card-b:#ffdfea;--card-edge:#f49ab8}.occupation-match-column>:nth-child(2){--card-a:#eef8ff;--card-b:#dcedff;--card-edge:#83bee9}.occupation-match-column>:nth-child(3){--card-a:#f3fbe9;--card-b:#dff3cf;--card-edge:#8fd174}.occupation-tile{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:2px}.occupation-tile b{color:#573f37;z-index:2;text-align:center;white-space:nowrap;background:#ffffffb8;border-radius:999px;width:calc(100% - 8px);padding:.22em .45em .28em;font-size:clamp(12px,2vmin,19px);line-height:1;position:relative;box-shadow:0 2px 8px #533d3314}.occupation-sprite,.tool-sprite{z-index:2;aspect-ratio:1;background-color:#0000;background-repeat:no-repeat;background-size:400% 300%;border-radius:clamp(12px,2vmin,21px);width:min(96%,300px);max-height:100%;display:block;position:relative;box-shadow:0 7px 14px #4d423921}.tool-sprite{aspect-ratio:1;contain:layout paint;width:auto;max-width:100%;height:100%;max-height:100%;box-shadow:0 5px 10px #4d42391a}.occupation-tile>i,.tool-tile>i{aspect-ratio:1;z-index:4;border:4px solid #fff;border-radius:50%;width:clamp(17px,2.8vmin,26px);position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 5px #46372c38}.occupation-tile>i{right:calc(clamp(17px,2.8vmin,26px)/-2 - 3px)}.tool-tile>i{left:calc(clamp(17px,2.8vmin,26px)/-2 - 3px)}.occupation-tile.is-matched,.tool-tile.is-matched{border-color:#8bd5a3;animation:.25s ease-out occupation-match-pop;box-shadow:inset 0 0 0 3px #72c892,0 6px #c5dfcb,0 12px 22px #38805729}.occupation-match-message{color:#846d5f;text-align:center;min-height:1.5em;font-size:clamp(11px,1.9vmin,17px);font-weight:900}.occupation-match-message.is-complete{color:#258868}.occupation-match-actions{grid-template-columns:1fr auto 1fr;gap:8px;display:grid}.occupation-match-actions button{color:#6d5b50;min-height:clamp(36px,5.5vmin,49px);font:inherit;cursor:pointer;background:#f7ecd9;border:0;border-radius:15px;padding:.55em .85em;font-size:clamp(10px,1.7vmin,15px);font-weight:1000;box-shadow:0 4px #e4d4ba}.occupation-auto-next{color:#7e62d8;place-self:center end;font-size:clamp(10px,1.6vmin,14px);font-weight:1000}.occupation-menu-link{color:#fff;text-align:center;background:#7e62d8;border-radius:14px;place-items:center;min-height:38px;padding:.55em .9em;font-size:clamp(10px,1.7vmin,15px);font-weight:1000;text-decoration:none;display:grid;box-shadow:0 4px #624cb5}.occupation-match-actions .next{color:#fff;background:#7e62d8;box-shadow:0 4px #624cb5}.occupation-match-actions .restart{background:#e9f3ed;box-shadow:0 4px #d3e4d9}.occupation-match-actions button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.jawi-match-area-visual img{object-fit:contain;border-radius:20px;width:100%;height:100%;display:block}@keyframes occupation-match-pop{50%{transform:scale(1.025)}}@media (width<=620px){.occupation-match-shell{padding:4px}.occupation-match-panel{border-radius:22px;padding:8px}.occupation-match-header{gap:7px}.occupation-match-header strong{min-width:61px;padding:.45em .55em}.occupation-match-board{gap:clamp(58px,17vw,76px);padding-inline:0}.occupation-match-column{gap:5px}.occupation-tile,.tool-tile{border-width:2px;border-radius:15px;padding:3px}.occupation-tile{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:1px}.occupation-sprite{border-radius:12px;width:97%}.tool-sprite{border-radius:12px;width:auto;max-width:100%;height:100%;max-height:100%}.occupation-tile b{font-size:clamp(11px,3.45vw,15px)}.occupation-tile>i,.tool-tile>i{border-width:3px}.occupation-match-actions{gap:5px}.occupation-match-actions button{border-radius:12px;padding:.45em .55em}}@media (orientation:landscape) and (height<=620px){.occupation-match-panel{grid-template-rows:auto 7px minmax(0,1fr) auto auto;gap:4px;width:min(880px,100%);padding:7px 11px}.occupation-match-header h1{font-size:clamp(19px,5.2vmin,29px)}.occupation-match-header span{font-size:9px}.occupation-match-back{border-radius:12px;width:38px}.occupation-match-board{gap:clamp(55px,10vw,110px)}.occupation-match-column{gap:5px}.occupation-tile,.tool-tile{border-radius:14px;padding:3px 7px}.occupation-tile{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.occupation-sprite{border-radius:10px;width:min(88%,clamp(100px,26vmin,180px))}.tool-sprite{border-radius:10px;width:auto;max-width:100%;height:100%;max-height:100%}.occupation-tile b{font-size:clamp(11px,3.1vmin,17px)}.occupation-match-message{font-size:11px}.occupation-match-actions button{min-height:31px;padding:.35em .7em;font-size:10px}}.occupation-question-art.shape-object-art{aspect-ratio:1;width:100%;height:auto;box-shadow:none;background-position:50%;background-repeat:no-repeat;background-size:contain}.shape-choice{color:#7e62d8}.shape-choice:nth-child(2){color:#ef758c}.shape-choice:nth-child(3){color:#54ae7e}.shape-choice>svg{filter:drop-shadow(0 6px 4px #57403724);width:min(82%,150px);max-height:82%;overflow:visible}.shape-feedback{color:#7e62d8;place-items:center;display:grid}.shape-feedback>svg{filter:drop-shadow(0 6px 4px #57403724);width:clamp(115px,20vmin,175px)}.shape-topic-art{background-image:url(/match-shapes-objects.png);background-position:0 0;background-size:500% 200%}.match-topic-card.shapes{--topic:#6f8fe8;--topic-soft:#edf2ff}.match-topic-card.vegetables{--topic:#53a96b;--topic-soft:#ecf8e8}.vegetable-topic-art{padding:4px;overflow:hidden;background:#fff!important}.vegetable-topic-art img{border-radius:inherit;object-fit:contain;width:100%;height:100%;display:block}.vegetable-half-frame{aspect-ratio:1;background:#fff;border-radius:clamp(16px,2.5vmin,26px);width:100%;min-height:0;display:block;position:relative;overflow:hidden}.vegetable-sprite{background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;position:absolute;inset:0}.vegetable-sprite.left-half{clip-path:inset(0 50% 0 0)}.vegetable-sprite.right-half{clip-path:inset(0 0 0 50%)}.vegetable-choice .vegetable-half-frame{aspect-ratio:auto;width:100%;height:100%}.vegetable-feedback{aspect-ratio:1;background:#fff;border-radius:24px;width:clamp(130px,22vmin,190px);position:relative;overflow:hidden}.easy-line-source{z-index:5;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;overscroll-behavior:none;position:relative}.occupation-tool-choice{z-index:5}.easy-match-line{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.easy-match-line line{stroke:#7e62d8;stroke-width:9px;stroke-linecap:round;stroke-dasharray:4 16;filter:drop-shadow(0 3px 2px #4e377d2e)}.easy-match-line.correct line{stroke:#43b978;stroke-dasharray:none}.easy-match-line.wrong line{stroke:#ef746d}.occupation-pick-panel{background:#fffcf3f7;border:clamp(3px,.55vmin,6px) solid #fffffff5;border-radius:clamp(22px,3vmin,38px);grid-template-rows:auto 9px minmax(0,1fr) auto minmax(0,.72fr);gap:clamp(7px,1.2vmin,13px);width:min(920px,100%);height:min(900px,100%);min-height:0;padding:clamp(10px,2vmin,22px);display:grid;position:relative;overflow:hidden;box-shadow:0 12px #4f77631f,0 24px 55px #49665b2e}.occupation-feedback-tool{aspect-ratio:1;background-repeat:no-repeat;background-size:400% 300%;border-radius:24px;width:clamp(125px,22vmin,190px);display:block;box-shadow:0 7px 16px #4d423924}.occupation-question-card{--question-colour:#ef806d;border:4px solid var(--question-colour);grid-template-rows:minmax(0,1fr) auto;place-self:center;place-items:center;gap:3px;width:min(390px,74%);min-height:0;padding:clamp(6px,1vmin,11px);display:grid}@supports (color:color-mix(in lab, red, red)){.occupation-question-card{border:4px solid color-mix(in srgb,var(--question-colour) 58%,white)}}.occupation-question-card{background:linear-gradient(145deg,var(--question-colour),#fffdf8);border-radius:clamp(22px,3vmin,34px)}@supports (color:color-mix(in lab, red, red)){.occupation-question-card{background:linear-gradient(145deg,color-mix(in srgb,var(--question-colour) 14%,white),#fffdf8)}}.occupation-question-card{box-shadow:0 7px 0 var(--question-colour),0 14px 25px #4b3d341f}@supports (color:color-mix(in lab, red, red)){.occupation-question-card{box-shadow:0 7px 0 color-mix(in srgb,var(--question-colour) 24%,white),0 14px 25px #4b3d341f}}.occupation-question-card{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.question-audio-button{z-index:8;aspect-ratio:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff8df;border:3px solid #fffffffa;border-radius:50%;place-items:center;width:clamp(40px,6.4vmin,54px);padding:0;font-size:clamp(18px,3vmin,26px);line-height:1;display:grid;position:absolute;top:clamp(8px,1.4vmin,14px);right:clamp(8px,1.4vmin,14px);box-shadow:0 5px #7e62462b,0 8px 16px #54413524}.question-audio-button:active{transform:translateY(3px);box-shadow:0 2px #7e62462b}.occupation-question-art{aspect-ratio:1;background-repeat:no-repeat;background-size:400% 300%;border-radius:clamp(16px,2.5vmin,26px);width:100%;max-width:100%;height:auto;display:block;box-shadow:0 5px 12px #4d42391c}.occupation-question-name{color:#503b34;font-size:clamp(18px,3.2vmin,30px);font-weight:1000;line-height:1}.occupation-hear-hint{color:#80685b;font-size:clamp(10px,1.6vmin,14px);font-weight:900}.occupation-pick-message{color:#765f53;text-align:center;margin:0;font-size:clamp(13px,2.1vmin,19px);font-weight:1000}.occupation-pick-message.is-correct{color:#269269}.occupation-tool-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1.8vmin,18px);min-height:0;display:grid}.occupation-tool-choice{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;aspect-ratio:1;background:linear-gradient(145deg,#eef8ff,#dcedff);border:3px solid #fffffffa;border-radius:clamp(18px,2.5vmin,28px);place-items:center;min-width:0;min-height:0;padding:clamp(5px,1vmin,10px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #83bee9,0 6px #74a6c959,0 12px 20px #495d6c1c}.occupation-tool-choice:nth-child(2){background:linear-gradient(145deg,#fff3f7,#ffdfea);box-shadow:inset 0 0 0 2px #f49ab8,0 6px #cf8ba552,0 12px 20px #6c49571a}.occupation-tool-choice:nth-child(3){background:linear-gradient(145deg,#f3fbe9,#dff3cf);box-shadow:inset 0 0 0 2px #8fd174,0 6px #81b46c52,0 12px 20px #4d68431a}.occupation-tool-choice>span{aspect-ratio:1;contain:layout paint;background-repeat:no-repeat;background-size:400% 300%;border-radius:clamp(12px,2vmin,21px);width:100%;max-width:100%;height:auto;max-height:100%;display:block}.occupation-tool-choice>b{aspect-ratio:1;color:#fff;background:#55bd81;border:3px solid #fff;border-radius:50%;place-items:center;width:clamp(30px,5vmin,46px);font-size:clamp(18px,3vmin,28px);display:grid;position:absolute;top:8px;right:8px;box-shadow:0 4px #3d9b66}.occupation-tool-choice.is-wrong{animation:.35s occupation-choice-shake;box-shadow:inset 0 0 0 4px #ef746d,0 6px #e5a09b}.occupation-tool-choice.is-correct{animation:.28s occupation-match-pop;box-shadow:inset 0 0 0 4px #55bd81,0 6px #9ed6b5}@keyframes occupation-choice-shake{25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}.occupation-finish-card{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;height:auto;min-height:min(520px,90dvh);padding-block:clamp(30px,7dvh,70px) clamp(24px,5dvh,50px);display:flex}.occupation-finish-stars{color:#f4b73e;letter-spacing:.15em;font-size:clamp(30px,6vmin,58px)}.occupation-finish-copy{flex-direction:column;align-items:center;gap:clamp(12px,2vmin,20px);margin-top:clamp(18px,3vmin,28px);display:flex}.occupation-finish-card .occupation-finish-copy h1{color:#4f3a36;margin:0;font-size:clamp(38px,8vmin,72px);line-height:1.08;display:block}.occupation-finish-card .occupation-finish-copy p{color:#796257;margin:0;font-size:clamp(16px,2.5vmin,22px);font-weight:900;line-height:1.4;display:block}.occupation-finish-actions{gap:12px;margin-top:auto;display:flex}.occupation-finish-actions button,.occupation-finish-actions a{color:#fff;min-width:130px;font:inherit;text-align:center;cursor:pointer;background:#7e62d8;border:0;border-radius:16px;padding:.8em 1.1em;font-weight:1000;text-decoration:none;box-shadow:0 5px #624cb5}.occupation-finish-actions button{background:#55bd81;box-shadow:0 5px #3d9b66}@media (width<=620px){.occupation-pick-panel{border-radius:22px;grid-template-rows:auto 7px minmax(0,1fr) auto auto;gap:6px;padding:8px}.occupation-question-card{border-width:3px;border-radius:20px;width:min(270px,70vw);padding:5px}.occupation-tool-choices{gap:7px}.occupation-tool-choice{border-width:2px;border-radius:16px;padding:4px}.occupation-tool-choice>span{background-size:400% 300%;width:100%;height:auto;max-height:100%}}@media (width>=700px) and (width<=1100px) and (height>=700px){.occupation-pick-panel:not(.occupation-finish-card) .occupation-question-card{width:min(340px,52vw)}}@media (width>=700px) and (height>=700px){.occupation-pick-panel:not(.occupation-finish-card) .occupation-pick-message{align-self:center;margin-block:clamp(26px,4.5dvh,48px)}}@media (orientation:landscape) and (height<=620px){.occupation-pick-panel{grid-template-rows:auto 7px minmax(0,1fr) auto minmax(0,.7fr);gap:4px;width:min(920px,100%);padding:7px 11px}.occupation-question-card{width:min(260px,38%)}.occupation-question-name{font-size:clamp(15px,4vmin,22px)}.occupation-hear-hint,.occupation-pick-message{font-size:10px}}.match-topic-shell{color:#553f37;background:radial-gradient(circle at 12% 17%,#ffffffe6 0 5px,#0000 6px),radial-gradient(circle at 88% 27%,#ffffffbf 0 7px,#0000 8px),linear-gradient(#ddf5f3,#f4f7df 72%,#d9edc7);place-items:center;min-height:100dvh;padding:clamp(8px,2vmin,22px);display:grid}.match-topic-panel{background:#fffcf3f7;border:clamp(3px,.55vmin,6px) solid #fffffff5;border-radius:clamp(24px,4vmin,42px);grid-template-rows:auto 1fr;gap:clamp(18px,2.5vmin,28px);width:min(920px,100%);min-height:min(620px,100dvh - 20px);padding:clamp(14px,3vmin,34px);display:grid;box-shadow:0 12px #4f77631f,0 24px 55px #49665b2e}.match-topic-header{grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(10px,2.2vw,24px);display:grid}.match-topic-header>div:nth-child(2){text-align:center}.match-topic-header span{color:#ef786d;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(11px,1.8vmin,16px);font-weight:1000}.match-topic-header h1{color:#4f3a36;margin:3px 0;font-size:clamp(28px,5vmin,48px);line-height:1}.match-topic-header p{color:#8b776b;margin:6px 0 0;font-size:clamp(13px,2vmin,18px);font-weight:800}.match-topic-stars{aspect-ratio:1;color:#fff;background:#9c7be8;border-radius:18px;place-items:center;width:clamp(42px,6vmin,58px);font-size:clamp(20px,3vmin,28px);display:grid;box-shadow:0 5px #775ac6}.match-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:clamp(14px,2.2vmin,22px);display:grid}.match-topic-card{color:#503d38;background:#fffafb;border:2px solid #f3c0cf;border-radius:clamp(20px,3vmin,28px);grid-template-columns:minmax(120px,42%) minmax(0,1fr) auto;align-items:center;gap:clamp(12px,2vmin,20px);min-height:clamp(210px,29vmin,260px);padding:clamp(14px,2.2vmin,20px);text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:0 6px #ead8dc,0 12px 24px #5d493e1a}.match-topic-card:before{display:none}.match-topic-art{z-index:1;aspect-ratio:1;background-color:#fff;background-image:url(/match-occupations-english.png);background-position:0 0;background-size:400% 300%;border-radius:20px;justify-self:center;width:100%;max-width:180px;position:relative;box-shadow:0 5px 14px #4b3e361f}.match-topic-copy{z-index:1;text-align:left;justify-items:start;gap:5px;min-width:0;display:grid;position:relative}.match-topic-copy small{color:#e56e73;letter-spacing:.1em;text-transform:uppercase;font-size:clamp(11px,1.8vmin,15px);font-style:normal;font-weight:1000}.match-topic-copy strong{color:#503a36;font-size:clamp(24px,3.3vmin,34px);line-height:1.05}.match-topic-copy em{color:#79675d;font-size:clamp(12px,1.7vmin,16px);font-style:normal;font-weight:800;line-height:1.3}.match-topic-card>b{z-index:2;aspect-ratio:1;color:#fff;background:#ff776d;border-radius:50%;place-items:center;width:clamp(42px,5vmin,52px);font-size:clamp(20px,2.8vmin,27px);display:grid;position:relative;box-shadow:0 4px #d95d58}.match-topic-art.shape-topic-art{background-image:url(/topic-shapes-v1.png);background-position:50%;background-size:cover}.match-topic-card.shapes{background:#fafbff;border-color:#b9c8f1;box-shadow:0 6px #d8dced,0 12px 24px #494d701a}.match-topic-coming{color:#8c7d94;text-align:center;background:linear-gradient(145deg,#fbf8ff,#f2edf7);border:4px dashed #d9cee6;border-radius:30px;align-content:center;align-self:center;place-items:center;gap:8px;min-height:250px;padding:22px;display:grid}.match-topic-coming span{color:#b89bed;font-size:44px}.match-topic-coming strong{font-size:clamp(20px,3vmin,28px)}.match-topic-coming small{letter-spacing:.1em;text-transform:uppercase;background:#fff;border-radius:999px;padding:.4em .75em;font-size:12px;font-weight:1000}@media (width<=620px){.match-topic-shell{padding:4px}.match-topic-panel{border-radius:24px;min-height:calc(100dvh - 8px);padding:10px}.match-topic-header{grid-template-columns:auto 1fr}.match-topic-stars{display:none}.match-topic-grid{grid-template-columns:1fr;align-content:start;gap:14px}.match-topic-card{border-radius:20px;grid-template-columns:minmax(100px,34%) minmax(0,1fr) 42px;gap:10px;min-height:150px;padding:12px}.match-topic-art{border-radius:15px;width:100%;max-width:130px}.match-topic-copy{padding:0}.match-topic-copy strong{font-size:clamp(22px,7vw,30px)}.match-topic-copy em{font-size:clamp(11px,3.5vw,14px)}.match-topic-card>b{width:42px}.match-topic-coming{min-height:120px}}@media (width>=700px) and (width<=1100px) and (height>=700px){.match-topic-grid{grid-template-columns:1fr;align-content:start;gap:14px}.match-topic-card{grid-template-columns:minmax(120px,28%) minmax(0,1fr) 52px;min-height:160px;padding:14px 18px}.match-topic-art{max-width:140px}}.jawi-shell{--jawi-orange:#f47b35;--jawi-deep:#6e351e;--jawi-cream:#fff8e9;min-height:100dvh;color:var(--jawi-deep);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;background:radial-gradient(circle at 50% -8%,#ffffffe6 0 12%,#0000 32%),radial-gradient(circle at 4% 88%,#87d36647,#0000 21%),linear-gradient(#bfeaf1 0%,#fff4d8 43%,#f9d8bc 100%);place-items:center;padding:18px 24px 62px;display:grid;position:relative;overflow:hidden}.jawi-shell footer{color:#87553d;font-size:.8rem;position:absolute;bottom:16px}.jawi-sound-toggle{z-index:60;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.jawi-sun{color:#f7b733;font-size:clamp(3rem,8vw,6rem);position:absolute;top:4%;right:8%}.jawi-cloud{color:#ffffffd1;font-size:clamp(3.5rem,10vw,7.5rem);position:absolute}.jawi-cloud-one{top:9%;left:4%}.jawi-cloud-two{bottom:10%;right:3%}.jawi-home-card{z-index:1;text-align:left;background:#fffdf7e6;border:3px solid #ffffffe0;border-radius:42px;width:min(1120px,100%);padding:clamp(22px,3vw,38px);position:relative;box-shadow:0 28px 80px #674b2c33,inset 0 0 0 1px #f4d4a573}.jawi-topbar{border-bottom:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 0 18px;display:grid}.jawi-back,.jawi-signout{color:#75442d;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#fff0d6;border:0;border-radius:999px;font-weight:800;text-decoration:none}.jawi-back{justify-self:start;place-items:center;font-size:1.35rem;display:grid}.jawi-signout{justify-self:end;padding:0 16px}.jawi-logo{object-fit:contain;border-radius:0;width:148px;height:88px;margin:0}.jawi-logo-locked{width:150px;height:150px;margin:0 auto}.jawi-title-mark{color:#fff;background:var(--jawi-orange);direction:rtl;border-radius:999px;width:fit-content;margin:0 auto 12px;padding:7px 20px 11px;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:2rem;line-height:1}.pack-card .pack-icon{direction:rtl;font-family:Noto Naskh Arabic,Traditional Arabic,serif}.pack-card .jawi-pack-icon{background:#fffaf0;border-radius:24px;width:92px;height:92px;padding:0;overflow:hidden}.jawi-pack-icon img{object-fit:cover;width:100%;height:100%;display:block}.jawi-title-icon{object-fit:cover;border-radius:38px;flex:none;width:182px;height:182px;margin:0;display:block;box-shadow:0 10px 24px #6e351e29}.jawi-hero{text-align:left;background:linear-gradient(135deg,#fff9ecf7,#ffffffb8);border:3px solid #ffffffeb;border-radius:38px;grid-template-columns:182px minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,48px);margin:6px 0 26px;padding:26px clamp(22px,4vw,50px);display:grid;box-shadow:inset 0 -8px #f4d6a640,0 14px 28px #7f55331a}.jawi-hero-copy{max-width:520px}.jawi-eyebrow{color:#b35a2d;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.jawi-home-card h1{color:#6d321d;margin:4px 0 2px;font-size:clamp(2.8rem,6vw,5rem);line-height:1}.jawi-intro{color:#8b5d47;margin:10px 0 0;font-weight:700}.jawi-area-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:6px 10px 12px;display:grid}.jawi-area-card{color:#70402c;text-align:left;min-height:258px;font:inherit;cursor:pointer;border:2px solid #fffc;border-radius:30px;flex-direction:column;align-items:stretch;gap:15px;padding:22px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #6741271f}.jawi-area-image-card{aspect-ratio:1;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;overflow:visible}.jawi-area-image-card:before,.jawi-area-image-card:after{display:none}.jawi-area-image-card img{object-fit:contain;filter:drop-shadow(0 16px 16px #6741272e);width:100%;height:100%;transition:filter .18s,transform .18s;display:block}.jawi-area-image-card:hover{box-shadow:none;transform:translateY(-5px)scale(1.015)}.jawi-area-image-card:hover img{filter:drop-shadow(0 15px 16px #67412733)}.jawi-area-image-card:active{transform:translateY(-1px)scale(.98)}.jawi-area-image-card:focus-visible{outline-offset:4px;outline:5px solid #1faea86b}.jawi-match-area-card{color:#5b3c64;background:linear-gradient(135deg,#eee7ff,#dff7f0 55%,#fff1c9);grid-column:1/-1;grid-template-columns:190px minmax(0,1fr) 54px;align-items:center;gap:24px;min-height:190px;padding:22px 28px;text-decoration:none;display:grid}.jawi-match-area-card:after{content:"✦";color:#8f75c8}.jawi-match-area-visual{background:#ffffffb8;border:3px solid #ffffffe6;border-radius:28px;justify-content:center;align-items:center;gap:10px;min-height:130px;font-size:3.25rem;display:flex}.match-play-logo{position:relative;box-shadow:inset 0 -8px #745e9414,0 7px #745e9414}.match-play-logo b{background:#fff4dc;border:4px solid #fff;border-radius:22px;place-items:center;width:70px;height:70px;font-weight:400;display:grid;box-shadow:0 5px #6f4f3a1f}.match-play-logo b:last-child{background:#e4f3ff}.match-play-logo i{color:#ef806d;text-shadow:0 3px #d866582e;font-size:2rem;font-style:normal;font-weight:1000}.match-play-intro-logo{background:#ffffffc2;border:3px solid #fff;border-radius:22px;flex:none;justify-content:center;align-items:center;gap:5px;width:108px;height:78px;display:flex;box-shadow:inset 0 -6px #745e9414}.match-play-intro-logo b{font-size:1.85rem;font-weight:400}.match-play-intro-logo i{color:#ef806d;font-size:1.25rem;font-style:normal;font-weight:1000}.jawi-match-area-copy{gap:7px;display:grid}.jawi-match-area-copy strong{color:#62436b;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1}.jawi-match-area-copy small{color:#80678a;justify-content:flex-start;font-size:.95rem}.jawi-match-area-go{color:#fff;background:#ef806d;border-radius:50%;place-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:1000;display:grid;box-shadow:0 7px #d86658}.match-play-home{max-width:980px}.match-play-brand{color:#82523c;justify-self:end;font-size:.9rem;font-weight:900}.match-play-intro{background:linear-gradient(135deg,#fff1d7,#f4ecff);border:3px solid #fff;border-radius:24px;align-items:center;gap:16px;margin:6px 0 18px;padding:14px 18px;display:flex;box-shadow:0 7px #6e4e361a}.match-play-intro>span{font-size:3rem}.match-play-intro div{flex:1}.match-play-intro small{color:#b35a2d;letter-spacing:.08em;text-transform:uppercase;font-weight:1000}.match-play-intro h2{color:#683c29;margin:2px 0;font-size:1.6rem}.match-play-intro p{color:#8b6b58;margin:0;font-weight:750}.match-play-heading{justify-content:space-between;align-items:end;gap:15px;display:flex}.match-play-heading small{color:#b35a2d;letter-spacing:.11em;font-size:.76rem;font-weight:1000}.match-play-heading h1{color:#5a2b1a;margin:3px 0 0;font-size:clamp(2rem,4vw,3.1rem)}.match-play-heading-actions{align-items:center;gap:9px;display:flex}.match-play-heading-actions .sound-toggle{width:43px;min-width:43px;height:43px;position:static}.match-play-heading-actions>strong{color:#fff;white-space:nowrap;background:#8060d5;border-radius:999px;padding:9px 13px}.match-play-prompt{color:#7b5a4a;margin:5px 0 9px;font-weight:800}.match-play-progress{align-items:center;gap:10px;margin-bottom:14px;display:flex}.match-play-progress i{background:#e4eee8;border-radius:999px;flex:1;height:10px;overflow:hidden}.match-play-progress b{border-radius:inherit;background:#73c99b;height:100%;transition:width .2s;display:block}.match-play-progress span{color:#6b816e;text-align:right;min-width:38px;font-weight:1000}.match-play-board{touch-action:none;grid-template-columns:1fr 1fr;gap:clamp(35px,10vw,120px);padding:7px 4px;display:grid;position:relative}.match-play-lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.match-play-lines line{stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 2px 1px #64463226)}.match-play-lines .dragging{stroke-dasharray:10 8}.match-play-column{z-index:2;gap:11px;display:grid}.match-play-card{color:#5d4653;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffdfa;border:4px solid #fff;border-radius:24px;grid-template-columns:55px 1fr;align-items:center;gap:9px;min-height:106px;padding:11px 14px;display:grid;position:relative;box-shadow:0 7px #6b4c391f}.match-play-card:active{cursor:grabbing}.match-play-card>span{background:#fff1df;border-radius:18px;place-items:center;width:55px;height:55px;font-size:2.35rem;display:grid}.match-play-card>b{text-align:left;font-size:1.05rem;line-height:1.15}.match-play-card>i{border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 4px #46372c26}.match-play-column:first-child .match-play-card>i{right:-9px}.match-play-column:last-child .match-play-card>i{left:-9px}.match-play-column:last-child .match-play-card{grid-template-columns:14px 55px 1fr;padding-left:12px}.match-play-column:last-child .match-play-card>span{grid-column:2}.match-play-column:last-child .match-play-card>b{grid-column:3}.match-play-card.matched{opacity:.9;background:#eefaf0;border-color:#72c79a}.match-play-message{color:#886e5b;text-align:center;min-height:27px;margin:14px 0 7px;font-weight:850}.match-play-message.complete{color:#319d7e}.match-play-actions{justify-content:center;gap:10px;display:flex}.match-play-actions button{color:#6b675d;min-height:42px;font:inherit;cursor:pointer;background:#f7edda;border:0;border-radius:999px;padding:8px 15px;font-weight:900}.match-play-actions .primary{color:#fff;background:#8060d5;box-shadow:0 4px #6550ab}@media (width<=620px){.jawi-match-area-card{border-radius:23px;grid-template-columns:100px minmax(0,1fr) 38px;gap:11px;min-height:160px;padding:15px}.jawi-match-area-visual{border-radius:20px;gap:3px;min-height:102px;font-size:2rem}.match-play-logo b{border-width:2px;border-radius:13px;width:42px;height:42px;font-size:1.55rem}.match-play-logo i{font-size:1.1rem}.jawi-match-area-visual i{font-size:1.2rem}.jawi-match-area-copy strong{font-size:1.25rem}.jawi-match-area-copy small{font-size:.72rem}.jawi-match-area-go{width:36px;height:36px;font-size:1.1rem}.match-play-home{padding-inline:14px}.match-play-brand{font-size:.72rem}.match-play-intro{gap:9px;padding:10px}.match-play-intro-logo{border-radius:17px;gap:2px;width:82px;height:62px}.match-play-intro-logo b{font-size:1.35rem}.match-play-intro-logo i{font-size:.9rem}.match-play-intro h2{font-size:1.25rem}.match-play-intro p{font-size:.75rem}.match-play-heading h1{font-size:1.9rem}.match-play-heading-actions>strong{padding:7px 9px;font-size:.78rem}.match-play-prompt{font-size:.83rem}.match-play-board{gap:17px}.match-play-card{border-width:3px;border-radius:18px;grid-template-columns:41px 1fr;gap:5px;min-height:86px;padding:8px 9px}.match-play-card>span{border-radius:13px;width:41px;height:41px;font-size:1.65rem}.match-play-card>b{font-size:.75rem}.match-play-column:last-child .match-play-card{grid-template-columns:12px 41px 1fr;padding-left:7px}.match-play-lines line{stroke-width:5px}.match-play-card>i{border-width:2px;width:11px;height:11px}.match-play-column:first-child .match-play-card>i{right:-8px}.match-play-column:last-child .match-play-card>i{left:-8px}}.match-play-card>.match-art{background-repeat:no-repeat;background-size:300% 200%;border-radius:18px;width:55px;height:55px;display:block;box-shadow:0 3px 8px #5742311a}.match-play-card>.first-aid-art{background-size:cover;background-position:50%!important}.match-play-column:first-child .match-play-card>.match-source-dot{left:auto!important;right:-10px!important}.match-play-column:last-child .match-play-card>.match-target-dot{left:-10px!important;right:auto!important}.match-play-column:last-child .match-play-card>.match-art{grid-column:2}.match-logo-art{background-repeat:no-repeat;background-size:300% 200%}.match-logo-person{background-image:url(/match-occupations-sheet-v2.png);background-position:0 0}.match-logo-item{background-image:url(/match-items-sheet.png);background-position:0 0}@media (width<=620px){.match-play-card>.match-art{border-radius:13px;width:41px;height:41px}.match-play-column:first-child .match-play-card>.match-source-dot{right:-8px!important}.match-play-column:last-child .match-play-card>.match-target-dot{left:-8px!important}.match-logo-art{width:42px!important;height:42px!important;font-size:0!important}}.match-play-game{padding-bottom:8px}.match-play-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,8vw,104px);padding:12px 4px 4px}.match-play-card{border:3px solid var(--card-colour,#ef806d);grid-template-columns:150px 1fr;gap:15px;min-height:184px;padding:12px 17px}@supports (color:color-mix(in lab, red, red)){.match-play-card{border:3px solid color-mix(in srgb, var(--card-colour,#ef806d) 58%, white)}}.match-play-card{background:linear-gradient(135deg,var(--card-colour,#ef806d),#fffdf8 78%);border-radius:26px}@supports (color:color-mix(in lab, red, red)){.match-play-card{background:linear-gradient(135deg,color-mix(in srgb, var(--card-colour,#ef806d) 13%, white),#fffdf8 78%)}}.match-play-card{box-shadow:0 5px 0 var(--card-colour,#ef806d),0 11px 22px #5a463614}@supports (color:color-mix(in lab, red, red)){.match-play-card{box-shadow:0 5px 0 color-mix(in srgb, var(--card-colour,#ef806d) 18%, white),0 11px 22px #5a463614}}.match-play-card{overflow:visible}.match-play-card:after{content:"✦";color:var(--card-colour,#ef806d);position:absolute;top:10px;right:15px}@supports (color:color-mix(in lab, red, red)){.match-play-card:after{color:color-mix(in srgb, var(--card-colour,#ef806d) 45%, white)}}.match-play-card:after{opacity:.75;font-size:1rem}.match-play-card>.match-art{width:150px;height:156px;box-shadow:none;background-size:300% 200%;border-radius:22px}.match-play-card>b{color:#533d35;font-size:1.15rem}.match-play-column:last-child .match-play-card{grid-template-columns:14px 1fr;padding:10px 15px}.match-play-column:last-child .match-play-card>.match-art{background-size:300% 200%;grid-column:2;justify-self:center;width:160px;height:156px}.match-play-column:last-child .match-play-card>b{display:none}.match-play-card.match-card-teacher{--card-colour:#ed806d}.match-play-card.match-card-doctor{--card-colour:#62afd0}.match-play-card.match-card-nurse{--card-colour:#69bd95}.match-play-card.match-card-pilot{--card-colour:#8176cc}.match-play-card.match-card-firefighter{--card-colour:#e99b4b}.match-play-card.match-card-police{--card-colour:#559dcf}.match-play-card.matched{background:linear-gradient(135deg,#eefaf0,#fff);border-color:#72c79a}.match-play-message{min-height:24px;margin:10px 0 5px}.match-play-lines line{stroke-width:5px;stroke-linecap:round;opacity:.86;filter:drop-shadow(0 2px 1px #6446321f)}.match-play-lines line.dragging{stroke-width:4px;stroke-dasharray:8 7;opacity:.62;filter:none}.match-play-column:first-child .match-play-card>.match-source-dot{right:-12px!important}.match-play-column:last-child .match-play-card>.match-target-dot{left:-12px!important}@media (width<=620px){.match-play-board{gap:22px;padding-inline:0}.match-play-card{border-radius:19px;grid-template-columns:66px 1fr;gap:7px;min-height:92px;padding:8px 9px}.match-play-card>.match-art{border-radius:15px;width:66px;height:74px}.match-play-card>b{font-size:.82rem}.match-play-column:last-child .match-play-card{grid-template-columns:10px 1fr;padding:8px 9px}.match-play-column:last-child .match-play-card>.match-art{width:75px;height:74px}.match-play-column:first-child .match-play-card>.match-source-dot{right:-9px!important}.match-play-column:last-child .match-play-card>.match-target-dot{left:-9px!important}.match-play-lines line{stroke-width:4px}.match-play-lines line.dragging{stroke-width:3px;stroke-dasharray:7 6}}.jawi-area-card:before{content:"";background:#ffffff3b;border-radius:50%;width:120px;height:120px;position:absolute;top:-44px;right:-42px}.jawi-area-card:after{content:"✦";color:#693d2940;font-size:1.6rem;position:absolute;bottom:15px;right:20px}.jawi-area-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #67412729}.jawi-area-foundation{background:linear-gradient(145deg,#fff0d4,#ffc887)}.jawi-area-reading{background:linear-gradient(145deg,#dff1ff,#b9d9f4)}.jawi-area-challenge{background:linear-gradient(145deg,#dcf7ef,#a9dfcc)}.jawi-area-writing{background:linear-gradient(145deg,#eee8ff,#d2c4f0)}.jawi-area-number{color:#693d2973;font-size:.8rem;font-weight:1000;position:absolute;top:15px;right:17px}.jawi-area-visual{background:#ffffffb8;border-radius:24px;place-items:center;width:auto;height:138px;font-size:4.8rem;display:grid;box-shadow:inset 0 -5px #ffffff3d}.jawi-area-letters{direction:rtl;grid-template-columns:repeat(3,1fr);gap:3px;padding:10px}.jawi-area-letters span{color:#fff;background:#f28448;border-radius:11px;place-items:center;height:48px;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:1.7rem;display:grid}.jawi-area-letters span:nth-child(2){background:#f2b43f}.jawi-area-letters span:nth-child(3){background:#56bba9}.jawi-area-card h2{color:#6d321d;text-align:center;margin:0 0 10px;font-size:1.48rem}.jawi-area-card small{color:#9b5936;justify-content:center;align-items:center;gap:8px;font-weight:900;display:flex}.jawi-area-card small b{font-size:1.15rem}.jawi-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.jawi-topic-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.jawi-path-group{border-top:1px solid #ecdac3;margin-top:22px;padding-top:22px}.jawi-selected-group{border-top:0;margin-top:0;padding-top:0}.jawi-group-heading{align-items:center;gap:12px;margin-bottom:14px;display:flex}.jawi-group-heading>span{color:#fff;background:linear-gradient(145deg,#ef8e4d,#d95c31);border-radius:18px;flex:none;place-items:center;width:52px;height:52px;font-size:1rem;font-weight:1000;display:grid;box-shadow:0 8px 14px #d95c3138}.jawi-group-heading h2{color:#713922;margin:0;font-size:1.2rem}.jawi-group-heading p{color:#956f5b;margin:2px 0 0;font-size:.84rem;font-weight:650}.jawi-topic-card{text-align:left;border:0;border-radius:34px;min-height:330px;padding:22px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #ffffffd6,0 18px 34px #793f1c29}.jawi-topic-link{color:inherit;cursor:pointer;text-decoration:none;transition:transform .18s,box-shadow .18s}.jawi-topic-link:hover{transform:translateY(-4px);box-shadow:0 18px 32px #4930222e}.jawi-status-ready{color:#fff!important;background:#7552c8!important}.search-word-shell{background-image:url(/jawi-game-bg.jpg);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100svh}.search-word-shell>.jawi-home-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffdf7c7}.search-top-label{color:#825139;font-weight:900}.search-panel{background:linear-gradient(#fffaebc2,#fffaebd1),url(/jawi-game-bg.jpg) 50%/cover no-repeat;border-radius:30px;padding:26px 12px 12px}.search-heading{text-align:left;justify-content:center;align-items:center;gap:16px;display:flex}.search-heading>span{filter:drop-shadow(0 8px 8px #5c3b2724);font-size:4.2rem}.search-heading p,.search-heading h1{margin:0}.search-heading p{color:#b05a32;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:1000}.search-heading h1{color:#65301f;font-size:clamp(2.2rem,7vw,3.8rem);line-height:1}.search-prompt{color:#8e5e47;text-align:center;margin:28px 0 14px;font-weight:900}.search-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.search-levels button{color:#fff;background:linear-gradient(145deg,var(--level-color),var(--level-color));border:0;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;display:flex}@supports (color:color-mix(in lab, red, red)){.search-levels button{background:linear-gradient(145deg,color-mix(in srgb,var(--level-color),white 18%),var(--level-color))}}.search-levels button{box-shadow:inset 0 3px #ffffff6b,0 12px 24px var(--level-color)}@supports (color:color-mix(in lab, red, red)){.search-levels button{box-shadow:inset 0 3px #ffffff6b,0 12px 24px color-mix(in srgb,var(--level-color),transparent 68%)}}.search-levels button{cursor:pointer;transition:transform .18s}.search-levels button:hover{transform:translateY(-5px)rotate(-1deg)}.search-levels button:active{transform:scale(.97)}.search-levels b{font-size:1.6rem}.search-levels span{font-size:2.15rem;font-weight:1000}.search-levels small{background:#ffffff3d;border-radius:99px;padding:6px 12px;font-weight:900}.search-mini-back{color:#7c4a32;font:inherit;cursor:pointer;background:#fff0d7;border:0;border-radius:99px;padding:10px 15px;font-weight:900}.search-level-title{color:#fff;background:var(--level-color);border-radius:24px;justify-content:space-between;align-items:center;margin:18px 0;padding:17px 20px;display:flex;box-shadow:inset 0 3px #ffffff4d}.search-level-title span{font-size:1.7rem;font-weight:1000}.search-level-title b{background:#ffffff3d;border-radius:99px;padding:7px 12px}.search-game-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.search-game-list button{color:#74412d;cursor:pointer;background:linear-gradient(145deg,#fff,#fff0d9);border:2px solid #fff;border-radius:23px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:135px;transition:transform .15s;display:flex;box-shadow:0 8px 16px #5a3b271a}.search-game-list button:hover{transform:translateY(-3px)}.search-game-list button>span{font-size:2rem}.search-game-list button b{font-size:.9rem}.search-game-list button small{color:#a46648;font-weight:800}.search-play{background:linear-gradient(#fffaebb8,#fffaebc7),url(/jawi-game-board-bg.jpg) 50%/cover no-repeat;max-width:720px;margin:auto}.search-play-top{color:#91624d;justify-content:space-between;align-items:center;font-weight:900;display:flex}.search-target{background:#fff0d6;border:3px solid #fff;border-radius:24px;align-items:center;gap:14px;width:max-content;max-width:100%;margin:15px auto;padding:10px 22px 12px;display:flex;box-shadow:0 8px 18px #5b39231a}.search-target>span{font-size:3.2rem}.search-target div{text-align:center;display:grid}.search-target small{color:#a9633f;font-weight:900}.search-target b{color:#302840;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:2.7rem;line-height:1.1}.search-target em{color:#94604a;font-size:.78rem;font-style:normal;font-weight:800}.search-board-title{color:#68412f;background:#fff0d6;border-radius:22px;align-items:center;gap:12px;width:min(100%,610px);margin:12px auto 8px;padding:10px 16px;display:flex}.search-board-title>span{font-size:2.5rem}.search-board-title div{display:grid}.search-board-title small{color:#a9633f;font-weight:900}.search-board-title b{font-size:1.2rem}.search-board-title em{color:#fff;background:#8c66d9;border-radius:99px;margin-left:auto;padding:7px 11px;font-style:normal;font-weight:1000}.search-word-list{flex-wrap:wrap;justify-content:center;gap:7px;width:min(100%,610px);margin:0 auto 10px;display:flex}.search-word-list>span{color:#4e3768;background:#fff;border:2px solid #eadcf7;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;font-family:Geeza Pro,Noto Sans Arabic,Noto Naskh Arabic,Traditional Arabic,serif;transition:all .2s;display:flex}.search-word-list>span b{text-rendering:optimizelegibility;font-variant-ligatures:common-ligatures contextual;direction:rtl;unicode-bidi:plaintext}.search-word-list>span small{color:#8e6c9c;font-family:inherit;font-size:.68rem;font-weight:800}.search-word-list>span.is-found{opacity:.78;color:#fff;text-decoration:line-through;transform:scale(.94)}.search-word-list>span.found-color-0{background:#ee7666;border-color:#ee7666}.search-word-list>span.found-color-1{background:#42b7a5;border-color:#42b7a5}.search-word-list>span.found-color-2{background:#5f8fd4;border-color:#5f8fd4}.search-word-list>span.found-color-3{background:#8c66d9;border-color:#8c66d9}.search-word-list>span.found-color-4{background:#dda43e;border-color:#dda43e}.search-word-list>span.found-color-5{background:#d96ba4;border-color:#d96ba4}.search-word-list>span.found-color-6{background:#72b86c;border-color:#72b86c}.search-word-list>span.found-color-7{background:#ed904d;border-color:#ed904d}.search-hint-toggle{color:#76529a;font:inherit;cursor:pointer;background:#fff;border:2px solid #e5d5f4;border-radius:999px;margin:0 auto 10px;padding:7px 13px;font-size:.76rem;font-weight:900;display:block}.search-grid{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#ecdfff,#d9c8fb);border:4px solid #fff;border-radius:28px;gap:5px;width:min(100%,610px);margin:0 auto;padding:12px;display:grid;box-shadow:0 15px 30px #4e32732b,inset 0 0 0 3px #744eb31f}.search-grid button{color:#392955;cursor:pointer;background:#ffffffc7;border:0;border-radius:10px;place-items:center;min-width:0;padding:0;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(.82rem,3vw,1.65rem);font-weight:800;display:grid;box-shadow:inset 0 -2px #5b3d881a}.search-grid button.is-selected{color:#fff;background:#ff8d55;transform:scale(1.04);box-shadow:0 3px 8px #bd502747}.search-grid button.is-found-cell{color:#fff;box-shadow:inset 0 -2px #00000014}.search-grid button.found-color-0{background:#ee7666}.search-grid button.found-color-1{background:#42b7a5}.search-grid button.found-color-2{background:#5f8fd4}.search-grid button.found-color-3{background:#8c66d9}.search-grid button.found-color-4{background:#dda43e}.search-grid button.found-color-5{background:#d96ba4}.search-grid button.found-color-6{background:#72b86c}.search-grid button.found-color-7{background:#ed904d}.search-grid.is-solved button.is-selected{background:#39b99e;animation:.35s both jawi-pop}.search-grid-12{gap:3px;padding:9px}.search-grid-12 button{border-radius:7px;font-size:clamp(.68rem,2.2vw,1.15rem)}.search-success{color:#4b8d59;justify-content:center;align-items:center;gap:10px;margin:14px auto 0;animation:.35s both jawi-pop;display:flex}.search-success span{font-size:2rem}.search-success b{font-size:1.45rem}.search-success button{color:#fff;font:inherit;cursor:pointer;background:#43b9a8;border:0;border-radius:99px;padding:11px 17px;font-weight:900}.search-hint{color:#9b715d;text-align:center;margin:12px 0 0;font-size:.78rem;font-weight:750}@keyframes jawi-pop{0%{opacity:.2;transform:scale(.75)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.jawi-topic-letters{background:linear-gradient(145deg,#fff0d4,#ffd19a)}.jawi-topic-initial{background:linear-gradient(145deg,#dcf7ef,#aee8d8)}.jawi-topic-connected{background:linear-gradient(145deg,#e8e5ff,#cfc7f5)}.jawi-topic-sound{background:linear-gradient(145deg,#dfefff,#bcdaf5)}.jawi-topic-read{background:linear-gradient(145deg,#ffe5ef,#f7bfd4)}.jawi-topic-build{background:linear-gradient(145deg,#fff1be,#f6d978)}.jawi-topic-search{background:linear-gradient(145deg,#ffdcca,#ffb88f)}.jawi-topic-letter-hunt{background:linear-gradient(145deg,#d8f5e9,#a9dfcc)}.jawi-topic-writing{background:linear-gradient(145deg,#eee8ff,#d5c8f2);max-width:540px}.jawi-challenge-launcher{padding-top:8px}.jawi-launcher-kicker{color:#74402c;align-items:center;gap:12px;margin:0 0 16px;display:flex}.jawi-launcher-kicker>span{background:#fff0d8;border-radius:16px;place-items:center;width:46px;height:46px;font-size:1.6rem;display:grid;box-shadow:0 6px 12px #643a221a}.jawi-launcher-kicker div{display:grid}.jawi-launcher-kicker strong{font-size:1.25rem}.jawi-launcher-kicker small{color:#a36f56;font-weight:750}.jawi-challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.jawi-game-tile{border-radius:36px;flex-direction:column;justify-content:space-between;min-height:500px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.jawi-game-tile:hover{transform:translateY(-7px)rotate(-.4deg);box-shadow:0 22px 38px #53322233}.jawi-game-art{background:#ffffff85;border:3px solid #ffffffd6;border-radius:30px;place-items:center;min-height:300px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -12px #ffffff2e,0 10px 18px #67412714}.jawi-search-art{background:radial-gradient(circle at 75% 20%,#fff2a7 0 9%,#0000 10%),linear-gradient(145deg,#ffeadd,#ffc08f)}.jawi-mini-grid{background:#ffffffd1;border:3px solid #fff;border-radius:22px;grid-template-columns:repeat(3,54px);gap:8px;padding:16px;display:grid;transform:rotate(-6deg);box-shadow:0 12px 18px #5d3a2829}.jawi-mini-grid i{color:#534277;background:#f0e9ff;border-radius:13px;place-items:center;height:50px;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:1.8rem;font-style:normal;display:grid;box-shadow:inset 0 -3px #6548941f}.jawi-mini-grid i:nth-child(2n){background:#dff8ef}.jawi-mini-grid i:nth-child(3n){background:#fff0bd}.jawi-art-magnify{z-index:2;background:#fff;border-radius:50%;place-items:center;width:66px;height:66px;font-size:2.3rem;display:grid;position:absolute;top:10%;right:14%;transform:rotate(15deg);box-shadow:0 8px 12px #54352733}.jawi-art-star{color:#f4a532;font-size:2rem;position:absolute;top:15%;left:12%;transform:rotate(-15deg)}.jawi-game-copy{padding:16px 4px 0}.jawi-game-copy h2{color:#65301f;margin:4px 0 7px;font-size:clamp(1.6rem,3vw,2.2rem)}.jawi-game-copy p{color:#824e37;max-width:360px;margin:0 0 14px;font-weight:750;line-height:1.35}.jawi-game-copy .jawi-status{align-items:center;gap:7px;display:inline-flex}.jawi-game-copy .jawi-status b{font-size:1.15rem}.jawi-locked-tile{filter:saturate(.88)}.jawi-hunt-art{background:linear-gradient(145deg,#ddf7ee,#a4decf)}.jawi-hunt-art strong{color:#51407b;filter:drop-shadow(0 8px 3px #3d4a7529);font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:5.8rem}.jawi-art-sparkle{color:#f5b542;letter-spacing:.28em;font-size:1.5rem;position:absolute;bottom:18%;right:14%}.jawi-card-visual{background:#ffffffb8;border-radius:22px;justify-content:center;align-items:center;gap:10px;height:112px;margin-bottom:18px;display:flex}.jawi-letter-visual span,.jawi-initial-letter{color:#fff;border-radius:18px;place-items:center;width:62px;height:68px;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:2.8rem;line-height:1;display:grid;box-shadow:0 7px 14px #69381f1f}.jawi-letter-visual span:first-child{background:#f28448}.jawi-letter-visual span:nth-child(2){background:#f2b43f}.jawi-letter-visual span:nth-child(3){background:#56bba9}.jawi-initial-letter{background:#f28448}.jawi-visual-arrow{color:#4f8d80;font-size:2rem;font-weight:1000}.jawi-visual-picture{filter:drop-shadow(0 5px 7px #3c503c24);font-size:3.4rem}.jawi-step{color:#a45730;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:1000;display:inline-flex}.jawi-topic-initial .jawi-step{color:#327d70}.jawi-topic-card h3{color:#6d321d;margin:0 0 7px;font-size:1.32rem}.jawi-topic-card p{color:#75442d;max-width:30ch;margin:0 0 16px;font-weight:650;line-height:1.4}.jawi-status{color:#7b4429;background:#ffffffc2;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.jawi-account{color:#a27661;margin:20px 0 -18px;font-size:.78rem}.jawi-no-access{max-width:540px}.jawi-no-access .jawi-logo{margin-top:0}.jawi-lock{margin:10px 0;font-size:3rem}.jawi-no-access p{color:#805744}.jawi-primary-button{color:#fff;background:var(--jawi-orange);border-radius:999px;margin-top:12px;padding:13px 24px;font-weight:900;text-decoration:none;display:inline-flex}.jawi-connected-visual,.jawi-sound-visual,.jawi-build-visual,.jawi-hunt-visual,.jawi-writing-visual{gap:8px}.jawi-connected-visual span:not(.jawi-position-dots),.jawi-sound-visual span,.jawi-build-visual span:not(.jawi-hand),.jawi-hunt-visual span:last-child,.jawi-trace-letter{color:#513d77;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:2.5rem;line-height:1}.jawi-position-dots{color:#9b8cc3;letter-spacing:.18em}.jawi-sound-visual b{color:#6089a9;font-size:1.15rem}.jawi-read-visual span{font-size:3rem}.jawi-build-visual span:not(.jawi-hand){background:#fff;border-radius:16px;place-items:center;width:58px;height:62px;display:grid;box-shadow:0 6px 12px #6446141f}.jawi-hand{font-size:2rem}.jawi-search-visual{grid-template-columns:repeat(3,42px);gap:5px;height:auto;min-height:112px;padding:12px;display:grid}.jawi-search-visual span{color:#7c452f;background:#ffffffd1;border-radius:8px;place-items:center;height:30px;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:1.25rem;display:grid}.jawi-hunt-visual span:first-child{font-size:3.2rem}.jawi-writing-visual span:last-child{font-size:2.7rem}.jawi-trace-letter{color:#0000;-webkit-text-stroke:2px #7866a4;opacity:.72}@media (width<=800px){.jawi-topic-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.jawi-shell{align-items:start;padding-top:16px}.jawi-home-card{border-radius:26px;padding:14px 14px 26px}.jawi-topbar{padding-bottom:12px}.jawi-logo{border-radius:16px;width:58px;height:58px}.jawi-signout{min-height:40px;padding:0 12px;font-size:.84rem}.jawi-hero{justify-content:flex-start;gap:14px;padding:18px 4px}.jawi-title-icon{border-radius:22px;width:88px;height:88px}.jawi-home-card h1{font-size:clamp(2rem,10vw,3rem)}.jawi-eyebrow{font-size:.68rem}.jawi-intro{font-size:.9rem}.jawi-area-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jawi-area-card{border-radius:23px;gap:11px;min-height:194px;padding:14px}.jawi-area-image-card{border-radius:0;min-height:0;padding:0}.search-word-shell .jawi-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.search-word-shell .jawi-logo{width:64px;height:64px}.search-top-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.82rem;overflow:hidden}.search-panel{padding:18px 0 4px}.search-levels{grid-template-columns:1fr;gap:11px}.search-levels button{text-align:center;border-radius:24px;grid-template-columns:minmax(0,1.15fr) auto minmax(112px,.95fr);align-items:center;gap:8px;min-height:108px;padding:12px 10px;display:grid}.search-levels b{min-width:0;font-size:1.15rem;line-height:1.15}.search-levels span{font-size:1.4rem;line-height:1.1}.search-levels small{white-space:normal;min-width:0;padding:6px 7px;font-size:.72rem;line-height:1.15}.search-game-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.search-game-list button{min-height:105px}.search-grid{border-radius:20px;gap:3px;padding:8px}.search-grid button{border-radius:7px}.search-grid-12{gap:2px;padding:6px}.search-target{margin:10px auto;padding:7px 16px 9px}.search-target>span{font-size:2.4rem}.search-target b{font-size:2.2rem}.search-hint{font-size:.7rem}.jawi-area-visual{border-radius:19px;height:100px;font-size:3.5rem}.jawi-area-card h2{margin-bottom:6px;font-size:1.25rem}.jawi-topic-grid,.jawi-topic-grid-three{grid-template-columns:1fr;gap:13px}.jawi-challenge-grid{gap:14px}.jawi-game-tile{border-radius:25px;min-height:0;padding:14px}.jawi-game-art{border-radius:21px;min-height:190px}.jawi-mini-grid{border-radius:18px;grid-template-columns:repeat(3,42px);gap:6px;padding:11px}.jawi-mini-grid i{border-radius:10px;height:39px;font-size:1.45rem}.jawi-art-magnify{width:53px;height:53px;font-size:1.8rem}.jawi-game-copy{padding-top:12px}.jawi-path-group{margin-top:17px;padding-top:17px}.jawi-group-heading{margin-bottom:11px}.jawi-topic-card{grid-template-columns:116px 1fr;align-items:center;gap:16px;min-height:0;padding:16px;display:grid}.jawi-game-tile{grid-template-columns:none;align-items:stretch;gap:0;padding:14px;display:flex}.jawi-card-visual{flex-direction:column;gap:5px;width:116px;height:132px;margin:0}.jawi-letter-visual span{border-radius:11px;width:48px;height:34px;font-size:1.7rem}.jawi-initial-visual,.jawi-connected-visual,.jawi-sound-visual,.jawi-build-visual,.jawi-hunt-visual,.jawi-writing-visual,.jawi-read-visual{flex-flow:wrap;align-content:center}.jawi-initial-letter{width:48px;height:52px;font-size:2rem}.jawi-visual-arrow{font-size:1.3rem}.jawi-visual-picture{font-size:2.5rem}.jawi-topic-card h3{font-size:1.18rem}.jawi-topic-card p{margin-bottom:10px}.jawi-search-visual{grid-template-columns:repeat(3,27px);gap:3px;min-height:132px}.jawi-search-visual span{height:27px;font-size:1rem}.jawi-topic-writing{max-width:none}}@media (width<=390px){.jawi-shell{width:100%;max-width:100vw;padding:12px 9px 44px;overflow-x:hidden}.jawi-home-card{border-radius:22px;width:100%;max-width:100%;padding:11px 10px 20px}.search-levels button{grid-template-columns:minmax(0,1fr) auto minmax(96px,.9fr);gap:5px;padding-inline:7px}.search-levels b{font-size:1.03rem}.search-levels span{font-size:1.25rem}.search-levels small{padding-inline:5px;font-size:.66rem}.jawi-topbar{padding-bottom:9px}.jawi-logo{border-radius:14px;width:50px;height:50px}.jawi-signout{min-height:36px;padding:0 9px;font-size:.74rem}.jawi-hero{grid-template-columns:68px minmax(0,1fr);gap:10px;padding:12px 2px;display:grid}.jawi-title-icon{border-radius:18px;width:68px;height:68px}.jawi-home-card h1{font-size:clamp(1.7rem,9vw,2.25rem)}.jawi-area-grid{gap:7px}.jawi-game-art{min-height:160px}.search-panel{width:100%;max-width:100%;overflow:hidden}.search-grid{border-width:3px;gap:2px;width:min(100%,100vw - 38px);padding:6px}.search-grid button{font-size:clamp(.72rem,5.5vw,1.2rem)}.search-grid-12 button{font-size:clamp(.58rem,3.5vw,.82rem)}.search-game-list{gap:7px}.search-game-list button{border-radius:18px;min-height:92px;padding:7px 4px}.search-word-list>span{padding:3px 7px}.jawi-sound-toggle{border-width:3px;border-radius:14px;width:44px;height:44px;font-size:20px}.jawi-topic-card{grid-template-columns:96px 1fr;gap:12px}.jawi-game-tile{grid-template-columns:none;gap:0;display:flex}.jawi-card-visual{width:96px}}.jawi-stage-card{width:min(1160px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0 0 28px;overflow:visible}.jawi-stage-card:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 14% 60%,#97d76957,#0000 18%),radial-gradient(circle at 90% 40%,#ffffffbd,#0000 25%);height:220px;position:absolute;inset:80px -10% auto}.jawi-stage-card .jawi-topbar{padding:0 18px 22px}.jawi-stage-card .jawi-logo{width:220px;height:124px}.jawi-stage-card .jawi-hero{border-radius:40px;grid-template-columns:190px minmax(0,1fr);min-height:230px;margin:0 18px 28px;padding:24px 46px}.jawi-stage-card .jawi-title-icon{width:190px;height:190px}.jawi-stage-card .jawi-path-group{background:#fffdf7f0;border:3px solid #ffffffeb;border-radius:40px;margin:0;padding:34px 44px 42px;box-shadow:0 24px 55px #704a2a29}.jawi-stage-card .jawi-group-heading{margin-bottom:24px}.jawi-stage-card .jawi-group-heading h2{font-size:1.65rem}.jawi-stage-card .jawi-group-heading p{font-size:1rem}.jawi-stage-card .jawi-challenge-launcher{padding-top:34px}.jawi-stage-card .jawi-launcher-kicker{margin:0 0 24px}.jawi-stage-card .jawi-launcher-kicker>span{border-radius:20px;width:58px;height:58px;font-size:1.9rem}.jawi-stage-card .jawi-launcher-kicker strong{font-size:1.55rem}.jawi-stage-card .jawi-challenge-grid{gap:28px}.jawi-stage-card .jawi-game-tile{border-radius:38px;min-height:540px;padding:24px}.jawi-stage-card .jawi-game-art{border-radius:32px;min-height:316px}.jawi-stage-card .jawi-game-copy{padding:22px 8px 0}.jawi-stage-card .jawi-game-copy h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}.jawi-stage-card .jawi-game-copy p{font-size:1rem}.jawi-stage-card .jawi-account{background:#fff4d7eb;border-radius:999px;width:fit-content;margin:24px 24px 0;padding:11px 22px}.jawi-games-selection{gap:22px;width:100%;margin-top:10px;display:grid}.jawi-game-selection-card{background:#fffaf1;border-radius:28px;line-height:0;position:relative;overflow:hidden;box-shadow:0 12px 28px #48301a14}.jawi-game-selection-card img{width:100%;height:auto;display:block}.jawi-game-selection-card img[src*=jawi-scrabble-card]{clip-path:inset(3px round 24px);border-radius:24px;width:calc(100% - 10px);margin:5px}.jawi-game-selection-hotspot{z-index:2;border-radius:28px;outline:none;width:32%;height:18%;display:block;position:absolute;top:71%;left:6%}.jawi-game-selection-hotspot:focus-visible{box-shadow:inset 0 0 0 5px #7652c8,0 0 0 5px #ffffffe6}.jawi-detective-selection{background:#fffaf1;border-radius:28px;width:100%;margin-top:22px;line-height:0;position:relative;overflow:hidden;box-shadow:0 12px 28px #48301a14}.jawi-detective-art{position:relative}.jawi-detective-art img{width:100%;height:auto;display:block}.jawi-detective-hotspot{z-index:2;border-radius:28px;outline:none;width:31%;height:18%;position:absolute;top:64%;left:5.5%}.jawi-detective-hotspot:focus-visible{box-shadow:inset 0 0 0 5px #7652c8,0 0 0 5px #ffffffe6}.jawi-detective-placeholder{text-align:center}.jawi-detective-placeholder-art{border-radius:28px;width:min(100%,820px);height:auto;margin:0 auto 22px;display:block}.jawi-detective-placeholder h1{color:#5a2b1a;margin:0;font-size:clamp(2rem,4vw,3.2rem)}.jawi-detective-placeholder p{color:#7b5a4a;margin:10px auto 22px;font-size:1.1rem}.detective-fullscreen-shell{width:100vw;height:var(--detective-vh,100svh);background:#f7edd9;overflow:hidden}.detective-fullscreen-stage{place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.detective-game{text-align:left;width:100%}.detective-fullscreen-back{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));z-index:20;color:#704127;background:#fff1d3f0;border:3px solid #fffffff2;border-radius:50%;place-items:center;width:46px;height:46px;font-size:26px;font-weight:900;text-decoration:none;display:grid;position:fixed;box-shadow:0 6px 14px #48301a33}.detective-rotate-prompt{display:none}.detective-board-heading{color:#633a24;justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px;padding:4px 8px;display:flex}.detective-board-heading>div{align-items:center;gap:14px;display:flex}.detective-board-heading>div>span{filter:drop-shadow(0 4px 2px #462d192e);font-size:48px}.detective-board-heading h1{color:#5a2b1a;margin:0;font-size:clamp(1.65rem,3.8vw,2.7rem);line-height:1}.detective-board-heading p{color:#805b45;margin:5px 0 0;font-size:clamp(.8rem,1.5vw,1rem);font-weight:750}.detective-board-heading strong{color:#fff;background:#8060d5;border-radius:999px;flex:none;padding:10px 14px;font-size:1rem}.detective-board-content{grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:18px;display:grid}.detective-reference-content{display:block}.detective-reference-board{border:0;border-radius:18px;position:relative;box-shadow:0 14px 30px #48301a24}.detective-reference-board>img{width:100%;height:auto}.detective-reference-title{z-index:3;color:#5b321d;pointer-events:none;width:67%;position:absolute;top:1.1%;left:7%}.detective-reference-title h1{margin:0;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(1.1rem,2.55vw,2.25rem);line-height:1}.detective-reference-title p{margin:1px 0 0;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(.48rem,.85vw,.78rem);font-weight:800;line-height:1.05}.detective-reference-list{z-index:3;color:#5b321d;pointer-events:none;grid-template-rows:7.5% repeat(10,1fr);width:19%;height:84.5%;display:grid;position:absolute;top:7.8%;right:3.25%}.detective-reference-list h2{text-align:center;place-items:center;margin:0;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(.72rem,1.35vw,1.18rem);display:grid}.detective-reference-list-item{text-align:right;border-top:1px solid #7d5d3b33;justify-content:flex-end;align-items:center;min-height:0;padding:0 8% 0 29%;display:flex}.detective-reference-list-item b{white-space:normal;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(.43rem,.82vw,.76rem);line-height:1;display:block}.detective-reference-list-item.is-found{color:#319d7e;opacity:.65}.detective-reference-list-item.is-found b{text-decoration:line-through}.detective-list{background:#fff8e9;border:3px solid #ead8b9;border-radius:24px;overflow:hidden;box-shadow:0 10px 22px #48301a1a}.detective-list h2{color:#6a402b;text-align:center;margin:0;padding:17px 18px 12px;font-size:1.15rem}.detective-list-item{color:#694631;border-top:1px solid #ecdcc3;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;margin:0 12px;padding:10px 4px;transition:all .2s;display:grid}.detective-list-item.is-found{color:#319d7e;opacity:.68}.detective-list-item.is-found b,.detective-list-item.is-found small{text-decoration:line-through}.detective-list-icon{background:#fff;border-radius:12px;place-items:center;width:36px;height:36px;font-size:24px;display:grid}.detective-list-item div{gap:1px;min-width:0;display:grid}.detective-list-item b{font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:1.35rem;line-height:1}.detective-list-item small{font-size:.75rem;font-weight:800}.detective-list-item>strong{white-space:nowrap;font-size:.9rem}.detective-game-heading{justify-content:space-between;align-items:end;gap:18px;margin:4px 0 18px;display:flex}.detective-game-heading span{color:#b45c35;letter-spacing:.12em;font-size:.78rem;font-weight:900}.detective-game-heading h1{color:#5a2b1a;margin:5px 0 4px;font-size:clamp(2rem,4vw,3.2rem)}.detective-game-heading p{color:#7b5a4a;margin:0;font-size:1.05rem}.detective-game-heading strong{color:#fff;background:#8060d5;border-radius:999px;flex:none;padding:12px 18px;font-size:1.2rem}.detective-targets{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 16px;display:flex}.detective-targets span{color:#59415e;background:#fff;border:2px solid #eadcf3;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;transition:all .2s;display:flex}.detective-targets span.is-found{color:#fff;background:#41b69d;border-color:#41b69d;text-decoration:line-through}.detective-targets b{font-size:1.2rem}.detective-targets small{font-weight:800}.detective-scene{cursor:crosshair;background:#f6e8d1;border:6px solid #fff;border-radius:28px;line-height:0;position:relative;overflow:hidden;box-shadow:0 14px 32px #48301a26}.detective-scene img{width:100%;height:auto;display:block}.detective-hotspot{z-index:2;cursor:pointer;background:0 0;border:0;border-radius:10px;position:absolute}.detective-hotspot:hover{background:0 0}.detective-hotspot:focus-visible{outline-offset:2px;outline:2px solid #ffffffd9}.detective-hotspot.is-found{box-shadow:none;background:0 0}.detective-found-tick{color:#fff;background:#35b889;border:3px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:15px;font-weight:1000;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #1c664e59}.detective-message{color:#84644f;text-align:center;min-height:28px;margin:12px 0 14px;font-weight:800}.detective-message.complete{color:#319d7e}.detective-message-overlay{z-index:8;white-space:nowrap;background:#fffaefe6;border-radius:999px;min-height:0;margin:0;padding:5px 12px;font-size:clamp(.55rem,1vw,.8rem);position:absolute;bottom:1.2%;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #48301a1f}@media (width<=620px){.jawi-stage-card{padding:0 0 18px}.jawi-stage-card .jawi-topbar{padding:0 4px 12px}.jawi-stage-card .jawi-logo{width:112px;height:62px}.jawi-stage-card .jawi-hero{border-radius:26px;grid-template-columns:78px minmax(0,1fr);min-height:0;margin:0 0 16px;padding:16px}.jawi-stage-card .jawi-title-icon{border-radius:20px;width:78px;height:78px}.jawi-stage-card .jawi-path-group{border-radius:28px;padding:22px 14px 26px}.jawi-stage-card .jawi-group-heading h2{font-size:1.3rem}.jawi-stage-card .jawi-group-heading p{font-size:.78rem}.jawi-stage-card .jawi-challenge-launcher{padding-top:22px}.jawi-stage-card .jawi-challenge-grid{gap:14px}.jawi-stage-card .jawi-game-tile{border-radius:26px;min-height:0;padding:14px}.jawi-stage-card .jawi-game-art{border-radius:22px;min-height:190px}.jawi-stage-card .jawi-game-copy{padding:14px 4px 0}.jawi-stage-card .jawi-game-copy h2{font-size:1.55rem}.jawi-stage-card .jawi-account{margin:18px 8px 0}.jawi-games-selection{gap:14px;margin:0 -2px}.jawi-game-selection-card{border-radius:22px}.jawi-game-selection-hotspot{border-radius:20px}.jawi-detective-selection{border-radius:22px;margin:14px -2px 0}.jawi-detective-hotspot{border-radius:18px}.detective-game-heading{align-items:start}.detective-game-heading h1{font-size:1.8rem}.detective-game-heading p{font-size:.88rem}.detective-game-heading strong{padding:8px 13px;font-size:1rem}.detective-targets{justify-content:flex-start;gap:6px}.detective-targets span{padding:5px 8px}.detective-targets b{font-size:1rem}.detective-targets small{font-size:.74rem}.detective-scene{border-width:4px;border-radius:20px}}.jawi-reference-shell{color:#6e351e;background:#e9f8fa;place-items:start center;min-height:100dvh;display:grid;overflow:hidden}.jawi-reference-canvas{aspect-ratio:1045/1505;background:url(/jawi-challenge-reference.jpg) top/100% 100% no-repeat;width:min(100vw,1045px);max-height:none;position:relative}.jawi-reference-canvas:after{content:"";z-index:1;pointer-events:none;background:#fffaf0;border-radius:999px;width:52%;height:5.5%;position:absolute;bottom:7.2%;left:7%}.jawi-reference-hotspot{z-index:2;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute}.jawi-reference-hotspot:focus-visible{outline-offset:4px;border-radius:24px;outline:4px solid #7552c8}.jawi-reference-back{width:8.2%;height:5.3%;top:4.6%;left:3.4%}.jawi-reference-logout{width:18.5%;height:5.3%;top:4.7%;right:7.2%}.jawi-reference-sound{aspect-ratio:1;z-index:4;width:6.5%;height:auto;position:absolute;top:2.1%;right:2.5%}.jawi-reference-search{width:44.2%;height:38%;top:39.8%;left:4.2%}.jawi-reference-coming{cursor:default;width:44.2%;height:38%;top:39.8%;right:4.2%}.jawi-reference-letters{width:29.5%;height:38%;top:39.8%;left:4.2%}@media (width<=620px){.jawi-reference-shell{background:#fffaf0;min-height:0}.jawi-reference-canvas{aspect-ratio:1045/1505;background-size:100% 100%;width:100vw;height:auto;min-height:0;max-height:none}.jawi-reference-canvas:after{width:52%;height:5.5%;bottom:7.2%;left:7%}.jawi-reference-sound{width:8.4%;top:2%;right:2%}}.jawi-reference-email{z-index:3;color:#3f3a39;width:48%;min-height:4.4%;font-family:var(--font-nunito), "Trebuchet MS", sans-serif;background:#fff4dafa;border-radius:999px;align-items:center;gap:1.4%;padding:0 2%;font-size:clamp(.55rem,1.35vw,1.15rem);line-height:1;display:flex;position:absolute;bottom:8%;left:8.1%;overflow:hidden;box-shadow:0 8px 18px #694b2d1f}.jawi-reference-email span{flex:none;font-size:clamp(.8rem,2vw,1.55rem)}.jawi-reference-email b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=620px){.jawi-reference-email{width:53%;min-height:5%;padding:0 2.5%;font-size:clamp(.5rem,2.2vw,.85rem);bottom:8.1%;left:8%}.jawi-reference-email span{font-size:clamp(.7rem,3.4vw,1.1rem)}}.jawi-game-shell{color:#613821;background:url(/jawi-game-board-bg.jpg) 50%/cover fixed;place-items:center;min-height:100dvh;padding:18px 20px 28px;display:grid}.connected-letters-card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffcf1db;border:4px solid #ffffffe6;border-radius:42px;width:min(1040px,100%);min-height:min(940px,100dvh - 36px);padding:26px clamp(18px,4vw,54px) 22px;box-shadow:0 24px 60px #4f372433}.connected-topbar{border-bottom:2px solid #855d3826;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.connected-back,.connected-logout{color:#704127;cursor:pointer;background:#fff2da;border:0;border-radius:999px;font-weight:1000;text-decoration:none}.connected-back{place-items:center;width:52px;height:52px;font-size:30px;display:grid}.connected-logout{min-height:48px;padding:0 20px;font-size:15px}.connected-brand{color:#704127;align-items:center;gap:10px;font-size:18px;display:flex}.connected-brand img{object-fit:contain;width:105px;height:70px}.connected-actions{align-items:center;gap:10px;display:flex}.connected-actions .sound-toggle{cursor:pointer;background:#fff8e9;border:3px solid #fff;border-radius:17px;width:50px;height:50px;font-size:22px;position:static;box-shadow:0 5px #78573024}.connected-heading{text-align:center;padding:26px 0 16px}.connected-kicker{color:#fff;letter-spacing:.08em;background:#ec7a37;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:1000;display:inline-flex}.connected-heading h1{color:#6b301c;margin:10px 0 4px;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.connected-heading p{color:#8a624b;margin:0;font-size:18px;font-weight:750}.connected-heading p b{color:#50346f;font-family:Geeza Pro,Noto Sans Arabic,Noto Naskh Arabic,serif;font-size:1.6em}.connected-progress{color:#84553b;justify-content:space-between;width:min(650px,100%);margin:18px auto 0;font-size:14px;font-weight:1000;display:flex}.connected-progress span{color:#4f9d76}.connected-target{background:#e5f6e8;border:3px solid #fff;border-radius:28px;justify-content:center;align-items:center;gap:16px;width:min(430px,100%);margin:0 auto 20px;padding:14px 22px;display:flex;box-shadow:0 8px 18px #57784b1f}.connected-magnify{font-size:42px}.connected-target div{text-align:center;gap:2px;display:grid}.connected-target small{color:#63846c;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:1000}.connected-target strong{color:#50346f;font-family:Geeza Pro,Noto Sans Arabic,Noto Naskh Arabic,serif;font-size:48px;line-height:1}.connected-target b{color:#6f4b35;font-size:16px}.connected-word-grid{grid-template-columns:repeat(3,1fr);gap:17px;max-width:880px;margin:0 auto;display:grid}.connected-word-card{text-align:center;background:linear-gradient(145deg,#fff4df,#ffe8ce);border:4px solid #fffffff2;border-radius:28px;min-height:220px;padding:16px;transition:all .2s;box-shadow:0 10px 22px #5d3f251f}.connected-word-card:nth-child(2){background:linear-gradient(145deg,#e4f7ef,#c9eee0)}.connected-word-card:nth-child(3){background:linear-gradient(145deg,#eee7ff,#ddd1fa)}.connected-word-card.is-found{border-color:#5bbd89;transform:translateY(-4px);box-shadow:0 12px 24px #418e5f33}.connected-word-label{color:#a36a4d;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:1000}.connected-word{direction:rtl;justify-content:center;margin:16px 0 12px;display:flex}.connected-word button{color:#493765;cursor:pointer;background:#ffffffb8;border:0;border-radius:12px;min-width:45px;padding:5px 2px;font-family:Geeza Pro,Noto Sans Arabic,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.05}.connected-word button:hover,.connected-word button:focus-visible{background:#fff;outline:3px solid #7d5dbe47;transform:scale(1.1)}.connected-word button.is-target-found{color:#fff;background:#4fb77b}.connected-form{color:#39855d;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:1000;display:flex}.connected-form span{font-size:20px}.connected-form strong{color:#50346f;font-family:Geeza Pro,Noto Sans Arabic,Noto Naskh Arabic,serif;font-size:27px}.connected-feedback{z-index:20;color:#fff;border:3px solid #fff;border-radius:999px;padding:12px 24px;font-size:20px;font-weight:1000;animation:.25s both jawi-pop;position:fixed;top:18%;left:50%;translate:-50%;box-shadow:0 8px 20px #49352233}.connected-feedback.right{background:#55bd83}.connected-feedback.wrong{background:#e98b59}.connected-complete{color:#4c8c5e;text-align:center;background:#effbe8;border:3px solid #fff;border-radius:25px;justify-items:center;gap:6px;max-width:500px;margin:20px auto 0;padding:18px;display:grid}.connected-complete b{font-size:22px}.connected-complete span{font-size:14px;font-weight:750}.connected-complete button{color:#fff;cursor:pointer;background:#7752c8;border:0;border-radius:999px;margin-top:8px;padding:11px 20px;font-weight:1000}.connected-email{color:#6e503e;text-overflow:ellipsis;white-space:nowrap;background:#fff4daf0;border-radius:999px;width:max-content;max-width:100%;margin:22px auto 0;padding:10px 18px;font-size:13px;font-weight:850;overflow:hidden}@media (width<=680px){.jawi-game-shell{align-items:start;padding:0}.connected-letters-card{border-width:0;border-radius:0;min-height:100dvh;padding:12px 12px 22px}.connected-topbar{padding-bottom:8px}.connected-brand{gap:3px;font-size:13px}.connected-brand img{width:80px;height:52px}.connected-back{width:42px;height:42px;font-size:24px}.connected-logout{min-height:39px;padding:0 10px;font-size:11px}.connected-actions{gap:4px}.connected-actions .sound-toggle{width:42px;height:42px;font-size:18px}.connected-heading{padding:18px 0 10px}.connected-heading h1{font-size:clamp(1.7rem,8vw,2.35rem)}.connected-heading p{font-size:14px}.connected-progress{margin-top:13px;font-size:12px}.connected-target{margin-bottom:13px;padding:8px 14px}.connected-magnify{font-size:31px}.connected-target strong{font-size:37px}.connected-target b{font-size:14px}.connected-word-grid{grid-template-columns:1fr;gap:9px}.connected-word-card{border-width:3px;border-radius:21px;min-height:0;padding:10px 12px}.connected-word{margin:8px 0 5px}.connected-word button{min-width:37px;font-size:2.5rem}.connected-form strong{font-size:23px}.connected-email{margin-top:14px;font-size:11px}}.detective-shell{padding:20px}.detective-panel{color:#633a24;width:min(900px,100%);margin:0 auto;padding:28px clamp(18px,4vw,56px) 34px;position:relative}.detective-level-panel{width:min(1040px,100%);padding:24px clamp(14px,3vw,34px) 34px}.detective-level-stage{background:linear-gradient(145deg,#fffdf5 8%,#fff8e8 56%,#eef8ef);border:4px solid #fffffff5;border-radius:42px;padding:clamp(24px,4.3vw,48px);position:relative;overflow:hidden;box-shadow:0 18px #79502d1a,0 30px 48px #62432526}.detective-level-stage:before{content:"";opacity:.66;pointer-events:none;background:radial-gradient(circle at 8% 13%,#ffe187 0 4px,#0000 5px),radial-gradient(circle at 91% 19%,#8fe0c6 0 5px,#0000 6px),radial-gradient(circle at 88% 84%,#f5b0c0 0 5px,#0000 6px),radial-gradient(circle at 14% 89%,#bda4eb 0 4px,#0000 5px);position:absolute;inset:0}.detective-heading{z-index:1;text-align:left;justify-content:space-between;align-items:center;gap:18px;display:flex;position:relative}.detective-heading-main{align-items:center;gap:18px;min-width:0;display:flex}.detective-heading-tiles{background:#ffeec7;border-radius:25px;align-items:center;gap:4px;padding:10px;display:flex;box-shadow:inset 0 0 0 3px #ffffffd1,0 9px #b979301f}.detective-heading-tiles i{color:#5b3973;background:linear-gradient(145deg,#fffdf7,#f8e6c5);border-radius:10px;place-items:center;width:31px;height:40px;font-family:Geeza Pro,Noto Sans Arabic,Noto Naskh Arabic,serif;font-size:25px;font-style:normal;font-weight:1000;display:grid;box-shadow:0 3px #6644292e}.detective-stage-emoji{background:linear-gradient(145deg,#e8f9f2,#d5f1eb);border:3px solid #fff;border-radius:22px;flex:none;place-items:center;width:62px;height:62px;font-size:31px;display:grid;rotate:8deg;box-shadow:0 8px #37846f1f}.detective-heading p{color:#b36735;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:13px;font-weight:1000}.detective-heading h1{color:#6b301c;margin:4px 0 0;font-size:clamp(2rem,5vw,3.8rem);line-height:.95}.detective-prompt{z-index:1;color:#835f4b;margin:24px 0 16px;font-size:20px;font-weight:850;position:relative}.detective-level-intro{z-index:1;color:#754529;align-items:center;gap:10px;margin:0 0 16px;display:flex;position:relative}.detective-level-intro>span{background:#fff;border-radius:14px;place-items:center;width:38px;height:38px;font-size:21px;display:grid;box-shadow:0 5px #7046271a}.detective-level-intro div{gap:1px;display:grid}.detective-level-intro b{font-size:16px}.detective-level-intro small{color:#a27661;font-size:12px;font-weight:800}.detective-levels{z-index:1;grid-template-columns:repeat(3,1fr);gap:18px;display:grid;position:relative}.detective-levels button{background:linear-gradient(155deg,var(--detective-tint) 0 39%,var(--detective-color) 40% 100%);color:#fff;text-align:left;cursor:pointer;border:4px solid #fffffff5;border-radius:30px;flex-direction:column;min-height:260px;padding:15px 16px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 11px #5e3c2621,0 18px 25px #50331d1f}.detective-levels button:after{content:"";border:18px solid #ffffff1f;border-radius:50%;width:145px;height:145px;position:absolute;bottom:-58px;right:-45px}.detective-levels button:hover{transform:translateY(-7px)rotate(-.5deg);box-shadow:0 17px #5e3c2621,0 25px 30px #50331d29}.detective-level-card-top{color:#754529;justify-content:space-between;align-items:center;min-height:34px;display:flex}.detective-level-card-top em{background:#fff;border-radius:13px;place-items:center;width:37px;height:37px;font-size:21px;font-style:normal;display:grid;box-shadow:0 4px #623f261f}.detective-level-card-top i{color:#8e6246;letter-spacing:.04em;text-transform:uppercase;background:#ffffffad;border-radius:999px;padding:5px 9px;font-size:10px;font-style:normal;font-weight:1000}.detective-level-card-tiles{align-items:center;gap:5px;margin:13px 0 14px;display:flex}.detective-level-card-tiles strong{color:#563772;background:linear-gradient(145deg,#fffdf7,#f8e8ce);border-radius:11px;place-items:center;width:37px;height:43px;font-family:Geeza Pro,Noto Sans Arabic,Noto Naskh Arabic,serif;font-size:28px;line-height:1;display:grid;box-shadow:0 4px #5b3e2a2e}.detective-levels b{z-index:1;letter-spacing:-.04em;margin-top:auto;font-size:clamp(1.65rem,3vw,2.15rem);display:block;position:relative}.detective-level-note{z-index:1;color:#ffffffe8;margin-top:4px;font-size:13px;font-weight:850;display:block;position:relative}.detective-levels small{z-index:1;background:#ffffff2e;border-radius:15px;justify-content:space-between;align-items:center;gap:8px;margin-top:15px;padding:9px 11px;font-size:12px;font-weight:1000;display:flex;position:relative}.detective-levels small i{font-size:20px;font-style:normal;line-height:.7}.detective-play-top{color:#83563d;justify-content:space-between;align-items:center;gap:14px;font-weight:1000;display:flex}.detective-mini-back{color:#704127;cursor:pointer;background:#fff0d2;border:0;border-radius:999px;padding:11px 16px;font-weight:1000}.detective-progress{background:#f3e4d0;border-radius:99px;height:10px;margin:20px 0 24px;overflow:hidden}.detective-progress i{border-radius:inherit;background:linear-gradient(90deg,#f49a42,#7d56cb);height:100%;transition:width .25s;display:block}.detective-clue{background:linear-gradient(135deg,#fff4df,#e5f6e8);border:3px solid #fff;border-radius:28px;justify-content:center;align-items:center;gap:20px;width:min(620px,100%);margin:0 auto 20px;padding:18px 24px;display:flex;box-shadow:0 10px 20px #5d3f251a}.detective-emoji{font-size:62px}.detective-clue div{text-align:center;gap:5px;display:grid}.detective-clue small{color:#a36a4d;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:1000}.detective-clue b{font-size:16px}.detective-clue strong{color:#50346f;font-size:24px}.detective-hint{color:#65469a;cursor:pointer;background:#f2e8ff;border:0;border-radius:999px;margin:0 auto 16px;padding:9px 17px;font-weight:1000;display:block}.detective-answer{background:linear-gradient(#f4dfbb 0 18%,#b87337 19% 23%,#f7e4bd 24% 82%,#c37c3d 83% 100%);border:3px solid #cfb18a;border-radius:21px 21px 16px 16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;min-height:112px;margin:20px auto;padding:15px 18px 25px;display:flex;box-shadow:inset 0 2px #ffffffa6,inset 0 -5px #5b311542,0 9px #6c3f1e21}.detective-answer:has(.detective-connected-word){background:linear-gradient(#d8f2df,#9dceaa);border-style:solid;border-color:#72c795}.detective-connected-word{color:#50346f;font-family:Geeza Pro,Noto Sans Arabic,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(3rem,8vw,5.5rem);line-height:1.1}.detective-answer button,.detective-scrabble button{z-index:1;color:#493765;text-shadow:0 1px #ffffffb3;cursor:pointer;background:linear-gradient(135deg,#fffbed 0%,#f5dbad 56%,#dfb879 100%);border:1px solid #b98550;border-radius:7px;min-width:58px;min-height:66px;padding:4px 12px;font-family:Geeza Pro,Noto Sans Arabic,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(2rem,5vw,3rem);line-height:1;transition:translate .15s,box-shadow .15s;position:relative;box-shadow:inset 0 1px #ffffffeb,inset 0 -3px #86542938,0 5px #a86835,0 9px 11px #59321733}.detective-answer button:hover,.detective-scrabble button:hover{translate:0 -3px;box-shadow:inset 0 1px #ffffffeb,inset 0 -3px #86542938,0 8px #a86835,0 12px 14px #5932173b}.detective-answer button{background:linear-gradient(135deg,#fffdf4 0%,#e9ddff 58%,#c8afe9 100%);border-color:#ae91cf;box-shadow:inset 0 1px #ffffffe6,inset 0 -3px #57378233,0 5px #8c66b4,0 9px 11px #52337533}.detective-placeholder{z-index:1;color:#7e5b3f;text-shadow:0 1px #ffffff80;font-size:15px;font-weight:1000;position:relative}.detective-scrabble{isolation:isolate;background:repeating-linear-gradient(0deg,#6f3d1814 0 2px,#0000 2px 7px),linear-gradient(#f0ce96 0 18%,#a95e2d 19% 27%,#edc98d 28% 83%,#a75d2d 84% 100%);border:3px solid #b77a42;border-radius:14px 14px 10px 10px;flex-wrap:wrap;justify-content:center;gap:10px;min-height:93px;margin:22px auto 25px;padding:12px 18px 24px;display:flex;position:relative;box-shadow:inset 0 2px #ffffffad,inset 0 -5px #4c280f47,0 11px #71401f24,0 16px 22px #53321926}.detective-scrabble:before{content:"";z-index:0;pointer-events:none;border:3px solid #6c3c1b85;border-radius:8px;position:absolute;inset:15px 12px 22px;box-shadow:inset 0 3px 7px #542a103b}.detective-scrabble:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#d59651,#8a4721);border-radius:0 0 10px 10px;height:15px;position:absolute;bottom:-12px;left:7px;right:7px;box-shadow:0 5px #522c132e}.detective-scrabble button{cursor:pointer;background:linear-gradient(135deg,#fffbed 0%,#f5dbad 56%,#dfb879 100%)}.detective-scrabble button:active{translate:0 4px;box-shadow:inset 0 1px #ffffffeb,inset 0 -2px #86542938,0 1px #a86835}.detective-scrabble button.is-used{opacity:.26;cursor:default;filter:saturate(.65);box-shadow:none;translate:0 4px}.detective-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.detective-reset,.detective-check{cursor:pointer;border:0;border-radius:999px;padding:13px 20px;font-weight:1000}.detective-reset{color:#754829;background:#fff0d2}.detective-check{color:#fff;background:#7652c8;box-shadow:0 5px #51358533}.detective-check:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.detective-feedback{color:#fff;text-align:center;border:3px solid #fff;border-radius:24px;justify-items:center;gap:8px;margin:24px auto 0;padding:17px;display:grid;box-shadow:0 10px 22px #4935222e}.detective-feedback.correct{background:#55bd83}.detective-feedback.wrong{background:#e98b59}.detective-feedback span{font-size:30px}.detective-feedback b{font-size:20px}.detective-feedback button{color:#613821;cursor:pointer;background:#fff6e7;border:0;border-radius:999px;padding:10px 17px;font-weight:1000}.detective-direction{color:#a27661;text-align:center;margin:18px 0 0;font-size:13px;font-weight:800}@media (width<=680px){.detective-shell{padding:0}.detective-panel{padding:20px 14px 26px}.detective-level-panel{padding:12px 8px 24px}.detective-level-stage{border-radius:30px;padding:23px 16px 20px}.detective-heading,.detective-heading-main{gap:10px}.detective-heading-tiles{border-radius:18px;gap:3px;padding:7px}.detective-heading-tiles i{border-radius:8px;width:23px;height:31px;font-size:20px}.detective-stage-emoji{border-radius:17px;width:48px;height:48px;font-size:23px}.detective-heading h1{font-size:2rem}.detective-heading p{font-size:10px}.detective-prompt{margin:20px 0 14px;font-size:16px}.detective-level-intro{margin-bottom:13px}.detective-level-intro b{font-size:14px}.detective-level-intro small{font-size:11px}.detective-levels{grid-template-columns:1fr;gap:13px}.detective-levels button{border-radius:25px;min-height:205px;padding:14px 15px}.detective-level-card-tiles{margin:10px 0 12px}.detective-level-card-tiles strong{width:34px;height:39px;font-size:25px}.detective-levels small{margin-top:11px}.detective-clue{border-radius:22px;gap:12px;padding:14px}.detective-emoji{font-size:45px}.detective-clue b{font-size:14px}.detective-clue strong{font-size:21px}.detective-answer{border-radius:22px;gap:7px;min-height:90px;padding:12px}.detective-answer button,.detective-scrabble button{border-radius:14px;min-width:47px;min-height:55px;padding:3px 9px;font-size:2.2rem}.detective-scrabble,.detective-actions{gap:8px}.detective-reset,.detective-check{padding:11px 14px;font-size:12px}}@media (width<=780px){.detective-board-heading{align-items:flex-start;padding:0 2px}.detective-board-heading>div{gap:8px}.detective-board-heading>div>span{font-size:34px}.detective-board-heading h1{font-size:1.55rem}.detective-board-heading p{font-size:.76rem}.detective-board-heading strong{padding:7px 10px;font-size:.82rem}.detective-board-content{grid-template-columns:1fr}.detective-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:8px;display:grid}.detective-list h2{grid-column:1/-1;padding:12px 10px 6px}.detective-list-item{margin:0 8px;padding:8px 2px}.detective-list-icon{width:31px;height:31px;font-size:19px}.detective-list-item b{font-size:1.15rem}.detective-list-item small{font-size:.68rem}.detective-list-item>strong{font-size:.72rem}}@media (orientation:portrait){.detective-game.is-portrait{place-items:center;height:100dvh;display:grid}.detective-game.is-portrait>:not(.detective-rotate-prompt):not(.detective-fullscreen-back){display:none}.detective-rotate-prompt{color:#633a24;text-align:center;background:linear-gradient(145deg,#fff8e7,#e7f6ed);border:4px solid #fff;border-radius:28px;justify-items:center;gap:8px;width:min(420px,90%);padding:30px 20px;display:grid;box-shadow:0 12px 25px #48301a1f}.detective-rotate-prompt span{color:#7652c8;font-size:58px;line-height:1}.detective-rotate-prompt h1{margin:0;font-size:1.8rem}.detective-rotate-prompt p{margin:0;font-weight:800}.detective-rotate-prompt small{color:#99735e;font-weight:700}}@media (orientation:landscape){.detective-game{place-items:center;width:100vw;height:100dvh;display:grid;overflow:hidden}.detective-reference-content{width:min(100vw,133.3dvh);height:min(100dvh,75vw);margin:0 auto}.detective-reference-board{width:100%;height:100%;box-shadow:none;border-radius:0}.detective-reference-board>img{object-fit:contain;width:100%;height:100%;display:block}}.airport-detective{width:100vw;height:var(--detective-vh,100svh);max-height:var(--detective-vh,100svh);background:#f3ead9;overflow:hidden}.airport-detective-layout{grid-template-columns:minmax(0,1fr) clamp(180px,23vw,320px);width:100%;height:100%;display:grid;overflow:hidden}.airport-scene-viewport{overscroll-behavior:contain;touch-action:none;scrollbar-width:thin;background:#d8edf3;justify-content:flex-start;align-items:center;min-width:0;min-height:0;display:flex;overflow:auto}.airport-scene-viewport.is-base{justify-content:center}.airport-scene{width:min(100%,calc(var(--detective-vh,100svh) * 1.5));aspect-ratio:3/2;background:#d8edf3;flex:none;align-self:center;position:relative;overflow:hidden}.airport-scene>img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.airport-detective-back,.airport-detective-sound{top:max(10px,env(safe-area-inset-top));z-index:30;color:#74442d;background:#fff5ddf2;border:3px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:23px;font-weight:1000;display:grid;position:fixed;box-shadow:0 5px 14px #3a2a1a40}.airport-detective-back{left:max(10px,env(safe-area-inset-left));cursor:pointer;text-decoration:none}.airport-detective-sound{cursor:pointer;right:calc(clamp(180px,23vw,320px) + 10px)}.detective-picker-shell{background:url(/jawi-game-bg.jpg) 50%/cover fixed;place-items:center;min-height:100svh;padding:clamp(24px,5vw,64px);display:grid;position:relative}.detective-picker-card{text-align:center;background:#fffcf2f2;border:4px solid #fffffff5;border-radius:38px;width:min(1120px,100%);padding:clamp(26px,4vw,50px);box-shadow:0 18px 42px #4c321b3d}.detective-picker-card p{color:#db762e;letter-spacing:.12em;margin:0;font-weight:1000}.detective-picker-card h1{color:#673521;margin:5px 0;font-size:clamp(2rem,5vw,4.4rem)}.detective-picker-card>span{color:#835d49;font-weight:800}.detective-picker-back{color:#704127;background:#fff3d8;border:3px solid #fff;border-radius:50%;place-items:center;width:50px;height:50px;font-size:28px;font-weight:1000;text-decoration:none;display:grid;position:absolute;top:clamp(18px,3vw,42px);left:clamp(18px,3vw,42px);box-shadow:0 6px 15px #48301a38}.detective-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px;display:grid}.detective-theme-grid button{color:#693c28;cursor:pointer;text-align:left;background:#fffdf8;border:4px solid #fff;border-radius:25px;padding:0;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 9px 20px #5237202e}.detective-theme-grid button:hover{transform:translateY(-5px)rotate(-.3deg);box-shadow:0 15px 25px #52372042}.detective-theme-grid img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.detective-theme-grid div{justify-content:space-between;align-items:center;gap:10px;padding:14px 15px;display:flex}.detective-theme-grid b{font-size:clamp(1rem,2vw,1.35rem)}.detective-theme-grid .detective-theme-jawi,.airport-list .airport-scene-jawi-title{font-family:Noto Naskh Arabic,Geeza Pro,Traditional Arabic,serif;font-weight:800;line-height:1.25}.detective-theme-grid .detective-theme-jawi{align-items:center;gap:.45rem;font-size:clamp(1.35rem,2.55vw,1.9rem);display:flex}.detective-theme-grid .detective-theme-jawi i{direction:ltr;font-family:inherit;font-style:normal}.airport-list .airport-scene-jawi-title{font-size:clamp(1.45rem,2.25vw,2rem);display:block}.detective-theme-grid small{color:#7b55cb;white-space:nowrap;font-weight:1000}.detective-complete-modal{z-index:80;background:#3b261685;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.detective-complete-modal>div{color:#673521;text-align:center;background:linear-gradient(145deg,#fff9e8,#e5f8e9);border:4px solid #fff;border-radius:30px;width:min(410px,100%);padding:30px;box-shadow:0 20px 42px #2c1c1159}.detective-complete-modal span{font-size:54px}.detective-complete-modal h2{margin:4px 0;font-size:2rem}.detective-complete-modal p{margin:0 0 20px;font-weight:800}.detective-complete-modal button,.detective-complete-modal a{color:#fff;cursor:pointer;width:100%;font:inherit;background:#8055d4;border:0;border-radius:15px;margin-top:10px;padding:13px;font-weight:1000;text-decoration:none;display:block}.detective-complete-modal a{color:#74442d;background:#fff}@media (width<=760px){.detective-picker-shell{padding:78px 16px 24px}.detective-picker-card{padding:24px 16px}.detective-theme-grid{grid-template-columns:1fr;gap:13px}.detective-theme-grid button{grid-template-columns:42% 1fr;align-items:stretch;display:grid}.detective-theme-grid img{aspect-ratio:auto;height:100%}.detective-theme-grid div{flex-direction:column;justify-content:center;align-items:flex-start}}.airport-hotspot{z-index:5;cursor:pointer;background:0 0;border:0;border-radius:16px;padding:0;position:absolute}.airport-hotspot.is-found{pointer-events:none}.airport-hotspot.is-hinting{background:#ffde3d33;border:4px solid #ffd83d;animation:.35s ease-in-out 4 alternate airport-hint-blink;box-shadow:0 0 0 5px #ffffffd9,0 0 24px 10px #ffd636e6}@keyframes airport-hint-blink{0%{opacity:.25;transform:scale(.82)}to{opacity:1;transform:scale(1.12)}}.airport-hotspot span{color:#fff;background:#31b984;border:3px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:15px;font-style:normal;font-weight:1000;animation:.22s both jawi-pop;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 8px #17644a66}.airport-feedback{z-index:10;color:#fff;text-align:center;white-space:nowrap;pointer-events:none;background:#462e1fc7;border:2px solid #ffffffe6;border-radius:999px;max-width:70%;padding:6px 14px;font-size:clamp(.62rem,1.05vw,.9rem);font-weight:900;position:absolute;bottom:1.4%;left:50%;transform:translate(-50%)}.airport-feedback.is-complete{background:#279b70}.airport-list{background:linear-gradient(#fff8e8,#f4e4c4);border-left:4px solid #fff;flex-direction:column;min-width:0;height:100%;min-height:0;padding:12px 10px 10px;display:flex;overflow:hidden;box-shadow:-8px 0 24px #3c2c1c29}.airport-list header{color:#633923;flex:none;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:7px 8px 10px;display:grid}.airport-list header>span{font-size:25px}.airport-list header div{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.airport-list header b{font-size:clamp(.82rem,1.35vw,1.1rem);display:block}.airport-list header small{color:#805c45;text-overflow:ellipsis;white-space:nowrap;flex-basis:100%;font-size:10px;font-weight:850;line-height:1.15;display:block;overflow:hidden}.airport-list header small.is-complete{color:#278c69}.airport-list header strong{color:#fff;background:#7d5ac7;border-radius:999px;place-items:center;min-width:42px;min-height:34px;font-size:12px;display:grid}.airport-hint{color:#69431d;min-height:28px;font:inherit;cursor:pointer;background:#ffdd65;border:0;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:1000;box-shadow:0 3px #d7af34}.airport-hint:disabled{opacity:.45;cursor:default}.airport-list-items{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex:1 1 0;grid-auto-rows:minmax(43px,1fr);gap:4px;min-height:0;display:grid;overflow:hidden scroll}.airport-list-item{color:#583a2d;background:#ffffffb8;border:2px solid #c0976433;border-radius:12px;grid-template-columns:28px minmax(0,1fr) 32px;align-items:center;gap:5px;min-height:0;padding:2px 7px;transition:all .18s;display:grid}.airport-list-item>span{text-align:center;font-size:17px}.airport-list-item b{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-height:1.55em;padding:.1em 0 .28em;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(.75rem,1.25vw,1.05rem);line-height:1.28;display:block;overflow:hidden}.airport-list-item em{color:#835f48;text-align:center;font-size:11px;font-style:normal;font-weight:1000}.airport-list-item.is-found{color:#278c69;background:#e0f7ed;border-color:#83d7b6}.airport-list-item.is-found b{text-decoration:line-through}.airport-list-item.is-found em{color:#278c69}@media (orientation:portrait){.airport-detective.is-portrait>:not(.detective-rotate-prompt):not(.airport-detective-back){display:none}.airport-detective.is-portrait{place-items:center;padding:16px;display:grid}}@media (orientation:landscape) and (aspect-ratio<=3/2){.airport-detective-layout{grid-template-rows:minmax(0,1fr) clamp(112px,24vh,170px);grid-template-columns:1fr}.airport-scene-viewport{justify-content:center}.airport-scene{width:min(100%,calc(var(--detective-vh,100svh) * 1.5))}.airport-list{border-top:4px solid #fff;border-left:0;padding:6px 8px 8px}.airport-list header{z-index:12;background:#fff8e7ed;border:2px solid #fff;border-radius:14px;width:min(240px,27vw);padding:5px 7px;position:absolute;top:8px;right:8px;box-shadow:0 5px 12px #37261629}.airport-list-items{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr))}.airport-list-item{grid-template-columns:22px minmax(0,1fr) 27px;padding:2px 5px}.airport-list-item b{font-size:clamp(.64rem,1.55vw,.93rem)}.airport-detective-sound{top:66px;right:10px}}@media (orientation:landscape) and (height<=680px){.airport-detective-layout{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) clamp(168px,25vw,230px)}.airport-scene{width:min(100%,calc(var(--detective-vh,100svh) * 1.5));height:auto}.airport-list{border-top:0;border-left:3px solid #fff;padding:5px 5px 6px}.airport-list header{width:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:3px 4px 5px;position:static}.airport-list header>span{font-size:20px}.airport-list header b{font-size:12px}.airport-list header strong{min-width:36px;min-height:29px;font-size:10px}.airport-list-items{grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:42px;gap:3px;padding-right:2px}.airport-list-item{border-radius:10px;grid-template-columns:23px minmax(0,1fr) 29px;padding:1px 5px}.airport-list-item>span{font-size:14px}.airport-list-item b{font-size:clamp(.66rem,1.55vw,.86rem)}.airport-list-item em{font-size:9px}.airport-detective-sound{width:39px;height:39px;font-size:19px;top:8px;right:calc(clamp(168px,25vw,230px) + 8px)}.airport-detective-back{width:39px;height:39px;font-size:20px;top:8px;left:8px}.airport-feedback{padding:4px 10px;font-size:10px;bottom:1%}}.letter-quiz-shell{background:url(/jawi-game-bg.jpg) 50%/cover fixed}.letter-quiz-card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffcf1e6;border:4px solid #ffffffeb;border-radius:42px;width:min(820px,100%);min-height:min(820px,100dvh - 36px);padding:26px clamp(18px,5vw,56px) 22px;box-shadow:0 24px 60px #4f372433}.letter-quiz-topbar{border-bottom:2px solid #855d3826;justify-content:space-between;align-items:center;gap:16px;padding-bottom:15px;display:flex}.letter-quiz-heading{text-align:center;padding:26px 0 14px}.letter-quiz-heading h1{color:#6b301c;margin:10px 0 4px;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.letter-quiz-heading p{color:#8a624b;margin:0;font-size:17px;font-weight:750}.letter-progress{color:#84553b;align-items:center;gap:12px;width:min(520px,100%);margin:18px auto 0;font-size:13px;font-weight:1000;display:flex}.letter-progress i{background:#eadfc9;border-radius:99px;flex:1;height:12px;overflow:hidden}.letter-progress i b{border-radius:inherit;background:linear-gradient(90deg,#f47b35,#f3b34d);height:100%;transition:width .3s;display:block}.letter-question{background:#fff0d6;border:3px solid #fff;border-radius:28px;justify-content:center;align-items:center;gap:16px;width:min(510px,100%);margin:8px auto 20px;padding:15px 22px;display:flex;box-shadow:0 8px 18px #5b39231a}.letter-question-icon{font-size:42px}.letter-question div{text-align:center;gap:2px;display:grid}.letter-question small{color:#a9633f;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:1000}.letter-question strong{color:#704127;font-size:20px}.letter-question em{color:#50346f;font-family:Geeza Pro,Noto Sans Arabic,Noto Naskh Arabic,serif;font-size:32px;font-style:normal;line-height:1}.letter-options{grid-template-columns:repeat(4,1fr);gap:15px;max-width:650px;margin:0 auto;display:grid}.letter-options button{color:#4e3768;cursor:pointer;background:linear-gradient(145deg,#e5f7ef,#c9ecdf);border:4px solid #fff;border-radius:26px;align-content:center;place-items:center;gap:6px;min-height:145px;transition:all .15s;display:grid;box-shadow:0 8px #4c8e702b}.letter-options button:nth-child(2){background:linear-gradient(145deg,#fff0d5,#ffdcae);box-shadow:0 8px #c587442b}.letter-options button:nth-child(3){background:linear-gradient(145deg,#eee7ff,#ded2fa);box-shadow:0 8px #7153b12b}.letter-options button:nth-child(4){background:linear-gradient(145deg,#dff1ff,#c7e5f7);box-shadow:0 8px #4789b82b}.letter-options button:hover{transform:translateY(-4px)}.letter-options button:disabled{cursor:default}.letter-options button.is-correct{color:#fff;background:#54bd84;border-color:#fff}.letter-options button span{font-family:Geeza Pro,Noto Sans Arabic,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(3.5rem,8vw,5rem);line-height:1}.letter-options button small{font-size:14px;font-weight:1000}.letter-feedback{z-index:20;color:#fff;border:3px solid #fff;border-radius:999px;padding:12px 25px;font-size:20px;font-weight:1000;animation:.25s both jawi-pop;position:fixed;top:18%;left:50%;translate:-50%;box-shadow:0 8px 20px #49352233}.letter-feedback.right{background:#55bd83}.letter-feedback.wrong{background:#e98b59}.letter-complete{text-align:center;justify-items:center;gap:7px;padding:60px 0 35px;display:grid}.letter-complete>div{font-size:75px}.letter-complete h1{color:#6b301c;margin:0;font-size:clamp(2.5rem,8vw,4rem)}.letter-complete p{color:#8a624b;margin:0;font-size:18px;font-weight:750}.letter-complete strong{color:#4f9d76}.letter-complete button{color:#fff;cursor:pointer;background:#7752c8;border:0;border-radius:999px;margin-top:16px;padding:13px 25px;font-weight:1000}@media (width<=680px){.letter-quiz-card{border-width:0;border-radius:0;min-height:100dvh;padding:12px 12px 20px}.letter-quiz-topbar{padding-bottom:8px}.letter-quiz-heading{padding:19px 0 12px}.letter-quiz-heading h1{font-size:clamp(1.8rem,9vw,2.5rem)}.letter-quiz-heading p{font-size:14px}.letter-progress{margin-top:14px;font-size:11px}.letter-question{margin:6px auto 15px;padding:10px 15px}.letter-question-icon{font-size:31px}.letter-question strong{font-size:17px}.letter-question em{font-size:28px}.letter-options{gap:9px}.letter-options button{border-width:3px;border-radius:21px;min-height:130px}.letter-options button span{font-size:3.3rem}.letter-options button small{font-size:12px}.letter-complete{padding-top:75px}}.admin-login-shell,.admin-shell{color:#30435c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;background:linear-gradient(145deg,#fff8e9 0%,#f3fbf6 48%,#e8f5ef 100%);min-height:100vh}.admin-login-shell{place-items:center;padding:28px 18px;display:grid}.admin-login-card{text-align:center;background:#fffffff0;border:5px solid #fff;border-radius:34px;width:min(480px,100%);padding:42px;box-shadow:0 12px #5b76691f,0 26px 65px #40574c1f}.admin-brand{color:#ef695e;align-items:center;gap:12px;display:flex}.admin-brand>span{background:#ffe0ad;border:4px solid #fff;border-radius:18px;place-items:center;width:52px;height:52px;font-size:30px;display:grid;box-shadow:0 4px #ebc987}.admin-brand strong{font-size:22px;font-weight:1000;display:block}.admin-brand small{color:#778b83;margin-top:2px;font-size:12px;font-weight:900;display:block}.admin-login-card>.admin-brand{justify-content:center}.admin-login-card h1{margin:18px 0 7px;font-size:39px}.admin-login-card>p,.admin-denied p{color:#768981;margin:0 0 23px;font-weight:750}.admin-lock{background:#fff0d8;border-radius:28px;place-items:center;width:84px;height:84px;margin:25px auto 4px;font-size:46px;display:grid;box-shadow:0 6px #efd4a9}.admin-login-form{text-align:left;flex-direction:column;gap:14px;margin-top:23px;display:flex}.admin-login-form label,.admin-add-form>label{color:#536b65;flex-direction:column;gap:7px;font-size:13px;font-weight:950;display:flex}.admin-login-form input,.admin-add-form input,.admin-search input{color:#30435c;min-height:51px;font:inherit;background:#fff;border:2px solid #dce8e2;border-radius:14px;outline:0;padding:11px 14px;font-size:15px}.admin-login-form input:focus,.admin-add-form input:focus,.admin-search input:focus{border-color:#67bd90;box-shadow:0 0 0 4px #67bd9029}.admin-primary{color:#fff;min-height:50px;font:inherit;cursor:pointer;background:#ff7469;border:0;border-radius:15px;padding:11px 18px;font-size:15px;font-weight:1000;box-shadow:0 5px #dc5b52}.admin-primary:disabled{cursor:wait;background:#bdc9c3;box-shadow:0 5px #9eada6}.admin-back-link{color:#657d74;margin-top:24px;font-size:13px;font-weight:900;text-decoration:none;display:inline-block}.admin-denied,.admin-loading{flex-direction:column;align-items:center;display:flex}.admin-denied small{color:#8a9993;margin:-13px 0 20px}.admin-denied .admin-primary{width:100%}.admin-loading h1{font-size:26px}.admin-topbar{background:#ffffffeb;border-bottom:1px solid #dfe9e4;justify-content:space-between;align-items:center;gap:20px;height:78px;padding:12px clamp(18px,5vw,64px);display:flex;box-shadow:0 4px 18px #3d5b4c0f}.admin-account{color:#6d7f78;align-items:center;gap:13px;font-size:12px;font-weight:850;display:flex}.admin-account button{color:#536c62;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:2px solid #dbe7e1;border-radius:12px;padding:7px 13px;font-size:12px;font-weight:950}.admin-page{width:min(1280px,100%);margin:0 auto;padding:36px clamp(18px,4vw,48px) 65px}.admin-hero{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:25px;display:flex}.admin-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#e8645b!important;margin:0 0 8px!important;font-size:12px!important;font-weight:1000!important}.admin-hero h1{font-size:clamp(31px,4vw,48px)}.admin-hero p{color:#71857d;margin:8px 0 0;font-weight:750}.admin-stats{gap:11px;display:flex}.admin-stats div{background:#e5f5eb;border:3px solid #fff;border-radius:20px;min-width:112px;padding:16px 18px;box-shadow:0 5px #50705f1a}.admin-stats div:last-child{background:#fff1dc}.admin-stats strong,.admin-stats span{display:block}.admin-stats strong{font-size:29px}.admin-stats span{color:#71827b;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:950}.admin-alert{border-radius:15px;margin:0 0 20px;padding:14px 48px 14px 16px;font-size:13px;font-weight:850;position:relative}.admin-alert.success{color:#397052;background:#ddf5e5}.admin-alert.error{color:#936137;background:#fff0dc}.admin-alert button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:23px;position:absolute;top:7px;right:13px}.admin-grid{grid-template-columns:minmax(310px,.72fr) minmax(520px,1.28fr);align-items:start;gap:22px;display:grid}.admin-panel{background:#ffffffeb;border:4px solid #fff;border-radius:26px;padding:24px;box-shadow:0 8px #526c601a,0 18px 40px #41584d14}.admin-panel-heading{align-items:center;gap:12px;margin-bottom:22px;display:flex}.admin-panel-heading>span{color:#e2695f;background:#ffe8c8;border-radius:15px;flex:none;place-items:center;width:46px;height:46px;font-size:25px;font-weight:1000;display:grid}.admin-panel-heading h2{margin:0;font-size:22px}.admin-panel-heading p{color:#819089;margin:3px 0 0;font-size:12px;font-weight:750}.admin-add-form{flex-direction:column;gap:16px;display:flex}.admin-add-form>label span{color:#91a099;font-weight:700}.admin-add-form fieldset{border:0;flex-direction:column;gap:9px;margin:0;padding:0;display:flex}.admin-add-form legend{color:#536b65;margin-bottom:9px;font-size:13px;font-weight:950}.admin-pack-option{cursor:pointer;background:#f8fbf9;border:2px solid #e2ebe6;border-radius:14px;align-items:center;gap:11px;padding:11px 12px;display:flex}.admin-pack-option.future{background:#faf8fc}.admin-pack-option input,.customer-packs input{accent-color:#e9685e;width:19px;height:19px}.admin-pack-option span,.admin-pack-option strong,.admin-pack-option small{display:block}.admin-pack-option strong{color:#425a51;font-size:13px}.admin-pack-option small{color:#87968f;margin-top:2px;font-size:10px;font-weight:750}.admin-privacy-note{color:#698076;background:#f1f8f4;border-radius:13px;margin:0;padding:11px;font-size:10px;font-weight:800;line-height:1.45}.customer-heading{margin-bottom:15px}.admin-search{margin-bottom:15px;position:relative}.admin-search span{color:#789087;font-size:25px;position:absolute;top:8px;left:14px}.admin-search input{width:100%;padding-left:42px}.admin-customer-list{flex-direction:column;gap:12px;max-height:720px;padding:2px 3px 7px;display:flex;overflow:auto}.admin-customer{background:#fbfdfc;border:2px solid #dfeae4;border-radius:18px;padding:15px}.admin-customer.inactive{opacity:.7;background:#f5f5f3}.customer-summary{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.customer-avatar{color:#9a6530;background:#ffe6bd;border-radius:14px;place-items:center;width:42px;height:42px;font-size:19px;font-weight:1000;display:grid}.customer-summary strong,.customer-summary small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.customer-summary strong{font-size:14px}.customer-summary small{color:#82918b;margin-top:3px;font-size:11px}.status-toggle{min-height:34px;font:inherit;cursor:pointer;border:0;border-radius:99px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:1000;display:flex}.status-toggle span{background:currentColor;border-radius:50%;width:9px;height:9px}.status-toggle.on{color:#3c8458;background:#ddf4e4}.status-toggle.off{color:#8b7768;background:#eee9e3}.customer-packs{border-top:1px solid #e5ece8;flex-wrap:wrap;gap:7px;margin:13px 0 10px;padding-top:11px;display:flex}.customer-packs label{color:#5d736a;cursor:pointer;background:#f1f6f3;border-radius:10px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;font-weight:900;display:flex}.resend-button{color:#dc6259;font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:10px;font-weight:950}.admin-empty{color:#788b82;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.admin-empty>span{font-size:45px}.admin-empty strong{margin-top:9px;font-size:17px}.admin-empty p{margin:4px 0;font-size:12px}@media (width<=900px){.admin-grid{grid-template-columns:1fr}.admin-customer-list{max-height:none}}@media (width<=620px){.admin-login-card{border-radius:27px;padding:29px 20px}.admin-topbar{align-items:flex-start;height:auto;padding:12px 15px}.admin-account{flex-direction:column;align-items:flex-end;gap:5px}.admin-account span{text-overflow:ellipsis;max-width:145px;overflow:hidden}.admin-page{padding:24px 12px 48px}.admin-hero{flex-direction:column;align-items:flex-start}.admin-hero h1{font-size:33px}.admin-stats{width:100%}.admin-stats div{flex:1;min-width:0}.admin-panel{border-radius:22px;padding:18px 14px}.customer-summary{grid-template-columns:auto minmax(0,1fr)}.status-toggle{grid-column:1/-1;justify-self:start}}.quiz-shell{min-height:100dvh;padding:max(34px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(58px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(circle at 10% 12%,#fffc 0 3px,#0000 4px),radial-gradient(circle at 86% 25%,#ffffffa6 0 4px,#0000 5px),linear-gradient(#cfeeea 0%,#e9f7ed 72%,#d7edcf 72%,#c9e6c2 100%);place-items:center;display:grid;position:relative;overflow:hidden}.game-card,.game-card *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.game-card img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.quiz-shell:after{content:"";opacity:.65;background:#bdddad;border-radius:50% 50% 0 0;height:130px;position:absolute;bottom:7%;left:-5%;right:-5%}.sound-toggle,.fullscreen-toggle{z-index:30;cursor:pointer;border:4px solid #fff;border-radius:18px;place-items:center;width:52px;height:52px;font-size:24px;transition:transform .12s,box-shadow .12s,background .12s;display:grid;position:fixed;top:18px;box-shadow:0 5px #7a69452e,0 10px 24px #3a4f451f}.sound-toggle{background:#fff7df;right:18px}.fullscreen-toggle{color:#52738d;background:#e8f5ff;font-size:27px;font-weight:1000;right:82px}.sound-toggle:active,.fullscreen-toggle:active{transform:translateY(4px);box-shadow:0 1px #7a69452e}.sound-toggle:focus-visible,.fullscreen-toggle:focus-visible{outline-offset:3px;outline:4px solid #77c89a59}.sun,.cloud{-webkit-user-select:none;user-select:none;filter:saturate(.8);position:absolute}.sun{font-size:clamp(46px,8vw,82px);top:5%;right:7%}.cloud{color:#fff;opacity:.8;font-size:clamp(45px,8vw,82px)}.cloud-one{top:15%;left:4%}.cloud-two{opacity:.55;top:7%;left:22%;transform:scale(.65)}.welcome-card,.game-card,.finish-card{z-index:2;background:#fffdf7f5;border:3px solid #ffffffd9;border-radius:40px;width:min(760px,100%);position:relative;box-shadow:0 24px #4c736714,0 28px 70px #426b5e2b}.welcome-card.expanded{width:min(880px,100%);padding:clamp(26px,4vw,44px)}.welcome-card,.finish-card{text-align:center;padding:clamp(30px,6vw,58px)}.welcome-screen{flex-direction:column;justify-content:center;align-items:center;width:min(720px,100%);min-height:590px;display:flex;overflow:hidden;padding:45px!important}.brand-pill,.mini-brand{color:#ef695e;letter-spacing:-.04em;font-weight:1000}.brand-pill{background:#fff0dc;border-radius:999px;padding:8px 19px;font-size:22px;box-shadow:0 4px #f3d2a2}.mini-brand{font-size:18px}.triotots-logo{aspect-ratio:1;object-fit:cover;border-radius:24%;display:block}.triotots-logo-welcome{filter:drop-shadow(0 11px 14px #4b615624);width:min(330px,74vw);margin:-12px auto 3px}.triotots-logo-login{filter:drop-shadow(0 8px 12px #4b61561f);width:min(235px,62vw);margin:-17px auto 8px}.triotots-logo-pack{z-index:2;filter:drop-shadow(0 7px 10px #4b61561c);width:min(175px,42vw);margin:-16px auto -7px;position:relative}.triotots-logo-topic{z-index:2;filter:drop-shadow(0 6px 8px #4b61561a);width:min(132px,32vw);margin:-12px auto -7px;position:relative}.trio-friends{width:330px;height:195px;margin:23px auto 5px;position:relative}.friend{background:#ffe5aa;border:8px solid #fff;border-radius:50%;place-items:center;width:142px;height:142px;font-size:88px;display:grid;position:absolute;box-shadow:0 9px #bf954d40,0 13px 30px #465b5021}.friend-one{background:#ffe0a8;top:38px;left:0;rotate:-8deg}.friend-two{z-index:2;background:#f0e6ff;top:0;left:94px}.friend-three{background:#ffd2a4;top:38px;right:0;rotate:8deg}.welcome-stars{color:#ffc33e;letter-spacing:18px;margin-left:18px;font-size:25px}.welcome-screen h1{margin-top:10px;font-size:clamp(42px,7vw,68px)}.welcome-screen>p{color:#728292;max-width:510px;margin:10px auto 28px;font-size:clamp(17px,2.5vw,21px);font-weight:800}.welcome-start{min-width:280px}.account-signout{z-index:4;color:#647b70;cursor:pointer;background:#edf5ef;border:0;border-radius:15px;align-items:center;gap:7px;min-height:42px;padding:8px 13px;font-size:14px;font-weight:950;display:flex;position:absolute;top:24px;left:26px;box-shadow:0 4px #d5e3d9}.account-signout:active{transform:translateY(3px);box-shadow:0 1px #d5e3d9}.account-email{z-index:2;position:relative;color:#8c9898!important;margin:13px 0 -8px!important;font-size:11px!important;font-weight:850!important}.auth-shell{overflow:auto}.auth-card{flex-direction:column;justify-content:center;align-items:center;width:min(560px,100%);min-height:620px;display:flex;padding:42px clamp(24px,6vw,58px)!important}.auth-card h1{margin:14px 0 4px;font-size:clamp(34px,6vw,50px);line-height:1.05}.auth-mascots{justify-content:center;margin:24px 0 4px;display:flex}.auth-mascots span{background:#ffe4ad;border:5px solid #fff;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 -4px;font-size:41px;display:grid;box-shadow:0 5px #695a3f21}.auth-mascots span:nth-child(2){z-index:2;background:#eee4ff;transform:translateY(-8px)}.auth-mascots span:nth-child(3){background:#ffd8ad}.auth-subtitle{color:#778797;margin:4px 0 22px;font-size:16px;font-weight:850}.auth-form{flex-direction:column;gap:14px;width:100%;display:flex}.auth-form label{text-align:left;color:#536b76;flex-direction:column;gap:6px;font-size:14px;font-weight:950;display:flex}.auth-form input{color:#30435c;width:100%;min-height:56px;font:inherit;background:#fff;border:3px solid #dfe9e4;border-radius:18px;outline:0;padding:12px 16px;font-size:17px;box-shadow:inset 0 2px #425a500a}.auth-form input:focus{border-color:#77c89a;box-shadow:0 0 0 4px #77c89a2e}.auth-password-field{width:100%;position:relative}.auth-password-field input{padding-right:62px}.auth-password-toggle{color:#536b76;cursor:pointer;background:#edf5ef;border:0;border-radius:13px;place-items:center;width:42px;height:42px;font-size:21px;display:grid;position:absolute;top:50%;right:9px;translate:0 -50%}.auth-password-toggle:hover{background:#dff0e6}.auth-password-toggle:active{scale:.94}.auth-password-toggle:focus-visible{outline-offset:2px;outline:3px solid #77c89a6b}.auth-form label.auth-remember{cursor:pointer;background:#f2f8f4;border-radius:14px;flex-direction:row;align-items:center;gap:10px;width:max-content;max-width:100%;margin-top:-2px;padding:7px 10px 7px 7px}.auth-form .auth-remember input{width:24px;height:24px;min-height:0;box-shadow:none;accent-color:#56b77b;cursor:pointer;border:2px solid #b9d3c4;border-radius:7px;flex:none;margin:0;padding:0}.auth-remember>span{flex-direction:column;line-height:1.1;display:flex}.auth-remember strong{color:#526c60;font-size:13px;font-weight:1000}.auth-remember small{color:#84958d;margin-top:3px;font-size:10px;font-weight:850}.auth-submit{width:100%;min-width:0;min-height:58px;margin-top:3px;font-size:19px}.admin-dashboard-link{background:#5dbd84;place-items:center;margin-bottom:10px;text-decoration:none;display:grid;box-shadow:0 7px #3f9b65}.auth-reset{color:#d65f56;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-self:center;padding:7px 10px;font-size:14px;font-weight:950;text-decoration:underline}.auth-message{color:#8c643c;background:#fff3dc;border-radius:13px;margin:0;padding:10px 12px;font-size:13px;font-weight:850}.auth-help{color:#899895;margin:21px 0 0;font-size:12px;font-weight:850}.auth-purchase{border-top:2px dashed #e5ece7;width:100%;margin-top:16px;padding-top:16px}.auth-purchase-label{color:#7c8d88;margin-bottom:10px;font-size:12px;font-weight:950;display:block}.auth-whatsapp{color:#fff;text-align:left;background:#38b96d;border:4px solid #fff;border-radius:20px;align-items:center;gap:12px;width:100%;min-height:66px;padding:11px 14px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 6px #238d50,0 10px 20px #2c975829}.auth-whatsapp:hover{background:#31ad63;transform:translateY(-1px);box-shadow:0 7px #238d50,0 12px 22px #2c975833}.auth-whatsapp:active{transform:translateY(4px);box-shadow:0 2px #238d50,0 5px 10px #2c97581f}.auth-whatsapp:focus-visible{outline-offset:4px;outline:4px solid #38b96d47}.auth-whatsapp-icon{background:#fff3;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;font-size:24px;display:grid}.auth-whatsapp>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.auth-whatsapp strong{font-size:16px;font-weight:1000;line-height:1.15}.auth-whatsapp small{color:#eafff1;margin-top:3px;font-size:12px;font-weight:850}.auth-whatsapp-arrow{color:#269655;background:#fff;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:20px;font-weight:1000;display:grid}.auth-loading,.auth-notice{flex-direction:column;align-items:center;display:flex}.auth-loading p,.auth-notice p{color:#788995;margin:7px 0 20px;font-weight:850}.auth-spinner{border:8px solid #e3efe9;border-top-color:#ff796b;border-radius:50%;width:64px;height:64px;margin:30px 0 5px;animation:.8s linear infinite auth-spin}.auth-notice-icon{background:#fff0dc;border:6px solid #fff;border-radius:31px;place-items:center;width:92px;height:92px;margin-top:22px;font-size:50px;display:grid;box-shadow:0 6px #efd5ac}.auth-notice small{color:#879391;margin:-10px 0 20px;font-weight:800}@keyframes auth-spin{to{transform:rotate(360deg)}}.back-button{z-index:3;color:#647b70;cursor:pointer;background:#edf5ef;border:0;border-radius:18px;width:50px;height:50px;font-size:26px;font-weight:1000;position:absolute;top:27px;left:28px;box-shadow:0 4px #d5e3d9}.pack-screen{background:linear-gradient(#fffaf0,#fffefd);width:min(860px,100%);min-height:590px;position:relative;overflow:hidden;padding:38px 38px 34px!important}.pack-screen:before,.pack-screen:after{content:"";opacity:.42;border-radius:50%;position:absolute}.pack-screen:before{background:#ccebd9;width:180px;height:180px;bottom:-65px;left:-75px}.pack-screen:after{background:#ffd8df;width:150px;height:150px;top:-55px;right:-60px}.pack-screen .mini-brand{z-index:2;background:#fff0dc;border-radius:999px;padding:7px 16px;display:inline-block;position:relative;box-shadow:0 4px #f3d2a2}.pack-mascots{z-index:2;justify-content:center;align-items:center;margin:20px auto 12px;display:flex;position:relative}.pack-mascots span{background:#ffe4ad;border:5px solid #fff;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 -4px;font-size:39px;display:grid;box-shadow:0 5px #695a3f21}.pack-mascots span:nth-child(2){z-index:2;background:#eee4ff;transform:translateY(-8px)}.pack-mascots span:nth-child(3){background:#ffd8ad}.pack-screen h1{z-index:2;font-size:clamp(35px,5vw,52px);position:relative}.pack-screen>p:not(.pack-note){z-index:2;color:#7c8995;margin:6px 0 20px;font-size:17px;font-weight:850;position:relative}.pack-grid{z-index:2;grid-template-columns:1.4fr 1fr 1fr;gap:15px;max-width:760px;margin:0 auto;display:grid;position:relative}.pack-card{color:#40546a;border:5px solid #fff;border-radius:31px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:190px;padding:18px 12px;display:flex;position:relative;box-shadow:0 8px #4e625a21,0 14px 26px #4b5c5417}.pack-card.available{cursor:pointer;background:linear-gradient(145deg,#cfeee6,#ecf8df);transition:transform .15s,box-shadow .15s}.pack-card.available:hover{transform:translateY(-5px)rotate(-1deg);box-shadow:0 12px #4e625a1f,0 18px 30px #4b5c541f}.pack-card.coming{color:#8c929c;cursor:default;background:linear-gradient(145deg,#f0edf5,#faf8fb)}.pack-icon{background:#ffffffc7;border:5px solid #ffffffe6;border-radius:28px;place-items:center;width:84px;height:84px;font-size:47px;display:grid;box-shadow:0 4px #4b5c5414}.pack-card strong{font-size:20px;font-weight:1000}.pack-age{color:#6d7d87;text-transform:uppercase;letter-spacing:.04em;background:#ffffffd1;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:950}.pack-go{color:#fff;background:#ff796b;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;font-weight:1000;display:grid;position:absolute;top:13px;right:13px;box-shadow:0 3px #dd5c52}.construction-shell{color:#30435c;background:linear-gradient(#dff5f3,#eff8dc 72%,#d9edc7);min-height:100dvh;padding:clamp(12px,3vw,34px)}.construction-panel{background:#fffcf5f5;border:5px solid #ffffffe6;border-radius:36px;width:min(980px,100%);margin:0 auto;padding:clamp(20px,4vw,42px);box-shadow:0 12px #4e625a1f,0 24px 50px #4b5c541f}.construction-header{text-align:center;position:relative}.construction-header img{width:min(190px,48vw);margin:0 auto 2px;display:block}.construction-header h1{margin:5px 0 2px;font-size:clamp(34px,6vw,56px);line-height:1}.construction-header p{color:#718091;margin:10px auto 24px;font-weight:850}.construction-back{aspect-ratio:1;color:#587069;background:#e8f2ed;border:4px solid #fff;border-radius:18px;place-items:center;width:54px;font-size:29px;font-weight:1000;text-decoration:none;display:grid;position:absolute;top:4px;left:0;box-shadow:0 5px #d3dfd9}.construction-badge{color:#a46d16;letter-spacing:.12em;background:#fff0cf;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:1000;display:inline-block}.construction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.construction-card{color:#40546a;background:linear-gradient(145deg,#eef8f2,#f8f5df);border:4px solid #fff;border-radius:25px;grid-template-columns:72px 1fr 36px;align-items:center;gap:12px;min-height:108px;padding:13px;text-decoration:none;transition:transform .15s;display:grid;position:relative;box-shadow:0 6px #4e625a1a}.construction-card:hover{transform:translateY(-3px)}.construction-icon{aspect-ratio:1;background:#fff;border-radius:21px;place-items:center;width:70px;font-size:35px;display:grid;box-shadow:0 3px #4e625a14}.construction-copy{flex-direction:column;min-width:0;display:flex}.construction-copy small{color:#df756b;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:1000}.construction-copy strong{font-size:18px;line-height:1.15}.construction-copy em{color:#7b8994;margin-top:4px;font-size:12px;font-style:normal;font-weight:750}.construction-arrow{aspect-ratio:1;color:#fff;background:#ff796b;border-radius:50%;place-items:center;width:32px;font-weight:1000;display:grid;box-shadow:0 3px #dd5c52}.construction-note{color:#89949b;text-align:center;margin:23px 0 0;font-size:13px;font-weight:900}.construction-locked{text-align:center;background:#fffdf7;border:5px solid #fff;border-radius:32px;width:min(500px,100%);margin:15vh auto 0;padding:40px}.construction-locked>span{font-size:54px}.construction-locked h1{margin:8px 0}.construction-locked a{color:#fff;background:#ff796b;border-radius:999px;margin-top:12px;padding:10px 20px;font-weight:900;text-decoration:none;display:inline-block}@media (width<=620px){.construction-shell{padding:7px}.construction-panel{border-radius:27px;padding:17px 10px 25px}.construction-header img{width:145px}.construction-back{border-radius:15px;width:44px;font-size:25px}.construction-header h1{font-size:35px}.construction-header p{padding-inline:18px;font-size:13px}.construction-grid{grid-template-columns:1fr;gap:9px}.construction-card{border-radius:21px;grid-template-columns:60px 1fr 31px;min-height:94px;padding:10px}.construction-icon{border-radius:18px;width:58px;font-size:30px}.construction-copy strong{font-size:16px}.construction-copy em{font-size:11px}.construction-arrow{width:29px}}.trace-shell{color:#30435c;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:linear-gradient(#dff5f3,#eef8dc 72%,#d7ecc5);place-items:center;min-height:100dvh;padding:clamp(8px,2vw,22px);display:grid}.trace-panel{background:#fffdf7;border:5px solid #fffffff0;border-radius:36px;flex-direction:column;gap:13px;width:min(920px,100%);min-height:min(760px,100dvh - 20px);padding:clamp(15px,3vw,30px);display:flex;box-shadow:0 11px #4e625a1f,0 22px 48px #4b5c5421}.trace-header{text-align:center;grid-template-columns:58px 1fr 65px;align-items:center;gap:14px;display:grid}.trace-header div>span{color:#ef786d;letter-spacing:.12em;font-size:11px;font-weight:1000}.trace-header h1{margin:3px 0 0;font-size:clamp(30px,5vw,48px);line-height:1}.trace-header p{color:#7a8896;margin:6px 0 0;font-weight:850}.trace-header>strong{color:#735cbd;background:#eee7ff;border-radius:999px;padding:8px 9px;font-size:13px}.trace-back{aspect-ratio:1;color:#587069;background:#e8f2ed;border:4px solid #fff;border-radius:18px;place-items:center;width:54px;font-size:29px;font-weight:1000;text-decoration:none;display:grid;box-shadow:0 5px #d3dfd9}.trace-progress{background:#e7eee6;border-radius:99px;height:10px;overflow:hidden}.trace-progress i{border-radius:inherit;background:linear-gradient(90deg,#64c794,#8ad47f);height:100%;transition:width .25s;display:block}.trace-board{background:linear-gradient(145deg,#eef8ff,#fff2f2);border:4px solid #fff;border-radius:30px;flex-direction:column;flex:1;justify-content:center;min-height:370px;padding:17px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #d8e8ef,0 7px #dbe4df}.trace-board h2{color:#52677d;text-align:center;margin:0;font-size:clamp(18px,3vw,27px)}.trace-board svg{touch-action:none;cursor:crosshair;flex:1;width:100%;min-height:0;max-height:560px;overflow:visible}.trace-guide-shadow{fill:none;stroke:#fff;stroke-width:28px;stroke-linecap:round;stroke-linejoin:round;opacity:.92}.trace-guide{fill:none;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 22;opacity:.8}.trace-drawing{fill:none;stroke:#53677d;stroke-width:17px;stroke-linecap:round;stroke-linejoin:round;opacity:.88}.trace-endpoint{text-anchor:middle;dominant-baseline:middle;font-size:48px}.trace-hint{color:#788896;text-align:center;margin:0;font-size:14px;font-weight:900}.trace-success{z-index:3;text-align:center;background:#effce2f7;border:5px solid #fff;border-radius:28px;flex-direction:column;align-items:center;width:min(310px,78%);padding:20px;animation:.3s ease-out trace-pop;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 9px #cfe4c5,0 16px 35px #49624d2e}.trace-success span{color:#f3bc3d;font-size:52px;line-height:1}.trace-success strong{color:#4c956b;font-size:28px}.trace-success small{color:#718091;margin-top:3px;font-size:13px;font-weight:800}.trace-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.trace-actions button{color:#62756e;cursor:pointer;background:#eef3ef;border:0;border-radius:18px;min-height:55px;font-size:16px;font-weight:1000;box-shadow:0 5px #d8e2dc}.trace-actions .trace-next{color:#fff;background:#ff796b;box-shadow:0 5px #dd5c52}.trace-locked{text-align:center;background:#fffdf7;border:5px solid #fff;border-radius:32px;width:min(500px,100%);padding:40px}.trace-locked>span{font-size:54px}.trace-locked a{color:#fff;background:#ff796b;border-radius:999px;margin-top:12px;padding:10px 20px;font-weight:900;text-decoration:none;display:inline-block}@keyframes trace-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.75)}}@media (width<=620px){.trace-shell{padding:5px}.trace-panel{border-radius:25px;gap:9px;height:calc(100dvh - 10px);min-height:0;padding:10px}.trace-header{grid-template-columns:46px 1fr 53px;gap:6px}.trace-back{border-radius:14px;width:43px;font-size:24px}.trace-header div>span{font-size:8px}.trace-header h1{font-size:28px}.trace-header p{font-size:12px}.trace-header>strong{padding:6px;font-size:10px}.trace-board{border-radius:22px;min-height:0;padding:8px}.trace-board svg{flex:1;width:100%;max-height:none}.trace-guide-shadow{stroke-width:32px}.trace-guide{stroke-width:12px;stroke-dasharray:1 25}.trace-drawing{stroke-width:20px}.trace-actions button{border-radius:15px;min-height:49px;font-size:14px}}.pack-note{z-index:2;position:relative;color:#8b9a9b!important;margin:20px 0 0!important;font-size:13px!important;font-weight:850!important}.active-pack{color:#637c68;background:#eaf5ec;border-radius:999px;width:max-content;max-width:100%;margin:2px auto 7px;padding:5px 12px;font-size:12px;font-weight:950}.activity-screen{background:linear-gradient(#fff9eb,#fffefd 70%);width:min(900px,100%);min-height:620px;position:relative;overflow:hidden;padding:24px 42px 36px!important}.activity-screen:before,.activity-screen:after{content:"";opacity:.4;border-radius:50%;position:absolute}.activity-screen:before{background:#cbeedb;width:190px;height:190px;bottom:-78px;left:-78px}.activity-screen:after{background:#ffd7df;width:165px;height:165px;top:-62px;right:-64px}.triotots-logo-activity{z-index:2;width:min(170px,32vw);margin:-10px auto -9px;position:relative}.activity-header{z-index:2;position:relative}.activity-header h1{margin:8px 0 4px;font-size:clamp(35px,5vw,50px)}.activity-header p{color:#7b8995;margin:0 0 22px;font-size:16px;font-weight:850}.activity-grid{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:820px;margin:0 auto;display:grid;position:relative}.activity-card{color:#40546a;border:6px solid #fff;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:265px;padding:24px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 9px #4e625a24,0 18px 30px #4b5c541a}.activity-card:before{content:"";background:#ffffff59;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-40px;right:-35px}.activity-quiz{cursor:pointer;background:linear-gradient(145deg,#d9efff,#dff6e6);transition:transform .16s,box-shadow .16s}.activity-quiz:hover{transform:translateY(-5px)rotate(-1deg);box-shadow:0 13px #4e625a1f,0 22px 34px #4b5c5421}.activity-match{color:#40546a;cursor:default;background:linear-gradient(145deg,#eeeaf4,#faf8fb)}.activity-colours{cursor:pointer;background:linear-gradient(145deg,#fff0ca,#ffe8f1);transition:transform .16s,box-shadow .16s}.activity-colours:hover{transform:translateY(-5px)rotate(1deg);box-shadow:0 13px #4e625a1f,0 22px 34px #4b5c5421}.activity-visual{background:#ffffffbf;border:5px solid #fffffff0;border-radius:30px;justify-content:center;align-items:center;gap:8px;width:125px;height:100px;display:flex;box-shadow:0 5px #4b5c5417}.activity-quiz-visual{padding:0;overflow:hidden}.activity-quiz-visual img{object-fit:cover;width:100%;height:100%;display:block}.activity-visual b,.activity-visual em{color:#fff;background:#ff7c70;border-radius:12px;place-items:center;width:38px;height:38px;font-size:23px;font-style:normal;font-weight:1000;display:grid}.activity-visual i{color:#ffc33e;font-size:23px;font-style:normal}.activity-visual em{background:#74c99a}.activity-match-visual{gap:0;width:125px;padding:0;overflow:hidden}.activity-match-visual img{object-fit:cover;width:100%;height:100%;display:block}.activity-colours-visual{width:125px;padding:0;overflow:hidden}.activity-colours-visual img{object-fit:cover;width:100%;height:100%;display:block}.activity-match-visual b,.activity-match-visual em{filter:grayscale(.2);background:0 0;width:auto;height:auto;font-size:41px}.activity-match-visual i{color:#a99bbb;font-size:28px}.activity-copy{z-index:1;text-align:center;gap:6px;display:grid;position:relative}.activity-copy strong{font-size:25px;font-weight:1000}.activity-copy small{color:#6f808d;max-width:245px;font-size:13px;font-weight:850;line-height:1.35}.activity-match .activity-copy small{color:#6f808d}.activity-go{color:#fff;background:#ff796b;border-radius:50%;place-items:center;width:38px;height:38px;font-size:21px;font-weight:1000;display:grid;position:absolute;top:16px;right:16px;box-shadow:0 4px #d95d54}.activity-coming{z-index:1;color:#8b9098;letter-spacing:.08em;background:#ffffffdb;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:1000;position:relative}.activity-note{z-index:2;position:relative;color:#8b9a9b!important;margin:27px 0 0!important;font-size:13px!important;font-weight:850!important}.topic-screen{background:linear-gradient(#fff9e9 0%,#fffdf7 34% 100%);width:min(940px,100%);position:relative;overflow:hidden;padding:16px 34px 28px!important}.topic-screen:before,.topic-screen:after{content:"";opacity:.34;border-radius:50%;width:150px;height:150px;position:absolute}.topic-screen:before{background:#bdebdc;top:105px;left:-62px}.topic-screen:after{background:#ffd6de;top:180px;right:-68px}.topic-sky{z-index:1;justify-content:center;align-items:center;gap:3px;height:74px;margin:-8px auto -18px;font-size:34px;display:flex;position:relative}.topic-rainbow{filter:drop-shadow(0 5px #5b68661a);font-size:72px}.topic-cloud{font-size:36px;transform:translateY(10px)}.topic-header{z-index:2;position:relative}.topic-mascots{justify-content:center;align-items:center;margin:0 auto 1px;display:flex}.topic-mascots span{background:#fff0c7;border:4px solid #fff;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 -3px;font-size:29px;display:grid;box-shadow:0 4px #705b361f}.topic-mascots span:nth-child(2){z-index:2;background:#efe6ff;transform:translateY(-7px)}.topic-mascots span:nth-child(3){background:#ffe0bd}.topic-kicker{color:#ef695e;letter-spacing:.02em;margin:5px 0 2px;font-size:16px;font-weight:1000}.topic-kicker span{color:#ffc43d}.topic-header h1{font-size:clamp(34px,5vw,49px)}.topic-header p{color:#7b8995;margin:5px 0 16px;font-size:16px;font-weight:800}.topic-options{z-index:2;grid-template-columns:1.35fr 1fr;gap:12px;margin:0 0 16px;display:grid;position:relative}.topic-option-group{background:#f7f2ff;border:3px solid #fff;border-radius:20px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex;box-shadow:0 5px #4e625a1a}.topic-option-group:last-child{background:#eef9e8}.topic-option-label{color:#60727e;font-size:12px;font-weight:1000}.option-pills{gap:5px;display:flex}.option-pills button{color:#667884;min-height:36px;font:inherit;cursor:pointer;background:#fffc;border:0;border-radius:13px;padding:7px 12px;font-size:12px;font-weight:950;box-shadow:0 2px #5060591a}.option-pills button.active{color:#fff;background:#ff766b;box-shadow:0 3px #d95d54}.option-pills button:focus-visible{outline-offset:2px;outline:4px solid #ffd05f}.visual-topic-grid{z-index:2;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:19px;position:relative}.topic-chip.visual-topic{text-align:center;border:5px solid #fff;border-radius:31px;flex-direction:column;justify-content:center;gap:8px;min-height:148px;font-size:14px;position:relative;overflow:hidden;box-shadow:0 8px #4e625a21,0 13px 24px #4b5c5414}.topic-chip.visual-topic:before{content:"";background:#ffffff59;border-radius:50%;width:78px;height:78px;position:absolute;bottom:-30px;right:-27px}.topic-chip.visual-topic:after{content:"✦";color:#ffffffe6;font-size:17px;position:absolute;top:10px;left:12px}.topic-chip.visual-topic:hover{transform:translateY(-5px)rotate(-1deg);box-shadow:0 12px #4e625a1f,0 18px 30px #4b5c541c}.topic-chip.visual-topic:nth-child(2n):hover{transform:translateY(-5px)rotate(1deg)}.visual-topic .topic-chip-icon{z-index:1;background:#ffffffc7;border:5px solid #ffffffeb;border-radius:27px;width:78px;height:78px;font-size:41px;position:relative;box-shadow:0 5px #4a5b5417}.visual-topic.capital .topic-chip-icon,.visual-topic.small .topic-chip-icon,.visual-topic.numbers .topic-chip-icon{letter-spacing:-.05em;font-size:25px}.topic-chip-name{z-index:1;color:#40546a;font-size:14px;font-weight:1000;position:relative}.topic-play-mark{z-index:2;color:#ffc23d;opacity:1;background:#fff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:15px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 3px #4d5a541a}.visual-topic.selected{border-color:#ff756a;transform:translateY(-4px)scale(1.02);box-shadow:0 8px #efaaa4,0 15px 25px #e0695f2e}.visual-topic.selected .topic-play-mark{color:#fff;opacity:1;background:#ff796b}.topic-chip.visual-topic.capital{background:linear-gradient(145deg,#d9d0ff,#f0ecff)}.topic-chip.visual-topic.small{background:linear-gradient(145deg,#cfe8ff,#e9f5ff)}.topic-chip.visual-topic.numbers{background:linear-gradient(145deg,#ccefdc,#eaf9df)}.topic-chip.visual-topic.body{background:linear-gradient(145deg,#ffd8b8,#fff0d8)}.topic-chip.visual-topic.home{background:linear-gradient(145deg,#ffe2ad,#fff2d5)}.topic-chip.visual-topic.fruits{background:linear-gradient(145deg,#ffcfc8,#ffe9e5)}.topic-chip.visual-topic.animals{background:linear-gradient(145deg,#d6efb8,#edf8dc)}.topic-chip.visual-topic.transport{background:linear-gradient(145deg,#c6ebef,#e6f7f8)}.topic-chip.visual-topic.heavy{background:linear-gradient(145deg,#ffdda0,#fff0c9)}.topic-chip.visual-topic.colour{background:linear-gradient(145deg,#f3cae9,#fae8f6)}.topic-start{z-index:2;border-radius:999px;min-height:58px;font-size:19px;position:relative}.topic-screen .parent-note{z-index:2;margin-top:14px;position:relative}.body-character-picker{z-index:2;background:#fff0e4;border:3px solid #fff;border-radius:20px;justify-content:center;align-items:center;gap:12px;max-width:470px;margin:-4px auto 14px;padding:9px 12px;display:flex;position:relative;box-shadow:0 5px #705b361a}.body-character-label{color:#6c707b;font-size:13px;font-weight:1000}.body-character-options{gap:7px;display:flex}.body-character-options button{color:#607083;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:14px;align-items:center;gap:6px;padding:7px 15px;font-size:13px;font-weight:1000;display:flex;box-shadow:0 3px #5f594e1f}.body-character-options button.active{color:#fff;background:#ff796b;box-shadow:0 3px #d95d54}.body-character-options button:focus-visible{outline-offset:2px;outline:4px solid #ffd05f}.game-card{padding:clamp(24px,5vw,48px)}.game-card.topic-colour{min-width:0;max-width:100%;overflow:hidden}.tiny-label{color:#638148;letter-spacing:.08em;text-transform:uppercase;background:#eef7d9;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:900;display:inline-flex}.tiny-label strong{color:#e35f58;letter-spacing:.02em;text-transform:none;font-size:15px}.mascot,.finish-mascot{background:#ffe6b6;border:5px solid #fff;border-radius:50%;place-items:center;width:112px;height:112px;margin:22px auto 12px;font-size:68px;display:grid;box-shadow:0 8px #f3cf8d}h1{letter-spacing:-.035em;margin:0;font-weight:950;line-height:1.08}.welcome-card h1,.finish-card h1{font-size:clamp(38px,7vw,64px)}.welcome-card>p{color:var(--muted);margin:12px 0 18px;font-size:clamp(17px,3vw,22px);font-weight:700}.welcome-heading{text-align:left;justify-content:center;align-items:center;gap:22px;margin:18px 0 16px;display:flex}.welcome-heading .mascot.compact{flex:none;width:88px;height:88px;margin:0;font-size:54px}.welcome-heading h1{font-size:clamp(34px,6vw,55px)}.welcome-heading p{color:var(--muted);margin:7px 0 0;font-size:clamp(15px,2.5vw,20px);font-weight:750}.selection-label{letter-spacing:.08em;text-transform:uppercase;color:#667885!important;margin:8px 0 9px!important;font-size:13px!important;font-weight:950!important}.language-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:560px;margin:0 auto 20px;display:grid}.language-picker button{color:#5d6e7e;cursor:pointer;background:#fff;border:3px solid #e2e8e2;border-radius:18px;min-height:54px;font-size:17px;font-weight:950;transition:all .15s;box-shadow:0 4px #dce4dd}.language-picker button span{margin-right:7px;font-size:21px}.language-picker button.selected{color:#d6574d;background:#fff0ed;border-color:#ff8174;box-shadow:0 4px #f3b1aa}.language-picker button:active{transform:translateY(3px);box-shadow:0 1px #dce4dd}.topic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 23px;display:grid}.topic-chip{color:#536779;text-align:left;cursor:pointer;border:3px solid #0000;border-radius:16px;align-items:center;gap:9px;min-height:58px;padding:9px 11px;font-size:12px;font-weight:900;line-height:1.15;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex}.topic-chip:hover{transform:translateY(-2px)}.topic-chip.selected{border-color:#ff796b;transform:translateY(-2px);box-shadow:0 5px #f2b1aa}.topic-chip-icon{background:#ffffffc7;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:20px;font-weight:1000;display:grid}.topic-chip.capital,.topic-badge.capital,.question-icon.capital{color:#6756a6;background:#e8e3ff}.topic-chip.small,.topic-badge.small,.question-icon.small{color:#4778aa;background:#e1efff}.topic-chip.numbers,.topic-badge.numbers,.question-icon.numbers{color:#4d8057;background:#ddf3d8}.topic-chip.home,.topic-badge.home,.question-icon.home{color:#9a6d32;background:#fff0d8}.topic-chip.fruits,.topic-badge.fruits,.question-icon.fruits{color:#a8534c;background:#ffe3e0}.topic-chip.animals,.topic-badge.animals,.question-icon.animals{color:#60833b;background:#e8f3d8}.topic-chip.transport,.topic-badge.transport,.question-icon.transport{color:#3e7e85;background:#dff3f5}.topic-chip.heavy,.topic-badge.heavy,.question-icon.heavy{color:#906223;background:#ffebc5}.topic-chip.colour,.topic-badge.colour,.question-icon.colour{color:#965184;background:#f5e2f2}.preview-row{justify-content:center;align-items:center;gap:17px;min-height:62px;margin:16px 0 25px;font-size:44px;display:flex}.mini-color{border:4px solid #fff;border-radius:50%;width:43px;height:43px;display:block;box-shadow:0 3px 8px #bec9c5}.mini-color.red{background:#ef4b4b}.mini-color.blue{background:#3f7ee8}.mini-color.yellow{background:#f5c94a}.start-button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:22px;min-width:min(320px,100%);min-height:66px;padding:15px 28px;font-size:23px;font-weight:950;transition:transform .12s,box-shadow .12s;box-shadow:0 7px #dd5c52}.start-button:hover{transform:translateY(-2px);box-shadow:0 9px #dd5c52}.start-button:active{transform:translateY(5px);box-shadow:0 2px #dd5c52}.start-button:disabled{cursor:not-allowed;background:#cdd7d1;transform:none;box-shadow:0 6px #b3c0b8}.welcome-card .parent-note{color:#8b9a9b;margin:20px 0 0;font-size:13px;font-weight:800}.game-top{justify-content:space-between;align-items:center;display:flex}.game-heading{align-items:center;gap:11px;min-width:0;display:flex}.game-back-button{color:#82694c;cursor:pointer;background:#fff0dc;border:0;border-radius:16px;flex:none;width:48px;height:48px;font-size:25px;font-weight:1000;box-shadow:0 4px #ecd8ba}.question-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.topic-badge{border-radius:11px;align-items:center;gap:5px;min-height:31px;padding:5px 10px;font-size:12px;font-weight:950;display:inline-flex}.round-count{color:#6b7d86;letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:950}.sound-button{cursor:pointer;background:#e4f3ef;border:0;border-radius:18px;width:54px;height:54px;font-size:25px;box-shadow:0 4px #c7dfd8}.sound-button:active{transform:translateY(3px);box-shadow:0 1px #c7dfd8}.progress-track{background:#e9eee9;border-radius:99px;height:11px;margin:16px 0 25px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,var(--green),#9bd27e);height:100%;transition:width .3s}.question-icon{border-radius:23px;place-items:center;width:68px;height:68px;margin:0 auto 10px;font-size:37px;display:grid;transform:rotate(-3deg)}.question-icon.color{background:#fff0c3}.question-icon.word{background:#e5edff}.helper-text{text-align:center;color:#8b99a3;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:13px;font-weight:900}.game-card h1{text-align:center;max-width:620px;margin:0 auto 27px;font-size:clamp(28px,5vw,45px)}.choices{grid-template-columns:repeat(3,1fr);gap:clamp(10px,2.5vw,20px);display:grid}.color-choices{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0}.choice-button{min-height:180px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:3px solid #e5ebe6;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:17px 10px 13px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;box-shadow:0 7px #dce5df}.color-choices .choice-button{min-width:0;overflow:hidden}.choice-button:hover{border-color:#b7dccc;transform:translateY(-3px);box-shadow:0 10px #dce5df}.choice-button:active{transform:translateY(5px)scale(.98);box-shadow:0 2px #dce5df}.choice-button:focus-visible,.start-button:focus-visible,.sound-button:focus-visible,.game-back-button:focus-visible,.exit-actions button:focus-visible{outline-offset:4px;outline:5px solid #4984d8}.choice-button:disabled{cursor:default}.color-dot{border:7px solid #fff;border-radius:50%;width:clamp(88px,14vw,120px);height:clamp(88px,14vw,120px);box-shadow:0 5px 15px #35424e3b,inset 0 -8px #00000012}.choice-emoji{filter:drop-shadow(0 5px 3px #2f3d4821);font-size:clamp(70px,11vw,102px);line-height:1}.choice-emoji.large{font-size:118px}.table-visual{filter:drop-shadow(0 6px 3px #2f3d482e);width:120px;height:94px;display:block;position:relative}.table-visual:before{content:"";background:#b97748;border-radius:9px 9px 6px 6px;width:112px;height:27px;position:absolute;top:17px;left:4px;box-shadow:inset 0 -7px #985b36}.table-visual:after{content:"";background:#8f5738;border-radius:0 0 5px 5px;width:14px;height:50px;position:absolute;top:42px;left:18px;box-shadow:70px 0 #8f5738}.table-visual.large{transform:scale(1.25)}.letter-visual{color:#574a93;background:linear-gradient(145deg,#f4f0ff,#e8e1ff);border-radius:27px;place-items:center;width:clamp(88px,14vw,118px);height:clamp(88px,14vw,118px);font-size:clamp(58px,9vw,86px);font-weight:1000;line-height:1;display:grid;box-shadow:inset 0 -7px #6652a617}.letter-visual.large{width:135px;height:135px;font-size:94px}.letter-choices .choice-label{display:none}.number-visual{color:#42714f;background:linear-gradient(145deg,#edfae8,#d8f1d2);border-radius:27px;place-items:center;width:clamp(88px,14vw,118px);height:clamp(88px,14vw,118px);font-size:clamp(58px,9vw,82px);font-weight:1000;line-height:1;display:grid;box-shadow:inset 0 -7px #467d521a}.number-visual.large{width:135px;height:135px;font-size:88px}.number-choices .choice-label{display:none}.choice-label{font-size:18px;font-weight:950}.quiz-sprite{--sprite-bg:#fbf8f1;filter:drop-shadow(0 5px 4px #2f3d481f);background:var(--sprite-bg);border-radius:22px;width:clamp(105px,15vw,138px);height:clamp(94px,13.5vw,124px);display:block;position:relative;overflow:hidden}.quiz-sprite img{object-fit:fill;width:300%;max-width:none;height:500%;position:absolute}.quiz-sprite:after{content:"";z-index:2;background:var(--sprite-bg);height:13px;position:absolute;inset:0 0 auto}.quiz-sprite.large{width:165px;height:148px}.animal-sprite{--sprite-bg:#fff9ec;border:4px solid #fff4df}.body-sprite{--sprite-bg:#fff8ec;border:4px solid #fff1dc}.body-sprite:after{display:none}.colour-object{--object-color:#ef4b4b;width:118px;height:108px;color:var(--object-color);filter:drop-shadow(0 6px 3px #313c472b);place-items:center;display:grid;position:relative}.svg-colour{overflow:visible}.colour-object.large{scale:1.25}.colour-object.heart:before{content:"♥";font-size:112px;line-height:1}.colour-object.star:before{content:"★";font-size:112px;line-height:1}.colour-object.flower:before{content:"✿";font-size:112px;line-height:1}.colour-object.sun:before{content:"☀";font-size:110px;line-height:1}.colour-object.leaf:before{content:"❧";font-size:118px;line-height:1;transform:rotate(-25deg)}.colour-object.cloud:before{content:"☁";-webkit-text-stroke:2px #cbd4d8;font-size:112px;line-height:1}.colour-object.square{background:var(--object-color);border-radius:18px;width:94px;height:94px}.colour-object.triangle{border-left:55px solid #0000;border-right:55px solid #0000;border-bottom:96px solid var(--object-color);width:0;height:0}.colour-object.diamond{background:var(--object-color);border-radius:10px;width:80px;height:80px;margin:12px;transform:rotate(45deg)}.colour-object.oval{background:var(--object-color);border-radius:50%;width:108px;height:78px}.colour-object.balloon{background:var(--object-color);border-radius:50%;width:82px;height:98px}.colour-object.balloon:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:12px solid var(--object-color);position:absolute;bottom:-10px;left:38px}.colour-object.balloon:after{content:"";background:#82909a;width:2px;height:24px;position:absolute;top:106px;left:41px}.colour-object.house{background:var(--object-color);border-radius:6px;width:98px;height:72px;margin-top:30px}.colour-object.house:before{content:"";border-left:58px solid #0000;border-right:58px solid #0000;border-bottom:52px solid var(--object-color);position:absolute;top:-48px;left:-9px}.colour-object.house:after{content:"";background:#ffffffbf;border-radius:5px 5px 0 0;width:22px;height:38px;position:absolute;bottom:0;left:40px}.colour-object.car{background:var(--object-color);border-radius:25px 32px 13px 13px;width:105px;height:53px;margin-top:20px}.colour-object.car:before{content:"";background:var(--object-color);border-radius:30px 35px 0 0;width:65px;height:40px;position:absolute;top:-30px;left:21px}.colour-object.car:after{content:"●  ●";color:#4f5961;letter-spacing:27px;white-space:nowrap;font-size:27px;position:absolute;bottom:-20px;left:15px}.colour-object.apple{background:var(--object-color);border-radius:46% 46% 50% 50%;width:88px;height:88px}.colour-object.apple:before{content:"●";color:#63a75c;font-size:35px;position:absolute;top:-25px;right:7px;transform:scaleX(1.5)rotate(-28deg)}.colour-object.apple:after{content:"";background:#6d533f;width:5px;height:19px;position:absolute;top:-13px;left:45px;transform:rotate(9deg)}.colour-object.fish{background:var(--object-color);border-radius:50%;width:93px;height:65px}.colour-object.fish:before{content:"";border-top:24px solid #0000;border-bottom:24px solid #0000;border-right:39px solid var(--object-color);position:absolute;top:9px;left:-34px}.colour-object.fish:after{content:"●";color:#fff;text-shadow:2px 2px #424b52;font-size:20px;position:absolute;top:7px;right:17px}.answer-overlay{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;background:#ffffffd1;border-radius:37px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.answer-overlay.right{background:#e2fae7e6}.answer-overlay.wrong{background:#fff3daeb}.answer-bubble{opacity:1;border:7px solid #fff;border-radius:44px;flex-direction:column;justify-content:center;align-items:center;gap:13px;width:min(430px,86%);min-height:390px;padding:34px;animation:.38s cubic-bezier(.17,.89,.32,1.35) bubble-pop;display:flex;position:relative;box-shadow:0 18px #4370531f,0 26px 55px #42584e38}.right .answer-bubble{background:linear-gradient(160deg,#cbf3d6,#f5fff5)}.wrong .answer-bubble{background:linear-gradient(160deg,#ffe3ad,#fffaf0)}.feedback-symbol{color:#fff;border:7px solid #fff;border-radius:50%;place-items:center;width:88px;height:88px;margin-top:-18px;font-size:58px;font-weight:1000;display:grid;box-shadow:0 7px #36554424}.right .feedback-symbol{background:#5dcc83}.wrong .feedback-symbol{background:#ffb552;font-size:51px}.feedback-visual{place-items:center;min-height:155px;display:grid}.feedback-words{color:#365c47;text-align:center;font-size:clamp(32px,5vw,48px);font-weight:1000;line-height:1}.wrong .feedback-words{color:#8a5d2d}.wrong .answer-bubble{justify-content:center;gap:12px;min-height:350px}.exit-overlay{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#3649436b;border-radius:37px;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.exit-dialog{text-align:center;background:linear-gradient(160deg,#fff8e7,#fffdf7);border:6px solid #fff;border-radius:32px;width:min(450px,100%);padding:34px 30px 30px;box-shadow:0 18px 45px #2d40393d}.exit-mascot{background:#ffe4ad;border:6px solid #fff;border-radius:50%;place-items:center;width:88px;height:88px;margin:-76px auto 15px;font-size:54px;display:grid;box-shadow:0 6px #e7c27e}.exit-dialog h2{color:#38594d;margin:0 0 8px;font-size:clamp(26px,5vw,36px);line-height:1.1}.exit-dialog p{color:#718078;margin:0 0 24px;font-size:17px;font-weight:800}.exit-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.exit-actions button{cursor:pointer;border:0;border-radius:18px;min-height:56px;padding:10px 14px;font-size:16px;font-weight:1000}.exit-stay{color:#fff;background:#62bd87;box-shadow:0 5px #429b68}.exit-leave{color:#936655;background:#f4e3d8;box-shadow:0 5px #ddc4b5}.celebration-bits{color:#ffbd32;letter-spacing:24px;text-align:center;font-size:38px;animation:.55s ease-in-out infinite alternate sparkle;position:absolute;inset:30px 0 auto}.finish-topic{color:#637c56;background:#edf5e7;border-radius:99px;align-items:center;gap:8px;margin:14px 0 4px;padding:8px 15px;font-size:15px;font-weight:950;display:inline-flex}.big-score{color:#ff7569;justify-content:center;align-items:flex-end;gap:7px;margin-top:13px;display:flex}.big-score strong{font-size:88px;font-weight:1000;line-height:.9}.big-score span{color:#758493;font-size:31px;font-weight:950}.score-caption{color:#788997;text-transform:uppercase;letter-spacing:.08em;margin:8px 0 0;font-size:16px;font-weight:900}.finish-actions{flex-direction:column;align-items:center;gap:15px;display:flex}.secondary-button{color:#627486;cursor:pointer;background:#fff;border:3px solid #dce6df;border-radius:18px;min-height:52px;padding:10px 25px;font-size:16px;font-weight:950}@keyframes bubble-pop{0%{transform:scale(.72)rotate(-4deg)}to{transform:scale(1)rotate(0)}}@keyframes sparkle{to{transform:translateY(-8px)scale(1.05)}}.confetti{letter-spacing:14px;font-size:39px}.finish-mascot{width:125px;height:125px;font-size:77px;animation:.7s ease-in-out infinite alternate bounce}.score-line{color:var(--muted);margin:12px 0 8px;font-size:23px;font-weight:800}.star-row{color:#dfe5df;justify-content:center;gap:5px;margin:15px 0 29px;font-size:clamp(35px,7vw,55px);display:flex}.star-row .earned{color:#ffc83d;text-shadow:0 3px #e4a92c}footer{z-index:2;color:#66806c;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900;position:absolute;bottom:18px}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@media (width<=620px){.quiz-shell{align-items:center;padding:18px 13px 48px}.welcome-card,.game-card,.finish-card{border-radius:30px}.welcome-screen{min-height:610px;padding:30px 17px!important}.triotots-logo-welcome{width:min(285px,78vw);margin-top:-4px}.triotots-logo-login{width:min(205px,57vw);margin-top:-8px}.trio-friends{width:285px;height:180px}.friend{width:125px;height:125px;font-size:75px}.friend-two{left:80px}.welcome-screen h1{font-size:39px}.welcome-screen>p{font-size:16px}.language-screen{min-height:590px;padding:35px 14px!important}.back-button{width:44px;height:44px;top:18px;left:17px}.language-cards{grid-template-columns:1fr;gap:13px}.language-cards button{flex-direction:row;min-height:135px}.language-bubble{min-width:95px;font-size:20px}.language-cards strong{font-size:20px}.topic-screen{padding:25px 12px 22px!important}.topic-header h1{padding-inline:45px;font-size:31px}.topic-header p{margin-bottom:15px;font-size:14px}.visual-topic-grid{grid-template-columns:repeat(2,1fr);gap:9px}.topic-chip.visual-topic{border-radius:22px;min-height:112px;font-size:12px}.visual-topic .topic-chip-icon{border-radius:18px;width:57px;height:57px;font-size:31px}.welcome-card.expanded{padding:22px 14px}.start-button{min-height:56px;font-size:18px}.game-card{padding:20px 14px 25px}.game-card h1{overflow-wrap:anywhere;margin-bottom:20px}.choices{gap:8px}.choice-button{border-width:2px;border-radius:21px;min-height:142px;padding-inline:5px}.color-choices .colour-object{aspect-ratio:140/120;width:min(84px,100%);height:auto;scale:1}.choice-emoji{font-size:clamp(55px,17vw,76px)}.letter-visual,.number-visual{border-radius:20px;width:clamp(68px,20vw,90px);height:clamp(68px,20vw,90px);font-size:clamp(48px,16vw,66px)}.quiz-sprite{width:clamp(82px,23vw,105px);height:clamp(74px,21vw,94px)}.colour-object{scale:.78}.colour-object.large{scale:1}.choice-label{font-size:13px}.answer-overlay{border-radius:28px}.answer-bubble{border-radius:35px;min-height:340px;padding:25px 16px}.feedback-symbol{width:76px;height:76px;font-size:49px}.feedback-words{font-size:34px}.celebration-bits{letter-spacing:14px;font-size:28px}.big-score strong{font-size:72px}.sun{top:2%;right:2%}.cloud-one{left:-8%}.game-heading{gap:7px}.game-back-button{border-radius:14px;width:43px;height:43px}.topic-badge{max-width:130px}.exit-overlay{padding:18px}.exit-dialog{padding:30px 18px 22px}.exit-actions{grid-template-columns:1fr}.exit-actions button{min-height:52px}.wrong .answer-bubble{min-height:315px}.pack-screen{min-height:670px;padding:30px 12px 26px!important}.triotots-logo-pack{width:min(158px,41vw);margin-top:-17px;margin-bottom:-8px}.pack-mascots{margin-top:25px}.pack-mascots span{width:52px;height:52px;font-size:31px}.pack-screen h1{padding-inline:35px;font-size:34px}.pack-screen>p:not(.pack-note){margin-bottom:15px;font-size:14px}.pack-grid{grid-template-columns:1fr 1fr;gap:10px}.pack-card{border-radius:24px;min-height:154px;padding:12px 7px}.pack-card.available{grid-column:1/-1;min-height:175px}.pack-icon{border-radius:22px;width:65px;height:65px;font-size:37px}.pack-card strong{font-size:16px}.pack-age{font-size:10px}.pack-note{padding-inline:20px;margin-top:15px!important}.active-pack{font-size:11px}}.match-artwork-game{gap:10px;padding:4px 0 12px;display:grid}.match-artwork-toolbar{color:#6b4938;justify-content:space-between;align-items:center;gap:12px;padding:0 4px 4px;display:flex}.match-artwork-toolbar small{color:#a96842;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:1000;display:block}.match-artwork-toolbar strong{margin-top:2px;font-size:1.4rem;display:block}.match-artwork-toolbar-actions{align-items:center;gap:9px;display:flex}.match-artwork-toolbar-actions>span{color:#fff;white-space:nowrap;background:#8060d5;border-radius:999px;padding:8px 13px;font-size:.88rem;font-weight:950}.match-artwork-toolbar .sound-toggle{width:42px;min-width:42px;height:42px;position:static}.match-artwork-stage{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:25px;width:100%;position:relative;overflow:hidden}.match-artwork-stage>img{pointer-events:none;width:100%;height:auto;display:block}.match-artwork-lines{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.match-artwork-hotspot{z-index:3;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:22px;padding:0;display:block;position:absolute}.match-artwork-hotspot:active{cursor:grabbing}.match-artwork-hotspot:focus-visible{outline-offset:3px;outline:4px solid #3e91e1b3}.match-artwork-right{cursor:pointer}.match-artwork-message{color:#8a6d5b;text-align:center;min-height:27px;margin:0;font-weight:900}.match-artwork-message.complete{color:#319d7e}@media (width<=620px){.match-artwork-toolbar{padding-inline:2px}.match-artwork-toolbar strong{font-size:1.08rem}.match-artwork-toolbar small{font-size:.6rem}.match-artwork-toolbar-actions>span{padding:7px 9px;font-size:.72rem}.match-artwork-toolbar .sound-toggle{width:37px;min-width:37px;height:37px}.match-artwork-stage{border-radius:18px}}.match-play-shell{place-items:center;height:100dvh;display:grid;overflow:hidden;min-height:100dvh!important;padding:8px!important}.match-play-home{aspect-ratio:1040/1536;width:min(67.7dvh,100vw - 16px);height:auto;max-width:none!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;overflow:visible!important}.match-artwork-game{width:100%;height:100%;padding:0;display:block}.match-artwork-stage{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:clamp(16px,2vw,26px);width:100%;height:100%;max-height:calc(100dvh - 16px);position:relative;overflow:hidden}.match-artwork-stage>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.match-artwork-back,.match-artwork-sound{z-index:5;aspect-ratio:1;color:#76533e;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff8e3f5;border:0;border-radius:50%;place-items:center;width:clamp(38px,5vw,58px);font-size:clamp(23px,3vw,35px);font-weight:950;line-height:1;text-decoration:none;display:grid;position:absolute;top:3.4%;box-shadow:0 4px #6a4b3324}.match-artwork-back{left:5.8%}.match-artwork-sound{right:5.8%}.match-artwork-page{z-index:5;color:#6f5a4b;background:#fff8e3e0;border-radius:999px;padding:.34em .75em;font-size:clamp(10px,1.5vw,16px);font-weight:950;position:absolute;bottom:3.2%;right:5.8%;box-shadow:0 2px #6a4b331a}.match-artwork-lines{z-index:2}.match-artwork-lines line{stroke-width:1.15px;stroke-linecap:round;filter:drop-shadow(0 .2px .14px #4d382a40)}.match-artwork-lines .dragging{stroke-dasharray:2.4 1.8;opacity:.92}.match-artwork-hotspot{z-index:3;-webkit-user-select:none;user-select:none;background:0 0;border-radius:16px}.match-artwork-hotspot.matched{outline-offset:-5px;outline:3px solid #ffffffd1}.match-artwork-feedback{z-index:5;color:#6f5a4b;text-align:center;opacity:0;pointer-events:none;background:#fffbeff0;border-radius:999px;width:max-content;max-width:70%;padding:.42em .85em;font-size:clamp(11px,1.65vw,18px);font-weight:950;transition:opacity .16s,transform .16s;position:absolute;bottom:8.2%;left:50%;transform:translate(-50%,8px);box-shadow:0 3px #6a4b331f}.match-artwork-feedback.show{opacity:1;transform:translate(-50%)}.match-artwork-feedback.complete{color:#227f61}.match-artwork-actions{z-index:6;gap:7px;display:flex;position:absolute;bottom:3.2%;left:50%;transform:translate(-50%)}.match-artwork-actions button{color:#6d5949;min-height:clamp(28px,4vw,40px);font:inherit;white-space:nowrap;cursor:pointer;background:#fff4dd;border:0;border-radius:999px;padding:.35em .8em;font-size:clamp(10px,1.45vw,16px);font-weight:950;box-shadow:0 3px #6a4b3326}.match-artwork-actions .primary{color:#fff;background:#8060d5;box-shadow:0 3px #6550ab}@media (width<=620px){.match-play-shell{padding:4px!important}.match-play-home{width:min(67.7dvh,100vw - 8px)}.match-artwork-stage{max-height:calc(100dvh - 8px)}.match-artwork-hotspot{border-radius:10px}.activity-screen{min-height:660px;padding:22px 12px 28px!important}.triotots-logo-activity{width:min(145px,38vw);margin-top:-12px}.activity-header h1{padding-inline:38px;font-size:32px}.activity-header p{margin-bottom:16px;font-size:14px}.activity-grid{grid-template-columns:1fr;gap:14px}.activity-card{border-radius:27px;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:15px;min-height:176px;padding:18px 17px;display:grid}.activity-visual,.activity-match-visual{border-radius:24px;width:105px;height:94px}.activity-match-visual b,.activity-match-visual em{font-size:31px}.activity-match-visual i{font-size:20px}.activity-copy{text-align:left}.activity-copy strong{font-size:21px}.activity-copy small{font-size:12px}.activity-coming{font-size:9px;position:absolute;bottom:13px;right:13px}.activity-note{margin-top:20px!important}.activity-go{width:33px;height:33px;top:12px;right:12px}.topic-screen{padding:10px 10px 20px!important}.triotots-logo-topic{width:min(116px,30vw);margin-top:-7px;margin-bottom:-7px}.topic-sky{height:58px;margin:-6px auto -13px}.topic-rainbow{font-size:55px}.topic-cloud{font-size:27px}.topic-mascots span{border-width:3px;width:40px;height:40px;font-size:24px}.topic-kicker{font-size:14px}.topic-header h1{padding-inline:42px;font-size:30px}.topic-header p{margin-bottom:12px;font-size:13px}.visual-topic-grid{gap:8px;margin-bottom:15px}.topic-chip.visual-topic{border-width:4px;border-radius:24px;gap:6px;min-height:121px}.visual-topic .topic-chip-icon{border-radius:21px;width:62px;height:62px;font-size:32px}.visual-topic.capital .topic-chip-icon,.visual-topic.small .topic-chip-icon,.visual-topic.numbers .topic-chip-icon{font-size:20px}.topic-chip-name{font-size:12px}.topic-play-mark{width:24px;height:24px;font-size:12px;top:7px;right:7px}.topic-start{min-height:54px;font-size:18px}.topic-screen .parent-note{margin-top:11px}.topic-chip.visual-topic:after{font-size:13px;top:6px;left:8px}.topic-options{grid-template-columns:1fr;gap:7px;margin-bottom:12px}.topic-option-group{border-radius:16px;padding:6px 7px 6px 11px}.topic-option-label{font-size:11px}.option-pills button{min-height:33px;padding:6px 9px;font-size:11px}.body-character-picker{flex-direction:column;gap:6px;margin-top:-2px;padding:8px}.body-character-options button{min-height:38px;padding:6px 13px}}@media (width>=900px){.visual-topic-grid{grid-template-columns:repeat(5,1fr);gap:12px}}@media (height<=720px) and (width>=621px){.quiz-shell{padding-block:18px 45px}.game-card{padding-block:22px}.choice-button{min-height:145px}.choice-emoji{font-size:72px}.color-dot{width:86px;height:86px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (prefers-color-scheme:dark){:root,html{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light only!important;background:#dff2ef!important}body{color:#30435c!important;background:#dff2ef!important}.quiz-shell{background:radial-gradient(circle at 10% 12%,#fffc 0 3px,#0000 4px),radial-gradient(circle at 86% 25%,#ffffffa6 0 4px,#0000 5px),linear-gradient(#cfeeea 0%,#e9f7ed 72%,#d7edcf 72%,#c9e6c2 100%)!important}.welcome-card,.game-card,.finish-card{color:#30435c!important;background:#fffdf7fa!important}.choice-button{color:#30435c!important;background:#fff!important}}.action-logo{margin:0 auto;display:block}.action-shell{height:auto;min-height:100dvh;overflow:auto}.action-game-card{flex-direction:column;justify-content:center;height:auto;min-height:0;display:flex}.action-choices{align-items:start}.action-choices button{flex-direction:column;width:100%;min-width:0;height:auto;min-height:0;display:flex;overflow:hidden}.action-choices img{flex:none}.action-choices span{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;text-align:center;justify-content:center;align-items:center;width:100%;min-height:3.05em;padding:5px 2px 3px;line-height:1.28;display:flex;overflow:visible}.action-feedback-overlay{border-radius:28px}.action-feedback-visual{min-height:155px}.action-feedback-visual img{object-fit:contain;width:210px;height:210px;display:block}@media (width<=700px){.action-shell{place-items:center;padding:14px 10px}.action-game-card{height:auto;min-height:0;padding:16px 14px 26px}.action-helper{margin-top:22px}.action-choices{gap:12px;margin-top:8px}.action-choices button{height:auto;min-height:0;padding:7px 6px 11px}.action-choices img{min-height:0}.action-choices span{min-height:3.2em;padding-top:7px;font-size:.82rem}.action-feedback-visual img{width:180px;height:180px}}.magic-finish.magic-result-card{flex-direction:column;justify-content:center;align-items:center;gap:0;padding:24px 28px 30px;display:flex}.magic-finish.magic-result-card .magic-confetti{margin:0 0 8px;line-height:1}.magic-finish.magic-result-card .magic-result-art{aspect-ratio:1;object-fit:contain;flex:none;width:min(300px,76vw);max-height:42vh;margin:0 auto}.magic-finish.magic-result-card h1{font-size:clamp(2.15rem,7vw,3rem);line-height:1.08;position:relative;margin:22px 0 6px!important}.magic-finish.magic-result-card>p{margin:0;line-height:1.35}@media (width<=700px){.magic-finish.magic-result-card{padding:20px 15px 24px}.magic-finish.magic-result-card .magic-result-art{width:min(260px,72vw);max-height:38vh}.magic-finish.magic-result-card h1{margin-top:18px!important}.magic-result-actions{width:100%}}.tc-shell{color:#38566a;background:linear-gradient(#ccefff 0%,#eefcff 52%,#fff8cf 100%);place-items:center;min-height:100dvh;padding:22px;display:grid}.tc-menu,.tc-game,.tc-finish{background:#fff;border-radius:42px;width:min(900px,100%);padding:28px;position:relative;box-shadow:0 14px #4470701f,0 25px 60px #436f7d1f}.tc-menu{text-align:center}.tc-back{aspect-ratio:1;color:#3880a0;background:#edf8fc;border-radius:50%;place-items:center;width:58px;font-size:28px;font-weight:1000;text-decoration:none;display:grid;position:absolute;top:25px;left:25px}.tc-review{color:#a36f22;letter-spacing:.08em;background:#fff0ba;border-radius:999px;padding:7px 13px;font-size:11px;font-weight:1000;display:inline-block}.tc-menu h1{color:#344a64;margin:10px 0 4px;font-size:clamp(34px,6vw,55px);line-height:1}.tc-menu>p{color:#83939c;margin:0;font-weight:800}.tc-setting{color:#378263;background:#eaf8f1;border-radius:999px;margin:15px 0 20px;padding:8px 16px;font-weight:900;display:inline-block}.tc-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tc-topic-grid button{color:#40566b;cursor:pointer;background:linear-gradient(145deg,#eaf7ff,#fff3d8);border:5px solid #fff;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;min-height:275px;padding:15px;display:flex;box-shadow:0 7px #dbe9e7}.tc-topic-grid button:nth-child(2){background:linear-gradient(145deg,#e9f9ea,#eaf6ff)}.tc-topic-grid button:nth-child(3){background:linear-gradient(145deg,#fff1d7,#ffe9e5)}.tc-topic-grid button:nth-child(4){background:linear-gradient(145deg,#eee9ff,#e9f6ff)}.tc-topic-grid button>div,.tc-topic-grid button>.tc-single,.tc-topic-grid button>.tc-arrow{height:135px}.tc-topic-grid strong{margin-top:8px;font-size:24px}.tc-topic-grid span:not(.tc-arrow){color:#748993;margin-top:4px;font-weight:750}.tc-topic-grid em{color:#85939b;text-transform:uppercase;background:#fff;border-radius:999px;margin-top:9px;padding:5px 10px;font-size:10px;font-style:normal;font-weight:1000}.tc-game{padding:24px 30px 38px}.tc-game header{grid-template-columns:62px 1fr 62px;align-items:center;display:grid}.tc-game header button{aspect-ratio:1;color:#3880a0;background:#edf8fc;border:0;border-radius:50%;width:56px;font-size:27px;font-weight:1000}.tc-game header div{text-align:center}.tc-game header b,.tc-game header span{display:block}.tc-game header b{font-size:24px}.tc-game header span{color:#d5765c;margin-top:4px;font-weight:950}.tc-game header i{color:#a07024;font-size:10px;font-style:normal;font-weight:1000}.tc-progress{background:#e8f1f1;border-radius:99px;height:14px;margin:18px 0 38px;overflow:hidden}.tc-progress span{border-radius:inherit;background:linear-gradient(90deg,#5cce79,#ffcf54,#ff8064);height:100%;display:block}.tc-prompt{text-align:center}.tc-prompt small{color:#728994;font-size:18px;font-weight:850}.tc-prompt h1{color:#31546b;place-items:center;min-height:2.35em;margin:8px auto 24px;font-size:clamp(28px,4vw,40px);line-height:1.12;display:grid}.tc-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.tc-choices>button{cursor:pointer;background:#fff;border:5px solid #dff0f4;border-radius:30px;place-items:center;height:250px;padding:13px;display:grid;overflow:visible;box-shadow:0 9px #cde4e8}.tc-choices>button:active{transform:translateY(5px);box-shadow:0 4px #cde4e8}.tc-single{object-fit:contain;width:88%;height:88%}.tc-single.small{width:42%;height:42%}.tc-single.medium{width:65%;height:65%}.tc-single.big{width:93%;height:93%}.tc-single.short{object-fit:contain;width:45%;height:45%}.tc-single.long{width:94%;height:94%}.tc-single.tall{width:80%;height:96%}.tc-pair{justify-content:center;align-items:center;gap:9px;width:100%;height:100%;display:flex}.tc-pair img{object-fit:contain;width:42%;height:70%}.tc-pair.different img:last-child{width:24%;height:40%}.tc-apples{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;width:100%;display:flex}.tc-apples img{object-fit:contain;width:31%;max-height:98px}.tc-empty{font-weight:1000;color:#9cb4bc!important;font-size:100px!important}.tc-count-pair{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.tc-count-pair>div{background:#eef9f4;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;width:45%;min-height:105px;padding:5px;display:flex}.tc-count-pair img{object-fit:contain;width:45%}.tc-arrow{color:#ff795e;place-items:center;font-size:125px;font-weight:1000;line-height:1;display:grid}.arrow-up{transform:rotate(-90deg)}.arrow-down{transform:rotate(90deg)}.arrow-left{transform:rotate(180deg)}.tc-moving{place-items:center;width:100%;height:100%;display:grid;position:relative}.tc-moving img{object-fit:contain;width:58%;height:58%}.tc-moving span{color:#ff795e;font-size:60px;font-weight:1000;position:absolute}.tc-moving.up span{top:-4px;transform:rotate(-90deg)}.tc-moving.down span{bottom:-4px;transform:rotate(90deg)}.tc-moving.left span{left:-2px;transform:rotate(180deg)}.tc-moving.right span{right:-2px}.tc-position,.tc-box-motion{width:100%;height:100%;position:relative}.tc-position .box,.tc-box-motion .box{object-fit:contain;width:64%;height:64%;position:absolute;top:29%;left:18%}.tc-position .ball,.tc-box-motion .ball{object-fit:contain;z-index:3;width:33%;height:33%;position:absolute}.position-in .ball{width:28%;height:28%;top:38%;left:34%}.position-on .ball{top:3%;left:34%}.position-under .ball,.position-below .ball{bottom:-4%;left:34%}.position-beside .ball,.position-near .ball,.position-out .ball{top:40%;right:0}.position-far .ball{width:25%;height:25%;top:40%;right:-10%}.position-above .ball{top:-10%;left:34%}.position-between .box{width:43%;left:0}.position-between .box2{left:57%}.position-between .ball{top:40%;left:34%}.tc-box-motion .ball{width:27%;height:27%;top:42%;left:0}.tc-box-motion span{z-index:5;color:#ff795e;font-size:45px;position:absolute;top:44%;left:28%}.tc-box-motion.move-out .ball{left:70%}.tc-box-motion.move-out span{left:47%}.tc-finish{text-align:center}.tc-finish>div{font-size:80px}.tc-finish h1{color:#ff7457;margin:5px 0;font-size:48px}.tc-finish p{font-size:22px;font-weight:900}.tc-finish>strong{color:#42b8c5;margin:15px;font-size:65px;display:block}.tc-finish button{color:#fff;background:#ff7c59;border:0;border-radius:22px;width:min(480px,100%);margin:8px;padding:17px;font-size:19px;font-weight:1000;box-shadow:0 7px #dc5740}.tc-finish button.secondary{color:#42677a;box-shadow:none;background:#eaf5f9}@media (width<=700px){.tc-shell{place-items:center;padding:10px}.tc-menu,.tc-game,.tc-finish{border-radius:30px;padding:18px 13px 25px}.tc-menu{padding-top:24px}.tc-back{width:45px;top:15px;left:15px}.tc-menu h1{padding-inline:40px;font-size:33px}.tc-topic-grid{grid-template-columns:1fr 1fr;gap:10px}.tc-topic-grid button{border-width:4px;border-radius:24px;min-height:220px;padding:8px}.tc-topic-grid button>div,.tc-topic-grid button>.tc-single,.tc-topic-grid button>.tc-arrow{height:105px}.tc-topic-grid strong{font-size:18px}.tc-topic-grid span:not(.tc-arrow){min-height:2.7em;font-size:11px}.tc-game header{grid-template-columns:50px 1fr 50px}.tc-game header button{width:46px}.tc-game header b{font-size:20px}.tc-progress{margin:14px 0 24px}.tc-prompt small{font-size:14px}.tc-prompt h1{min-height:2.5em;margin:7px 0 16px;font-size:25px}.tc-choices{gap:9px}.tc-choices>button{border-width:4px;border-radius:22px;height:175px;padding:6px;box-shadow:0 6px #cde4e8}.tc-arrow{font-size:80px}.tc-moving span{font-size:38px}.tc-empty{font-size:70px!important}.tc-apples img{max-height:65px}.tc-box-motion span{font-size:30px}.tc-finish h1{font-size:37px}}.tc-test-options{gap:9px;width:min(620px,100%);margin:16px auto 20px;display:grid}.tc-test-options>div{background:#eef8f5;border-radius:18px;align-items:center;gap:8px;padding:8px;display:flex}.tc-test-options b{text-align:left;min-width:120px;margin-right:auto;font-size:14px}.tc-test-options button{color:#58707d;background:#fff;border:0;border-radius:13px;padding:10px 15px;font-weight:900}.tc-test-options button.active{color:#fff;background:#ff7869;box-shadow:0 4px #dc5d51}.tc-menu-pair{justify-content:center;align-items:center;width:100%;display:flex}.tc-menu-pair img{object-fit:cover;border-radius:18px;width:100%;height:100%}.tc-topic-grid button.tc-coming{opacity:.58;min-height:210px;box-shadow:0 5px #dbe4e5}.tc-coming-icon{font-size:48px!important}.tc-two-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:min(650px,100%);margin-inline:auto}.tc-two-choices>button{height:300px}.tc-choice-image{object-fit:contain;pointer-events:none;border-radius:0;width:100%;height:100%;display:block}.tc-feedback-image{object-fit:contain;pointer-events:none;width:190px;height:190px;display:block}.tc-speaker{font-size:23px!important}@media (width<=700px){.tc-test-options>div{gap:5px}.tc-test-options b{min-width:82px;font-size:11px}.tc-test-options button{padding:9px 8px;font-size:11px}.tc-compare-menu .tc-topic-grid{grid-template-columns:1fr 1fr}.tc-compare-menu .tc-topic-grid button{min-height:175px}.tc-compare-menu .tc-topic-grid button:first-child{grid-column:1/-1;min-height:230px}.tc-menu-pair{height:125px!important}.tc-two-choices{gap:12px}.tc-two-choices>button{height:220px}.tc-compare-game{padding-bottom:30px}.tc-feedback-image{width:170px;height:170px}}.quiz-section-screen{background:linear-gradient(#fff9e9,#fffdf7 36%);width:min(940px,100%);position:relative;overflow:hidden;padding:16px 34px 30px!important}.quiz-section-screen:before,.quiz-section-screen:after{content:"";opacity:.34;pointer-events:none;border-radius:50%;position:absolute}.quiz-section-screen:before{background:#bdebdc;width:180px;height:180px;top:160px;left:-80px}.quiz-section-screen:after{background:#ffd6de;width:170px;height:170px;top:220px;right:-75px}.quiz-section-header{z-index:2;text-align:center;position:relative}.quiz-section-header h1{color:#30435c;max-width:650px;margin:8px auto 4px;font-size:clamp(32px,5vw,48px);line-height:1.05}.quiz-section-header p{color:#7b8995;margin:0 0 17px;font-weight:850}.quiz-section-options{z-index:2;margin-bottom:18px;position:relative}.quiz-section-grid{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid;position:relative}.quiz-section-card{color:#40546a;text-align:center;cursor:pointer;background:#fff;border:5px solid #fff;border-radius:30px;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:12px 12px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px #4e625a1f,0 15px 25px #4b5c5414}.quiz-section-card.first-words{background:linear-gradient(145deg,#fff3ca,#ffece8)}.quiz-section-card.action-time-section{background:linear-gradient(145deg,#dff4ff,#e9f9e8)}.quiz-section-card.position-section{background:linear-gradient(145deg,#eee7ff,#f8f2ff)}.quiz-section-card:disabled{color:#657380;cursor:default;opacity:.78}.quiz-section-card:not(:disabled):active{transform:translateY(5px);box-shadow:0 3px #4e625a1f}.quiz-section-card img{aspect-ratio:1;object-fit:cover;border-radius:23px;width:100%;display:block}.quiz-section-card>span{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.quiz-section-card strong{font-size:clamp(17px,2.3vw,22px);line-height:1.12}.quiz-section-card small{color:#6f808d;margin-top:6px;font-size:12px;font-weight:850;line-height:1.32}.quiz-section-card em{color:#8a7d9b;letter-spacing:.06em;text-transform:uppercase;background:#ffffffd9;border-radius:999px;margin-top:8px;padding:5px 10px;font-size:10px;font-style:normal;font-weight:1000}.quiz-section-card>i{z-index:2;aspect-ratio:1;color:#fff;background:#ff796b;border-radius:50%;place-items:center;width:32px;font-style:normal;font-weight:1000;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 3px #dd5c52}@media (width<=700px){.quiz-section-screen{padding:10px 10px 22px!important}.quiz-section-header h1{padding-inline:45px;font-size:30px}.quiz-section-header p{margin-bottom:12px;font-size:13px}.quiz-section-options{margin-bottom:13px}.quiz-section-grid{grid-template-columns:1fr;gap:11px}.quiz-section-card{text-align:left;border-radius:25px;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px;min-height:134px;padding:9px;display:grid}.quiz-section-card img{border-radius:19px;width:110px}.quiz-section-card>span{justify-content:center;align-items:flex-start;padding-right:20px}.quiz-section-card strong{font-size:19px}.quiz-section-card small{font-size:11px}.quiz-section-card em{margin-top:6px}.quiz-section-card>i{width:29px;top:10px;right:10px}}@media (width>=701px) and (width<=1100px){.action-game-card{width:min(900px,100% - 32px)}.action-choices button{height:auto;min-height:0}.action-choices span{font-size:1rem}}.construction-segments{background:linear-gradient(145deg,#e8f7ff,#fff7dc);border-radius:28px;margin:2px 0 28px;padding:20px}.construction-section-heading{text-align:center;margin-bottom:14px}.construction-section-heading span{color:#df756b;letter-spacing:.1em;font-size:11px;font-weight:1000}.construction-section-heading h2{color:#40546a;margin:3px 0 0;font-size:clamp(25px,4vw,34px)}.construction-segment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.construction-segment-card{color:#40546a;text-align:center;background:#ffffffd6;border:4px solid #fff;border-radius:25px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px 12px 15px;text-decoration:none;display:flex;position:relative;box-shadow:0 6px #4e625a1a}.construction-segment-card.active{transition:transform .15s,box-shadow .15s}.construction-segment-card.active:hover{transform:translateY(-3px);box-shadow:0 9px #4e625a17}.construction-segment-card img{aspect-ratio:1;object-fit:cover;border-radius:20px;width:100%;display:block}.construction-segment-card>span{flex-direction:column;align-items:center;min-width:0;display:flex}.construction-segment-card strong{font-size:18px;line-height:1.15}.construction-segment-card b{color:#df756b;margin-top:2px;font-size:14px}.construction-segment-card small{color:#7b8994;min-height:2.7em;margin-top:6px;font-size:12px;font-weight:750;line-height:1.35}.construction-segment-card em{color:#7c8b84;text-transform:uppercase;letter-spacing:.05em;background:#eef3ef;border-radius:999px;margin-top:8px;padding:5px 9px;font-size:10px;font-style:normal;font-weight:950}.construction-segment-card.active em{color:#35835b;background:#dcf5e5}.construction-segment-card>i{aspect-ratio:1;color:#fff;background:#ff796b;border-radius:50%;place-items:center;width:30px;font-style:normal;font-weight:1000;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 3px #dd5c52}@media (width<=700px){.construction-segments{padding:14px 10px 18px}.construction-segment-grid{grid-template-columns:1fr;gap:11px}.construction-segment-card{text-align:left;grid-template-columns:108px minmax(0,1fr);align-items:center;min-height:132px;padding:10px;display:grid}.construction-segment-card img{border-radius:19px;width:108px}.construction-segment-card>span{align-items:flex-start;padding-right:20px}.construction-segment-card small{min-height:0}.construction-segment-card em{margin-top:7px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}