@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap";
*,:before,:after{box-sizing:border-box}:root{--blue:#1559b7;--navy:#102452;--sky:#eaf4ff;--yellow:#ffd43b;--yellow-dark:#e8aa12;--green:#35a85b;--red:#dc4444;--muted:#657595;--line:#dce7f5;--shadow:0 16px 45px #1b4c8b21;color:var(--navy);font-synthesis:none;background:#f5f9ff;font-family:Nunito,sans-serif}body{background:radial-gradient(circle at 8% 18%,#ffd43b29,#0000 27%),radial-gradient(circle at 92% 84%,#1559b71a,#0000 30%),#f5f9ff;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.platform-page,.game-page{min-height:100vh}.platform-nav,.game-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;background:#ffffffe6;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:var(--yellow);border:2px solid var(--yellow-dark);width:42px;height:42px;color:var(--blue);border-radius:14px 14px 14px 5px;place-items:center;font-family:"Baloo 2";font-size:27px;font-weight:800;display:grid;transform:rotate(-3deg);box-shadow:3px 4px #b88507}.brand>span:last-child{flex-direction:column;display:flex}.brand strong{color:var(--blue);font:800 23px/1 "Baloo 2"}.brand small{color:var(--muted);letter-spacing:.3px;font-size:10px;font-weight:800}.brand-compact .brand-mark{width:36px;height:36px;font-size:23px}.brand-compact strong{font-size:20px}.brand-compact small{display:none}.nav-profile{color:var(--muted);align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.avatar{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.dashboard-shell{width:min(1180px,100% - 40px);margin:36px auto 70px}.welcome-panel{color:#fff;background:linear-gradient(125deg,#0f54b2,#2378d8);border-radius:32px;grid-template-columns:1.15fr .85fr;align-items:center;min-height:370px;padding:clamp(36px,6vw,74px);display:grid;position:relative;overflow:hidden;box-shadow:0 25px 65px #1559b740}.welcome-panel:before{content:"";border:1px solid #ffffff21;border-radius:50%;width:360px;height:360px;position:absolute;top:-150px;right:-120px;box-shadow:0 0 0 65px #ffffff0a,0 0 0 130px #ffffff08}.eyebrow{letter-spacing:1.8px;color:var(--blue);margin-bottom:10px;font-size:11px;font-weight:900;display:block}.welcome-panel .eyebrow{color:#bfe0ff}.welcome-copy{z-index:2;position:relative}.welcome-copy h1,.setup-intro h1{letter-spacing:-1.8px;margin:0;font:800 clamp(38px,5vw,64px)/.98 "Baloo 2"}.welcome-copy h1 em{color:var(--yellow);font-style:normal}.welcome-copy p{color:#dcecff;max-width:540px;margin:20px 0 30px;font-size:17px;line-height:1.65}.primary-button,.secondary-button{border:0;border-radius:14px;justify-content:center;align-items:center;gap:22px;padding:14px 20px;font-weight:900;display:inline-flex}.primary-button{color:var(--navy);background:var(--yellow);box-shadow:0 5px 0 var(--yellow-dark)}.primary-button:hover{box-shadow:0 7px 0 var(--yellow-dark);transform:translateY(-2px)}.secondary-button{color:var(--blue);background:var(--sky)}.welcome-art{z-index:2;height:270px;position:relative}.sun-orbit{border:2px dashed #ffffff47;border-radius:50%;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sun-orbit span{background:var(--yellow);width:45px;height:45px;color:var(--blue);border-radius:50%;place-items:center;font-size:22px;display:grid;position:absolute;top:18px;right:8px}.art-card{width:100px;height:120px;color:var(--navy);border:3px solid #fff;border-radius:20px;place-items:center;font:800 57px "Baloo 2";display:grid;position:absolute;box-shadow:0 16px 30px #04224e40}.art-card-one{background:#fff;top:27%;left:19%;transform:rotate(-12deg)}.art-card-two{background:var(--yellow);top:17%;left:43%;transform:rotate(3deg)}.art-card-three{background:#7de09b;top:34%;left:66%;transform:rotate(13deg)}.pencil{color:var(--yellow);font-size:62px;position:absolute;bottom:0;right:4%;transform:rotate(-28deg)}.games-section{margin-top:54px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.section-heading h2{margin:0;font:800 clamp(27px,3vw,36px) "Baloo 2"}.game-count{color:var(--muted);font-size:13px;font-weight:800}.game-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.game-card{border:1px solid var(--line);background:#fff;border-radius:24px;transition:all .22s;overflow:hidden;box-shadow:0 8px 25px #14417b14}.featured-game{cursor:pointer}.featured-game:hover{box-shadow:var(--shadow);transform:translateY(-7px)}.game-visual{justify-content:center;align-items:center;gap:8px;height:180px;display:flex;overflow:hidden}.word-visual{background:linear-gradient(140deg,#ddecff,#f4f9ff)}.letter-tile{background:var(--yellow);border:2px solid var(--yellow-dark);width:48px;height:56px;box-shadow:0 5px 0 var(--yellow-dark);border-radius:11px;place-items:center;font:800 27px "Baloo 2";display:grid}.letter-tile:nth-child(2n){transform:translateY(9px)rotate(3deg)}.letter-tile:nth-child(3n){background:#7de09b;border-color:#42a760;transform:translateY(-7px)rotate(-3deg);box-shadow:0 5px #42a760}.sequence-visual{background:#fff4ca}.sequence-visual span{width:55px;height:55px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;font:800 24px "Baloo 2";display:grid}.sequence-visual i{color:#c7900e;font-style:normal}.match-visual{background:#e7f8ed;font-size:52px}.match-visual i{color:var(--green);font-size:28px;font-style:normal}.game-card-body{padding:22px 23px 24px}.card-tags{gap:7px;margin-bottom:11px;display:flex}.card-tags span,.soon-label{background:var(--sky);color:var(--blue);letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:900}.game-card h3{margin:0 0 8px;font:800 23px "Baloo 2"}.game-card p{min-height:45px;color:var(--muted);margin:0 0 19px;font-size:13px;line-height:1.55}.card-play{color:#fff;background:var(--blue);border:0;border-radius:12px;justify-content:space-between;width:100%;padding:12px 16px;font-weight:900;display:flex}.coming-card{opacity:.7}.coming-card .soon-label{color:#71809a;background:#eef1f5;display:inline-block}.back-link,.game-home{color:var(--blue);background:0 0;border:0;font-weight:900}.nav-step{color:var(--muted);font-size:12px;font-weight:800}.setup-shell{width:min(900px,100% - 32px);margin:50px auto 80px}.setup-intro{text-align:center;margin-bottom:35px}.setup-intro h1{color:var(--navy);font-size:clamp(37px,5vw,55px)}.setup-intro p{max-width:620px;color:var(--muted);margin:12px auto 0;line-height:1.6}.setup-section{border:1px solid var(--line);background:#fff;border-radius:22px;margin-bottom:18px;padding:25px;box-shadow:0 8px 30px #15457e12}.setup-section-title{align-items:center;gap:13px;margin-bottom:20px;display:flex}.setup-section-title>span{background:var(--blue);color:#fff;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font:800 18px "Baloo 2";display:grid}.setup-section-title h2{margin:0;font:800 21px "Baloo 2"}.setup-section-title p{color:var(--muted);margin:0;font-size:12px}.sample-button{border:1px solid var(--line);background:var(--sky);color:var(--blue);border-radius:10px;margin-left:auto;padding:9px 12px;font-size:11px;font-weight:900}.count-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.count-options button{border:2px solid var(--line);color:var(--muted);background:#fbfdff;border-radius:16px;padding:16px}.count-options button strong,.count-options button small{display:block}.count-options button strong{color:var(--navy);font:800 28px "Baloo 2"}.count-options button.selected{border-color:var(--blue);background:var(--sky);box-shadow:inset 0 0 0 2px #fff}.topic-options{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.topic-options button{border:2px solid var(--line);min-height:132px;color:var(--navy);text-align:left;background:#fbfdff;border-radius:16px;flex-direction:column;align-items:flex-start;gap:5px;padding:15px;transition:all .18s;display:flex}.topic-options button>span{font-size:27px}.topic-options button strong{font:800 15px "Baloo 2"}.topic-options button small{color:var(--muted);line-height:1.35}.topic-options button:hover:not(:disabled){border-color:#9fc5f3;transform:translateY(-2px)}.topic-options button.selected{border-color:var(--blue);background:var(--sky);box-shadow:inset 0 0 0 2px #fff}.topic-options button:disabled,.count-options button:disabled,.sample-button:disabled,.setup-footer button:disabled{opacity:.6;cursor:wait}.generation-note{color:#287b44;background:#e9f8ee;border-radius:11px;align-items:center;gap:8px;margin:-4px 0 15px;padding:10px 12px;font-size:11px;font-weight:800;display:flex}.generation-note.loading{color:var(--blue);background:var(--sky)}.generation-note.loading span{animation:1.2s infinite pulse}.word-entry-grid{gap:10px;max-height:430px;padding-right:5px;display:grid;overflow:auto}.word-entry{border:1px solid var(--line);background:#fbfdff;border-radius:14px;grid-template-columns:36px 1fr 1.4fr;align-items:center;gap:12px;padding:10px;display:grid}.entry-number{background:var(--sky);width:30px;height:30px;color:var(--blue);border-radius:9px;place-items:center;font-weight:900;display:grid}.word-entry label small{color:var(--muted);letter-spacing:.8px;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.word-entry input{border:0;border-bottom:2px solid var(--line);width:100%;color:var(--navy);background:0 0;outline:0;padding:7px 2px;font-weight:800}.word-entry input:focus{border-color:var(--blue)}.image-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.image-options label{border:2px solid var(--line);cursor:pointer;border-radius:16px;align-items:center;gap:13px;padding:17px;display:flex;position:relative}.image-options label.selected{border-color:var(--blue);background:var(--sky)}.image-options input{opacity:0;position:absolute}.image-options span:not(.option-icon){flex-direction:column;gap:3px;display:flex}.image-options small{color:var(--muted);line-height:1.35}.option-icon{font-size:25px}.image-options b{color:#278349;text-transform:uppercase;background:#dff5e6;border-radius:20px;padding:3px 7px;font-size:8px;position:absolute;top:8px;right:10px}.form-error{color:var(--red);background:#ffebeb;border-radius:12px;margin:15px 0;padding:12px 15px;font-weight:800}.setup-footer{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--muted);background:#fffffff0;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px 14px 22px;font-size:12px;font-weight:800;display:flex;position:sticky;bottom:16px}.game-header{height:66px}.game-header .header-score{align-items:baseline;gap:5px;display:flex}.header-score strong{color:var(--blue);font:800 22px "Baloo 2"}.header-score span{color:var(--muted);font-size:11px;font-weight:800}.progress-track{z-index:31;background:#dbe9fa;height:4px;position:sticky;top:66px}.progress-track span{background:linear-gradient(90deg,var(--yellow),var(--green));height:100%;transition:width .35s;display:block}.game-layout{grid-template-columns:1.08fr .92fr;align-items:start;gap:42px;width:min(1180px,100% - 32px);margin:0 auto;padding:40px 0 60px;display:grid}.game-left,.game-right{flex-direction:column;gap:14px;display:flex}.puzzle-label-top{align-items:center;gap:10px;display:flex}.label-badge{color:#fff;background:var(--blue);border-radius:20px;padding:5px 12px;font:800 13px "Baloo 2"}.label-text{color:var(--muted);font-size:13px;font-weight:700}.image-card{aspect-ratio:4/3;box-shadow:var(--shadow);background:#fff;border:2px solid #fff;border-radius:25px;place-items:center;display:grid;position:relative;overflow:hidden}.puzzle-img{object-fit:cover;width:100%;height:100%}.emoji-scene,.generating-scene{background:linear-gradient(145deg,#e5f2ff,#fff9da);flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.emoji-big{filter:drop-shadow(0 12px 18px #143c6424);font-size:clamp(90px,14vw,145px);animation:3s ease-in-out infinite bob}.emoji-caption{color:var(--muted);text-align:center;font-weight:800}.image-error{color:var(--red);font-weight:800}.sparkle-loader{width:80px;height:80px;color:var(--blue);background:var(--yellow);border-radius:28px;place-items:center;font-size:38px;animation:1.2s infinite pulse;display:grid}.generating-scene small{color:var(--muted)}.image-overlay-win{color:#fff;background:#2b9952e0;flex-direction:column;justify-content:center;align-items:center;gap:6px;animation:.25s fade-in;display:flex;position:absolute;inset:0}.win-check{border:4px solid #fff;border-radius:50%;place-items:center;width:80px;height:80px;font-size:48px;display:grid}.win-label{overflow-wrap:anywhere;letter-spacing:3px;max-width:92%;font:800 clamp(25px,4vw,40px) "Baloo 2"}.puzzle-desc{border-left:4px solid var(--yellow);color:var(--muted);background:#fff;border-radius:12px;margin:0;padding:13px 16px;font-size:13px;line-height:1.55;box-shadow:0 4px 15px #17417812}.nav-arrows{gap:10px;display:flex}.nav-btn{border:2px solid var(--line);color:var(--blue);background:#fff;border-radius:11px;flex:1;padding:11px;font-weight:900}.nav-btn:disabled{opacity:.35;cursor:default}.right-section{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;gap:14px;padding:21px;display:flex;box-shadow:0 8px 25px #14417b14}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:900}.slots-row{justify-content:center;gap:6px;display:flex}.slot{aspect-ratio:1/1.1;border:2px solid var(--line);min-width:0;max-width:58px;color:var(--blue);background:#fff;border-radius:10px;flex:1 1 0;place-items:center;padding:0;font:800 clamp(13px,2.5vw,27px) "Baloo 2";display:grid}.slots-compact{gap:3px}.slots-compact .slot{font-size:clamp(11px,1.8vw,21px)}.slot-empty:after{content:"";background:var(--line);border-radius:3px;width:45%;height:3px}.slot-filled{border-color:var(--blue);background:var(--sky)}.slot-locked{border-color:var(--yellow-dark);background:var(--yellow);color:var(--red);cursor:default}.slot-wrong{animation:.8s wrong;color:#fff!important;background:var(--red)!important;border-color:#a82020!important}.slot-win{animation:.4s pop;color:#fff!important;background:var(--green)!important;border-color:#23783e!important}.slot-hint-text{color:var(--muted);text-align:center;font-size:10px;font-weight:700}.pool-row{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.pool-btn{border:2px solid var(--yellow-dark);background:var(--yellow);width:50px;height:56px;box-shadow:0 5px 0 var(--yellow-dark);color:var(--navy);border-radius:11px;font:800 24px "Baloo 2";transition:all .12s}.pool-btn:hover:not(:disabled){box-shadow:0 8px 0 var(--yellow-dark);transform:translateY(-3px)}.pool-used{opacity:0;pointer-events:none;transform:scale(.4)}.status-correct,.hint-box{text-align:center;border-radius:13px;padding:12px 18px;font-weight:900;animation:.25s fade-up}.status-correct{color:#fff;background:var(--green)}.hint-box{color:#815e08;border:1px solid var(--yellow-dark);background:#fff4bd}.actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.btn-action{border-radius:50px;padding:11px 17px;font-weight:900}.btn-clear{color:var(--red);background:#fff0f0;border:1px solid #ffcaca}.btn-hint{color:#986c00;background:#fff8dc;border:1px solid #f4d472}.btn-next{color:#fff;background:var(--green);border:1px solid #267d43}.mobile-nav{display:none}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#091a3ea6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:25px;width:min(420px,100%);padding:34px;animation:.35s pop;box-shadow:0 30px 90px #00000047}.modal-trophy{font-size:68px}.modal h2{color:var(--blue);margin:2px 0;font:800 35px "Baloo 2"}.modal p{color:var(--muted);margin:0}.result-score{background:var(--sky);border-radius:16px;flex-direction:column;margin:20px 0;padding:15px;display:flex}.result-score strong{color:var(--blue);font:800 38px "Baloo 2"}.result-score span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.confetti-piece{z-index:200;width:9px;height:13px;animation:2.5s ease-in forwards confetti;position:fixed;top:-15px}@keyframes bob{50%{transform:translateY(-10px)rotate(2deg)}}@keyframes pulse{50%{transform:scale(1.1)rotate(8deg)}}@keyframes wrong{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes pop{50%{transform:scale(1.08)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}@keyframes confetti{to{transform:translate(var(--drift),105vh) rotate(720deg);opacity:0}}@media (max-width:850px){.welcome-panel{grid-template-columns:1fr;min-height:auto}.welcome-art{display:none}.game-grid{grid-template-columns:1fr 1fr}.game-grid .game-card:last-child{display:none}.game-layout{grid-template-columns:1fr;gap:24px;padding-top:25px}.topic-options{grid-template-columns:repeat(3,1fr)}.desktop-nav{display:none}.mobile-nav{display:flex}}@media (max-width:600px){.platform-nav,.game-header{padding:0 16px}.nav-profile>span:first-child,.nav-step,.game-header .brand{display:none}.dashboard-shell{width:min(100% - 24px,1180px);margin-top:18px}.welcome-panel{border-radius:23px;padding:34px 25px}.welcome-copy h1{font-size:43px}.welcome-copy p{font-size:15px}.game-grid{grid-template-columns:1fr}.game-grid .game-card:last-child{display:block}.section-heading{flex-direction:column;align-items:start}.setup-shell{margin-top:28px}.setup-section{padding:18px}.setup-section-title{flex-wrap:wrap;align-items:flex-start}.sample-button{width:100%;margin-left:49px}.topic-options{grid-template-columns:1fr 1fr}.topic-options button{min-height:120px}.word-entry{grid-template-columns:32px 1fr}.clue-field{grid-column:2}.image-options{grid-template-columns:1fr}.setup-footer{bottom:8px}.setup-footer>span{display:none}.setup-footer .primary-button{width:100%}.game-layout{width:min(100% - 24px,1180px)}.pool-btn{width:43px;height:49px;font-size:20px}.right-section{padding:16px 12px}.slots-row{gap:3px}.slot{border-radius:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}