@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--ink:#27305b;--muted:#66708e;--orange:#ff8747;--purple:#7155cf;--border:#ecedfa}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fffaf0;font-family:Nunito,system-ui,-apple-system,sans-serif;overflow-x:hidden}h1,h2,h3,.brand,.tile strong,.dashboard-item strong{font-family:Fredoka,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid #1f80e9;outline-offset:3px}.container{max-width:1150px;margin:0 auto;padding:0 24px}.hero{position:relative;padding-top:28px}.brand{display:inline-flex;align-items:center;font-size:29px;font-weight:700;letter-spacing:1px;color:#6948c8}.brand-star{color:#ffac39;font-size:35px;margin-right:8px}.brand-domain{font-size:19px;color:#ef7b3c}.hero-content{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;min-height:490px;gap:22px}.eyebrow,.section-kicker{display:inline-block;color:#e9753b;background:#fff0dc;padding:9px 14px;border-radius:999px;font-weight:900;letter-spacing:1px;font-size:13px}.hero h1,.game-heading h1{font-size:clamp(57px,7vw,96px);line-height:1.04;margin:23px 0 16px;letter-spacing:-2px}.hero h1 em,.game-heading h1 em{font-style:normal;color:#ff803f}.hero-content p{max-width:470px;color:#5e6683;font-size:20px;line-height:1.6;margin-bottom:29px}.hero-button{display:inline-flex;justify-content:center;align-items:center;gap:15px;background:#6d50d1;color:white;border:0;border-radius:19px;padding:16px 28px;font-weight:900;font-size:19px;box-shadow:0 8px 0 #5135a8;transition:transform .15s,box-shadow .15s}.hero-button:hover{transform:translateY(3px);box-shadow:0 5px 0 #5135a8}.fox-card{position:relative;display:grid;place-items:center;background:#ffe1a6;border-radius:42% 58% 45% 55%/54% 44% 56% 46%;height:410px;max-width:495px}.fox-art{width:90%;height:90%;filter:drop-shadow(0 10px 0 rgba(181,104,38,.12))}.fox-speech{position:absolute;top:26px;right:-11px;background:white;border:3px solid #4d376f;border-radius:28px;padding:10px 17px;font-family:Fredoka;font-size:18px;transform:rotate(9deg);box-shadow:3px 6px 0 #e6bc83}.float-icon{position:absolute;font-size:37px}.float-one{left:-22px;top:65px;transform:rotate(-15deg)}.float-two{right:13px;bottom:48px;transform:rotate(25deg)}.confetti{position:absolute;width:22px;height:22px;border:6px solid #e2d6ff;border-radius:5px;transform:rotate(24deg);pointer-events:none}.confetti-a{top:120px;left:3%}.confetti-b{top:520px;right:3%;border-color:#ffd2a4}.confetti-c{top:600px;left:5%;border-color:#afe4d5}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:35px;margin-bottom:24px}.section-heading h2{font-size:clamp(32px,4vw,45px);margin:12px 0 1px}.section-heading p{color:var(--muted);margin:4px 0}.add-button{display:flex;flex-direction:column;align-items:center;gap:3px;background:#fff;color:#7456d2;border:3px dashed #bcaef1;padding:9px 19px;border-radius:23px;font-weight:900}.add-button span{font-family:Fredoka;font-size:33px;line-height:1}.add-button small{font-size:12px}.add-button:hover{background:#f5f0ff}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tile{position:relative;min-height:234px;padding:24px;display:flex;flex-direction:column;border-radius:27px;box-shadow:0 7px 0 rgba(61,55,98,.08);transition:transform .15s,box-shadow .15s;overflow:hidden}.tile:hover{transform:translateY(-5px);box-shadow:0 12px 0 rgba(61,55,98,.08)}.tile-icon{font-size:44px}.tile-label{font-size:12px;letter-spacing:1.8px;font-weight:900;opacity:.73;margin-top:9px}.tile strong{font-size:33px;margin-top:3px}.tile>span:not(.tile-icon):not(.tile-label):not(.tile-arrow){font-size:15px}.tile-arrow{position:absolute;bottom:20px;right:23px;font-size:32px}.tile-math{background:#d8caff;color:#503b96}.tile-color-0{background:#c6f4dd;color:#176748}.tile-color-1{background:#ffe2a8;color:#875319}.tile-color-2{background:#ffcbdb;color:#913b61}.tile-color-3{background:#cceeff;color:#24647d}.tile-color-4{background:#edddfa;color:#6d3e9e}.stats{display:flex;gap:26px;align-items:center;background:white;border:2px solid #f0eaf5;padding:25px 30px;border-radius:26px;margin:43px 0 28px}.stats>div:not(.stat-message){display:grid;grid-template-columns:auto auto;column-gap:12px;align-items:center;min-width:165px}.stats-icon{grid-row:span 2;font-size:31px}.stats strong{font-family:Fredoka;font-size:25px}.stats>div>span:last-child{color:var(--muted);font-size:13px}.stat-message{margin-left:auto;color:var(--muted)}.stat-message strong{display:block;color:#e87940;font-size:19px}.footer{display:flex;justify-content:space-between;align-items:center;color:#83839b;font-size:13px;padding-bottom:25px}.footer-admin{border:0;background:none;color:#8882aa}.manager{width:min(500px,calc(100vw - 28px));max-height:90vh;border:0;border-radius:28px;padding:30px;box-shadow:0 25px 80px #31265566;color:var(--ink)}.manager::backdrop{background:#22213b99}.dialog-close{float:right}.dialog-close button{border:0;background:#f1edfd;font-size:28px;border-radius:50%;width:39px;height:39px}.manager h2{font-size:29px;margin:5px 0 14px}.form-stack{display:flex;flex-direction:column;gap:13px}.form-stack label{display:flex;flex-direction:column;gap:5px;font-weight:800}.form-stack input{padding:13px;border:2px solid #e8e3f0;border-radius:12px;width:100%}.form-stack button,.manage-row button{border:0;border-radius:12px;background:#6b4fca;color:#fff;font-weight:900;padding:12px 17px}.form-message{font-size:14px;color:#ab3e48;min-height:20px}.manage-row{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #eae7f5;overflow-wrap:anywhere}.manage-row button{background:#d95469;flex:none}.manager small{color:var(--muted)}.game-page{background:radial-gradient(circle at 10% 10%,#fff0c3 0,transparent 37%),radial-gradient(circle at 95% 14%,#e7dcff 0,transparent 28%),#fffaf0}.game-shell{max-width:900px}.game-nav{display:flex;justify-content:space-between;align-items:center;padding:28px 0}.back-link{font-weight:900;color:#7755ca}.game-title{font-weight:900}.game-heading{text-align:center;margin:20px auto 26px}.game-heading h1{font-size:clamp(48px,7vw,73px);margin:15px 0}.game-heading p{font-size:17px;color:#626b83;max-width:650px;margin:0 auto}.game-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.dashboard-item{display:flex;flex-direction:column;align-items:center;background:white;border:3px solid #efebf6;border-radius:23px;padding:13px;gap:2px}.dashboard-item span{font-weight:900}.dashboard-item strong{font-size:38px}.good strong{color:#16a675}.bad strong{color:#e45368}.todo strong{color:#7755ca}.progress-track{height:15px;background:#e4dbf7;border-radius:99px;margin:20px 0 23px;overflow:hidden}.progress-track>div{height:100%;width:0%;background:linear-gradient(90deg,#9bdc75,#36bc8f);transition:width .35s}.game-card{background:#fff;border:3px solid #f0e8fb;box-shadow:0 12px 0 #e9e1f5;border-radius:35px;padding:32px;text-align:center}.question-intro{font-weight:900;font-size:14px;color:#9378c6;letter-spacing:2px;margin:0}.game-card h2{font-size:clamp(53px,9vw,83px);margin:14px 0 27px}.answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.answer{min-height:92px;background:#f6f0ff;border:3px solid #e1d7fa;border-radius:20px;font-family:Fredoka;font-weight:600;font-size:40px;color:#5943aa;transition:background .12s,transform .12s}.answer:hover:not(:disabled){transform:translateY(-3px);background:#ece2ff}.answer.correct{background:#c4f6d9;border-color:#42bd82;color:#126d43}.answer.wrong{background:#ffced3;border-color:#e96c7b;color:#a52c42}.answer:disabled{cursor:default}.feedback{height:37px;font-family:Fredoka;font-size:19px;padding-top:10px}.feedback.positive{color:#188157}.feedback.negative{color:#cf455c}.game-hint{font-size:13px;color:#8990a0;margin:12px 0 0}.game-footnote{text-align:center;font-size:13px;color:#89849a;margin:24px 0 40px}.finish-panel{background:white;border:3px solid #d7eedb;border-radius:32px;padding:35px;text-align:center}.finish-panel[hidden]{display:none}.finish-emoji{font-size:58px}.finish-panel h2{font-size:43px}.finish-panel p{color:#57627b}.finish-panel .hero-button{margin:15px}.confetti{z-index:-1}@media(max-width:730px){.hero-content{grid-template-columns:1fr;gap:0}.hero h1{font-size:63px}.fox-card{height:330px;max-width:390px;margin:25px auto 5px;width:100%}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{flex-wrap:wrap}.stat-message{margin-left:0;width:100%}.game-card{padding:18px}.answer-grid{gap:10px}.answer{min-height:78px;font-size:32px}.game-title{font-size:13px}}@media(max-width:480px){.tile-grid{grid-template-columns:1fr}.tile{min-height:195px}.section-heading{align-items:center}.section-heading h2{font-size:30px}.add-button small{font-size:10px}.game-dashboard{gap:6px}.dashboard-item{padding:10px 4px}.dashboard-item span{font-size:12px}.dashboard-item strong{font-size:29px}.game-nav{gap:10px}.fox-speech{font-size:13px;right:0}}