@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--bg:#06142b;--panel:#0d2344;--text:#fff;--muted:#c6d6ed;--pink:#ff2e9b;--violet:#7138ff;--cyan:#19c8ff;--green:#59e83f;--orange:#ff7a13;--yellow:#ffd318}
*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;background:radial-gradient(circle at 20% 10%,#132e73 0,transparent 28%),radial-gradient(circle at 85% 20%,#3d0f64 0,transparent 24%),var(--bg);color:var(--text);min-height:100vh}a{text-decoration:none;color:inherit}
.topbar{max-width:1250px;margin:auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center}.brand span{grid-row:1/3;font-size:38px}.brand strong{font-size:32px;line-height:1;background:linear-gradient(90deg,#ff65bd,#8a66ff,#22d7ff);-webkit-background-clip:text;color:transparent}.brand small{font-size:9px;letter-spacing:2px;color:#ff70d0}nav{display:flex;gap:10px;flex-wrap:wrap}nav a{padding:10px 13px;border-radius:14px;color:#d8e7ff}nav a:hover,nav a.active{background:#35105e;border:1px solid #ff2e9b;box-shadow:0 0 18px #ff2e9b55}
.shell{max-width:1250px;margin:auto;padding:0 20px 40px}.hero-games{min-height:190px;border-radius:28px;padding:26px 34px;display:grid;grid-template-columns:1.5fr .8fr .65fr;align-items:center;gap:20px;background:linear-gradient(100deg,#3546f5,#e017c7 50%,#1677ff);overflow:hidden;box-shadow:0 20px 70px #0006}.hero-copy{display:flex;align-items:center;gap:25px}.gamepad{font-size:70px}.hero-games h1{font-size:64px;line-height:.95;margin:0 0 8px}.hero-games h2{font-size:22px;margin:0}.hero-games p{font-size:18px;margin:2px 0}.hero-girl{display:flex;align-items:center;gap:8px}.avatar{font-size:110px;filter:drop-shadow(0 14px 12px #0004)}.bubble{background:#fff;color:#151525;padding:13px 17px;border-radius:50%;font-weight:800;text-align:center;transform:rotate(-6deg)}.hero-note{font-size:22px;font-style:italic;text-align:center}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.filter{border:1px solid #24609c;background:#0b2446;color:#fff;padding:11px 18px;border-radius:999px;font-family:inherit;font-weight:700;cursor:pointer}.filter.active{background:linear-gradient(90deg,var(--pink),#b319ff)}
.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.game-card{background:linear-gradient(180deg,#0c2346,#0a1c38);border:1px solid #174c7e;border-radius:22px;overflow:hidden;box-shadow:0 15px 35px #0004;transition:.2s}.game-card:hover{transform:translateY(-5px)}.preview{height:145px;display:grid;place-items:center;position:relative;margin:10px;border-radius:17px;background:linear-gradient(135deg,#194266,#154f44)}.preview.violet{background:linear-gradient(135deg,#473070,#553099)}.preview.orange{background:linear-gradient(135deg,#365c31,#756016)}.preview.green{background:linear-gradient(135deg,#2d6540,#5f7e22)}.preview.blue{background:linear-gradient(135deg,#163f74,#1d63a8)}.preview.yellow{background:linear-gradient(135deg,#654d11,#946a08)}.bigemoji{font-size:76px}.level{position:absolute;bottom:-7px;left:8px;background:#19d4ff;color:#05223a;border-radius:999px;padding:4px 10px;font-weight:800;font-size:12px}.game-body{padding:5px 16px 16px}.game-body h3{margin:3px 0;font-size:18px}.game-body p{color:var(--muted);font-size:13px;min-height:42px}.play{display:flex;justify-content:center;gap:12px;padding:10px 12px;border-radius:999px;background:linear-gradient(90deg,var(--pink),#ff2e86);font-weight:800}.play.violet{background:linear-gradient(90deg,#753cff,#a933ff)}.play.orange{background:linear-gradient(90deg,#ff7a13,#ff9b16)}.play.green{background:linear-gradient(90deg,#42e750,#74ef22);color:#072a12}.play.blue{background:linear-gradient(90deg,#157cff,#20b7ff)}.play.yellow{background:linear-gradient(90deg,#ffd319,#ff9b11);color:#272000}.motivation{margin:25px 0;padding:16px 20px;border-top:1px solid #174c7e;color:#30caff;font-size:19px;font-style:italic}
.game-shell{max-width:900px}.game-title{text-align:center;padding:20px 0}.game-title h1{font-size:44px;margin:8px 0}.pill{display:inline-block;padding:7px 12px;border-radius:999px;background:#35105e;border:1px solid #ff2e9b}.scorebar{display:flex;justify-content:center;gap:12px;margin-bottom:15px}.scorebar>div{background:#0e274c;border:1px solid #225889;border-radius:999px;padding:9px 15px}.play-area{background:linear-gradient(180deg,#0d2448,#091d3b);border:1px solid #225889;border-radius:28px;min-height:460px;padding:30px;box-shadow:0 25px 80px #0005}.visual-game{text-align:center}.visual-emoji{font-size:135px;min-height:180px;display:grid;place-items:center}.question-label{font-size:18px;color:#bcd1ed;margin:8px 0 18px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:650px;margin:auto}.answer-btn,.check-btn{border:1px solid #2f6ca5;background:#122f59;color:#fff;border-radius:15px;padding:15px;font-family:inherit;font-weight:700;font-size:16px;cursor:pointer}.answer-btn.correct{background:#1a7c4e}.answer-btn.wrong{background:#76263e}.answers.two{grid-template-columns:1fr 1fr;max-width:480px}.big-word{font-size:46px;font-weight:800;margin:25px 0}.sentence{font-size:30px}.game-message{text-align:center;min-height:50px;padding:15px;font-weight:800;font-size:18px}.flash-wrap{text-align:center}.flash-card-main{width:min(420px,100%);min-height:320px;border:1px solid #4a76c2;background:linear-gradient(145deg,#f7fbff,#dce7ff);color:#12213c;border-radius:30px;cursor:pointer}.flash-emoji{font-size:90px}.flash-word{font-size:48px;font-weight:800}.flash-meaning{font-size:20px;color:#4a5a72}.listen{display:block;margin-top:18px;color:#6b39dd;font-weight:800}.flash-controls{display:flex;justify-content:center;gap:15px;margin-top:20px}.flash-controls button{width:60px;height:48px;border-radius:16px;border:0;background:#6b39dd;color:#fff;font-size:22px}.word-pool,.letter-pool{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0}.word-chip,.letter-chip{background:#fff;color:#17223a;padding:12px 17px;border-radius:12px;font-weight:800;cursor:pointer}.sentence-line,.letter-answer{min-height:80px;border:2px dashed #416b9e;border-radius:18px;padding:16px;display:flex;gap:9px;justify-content:center;flex-wrap:wrap;align-items:center;margin:20px auto;max-width:700px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:720px;margin:auto}.memory-card{min-height:85px;border:1px solid #4273ab;border-radius:16px;background:#17355d;color:#fff;font-weight:800;cursor:pointer}.memory-card.open,.memory-card.matched{background:#6431b4}.memory-card.matched{opacity:.45}.audio-circle{width:130px;height:130px;margin:20px auto;border-radius:50%;display:grid;place-items:center;font-size:55px;background:linear-gradient(135deg,#552bd2,#ff2e9b);cursor:pointer}.dict-input{width:min(420px,100%);padding:16px 18px;border-radius:15px;border:1px solid #3d6998;background:#091a35;color:#fff;font-size:18px;text-align:center}.wordsearch{display:grid;grid-template-columns:repeat(9,42px);gap:5px;justify-content:center}.letter-cell{width:42px;height:42px;border-radius:9px;border:1px solid #426b9a;background:#122d53;color:#fff;font-weight:800}.letter-cell.sel{background:#6b35cf}.found-list{margin-top:18px;color:#55ef76;font-weight:800}
@media(max-width:1000px){.games-grid{grid-template-columns:repeat(3,1fr)}.hero-games{grid-template-columns:1.4fr .7fr}.hero-note{display:none}}@media(max-width:760px){.topbar{display:block}.topbar nav{margin-top:12px}.hero-games{display:block}.hero-girl{display:none}.games-grid{grid-template-columns:repeat(2,1fr)}.answers{grid-template-columns:1fr}.memory-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.games-grid{grid-template-columns:1fr}.play-area{padding:17px}.wordsearch{grid-template-columns:repeat(9,31px)}.letter-cell{width:31px;height:31px;font-size:11px}}