html{background:radial-gradient(circle at 0 0,#fffffff2,#0000 25%),linear-gradient(#8fe7ff,#c7fff1 46%,#fff2b1)}:root{color:#23425f;--card:#ffffffe0;--card-border:#ffffffb3;--shadow:0 22px 60px #568aa533;--soft:#5f7896;--accent:#ff7a59;--accent-2:#5cc8ff;background:radial-gradient(circle at 0 0,#fffffff2,#0000 25%),linear-gradient(#8fe7ff,#c7fff1 46%,#fff2b1);font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh}button,input{font:inherit}.app-shell{min-height:100dvh;padding:14px;position:relative;overflow-x:hidden}.floating{opacity:.5;pointer-events:none;position:fixed}.cloud-one{font-size:2.4rem;top:8%;left:5%}.cloud-two{font-size:2rem;top:12%;right:7%}.balloon{font-size:2rem;bottom:8%;right:8%}.screen{z-index:1;gap:16px;width:min(100%,1080px);margin:0 auto;display:grid;position:relative}.welcome-screen{align-content:center;min-height:calc(100dvh - 28px)}.hero-card,.card,.hud-shell,.confirm-card{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;padding:22px}.hero-card,.intro-card,.celebration-card{text-align:center}.hero-badge,.level-badge,.soft-copy,.friendly-note,.feedback-line{color:var(--soft)}.hero-badge,.level-badge{background:#fffc;border-radius:999px;padding:8px 14px;font-size:.84rem;font-weight:800;display:inline-flex}h1,h2,h3,p{margin:0}h1{margin-top:10px;font-size:clamp(2.4rem,8vw,4.9rem);line-height:.95}h2{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.05}.hero-copy{margin-top:14px;max-width:34rem;margin-inline:auto}.hero-decor{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px;font-size:clamp(2rem,6vw,3.2rem);display:flex}.form-card,.question-card{gap:14px;display:grid}.field{gap:8px;display:grid}.field span{font-weight:800}input{background:#ffffffe6;border:2px solid #5cc8ff4d;border-radius:20px;width:100%;min-height:58px;padding:14px 16px}.age-row,.action-row,.confirm-actions,.hud-actions,.hud-top{flex-wrap:wrap;gap:12px;display:flex}.age-chip,.primary-button,.secondary-button,.choice-button{cursor:pointer;border:0;border-radius:20px;min-height:58px;padding:14px 20px;font-weight:800}.age-chip,.secondary-button{color:#23425f;background:#ffffffbf;box-shadow:inset 0 0 0 2px #5cc8ff3d}.age-chip--active,.primary-button{color:#fff;background:linear-gradient(135deg,#ff9d5c,#ff5fb2);box-shadow:0 14px 24px #ff5fb23d}.primary-button:disabled{opacity:.45;cursor:default;box-shadow:none}.intro-card{background:radial-gradient(circle at top right, color-mix(in srgb, var(--level-color) 24%, white), transparent 30%), var(--card)}.train-engine,.celebration-train{margin-bottom:10px;font-size:3.4rem}.hud-shell{gap:12px;display:grid}.hud-top{color:var(--soft);justify-content:space-between;font-weight:700}.progress-track{background:#ffffffd9;border-radius:999px;width:100%;height:14px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#5cc8ff,#59d68a);border-radius:999px;height:100%}.secondary-button--small{min-height:48px;padding-inline:16px}.train-scene{background:linear-gradient(#ffffffe6,#fff6dcf5);border:2px dashed #ffb65a6b;border-radius:24px;margin-top:10px;padding:18px;overflow:hidden}.train-scene--celebrate .train-row{animation:.9s train-move}.sky-decor{justify-content:space-between;font-size:1.5rem;display:flex}.train-row{align-items:end;gap:10px;margin-top:12px;padding-bottom:8px;display:flex;overflow-x:auto}.engine,.train-car{border-radius:24px;flex:none;place-items:center;min-width:82px;min-height:88px;display:grid;position:relative}.engine{background:linear-gradient(135deg,#ffb24f,#ff6e5d);font-size:2.6rem}.train-car{background:linear-gradient(135deg,#fff,#dff7ff);font-size:2rem;font-weight:900;box-shadow:inset 0 -10px #5cc8ff2e}.train-car--missing{background:linear-gradient(135deg,#fff6c3,#ffe3bf);animation:1s ease-in-out infinite soft-bounce}.window-passenger{font-size:1.1rem;position:absolute;bottom:8px;right:10px}.passenger-row,.group-preview-row,.station-row,.choice-items{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.passenger-bubble,.station-sign,.group-preview{background:#ffffffe0;border-radius:20px;justify-content:center;align-items:center;gap:8px;min-height:58px;padding:12px 14px;display:inline-flex}.station-sign{min-width:80px;font-size:1.9rem;font-weight:900}.choices-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.choices-grid--wide{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-button{box-shadow:var(--shadow);text-align:center;background:linear-gradient(135deg,#fff,#fff6de);place-items:center;gap:10px;display:grid}.choice-label{font-size:clamp(1.6rem,5vw,2.2rem);font-weight:900}.feedback-line{min-height:28px;font-weight:700}.reward-pop{z-index:30;text-align:center;background:linear-gradient(135deg,#fff,#fff5ba);border-radius:24px;width:min(100%,360px);padding:16px 18px;position:fixed;inset:auto 12px 12px;box-shadow:0 24px 50px #33616f38}.reward-sparkles,.celebration-train{justify-content:center;gap:8px;display:flex}.reward-pet{font-size:2.5rem}.confirm-overlay{z-index:40;background:#30546a52;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.confirm-card{text-align:center;width:min(100%,460px)}.confirm-icon{font-size:2.5rem}.confirm-card p{color:var(--soft);margin-top:10px}@keyframes soft-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes train-move{0%{transform:translate(-12px)}50%{transform:translate(8px)}to{transform:translate(0)}}@media (width<=900px){.choices-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.app-shell{padding:10px}.hero-card,.card,.hud-shell,.confirm-card{border-radius:24px;padding:18px}.choices-grid,.choices-grid--wide{grid-template-columns:1fr}.hud-top,.hud-actions,.action-row,.confirm-actions{flex-direction:column;align-items:stretch}.train-car,.engine{min-width:72px;min-height:82px}}