:root{font-family:Nunito,Comic Sans MS,Trebuchet MS,sans-serif;line-height:1.4;font-weight:400;color:#14374b;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#fff}#root{min-height:100vh}button{font-family:inherit}.welcome,.select,.game,.parent{position:relative;min-height:100vh;overflow:hidden}.welcome{display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#e7f9ff,#f5fffa,#fff 70%)}.welcome__bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,#fff2cc 0%,transparent 45%),radial-gradient(circle at 10% 90%,#e0f7ff 0%,transparent 50%);opacity:.7}.welcome__orbs .orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.6;animation:float 6s ease-in-out infinite}.orb--1{width:160px;height:160px;top:10%;left:8%;background:#c8f7d1}.orb--2{width:220px;height:220px;bottom:12%;right:6%;background:#d6f1ff;animation-delay:1.5s}.orb--3{width:120px;height:120px;top:18%;right:20%;background:#ffe7c2;animation-delay:.8s}.welcome__mascot{position:relative;width:220px;height:220px;display:grid;place-items:center;animation:bob 4s ease-in-out infinite}.mascot-core{width:140px;height:140px;border-radius:40px;background:linear-gradient(180deg,#a8ffbf,#6de0ff);box-shadow:0 18px 40px #00785a2e}.mascot-glow{position:absolute;width:190px;height:190px;border-radius:999px;background:radial-gradient(circle,rgba(151,255,205,.6),transparent 70%);filter:blur(6px)}.welcome__tap{position:absolute;inset:0;background:transparent;border:0;cursor:pointer}.parent-entry{position:absolute;bottom:24px;right:24px;border:0;background:#fffc;padding:10px 16px;border-radius:999px;font-weight:600}.select{display:flex;flex-direction:column;align-items:center;padding:48px 20px 28px;gap:24px;background:linear-gradient(160deg,#f6fffb,#eef7ff 45%,#fff)}.select__bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(180,255,214,.5),transparent 40%),radial-gradient(circle at 80% 10%,rgba(255,228,180,.5),transparent 38%),radial-gradient(circle at 10% 90%,rgba(182,230,255,.6),transparent 45%);opacity:.8}.select__header{position:relative;text-align:center;z-index:1}.select__title{margin:0;font-size:32px;font-weight:800;color:#1a4055}.select__subtitle{margin:6px 0 0;font-size:16px;color:#3b6d85}.select__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;width:min(520px,100%)}.card{position:relative;border:0;border-radius:24px;background:#fff;padding:16px 12px 18px;display:grid;place-items:center;gap:12px;box-shadow:0 12px 30px #1440551f;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.card:hover{transform:translateY(-4px)}.card__halo{position:absolute;inset:-12px;border-radius:28px;opacity:0;transition:opacity .2s ease}.card__avatar{width:120px;height:120px;border-radius:30px;display:grid;place-items:center}.card__avatar img{width:100%;height:100%;object-fit:contain}.card__name{font-size:18px;font-weight:700;color:#1a4055}.card--lu .card__halo{background:radial-gradient(circle,rgba(130,240,175,.6),transparent 70%)}.card--click .card__halo{background:radial-gradient(circle,rgba(255,209,102,.6),transparent 70%)}.card--tik .card__halo{background:radial-gradient(circle,rgba(142,191,255,.6),transparent 70%)}.card.is-selected{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 40px #1440552e}.card.is-selected .card__halo{opacity:1}.select__confirm{position:relative;z-index:1;margin-top:auto;width:min(280px,100%)}.confirm-btn{width:100%;border:0;border-radius:18px;padding:14px 20px;font-size:18px;font-weight:700;background:#e1e7ed;color:#7f97a6;transition:background .2s ease,color .2s ease,transform .2s ease}.select__confirm.is-ready .confirm-btn{background:linear-gradient(135deg,#5ee8a9,#6ab7ff);color:#0a2e3a;transform:translateY(-2px)}.confirm-btn:disabled{cursor:not-allowed}.game{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#fff7da,#f2fbff 45%,#fff 80%);text-align:center;padding-top:48px}.game__bubble{background:#fff;padding:16px 22px;border-radius:22px;box-shadow:0 12px 24px #1440551f;font-size:18px;font-weight:600;color:#1a4055;margin-bottom:10px}.game__character{width:220px;height:220px}.game__character img{width:100%;height:100%;object-fit:contain}.game__name{margin-bottom:16px;font-size:22px;font-weight:800;color:#2c7aa1}.phaser-host{width:min(480px,100%);height:min(720px,70vh)}.voice-btn{margin-top:12px;border:0;border-radius:999px;padding:12px 18px;font-size:16px;font-weight:700;background:#e6f0ff;color:#1a4055;transition:transform .2s ease,background .2s ease}.voice-btn.is-listening{background:#ffe9b3;transform:translateY(-2px)}.parent{padding:32px 20px 40px;background:#f7fbff;color:#1a4055}.parent h1{margin-bottom:20px}.panel{background:#fff;padding:16px;border-radius:16px;box-shadow:0 10px 24px #1440551a;margin-bottom:16px}.panel input,.panel textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #dfe8ef;font-size:14px;margin-bottom:10px}.panel button{border:0;padding:10px 14px;border-radius:12px;background:#6ab7ff;color:#0a2e3a;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:480px){.select{padding:36px 16px 24px}.select__title{font-size:26px}.game__bubble{font-size:16px}}