:root{--ink:#15243b;--muted:#637087;--paper:#f7f9fd;--white:#fff;--navy:#18335b;--blue:#377cf6;--yellow:#ffc83d;--mint:#62d6b4;--pink:#ff7b8d;--purple:#8d7bf2;--shadow:0 18px 50px rgba(28,48,81,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;min-height:100vh;overflow-x:hidden}button,select,input{font:inherit}.sky{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.sky span{position:absolute;border-radius:50%;filter:blur(2px);opacity:.18;animation:float 12s ease-in-out infinite}.sky span:nth-child(1){width:280px;height:280px;background:#70c8ff;right:-60px;top:5%}.sky span:nth-child(2){width:190px;height:190px;background:#ffca49;left:-60px;top:43%;animation-delay:-4s}.sky span:nth-child(3){width:230px;height:230px;background:#9d8bff;right:10%;bottom:-100px;animation-delay:-8s}@keyframes float{50%{transform:translateY(30px) scale(1.08)}}
header{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 28px}.brand{color:var(--ink);text-decoration:none;font-family:Fredoka;font-size:1.35rem;display:flex;gap:11px;align-items:center}.brand b{color:var(--blue)}.brandmark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--blue),var(--navy));color:#fff;display:grid;place-items:center;box-shadow:0 7px 18px rgba(55,124,246,.25)}.brandmark svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.safety{font-size:.82rem;font-weight:600;background:#e6f8f0;color:#167657;border-radius:99px;padding:8px 13px}.safety span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#29bb85;margin-right:6px}
main{max-width:1200px;margin:auto;padding:18px 28px 80px}.hero{display:grid;grid-template-columns:1.3fr .8fr;gap:48px;align-items:center;padding:48px 0 56px}.eyebrow{font-weight:800;font-size:.77rem;letter-spacing:.15em;color:var(--blue);margin:0 0 12px}.hero-launch{display:block;border:0;background:transparent;padding:0;text-align:inherit;color:inherit;cursor:pointer;border-radius:18px;transition:.2s}.hero-launch:hover{color:var(--blue)}.hero h1{font-family:Fredoka;font-size:clamp(3.5rem,7vw,6.2rem);line-height:.89;letter-spacing:-.045em;margin:0}.hero h1 em{font-style:normal;color:var(--blue);position:relative}.hero h1 em:after{content:"";position:absolute;left:2%;right:0;bottom:-8px;height:10px;background:var(--yellow);border-radius:50%;transform:rotate(-2deg);z-index:-1}.intro{font-size:1.08rem;line-height:1.65;color:var(--muted);max-width:550px;margin:30px 0 0}.country-panel{background:var(--navy);color:#fff;border-radius:28px;padding:28px;box-shadow:0 22px 60px rgba(24,51,91,.22);transform:rotate(1deg);transition:.3s}.country-panel:hover{transform:rotate(0) translateY(-4px)}.country-panel label{display:block;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.73rem;color:#bcd3fa;margin-bottom:12px}.select-wrap{display:flex;align-items:center;gap:10px;background:#fff;border-radius:15px;padding:5px 12px}.select-wrap span{font-size:1.7rem}.select-wrap select{width:100%;border:0;background:#fff;color:var(--ink);font-size:1.05rem;font-weight:700;padding:12px 6px;outline:none}.country-meta{display:flex;justify-content:space-between;align-items:end;margin-top:22px}.country-meta small{display:block;color:#99b6e4;font-size:.66rem;letter-spacing:.13em}.country-meta strong{display:block;margin-top:4px}.country-meta a{color:#fff;font-weight:700;font-size:.82rem}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}.toolbar strong{font-family:Fredoka;font-size:1.55rem;display:block}.toolbar span{font-size:.8rem;color:var(--muted)}.shuffle,.primary,.secondary{border:0;cursor:pointer;border-radius:12px;padding:11px 16px;font-weight:700;transition:.2s}.shuffle{background:#fff;color:var(--ink);box-shadow:0 4px 16px rgba(30,50,80,.08)}button:hover{transform:translateY(-2px)}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{min-height:190px;border:0;border-radius:22px;background:#fff;padding:22px;text-align:left;color:var(--ink);cursor:pointer;box-shadow:0 8px 26px rgba(29,49,80,.08);position:relative;overflow:hidden;transition:.25s;animation:rise .55s both}.card:nth-child(2){animation-delay:.04s}.card:nth-child(3){animation-delay:.08s}.card:nth-child(4){animation-delay:.12s}.card:nth-child(5){animation-delay:.16s}.card:nth-child(6){animation-delay:.2s}.card:nth-child(7){animation-delay:.24s}.card:nth-child(8){animation-delay:.28s}.card:nth-child(9){animation-delay:.32s}.card:nth-child(10){animation-delay:.36s}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.card .icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:1.5rem;margin-bottom:22px;background:var(--tint)}.card h2{font-family:Fredoka;font-size:1.18rem;margin:0 0 7px}.card p{font-size:.82rem;color:var(--muted);line-height:1.45;margin:0;max-width:90%}.card .go{position:absolute;right:18px;bottom:17px;font-size:1.2rem;color:var(--accent)}.card.featured{grid-column:span 2;background:var(--navy);color:#fff}.card.featured p{color:#c4d4ec}.card.featured .go{color:#fff}
dialog{border:0;border-radius:26px;padding:0;width:min(680px,calc(100% - 28px));box-shadow:0 30px 90px rgba(12,29,55,.35);background:#fff;color:var(--ink);max-height:90vh}dialog::backdrop{background:rgba(10,25,47,.66);backdrop-filter:blur(4px)}.close{position:absolute;right:18px;top:16px;width:38px;height:38px;border-radius:50%;border:0;background:#edf1f8;font-size:1.5rem;cursor:pointer;z-index:2}.modal-inner{padding:38px}.modal-head{display:flex;gap:15px;align-items:center;margin-bottom:24px}.modal-head .bigicon{font-size:2.2rem}.modal-head h2{font-family:Fredoka;font-size:2rem;margin:0}.modal-head p{margin:3px 0 0;color:var(--muted)}.challenge{background:#f2f5fa;border-radius:18px;padding:24px;text-align:center;margin:18px 0}.challenge .huge{font-size:5rem}.challenge h3{font-family:Fredoka;font-size:1.6rem;margin:8px}.answer{display:none;background:#e7f8f2;color:#176b52;border-radius:13px;padding:15px;margin-top:12px;font-weight:600}.answer.show{display:block;animation:pop .25s}@keyframes pop{from{transform:scale(.96);opacity:0}}.primary{background:var(--blue);color:#fff}.secondary{background:#e8eef8;color:var(--ink)}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.text-input{width:100%;max-width:340px;border:2px solid #dce4f1;border-radius:12px;padding:12px 14px;font-size:1rem}.tiles{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.tile{width:46px;height:52px;border-radius:9px;background:#fff;border:2px solid #d7dfec;display:grid;place-items:center;font-family:Fredoka;font-size:1.3rem;text-transform:uppercase}.wordle-board{display:grid;gap:6px;max-width:260px;margin:15px auto}.wordle-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.wordle-cell{aspect-ratio:1;border:2px solid #ccd5e3;border-radius:5px;display:grid;place-items:center;font-weight:800;text-transform:uppercase}.correct{background:#52b788;color:white;border-color:#52b788}.present{background:#e9b949;color:white;border-color:#e9b949}.absent{background:#8491a4;color:white;border-color:#8491a4}canvas{width:100%;max-width:430px;background:linear-gradient(#a9e4ff,#edfaff);border-radius:14px;display:block;margin:auto;border:2px solid #d8e8f0;touch-action:manipulation}.fact-list{text-align:left;line-height:1.65}.fact-list li{margin:8px 0}.verse{font-family:Georgia,serif;font-size:1.2rem;line-height:1.6}.notice{font-size:.78rem;color:var(--muted);margin-top:14px}footer{background:var(--navy);color:#fff;padding:28px;display:flex;justify-content:center;gap:35px;align-items:center}footer span{font-family:Fredoka;font-size:1.25rem}footer p{font-size:.8rem;color:#bad0ed;margin:0}footer a{color:#dcecff;text-underline-offset:3px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:4.6rem}.country-panel{transform:none}.hero{gap:32px;padding-top:30px}}@media(max-width:560px){header{padding:0 18px}.safety{font-size:0;width:35px;height:35px;padding:13px}.safety span{margin:0}.hero h1{font-size:3.4rem}.grid{grid-template-columns:1fr}.card.featured{grid-column:span 1}.hero{padding:28px 0 40px}main{padding-left:18px;padding-right:18px}.toolbar strong{font-size:1.3rem}.shuffle{font-size:.75rem}.modal-inner{padding:32px 18px}footer{display:block;text-align:center}footer p{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.coded-word{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;overflow-wrap:anywhere;line-height:1.65}

/* Reliable picture-based flags and country-linked language control */
.hero-flag{width:42px;height:29px;object-fit:cover;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.22);flex:none}.language-wrap{margin-top:7px}.language-wrap span{font-size:1.15rem;font-weight:800;color:var(--blue)}.country-panel label#languageLabel{margin-top:18px;margin-bottom:8px}.flag-picture{display:block;width:min(260px,80%);height:auto;aspect-ratio:3/2;object-fit:cover;margin:3px auto 22px;border-radius:10px;box-shadow:0 9px 25px rgba(23,45,75,.18);border:1px solid rgba(0,0,0,.08)}.flag-mini{width:42px;height:28px;object-fit:cover;border-radius:4px;vertical-align:middle;margin-right:8px;box-shadow:0 1px 4px rgba(0,0,0,.18)}.replay-row{display:flex;justify-content:center;margin-top:18px;padding-top:16px;border-top:1px solid #dde5ef}.feedback{min-height:1.4em;color:#b04a5a;font-weight:700;margin:10px 0}.safety #safetyText{display:inline}@media(max-width:560px){.safety #safetyText{display:none}.safety{font-size:0}}
.activity-svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card .icon{color:var(--accent);background:linear-gradient(145deg,#fff,var(--tint));border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 18%,transparent)}.bigicon{width:50px;height:50px;display:grid;place-items:center;color:var(--blue);background:#eaf2ff;border-radius:15px}.bigicon .activity-svg{width:30px;height:30px}.bigicon .flag-mini{margin:0}.difficulty{display:grid;grid-template-columns:auto auto;gap:5px 12px;align-items:center;max-width:330px;margin:0 auto 22px;text-align:left}.difficulty span{color:var(--muted);font-size:.8rem}.difficulty b{text-align:right}.difficulty i{grid-column:1/-1;height:8px;border-radius:8px;background:linear-gradient(90deg,#62d6b4 0 25%,#ffc83d 25% 50%,#ff9b55 50% 75%,#ff6379 75%);position:relative;overflow:hidden}.difficulty i:after{content:"";position:absolute;inset:0;background:#e3e8f0;transform:translateX(calc(var(--level) * 25%));transition:.3s}.streak{display:inline-block;background:#fff3ce;border-radius:999px;padding:7px 13px;margin:0 0 8px}.screen-keyboard{display:grid;grid-template-columns:repeat(10,minmax(28px,1fr));gap:6px;max-width:560px;margin:12px auto 18px;direction:ltr}.screen-key{min-width:0;padding:10px 3px;border:1px solid #c9d5e6;border-radius:8px;background:#fff;color:var(--ink);font-weight:800;font-size:.95rem;box-shadow:0 2px 5px rgba(20,35,59,.1);touch-action:manipulation}.screen-key:active{transform:translateY(1px);background:#dfeaff}.screen-key.action-key{grid-column:span 3;background:#dde7f5}.screen-key.enter{grid-column:span 4;background:var(--blue);color:#fff}.numeric-keyboard{grid-template-columns:repeat(3,minmax(54px,90px));justify-content:center;max-width:300px}.numeric-keyboard .action-key{grid-column:span 1}.numeric-keyboard .enter{grid-column:span 1}.colour-key{display:flex;justify-content:center;gap:10px;margin-bottom:18px}.paint{width:45px;height:45px;border:3px solid #fff;border-radius:50%;background:var(--paint);color:#15243b;font-weight:900;box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer}.paint.selected{outline:4px solid var(--navy);transform:scale(1.08)}.pixel-art{display:grid;grid-template-columns:repeat(var(--cols,8),26px);justify-content:center;gap:2px}.pixel-art span,.pixel-art button{width:26px;height:26px;border:0;border-radius:4px}.pixel-art span{visibility:hidden}.pixel-art button{background:#fff;border:1px solid #cad5e5;font-weight:800;color:#68768b;cursor:pointer;transition:.2s}.pixel-art button:disabled{opacity:1}.element-tile{width:130px;min-height:145px;margin:0 auto 15px;background:#fff;border:3px solid #df9d00;border-radius:15px;display:grid;grid-template-rows:auto 1fr auto;padding:8px;box-shadow:0 10px 25px rgba(223,157,0,.18)}.element-tile .atomic-number{text-align:left;font-weight:800}.element-tile strong{font-family:Fredoka;font-size:3.5rem;line-height:1}.element-tile strong small{font-size:.55em}.element-tile>span:last-child{font-weight:700}.element-card p{max-width:470px;margin:10px auto;line-height:1.55}@media(max-width:560px){.screen-keyboard{grid-template-columns:repeat(7,minmax(30px,1fr));gap:5px}.screen-key{padding:9px 2px;font-size:.88rem}.screen-key.action-key{grid-column:span 2}.numeric-keyboard{grid-template-columns:repeat(3,minmax(52px,80px))}.numeric-keyboard .action-key,.numeric-keyboard .enter{grid-column:span 1}}@media(max-width:420px){.pixel-art{grid-template-columns:repeat(var(--cols,8),20px)}.pixel-art span,.pixel-art button{width:20px;height:20px;font-size:.68rem}}
.charades-panel{padding:34px 24px}.charades-category{display:inline-block;padding:7px 13px;border-radius:999px;background:#dff4fb;color:#11627d;font-weight:800}.charades-prompt{font-family:Fredoka;font-size:clamp(2rem,7vw,3.7rem);line-height:1.1;margin:28px auto 20px;color:var(--navy);max-width:560px}.charades-panel p{font-weight:700;color:var(--muted)}
.fun-fact-panel{padding:36px 26px}.fun-topic{display:inline-block;padding:7px 13px;border-radius:999px;background:#e8e2ff;color:#6348bd;font-weight:800}.fun-fact{font-family:Fredoka;font-size:clamp(1.55rem,4vw,2.35rem);line-height:1.3;margin:25px auto 8px;max-width:570px;color:var(--navy)}
.basketball-panel{padding:18px}.basketball-panel canvas{max-width:540px;aspect-ratio:9/5;background:#dff4ff}.launch-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px auto;max-width:520px;text-align:left}.launch-controls label{display:grid;grid-template-columns:1fr auto;gap:7px;font-weight:800}.launch-controls input{grid-column:1/-1;width:100%;accent-color:#e67822}.physics-target{font-weight:800;color:#394e67}.attempts{display:inline-block;margin:10px 0 0;padding:6px 12px;border-radius:999px;background:#fff3dc;color:#8b4d18}.physics-feedback{min-height:2.8em;max-width:520px;margin:12px auto;line-height:1.45}.formula{display:inline-block;background:#fff;border:1px solid #d9e2ee;border-radius:10px;padding:9px 13px;font-family:Georgia,serif;color:#42566e}.igcse-panel{text-align:left}.igcse-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.igcse-filters label{font-size:.76rem;font-weight:800;color:var(--muted)}.igcse-filters select{display:block;width:100%;margin-top:5px;border:1px solid #cad6e7;border-radius:10px;background:#fff;padding:10px;color:var(--ink)}.question-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 9px}.question-meta span,.question-meta strong{padding:6px 10px;border-radius:999px;font-size:.76rem}.question-meta span{background:#e5edfa;color:#365779}.question-meta strong{background:#dff5e9;color:#23734d}.question-meta .level-medium{background:#fff0c7;color:#805b00}.question-meta .level-hard{background:#ffe0e5;color:#a13d4b}.igcse-panel h3{font-family:DM Sans,sans-serif;font-size:1.22rem;line-height:1.55;margin:8px 0 22px}.igcse-panel .actions{justify-content:flex-start}.igcse-answer{line-height:1.55}.rotation-note{color:var(--muted);font-size:.78rem;margin:16px 0 0}@media(max-width:520px){.launch-controls,.igcse-filters{grid-template-columns:1fr}.basketball-panel{padding:12px}.physics-feedback{font-size:.92rem}}