*,:before,:after{box-sizing:border-box}html{font-size:16px}body{background:var(--cream);color:var(--charcoal);margin:0;font-family:Century Gothic,Trebuchet MS,Arial,sans-serif}button{font:inherit;cursor:pointer}:root{--cream:#fffbf3;--aqua:#9fd8cc;--coral:#f27c59;--gold:#f6be5e;--charcoal:#222;--white:#fff;--shadow:#0000002e;--radius:24px;--radius-small:14px;--card-padding:24px;--page-width:1200px;--shadow-soft:0 8px 18px #0000001f}body{color:var(--charcoal);background:var(--cream);margin:0}main,.page{box-sizing:border-box}.home-background{background-position:0 0;background-repeat:repeat;width:100%;min-height:100vh}.home-page{box-sizing:border-box;width:100%;max-width:1500px;margin:0 auto;padding:14px 28px 36px}.image-header{justify-content:center;align-items:center;width:100%;margin:0 auto 12px;padding:0;display:flex}.home-page-banner{object-fit:contain;width:100%;max-width:1450px;height:auto;display:block}.welcome-message{text-align:center;color:#333;max-width:1100px;margin:6px auto 20px;font-size:1.3rem;font-weight:700;line-height:1.5}.dashboard{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:22px;display:grid}.quest-card{border:3px solid var(--charcoal);box-shadow:0 5px 0 #2222221a, var(--shadow-soft);background:#fffffff2;border-radius:26px;flex-direction:column;padding:28px 30px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.dashboard .quest-card:before{content:"";height:10px;position:absolute;top:0;left:0;right:0}.dashboard .quest-card:first-child{background:linear-gradient(145deg,#9fd8cc57,#fffffff7 58%)}.dashboard .quest-card:first-child:before{background:var(--aqua)}.dashboard .quest-card:nth-child(2){background:linear-gradient(145deg,#f6be5e54,#fffffff7 58%)}.dashboard .quest-card:nth-child(2):before{background:var(--gold)}.dashboard .quest-card:nth-child(3){background:linear-gradient(145deg,#f27c5940,#fffffff7 58%)}.dashboard .quest-card:nth-child(3):before{background:var(--coral)}.dashboard .quest-card:nth-child(4){background:linear-gradient(145deg,#9fd8cc40,#f6be5e38,#fffffffa 70%)}.dashboard .quest-card:nth-child(4):before{background:linear-gradient(90deg, var(--aqua), var(--gold), var(--coral))}.quest-icon{border:2px solid var(--charcoal);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin-top:3px;font-size:2.35rem;display:flex;box-shadow:2px 3px #22222224}.quest-card h3{margin:14px 0 9px;font-size:2rem;font-weight:900;line-height:1.15}.quest-card h2{font-size:2rem;line-height:1.25}.quest-card p{font-size:1.3rem;line-height:1.55}button{font:inherit;cursor:pointer;border:2px solid var(--charcoal);background:var(--coral);color:#fff;border-radius:999px;padding:15px 22px;font-size:1.2rem;font-weight:900;box-shadow:2px 3px #22222226}button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{opacity:.42;cursor:default}.quest-card>button{width:100%;margin-top:18px}.dashboard .quest-card:first-child button{background:var(--aqua);color:var(--charcoal)}.dashboard .quest-card:nth-child(2) button{background:var(--gold);color:var(--charcoal)}.dashboard .quest-card:nth-child(3) button{background:var(--coral);color:#fff}.dashboard .quest-card:nth-child(4) button{background:var(--charcoal);color:#fff}.groovy-garden{box-sizing:border-box;border:4px solid var(--charcoal);width:100%;box-shadow:0 6px 0 #2222221a, var(--shadow-soft);background:linear-gradient(#dcefe9 0% 64%,#f4d38d 64%,#efc16e 100%);border-radius:28px;margin:0 auto;padding:20px 24px 0;position:relative;overflow:hidden}.groovy-garden-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.groovy-garden-title{align-items:center;gap:14px;display:flex}.groovy-garden-main-flower{font-size:3.6rem}.groovy-garden h2{margin:0;font-size:2rem;font-weight:900}.groovy-garden p{margin:4px 0 0;font-size:1.2rem}.groovy-garden-total{border:3px solid var(--charcoal);background:var(--gold);border-radius:999px;padding:10px 17px;font-size:1.3rem;font-weight:900}.groovy-flower-bed{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:6px 12px;min-height:90px;padding:8px 16px;display:flex}.earned-flower{font-size:3.2rem;line-height:1}.extra-flowers{border:2px solid var(--charcoal);background:var(--coral);color:#fff;border-radius:999px;padding:8px 12px;font-size:1rem;font-weight:900}.groovy-garden-ground{background:var(--coral);color:#fff;justify-content:space-around;margin:0 -24px;padding:7px 20px;font-size:1.2rem;display:flex}.center{text-align:center;align-items:center}.header{text-align:center}.header h1{font-size:clamp(2.5rem,4vw,3.7rem)}.tagline{font-size:1.3rem}.question-list{padding-left:34px;font-size:1.35rem;line-height:1.8}.question-list li{margin-bottom:12px}.flashcard{border:4px solid var(--charcoal);text-align:center;max-width:900px;box-shadow:var(--shadow-soft);background:#fff;border-radius:28px;margin:28px auto;padding:34px}.flashcard-word{border:3px solid var(--charcoal);background:linear-gradient(145deg,#9fd8cc4f,#fffffffa);border-radius:25px;justify-content:center;align-items:center;min-height:230px;margin:20px 0;padding:20px;font-size:clamp(3.6rem,9vw,6.5rem);font-weight:900;display:flex}.flashcard-buttons{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px;display:flex}.math-menu{grid-template-columns:repeat(5,1fr);gap:14px;margin:22px 0;display:grid}.math-menu-card{border:3px solid var(--charcoal);min-height:190px;color:var(--charcoal);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;padding:18px 12px;display:flex}.math-menu-card:first-child{background:#fff0c7}.math-menu-card:nth-child(2){background:#dcefe9}.math-menu-card:nth-child(3){background:#ffe0d5}.math-menu-card:nth-child(4){background:#fff5dc}.math-menu-card:nth-child(5){background:#dcefe9}.math-menu-emoji{margin-bottom:8px;font-size:2.8rem}.math-menu-title{font-size:1.35rem;font-weight:900}.math-menu-description{margin-top:7px;font-size:1.12rem;line-height:1.35}.math-menu-count{margin-top:9px;font-size:1rem;font-weight:900}.math-practice-header h2{font-size:2rem}.math-practice-header p{font-size:1.25rem}.math-practice-emoji{font-size:3rem}.math-card-type{border:2px solid var(--charcoal);background:var(--gold);border-radius:999px;padding:8px 16px;font-size:1.15rem;font-weight:900}.math-flashcard{border:4px solid var(--charcoal);background:#fff;border-radius:28px;width:min(850px,100%);margin:20px auto;padding:42px 24px}.math-question,.math-answer{font-size:clamp(3.5rem,9vw,6rem);font-weight:900}.math-answer{color:#b84d33;border-top:3px dashed #22222259;margin-top:22px;padding-top:22px}.groovy-reward{border:4px solid var(--charcoal);background:#fff;border-radius:30px;max-width:900px;margin:36px auto;padding:42px}.groovy-reward-flower,.math-finish-emoji{font-size:7rem}.groovy-reward h1,.groovy-reward h2{font-size:clamp(2.5rem,5vw,3.7rem)}.groovy-reward p{font-size:1.35rem;line-height:1.6}.groovy-reward-buttons,.math-finish-buttons{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px;display:flex}@media (width<=1000px){.home-page{padding:12px 18px 28px}.math-menu{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.home-page{padding:10px 10px 24px}.home-page-banner{width:100%}.welcome-message{font-size:1.15rem;line-height:1.5}.dashboard{grid-template-columns:1fr;gap:16px}.quest-card{padding:24px 22px}.quest-icon{width:58px;height:58px;font-size:2.2rem}.quest-card h3,.quest-card h2{font-size:1.8rem}.quest-card p{font-size:1.2rem;line-height:1.55}button{min-height:52px;font-size:1.15rem}.groovy-garden-heading{align-items:flex-start}.groovy-garden h2{font-size:1.6rem}.groovy-garden p{font-size:1.1rem}.earned-flower{font-size:2.7rem}.math-menu{grid-template-columns:1fr}.math-menu-card{min-height:150px}.math-menu-title{font-size:1.4rem}.math-menu-description{font-size:1.15rem}.question-list{font-size:1.25rem}.groovy-reward-buttons,.math-finish-buttons,.flashcard-buttons{flex-direction:column;width:100%}.groovy-reward-buttons button,.math-finish-buttons button,.flashcard-buttons button{width:100%}}.wk-canopy-wrap{height:auto!important;overflow:visible!important}.wk-canopy{object-fit:contain!important;object-position:top center!important;width:100%!important;height:auto!important;display:block!important;position:static!important;transform:none!important}