@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&display=swap";*{box-sizing:border-box}body{color:#26325f;background:radial-gradient(circle at 0 0,#fff0a8 0,#0000 28%),radial-gradient(circle at 100% 100%,#aee1ff 0,#0000 32%),linear-gradient(135deg,#fffaf0,#f5fbff);min-height:100vh;margin:0;font-family:"Baloo 2",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font-family:inherit}.page-shell{justify-content:center;align-items:center;min-height:100vh;padding:42px 22px;display:flex}.hero-card,.game-screen{background:#ffffffdb;border:2px solid #ffffffe6;border-radius:34px;width:min(1180px,100%);padding:34px;box-shadow:0 28px 80px #293c6e29}.reward-bar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.stars-pill{background:#fff;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:1.2rem;font-weight:900;display:inline-flex;box-shadow:0 12px 30px #283a641f}.reset-button,.ghost-button,.primary-button,.secondary-button,.sound-button{cursor:pointer;border:0;border-radius:999px;font-weight:900;transition:transform .2s,box-shadow .2s}.reset-button,.ghost-button{color:#32416e;background:#edf2ff;padding:12px 22px;font-size:1rem}.primary-button{color:#26325f;background:linear-gradient(135deg,#ffcf56,#ff8db7);padding:16px 30px;font-size:1.25rem;box-shadow:0 14px 30px #ff8db747}.secondary-button,.sound-button{color:#26325f;background:#fff;padding:16px 26px;font-size:1.15rem;box-shadow:0 12px 28px #283a641f}button:hover{transform:translateY(-2px)}.hero-content{text-align:center;max-width:820px;margin:0 auto 28px}.eyebrow{color:#7b5b00;background:#fff0a8;border-radius:999px;margin:0 0 12px;padding:8px 18px;font-size:1.1rem;font-weight:900;display:inline-block}h1{color:#24305f;margin:0;font-size:clamp(3.4rem,8vw,6.4rem);font-weight:1000;line-height:.95}.hero-text{color:#5a6889;max-width:780px;margin:20px auto 0;font-size:clamp(1.2rem,2vw,1.65rem)}.panda-card{background:#f3f9ff;border:3px solid #fff;border-radius:30px;align-items:center;gap:18px;width:min(620px,100%);margin:28px auto 34px;padding:18px 22px;display:flex;box-shadow:0 18px 44px #283a641f}.panda-face{background:#fff5c7;border-radius:24px;flex:none;place-items:center;width:96px;height:96px;font-size:4.2rem;display:grid}.panda-name,.panda-label{text-transform:uppercase;letter-spacing:.12em;color:#70809f;margin:0;font-size:1rem;font-weight:1000}.panda-message{color:#26325f;margin:4px 0 0;font-size:1.35rem;font-weight:900}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.game-card{color:#26325f;text-align:center;background:#fff;border:0;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:240px;padding:28px 22px;display:flex;box-shadow:0 20px 50px #283a641f}.game-card.active:first-child{background:linear-gradient(135deg,#ffe574,#ff9fc4)}.game-card.active:nth-child(2){background:linear-gradient(135deg,#b7e6ff,#d8c7ff)}.game-card.active:nth-child(3){background:linear-gradient(135deg,#ffd5a8,#b8f7d4)}.game-card.locked{opacity:.7;cursor:not-allowed}.game-icon{font-size:clamp(4.6rem,10vw,6.2rem);line-height:1}.game-title{font-size:1.65rem;font-weight:1000}.game-description{color:#566789;max-width:280px;font-size:1.1rem;font-weight:800}.top-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.progress-wrap{margin-bottom:22px}.progress-label{color:#5d6c8d;margin-bottom:8px;font-weight:900}.progress-track{background:#e8efff;border-radius:999px;width:100%;height:14px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ffcf56,#ff8db7);border-radius:999px;height:100%}.letter-card{text-align:center;background:#fff;border-radius:34px;max-width:760px;margin:28px auto;padding:34px 24px;box-shadow:0 24px 60px #283a6424}.big-letter{color:#25325f;filter:drop-shadow(0 14px 18px #2d3d6429);margin:0;font-size:clamp(6rem,16vw,9rem);font-weight:1000;line-height:1}.emoji{font-size:clamp(6rem,16vw,9rem);line-height:1}.word-text{color:#26325f;margin:16px 0 0;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:1000}.action-row{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:22px;display:flex}.music-button{z-index:20;color:#25325c;cursor:pointer;background:#fff;border:0;border-radius:999px;min-height:54px;padding:14px 22px;font-weight:950;position:fixed;bottom:18px;right:18px;box-shadow:0 14px 35px #2d3d642e}@media (width<=900px){.game-grid{grid-template-columns:1fr}.hero-card,.game-screen{border-radius:28px;padding:22px}.panda-card{align-items:flex-start}}@media (width<=600px){.page-shell{padding:20px 12px 90px}h1{font-size:3.2rem}.panda-face{width:78px;height:78px;font-size:3.3rem}.panda-message{font-size:1.05rem}.game-icon{font-size:4.5rem}.top-row,.reward-bar{flex-direction:column;align-items:stretch}.music-button{min-height:48px;padding:12px 16px;bottom:12px;right:12px}}