@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#263c39;background:#fffefa;font-family:'DM Sans',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ecac32;outline-offset:3px}.topline{background:#286958;color:white;font-size:11px;padding:9px 6%;display:flex;justify-content:space-between;letter-spacing:.3px}header{padding:22px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ece5;background:white}.brand{display:flex;gap:8px;align-items:center}.brand b{font-family:'Fredoka',sans-serif;font-size:29px;font-weight:600;letter-spacing:-1px;color:#37765e}.brand i{font-style:normal;color:#ec9d30}.brand b span{color:#619f9c}.brand small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:1px}.bee{font-size:40px;color:#e9b23a}nav{display:flex;gap:34px;align-items:center}nav a,nav button{display:flex;gap:5px;align-items:center;font-weight:500;font-size:13px}.active{color:#256752;position:relative}.active:after{content:'';position:absolute;bottom:-28px;left:0;right:0;height:3px;background:#43836b;border-radius:3px}.admin-link{display:flex;align-items:center;gap:8px;border:1px solid #dce2d8;border-radius:7px;padding:10px 13px;font-size:12px}main{max-width:1280px;margin:auto;padding:0 50px}.crumb{font-size:11px;color:#7a8780;padding:24px 0}.crumb span{padding:0 12px;color:#b3bab4}.hero{background:#eff3e7;border-radius:18px;min-height:405px;display:grid;grid-template-columns:1.1fr 1fr;position:relative;overflow:hidden}.herocopy{padding:40px 0 32px 44px;z-index:1}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#58816c;display:flex;align-items:center;gap:7px}.eyebrow>span{width:6px;height:6px;background:#ebaf32;border-radius:50%}h1,h2,h3{font-family:'Fredoka',sans-serif;font-weight:500}h1{font-size:58px;line-height:1.05;letter-spacing:-1.5px;margin:18px 0 16px;position:relative}h1 em{font-style:normal;color:#367b60}h1 svg{display:block;position:absolute;width:235px;bottom:-8px;left:1px}p{line-height:1.7;color:#768079}.herocopy p{font-size:13px;margin-bottom:21px}.primary{background:#2c7058;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:7px;padding:13px 18px;font-size:12px;font-weight:600}.primary:hover{background:#205b46}.herofoot{display:flex;gap:15px;margin-top:24px;font-size:9px;color:#6e7d6e}.herofoot span{display:flex;align-items:center;gap:3px}.herofoot svg{color:#4b8a61}.heroart{position:relative;min-height:400px;background:radial-gradient(ellipse at 50% 50%,#f8f2c8 0,transparent 65%)}.block{position:absolute;box-shadow:0 12px 0 #dadad536,4px 7px 0 #00000009;border-radius:23px;font-family:'Fredoka',sans-serif;font-weight:600;text-align:center}.block small{font-family:'DM Sans';font-size:10px;display:block;font-weight:500;letter-spacing:.3px}.block.a{background:#e9aa45;color:#fff9dc;width:145px;height:159px;left:62px;top:80px;transform:rotate(-12deg);font-size:98px;border:6px solid #f5c571}.block.a small{color:#8b5d27;margin-top:-6px}.block.num{background:#86b8b2;color:#effff9;width:145px;height:157px;left:225px;top:65px;transform:rotate(12deg);font-size:85px;border:6px solid #aed6cb}.block.num span{font-size:47px}.block.num small{color:#376b60;margin-top:-5px}.block.shape{background:#f4ab94;border:6px solid #f7c4b0;left:157px;top:208px;width:154px;height:111px;transform:rotate(-4deg);display:flex;align-items:center;justify-content:center;gap:6px;font-size:45px;color:#fff1db}.block.shape span:nth-child(2){color:#a15b40;font-size:38px}.block.shape span:last-child{color:#ffe08a;font-size:38px}.doodle{position:absolute;color:#e6b03e;font-size:46px}.star1{left:18px;top:42px}.star2{right:36px;bottom:105px;color:#6a9b79}.orbit{width:340px;height:255px;border:1px dashed #8fa99060;position:absolute;top:71px;left:42px;border-radius:50%;transform:rotate(-20deg)}.worm{position:absolute;right:30px;top:130px;font-size:65px;color:#53866a;transform:rotate(65deg)}.playpill{position:absolute;bottom:28px;left:85px;background:#fffdf1;border-radius:30px;padding:12px 18px;font-size:10px;display:flex;align-items:center;gap:9px;transform:rotate(-3deg);box-shadow:0 4px 14px #2546320a}.playpill svg{color:#e4a540;width:18px}.explore{padding:43px 0 35px;scroll-margin-top:20px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}h2{font-size:29px;letter-spacing:-.5px;margin:9px 0 0}h2>span{color:#dfaa3a;font-size:25px;margin-left:6px}.sectionhead p{font-size:11px;margin-bottom:4px}.gradebar{display:flex;gap:12px;padding-bottom:25px;border-bottom:1px solid #e7e9df}.gradebar button{border:1px solid #e5e8dd;background:#fff;border-radius:9px;padding:13px 18px;flex:1;white-space:nowrap;display:flex;align-items:center;gap:10px;font-size:12px}.gradebar button>span{background:#f5eee0;color:#bd913d;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;font-weight:bold}.gradebar button.selected{background:#2b6e56;color:white;border-color:#2b6e56}.gradebar button.selected>span{background:#ffffff20;color:white}.gradebar select{border:0;background:none;font-size:11px;color:#667a6d;max-width:110px}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:23px 0 18px;gap:15px}.tabs{display:flex;gap:5px}.tabs button{padding:8px 13px;border-radius:7px;font-size:13px;white-space:nowrap}.tabs button span{font-size:11px;margin-left:4px}.tabs .selected{background:#e8eee2;color:#3c7057}.filterright{display:flex;gap:10px}.filterright label{display:flex;align-items:center;gap:7px;border:1px solid #e5e7de;border-radius:6px;background:white;padding:9px 10px;color:#79877d}.filterright select{border:0;background:transparent;font-size:11px;max-width:130px;color:#53695c}.search input{border:0;outline:none;width:140px;background:none;font-size:11px}.resultline{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8b948b;margin:0 0 18px}.resultline b{color:#42594a}.resultline select{font-size:10px;border:0;background:none;color:#455c4f}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gamecard{border:1px solid #e5e7de;border-radius:12px;overflow:hidden;background:white;transition:transform .2s,box-shadow .2s}.gamecard:hover{transform:translateY(-4px);box-shadow:0 9px 25px #285a4110}.cardart{height:190px;width:100%;display:block;position:relative;overflow:hidden;text-align:left}.color0{background:#e4edd7}.color1{background:#f8e7c8}.color2{background:#e1ece2}.color3{background:#e5e3f5}.color4{background:#e2efed}.color5{background:#f5e4d9}.tag{position:absolute;top:14px;left:14px;font-size:7px;letter-spacing:1px;font-weight:700;padding:5px 7px;border-radius:4px;background:#ffffffe0;color:#59745e;z-index:1}.playround{position:absolute;right:14px;bottom:14px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#fffffff2;color:#47705a;box-shadow:0 2px 7px #00000008}.cardbody{padding:17px 18px 19px}.cardmeta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#7b8a80;margin-bottom:11px}.cardmeta>span:first-child{background:#edf3e6;color:#62804d;border-radius:4px;padding:4px 6px;font-size:8px}.cardmeta i{font-style:normal;margin:0 5px;color:#c1c9c0}.gametitle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;font-family:'Fredoka';font-size:19px;font-weight:500;text-align:left}.gametitle svg{color:#809181}.cardbody p{font-size:10px;margin:8px 0 0}.illustration{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.sun{position:absolute;top:25px;right:48px;color:#eab44f;font-size:43px}.flowers{font-size:64px;position:absolute;bottom:36px;letter-spacing:-13px;left:65px}.tiles{position:absolute;bottom:20px;font-family:'Fredoka';font-size:30px;letter-spacing:17px;color:#527758}.tiles span{color:#c9923d}.lettertiles{display:flex;align-items:center;gap:8px;margin-top:10px}.lettertiles b{font-family:'Fredoka';font-size:65px;font-weight:500;width:68px;height:82px;display:grid;place-items:center;border-radius:12px;background:#e1a459;color:#fff6da;box-shadow:0 6px 0 #cf9351;transform:rotate(-12deg)}.lettertiles b:nth-child(2){background:#8db6ac;box-shadow:0 6px 0 #6e9f92;transform:translateY(-12px) rotate(4deg)}.lettertiles b:nth-child(3){background:#d78e78;box-shadow:0 6px 0 #be7767;transform:rotate(12deg)}.lettertiles>span{position:absolute;right:22px;top:20px;color:#d0a23e;font-size:30px}.lion{font-size:100px;margin-top:20px}.leaf{font-size:105px;color:#83a083;position:absolute}.l1{left:25px;bottom:0;transform:rotate(-30deg)}.l2{right:15px;bottom:-10px;transform:rotate(25deg)}.triangle{position:absolute;right:50px;top:22px;font-size:32px;color:#d7a149}.rocket{font-size:92px;transform:rotate(-15deg);margin-top:-12px}.planet{position:absolute;inset:20px;color:#a09ac5;font-size:27px;display:flex;justify-content:space-between}.planet span{color:#e5bc51;margin-top:28px}.equation{position:absolute;bottom:16px;font-family:'Fredoka';font-size:22px;color:#79739f;background:#ffffffa0;border-radius:7px;padding:4px 17px}.animaltiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;transform:rotate(-7deg)}.animaltiles span{font-size:38px;background:#ffffffe0;border-radius:9px;padding:4px 13px;box-shadow:0 4px 0 #bad6ce}.animaltiles span:nth-child(2){transform:rotate(12deg)}.wordtiles{display:flex;gap:6px;margin-top:38px}.wordtiles b{font-family:'Fredoka';font-size:37px;background:#fff4dd;padding:3px 14px;box-shadow:0 4px 0 #d6b99b;border-radius:6px;color:#a67952;transform:rotate(-5deg)}.pencil{position:absolute;font-size:70px;top:12px;transform:rotate(12deg)}.customgame{font-size:80px}.bottomnote{display:flex;align-items:center;gap:20px;background:#f5f3e9;border:1px solid #ede9dc;border-radius:12px;padding:24px 30px;margin:4px 0 48px}.noteicon{background:#e8e9d5;color:#7b8d5a;width:54px;height:54px;display:grid;place-items:center;border-radius:50%}.bottomnote h3{font-size:20px;margin:0}.bottomnote p{font-size:11px;margin:5px 0 0}.bottomnote a{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:11px;font-weight:600}footer{border-top:1px solid #e9eadd;max-width:1180px;margin:auto;padding:26px 0 35px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8a9387}.footbrand{font-family:'Fredoka';font-size:18px;color:#56765b}.footbrand span{font-family:'DM Sans';font-size:10px;color:#8a9387;margin-left:14px}.adminhero{display:flex;justify-content:space-between;align-items:center;padding:25px 0;background:#eff3e7;border-radius:15px;padding:30px}.adminhero h1{font-size:40px}.adminhero h1 span{color:#e4ab39}.adminhero p{margin-bottom:0}.overlay{position:fixed;inset:0;z-index:50;background:#1c352bb0;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{position:relative;background:#fffefa;border-radius:18px;padding:32px;width:550px;max-height:92vh;overflow:auto}.modal>p{font-size:12px}.close{position:absolute;right:20px;top:20px}.modal form{display:grid;gap:14px}.modal label{display:grid;gap:6px;font-size:12px;font-weight:500}.modal input,.modal select,.modal textarea{width:100%;padding:10px;border:1px solid #dce3d6;border-radius:6px;background:white}.modal textarea{height:65px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filedrop{border:1px dashed #92af98;padding:15px;border-radius:8px;justify-items:center;background:#f0f5e9}.modal .primary{width:100%}.error{background:#fce9e4;color:#9b4435;padding:10px;border-radius:6px;font-size:12px}.editrow{display:flex;gap:12px;margin-top:15px;color:#397458;font-size:11px}.editrow button{padding:0;text-decoration:underline}.editrow small{margin-left:auto}.player{width:900px;max-width:100%;background:white;border-radius:16px;overflow:hidden}.playerhead{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.playerhead h2{font-size:23px;margin:2px 0}.playerhead small{color:#6e8778;font-size:10px}.player iframe{width:100%;height:65vh;border:0;background:#f6f7ee}.sample{min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f0f4e5;padding:30px;text-align:center}.sample h2{margin:30px 0;font-size:32px}.answers{display:flex;gap:20px}.answers button{background:white;padding:18px 30px;border-radius:12px;font-size:30px;box-shadow:0 4px 0 #cfdec0}.answers button:hover{background:#f5dd9a}.empty{padding:60px;display:grid;justify-items:center;background:#f4f5ed;border-radius:10px}.empty button{color:#2b7057;text-decoration:underline}
@media(min-width:1450px){main{max-width:1380px}.hero{min-height:430px}.heroart{transform:scale(1.06);transform-origin:left center}.cardart{height:210px}}
@media(max-width:1000px){main{padding:0 24px}.hero{grid-template-columns:1.1fr 1fr}.herocopy{padding-left:30px}.heroart{transform:scale(.83);transform-origin:left center}h1{font-size:50px}.herofoot{gap:7px;font-size:8px}.gradebar{gap:7px}.gradebar button{padding:10px}.filterright{gap:5px}.toolbar{flex-wrap:wrap}.grid{gap:14px}.cardmeta{font-size:8px}.gametitle{font-size:17px}.flowers{left:30px}.lettertiles b{width:54px;font-size:53px}.bottomnote{padding:22px}footer{margin:0 24px}.sectionhead p{font-size:10px}.footbrand span{display:none}}
@media(max-width:700px){.topline{justify-content:center}.topline>span{display:none}header{padding:17px 20px;flex-wrap:wrap;gap:20px}.brand b{font-size:24px}.bee{font-size:30px}.admin-link{font-size:10px}nav{order:3;width:100%;justify-content:center;gap:45px}.active:after{bottom:-12px}main{padding:0 18px}.crumb{padding:18px 0}.hero{display:block;min-height:0}.herocopy{padding:30px 25px 0}h1{font-size:48px}.heroart{height:310px;min-height:310px;transform:scale(.8);transform-origin:center top;margin-bottom:-45px;width:430px;left:50%;margin-left:-215px}.herofoot{font-size:8px;gap:12px}.eyebrow{font-size:8px}.explore{padding-top:32px}.sectionhead{display:block}h2{font-size:27px}.sectionhead p{margin-top:12px}.gradebar{overflow-x:auto;padding-bottom:17px}.gradebar button{flex:none;padding:9px 12px}.gradebar select{flex:none;width:100px}.toolbar{padding:17px 0;gap:15px}.tabs{width:100%;justify-content:space-between}.tabs button{padding:7px 9px}.filterright{width:100%;gap:10px}.filterright label{flex:1}.filterright select{width:100%;max-width:none}.search input{width:100%}.grid{grid-template-columns:1fr 1fr;gap:12px}.cardart{height:150px}.cardbody{padding:12px}.cardmeta{display:block}.cardmeta>span{display:block;margin:3px 0;width:fit-content}.gametitle{font-size:16px;margin-top:8px;gap:5px}.gametitle svg{flex-shrink:0;width:13px}.cardbody p{font-size:9px;line-height:1.5}.illustration{transform:scale(.7);inset:-25px}.tag{font-size:6px;top:10px;left:10px}.playround{width:25px;height:25px;bottom:10px;right:10px}.bottomnote{flex-wrap:wrap;gap:13px;padding:20px;margin-bottom:25px}.bottomnote>div:nth-child(2){flex:1}.bottomnote h3{font-size:18px}.bottomnote a{margin:5px 0 0 65px}.noteicon{width:45px;height:45px}footer{margin:0 18px;gap:15px;flex-wrap:wrap;padding-top:20px}.adminhero{display:block;padding:22px}.adminhero h1{font-size:32px}.adminhero .primary{margin-top:20px}.modal{padding:24px 20px}.overlay{padding:12px}.formgrid{gap:10px}.sample{padding:20px 10px}.sample h2{font-size:26px}.answers{gap:10px}.answers button{padding:15px 20px}.playerhead{padding:14px}.playerhead h2{font-size:20px}.sectionhead p{line-height:1.5}}

.account{max-width:500px;margin:65px auto;padding:32px;background:#f1f4e8;border-radius:16px}.account h1{font-size:36px}.account form{display:grid;gap:18px}.account label{display:grid;gap:8px;font-size:12px}.account input{padding:12px;border:1px solid #d0dbca;border-radius:7px;width:100%;background:white}.adminactions{display:flex;align-items:center;gap:12px;font-size:11px}.adminactions form{margin:0}.adminactions button{border:1px solid #dce2d8;padding:9px 12px;border-radius:7px}.cardart img{width:100%;height:100%;object-fit:cover}