:root{font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;color:#352339;background:#fff7eb;--rose: #f45b8d;--berry: #b9346f;--sun: #ffd65a;--mint: #6dd8a8;--sky: #7bc9ff;--ink: #352339}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:0;font:inherit}.app-shell{min-height:100vh;padding:20px;background:radial-gradient(circle at top left,rgba(255,214,90,.42),transparent 28rem),radial-gradient(circle at top right,rgba(123,201,255,.35),transparent 24rem),linear-gradient(135deg,#fff8ef,#ffe7f0,#effaf5)}.hero-band{display:grid;grid-template-columns:minmax(120px,230px) minmax(280px,1fr) minmax(120px,230px);align-items:end;gap:18px;max-width:1180px;margin:0 auto 18px;min-height:250px}.character-wrap{align-self:stretch;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.character-wrap img{width:min(100%,230px);max-height:250px;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(120,43,75,.18))}.fluffy-wrap img{transform:scaleX(-1)}.title-zone{text-align:center;padding:22px 18px 18px}.class-label{margin:0 0 4px;color:var(--berry);font-size:1rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:8px;color:var(--ink);font-size:clamp(2.6rem,6vw,5.3rem);line-height:.95}.subtitle{max-width:560px;margin:0 auto 18px;font-size:1.12rem;line-height:1.5}.sound-start,.replay-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--rose),var(--berry));box-shadow:0 12px 24px #b9346f40;transition:transform .16s ease,box-shadow .16s ease}.sound-start{min-width:190px;padding:16px 24px;border-radius:999px;font-size:1.25rem;font-weight:900}.sound-start:active,.replay-button:active,.answer-card:active,.game-tabs button:active{transform:translateY(2px) scale(.99)}.game-layout{display:grid;grid-template-columns:180px minmax(0,1fr) 190px;gap:16px;max-width:1180px;margin:0 auto;align-items:start}.game-tabs,.progress-panel,.play-panel{border:2px solid rgba(255,255,255,.78);background:#ffffffc7;box-shadow:0 18px 38px #59384c1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-tabs{display:grid;gap:9px;padding:12px;border-radius:8px}.game-tabs button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:58px;padding:10px 12px;border-radius:8px;color:var(--ink);background:#fff7ef;cursor:pointer;font-weight:900}.game-tabs button.active{color:#fff;background:linear-gradient(135deg,#26a9a0,#1874b8)}.game-tabs small{flex:0 0 auto;padding:4px 7px;border-radius:999px;color:inherit;background:#ffffff3d}.play-panel{min-height:520px;padding:22px;border-radius:8px}.host-line{display:flex;align-items:center;gap:14px}.host-line img{width:78px;height:78px;border-radius:50%;object-fit:cover;object-position:top;border:4px solid white;background:#ffe6ef}.host-line p{margin-bottom:2px;color:#8c315a;font-size:.95rem;font-weight:900}.host-line h2{margin-bottom:0;font-size:clamp(1.55rem,3.5vw,2.55rem);line-height:1.05}.intro-text{margin:18px 0;font-size:1.12rem}.prompt-row{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;min-height:86px;padding:12px;border-radius:8px;background:#f4fbff}.replay-button{min-width:106px;min-height:58px;border-radius:8px;font-size:1.1rem;font-weight:900}.prompt-row span,.prompt-row strong{display:block}.prompt-row span{margin-bottom:4px;color:#286b9c;font-size:.92rem;font-weight:900}.prompt-row strong{font-size:1.2rem}.answer-grid{display:grid;gap:14px;margin-top:18px}.options-2{grid-template-columns:repeat(2,minmax(0,1fr))}.options-3{grid-template-columns:repeat(3,minmax(0,1fr))}.answer-card{display:grid;place-items:center;min-height:190px;padding:14px;border:4px solid #ffffff;border-radius:8px;color:var(--ink);background:#fffaf2;box-shadow:0 12px 22px #5033411a;cursor:pointer}.answer-card:focus-visible,.game-tabs button:focus-visible,.sound-start:focus-visible,.replay-button:focus-visible{outline:4px solid var(--sun);outline-offset:3px}.answer-card span{margin-top:10px;font-size:clamp(1.35rem,3vw,2.1rem);font-weight:900}.color-dot{width:min(24vw,120px);aspect-ratio:1;border-radius:50%;border:6px solid white;box-shadow:inset 0 -12px 18px #0000001f,0 10px 20px #0000001a}.picture-icon{display:grid;place-items:center;width:min(26vw,128px);aspect-ratio:1;border-radius:8px;color:#3c2a42;background:#e8fff3;font-size:clamp(1rem,2.7vw,1.6rem);font-weight:900;text-align:center}.picture-sun{background:#ffe46b}.picture-moon{background:#dbe9ff}.picture-ball{background:#ffd4e3}.picture-fish{background:#bff0ff}.picture-leaf{background:#cbf5cc}.picture-cup{background:#ffe2be}.pitch{display:block;width:min(28vw,150px);height:84px;border-radius:8px;background:linear-gradient(135deg,#7bc9ff,#26a9a0);position:relative}.pitch:after{content:"";position:absolute;left:22px;right:22px;border-radius:999px;background:#fff}.pitch.high:after{top:18px;height:10px}.pitch.low:after{bottom:18px;height:18px}.beat-dots{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:12px;width:min(28vw,150px);min-height:94px}.beat-dots b{display:block;width:38px;aspect-ratio:1;border-radius:50%;background:var(--rose);box-shadow:inset 0 -7px #0000001f}.progress-panel{padding:16px;border-radius:8px}.progress-panel p{margin-bottom:4px;color:#8c315a;font-weight:900}.progress-panel strong{display:block;margin-bottom:12px;font-size:2rem}.star-track{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.star-track span{display:block;aspect-ratio:1;border-radius:50%;background:#eadfe5}.star-track span.filled{background:linear-gradient(135deg,var(--sun),#ff9d4d)}.tiny-note{margin:14px 0 0;color:#5f5062;font-size:.95rem;line-height:1.35}@media(max-width:920px){.app-shell{padding:12px}.hero-band{grid-template-columns:96px 1fr 96px;min-height:200px;gap:6px}.character-wrap img{max-height:190px}.title-zone{padding-inline:4px}.subtitle{font-size:1rem}.game-layout{grid-template-columns:1fr}.game-tabs{grid-template-columns:repeat(5,minmax(96px,1fr));overflow-x:auto}.game-tabs button{min-width:96px;flex-direction:column;justify-content:center}.progress-panel{order:3}}@media(max-width:620px){.hero-band{grid-template-columns:72px 1fr 72px}.character-wrap img{max-height:150px}h1{font-size:2.45rem}.subtitle{display:none}.sound-start{min-width:150px;padding:13px 16px;font-size:1.05rem}.play-panel{min-height:auto;padding:14px}.host-line img{width:62px;height:62px}.prompt-row,.options-2,.options-3{grid-template-columns:1fr}.answer-card{min-height:130px}.color-dot,.picture-icon,.pitch,.beat-dots{width:88px}}@media(prefers-reduced-motion:no-preference){.character-wrap img{animation:floaty 4.5s ease-in-out infinite}.fluffy-wrap img{animation-delay:-1.5s}@keyframes floaty{0%,to{translate:0 0}50%{translate:0 -8px}}}