:root{--ink:#17324d;--muted:#5d7185;--panel:rgba(255,255,255,.93);--accent:#ff7a59;--accent2:#6f5cff;--green:#32c48d;--yellow:#ffd166;--shadow:0 18px 50px rgba(35,55,85,.15)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:"Trebuchet MS","Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.95),transparent 28%),linear-gradient(135deg,#d8f6ff 0%,#f8ecff 50%,#fff6d8 100%)}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(1180px,94vw);margin:auto;padding:24px 0 50px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{margin:0;font-size:.75rem;font-weight:900;letter-spacing:.14em;color:var(--accent2)}h1{margin:4px 0 0;font-size:clamp(1.7rem,4vw,2.9rem)}.top-stats{display:flex;gap:10px;align-items:center}.stat{min-width:80px;padding:10px 14px;border-radius:18px;background:var(--panel);box-shadow:var(--shadow);display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center}.stat small{grid-column:1/-1;color:var(--muted);font-size:.72rem}.icon-button{width:48px;height:48px;border-radius:50%;border:0;background:#fff;box-shadow:var(--shadow);font-size:1.25rem}.screen{display:none}.screen.active{display:block}.hero-card{background:var(--panel);border-radius:32px;padding:34px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.2fr .8fr;min-height:300px;overflow:hidden}.hero-copy h2{font-size:clamp(2rem,5vw,4rem);margin:18px 0 10px;line-height:.98}.hero-copy p{max-width:620px;color:var(--muted);font-size:1.05rem}.pill{display:inline-flex;border-radius:999px;padding:8px 14px;background:#ede9ff;color:var(--accent2);font-weight:900}.name-box{margin-top:24px;display:grid;gap:7px;max-width:360px}.name-box label{font-weight:900}.name-box input{border:3px solid #dbe9f3;border-radius:16px;padding:14px 16px;outline:none}.name-box input:focus{border-color:var(--accent2)}.hero-art{position:relative;min-height:230px}.planet,.rocket,.cloud{position:absolute;font-size:5rem;filter:drop-shadow(0 12px 18px rgba(0,0,0,.12))}.planet{right:20px;top:0}.rocket{left:32%;bottom:20px;animation:hover 2s ease-in-out infinite}.cloud{font-size:3.5rem;opacity:.9}.cloud-one{left:0;top:30px}.cloud-two{right:30px;bottom:0}@keyframes hover{50%{transform:translateY(-12px) rotate(3deg)}}.game-grid{margin:24px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.game-card{border:0;border-radius:24px;padding:20px;min-height:160px;text-align:left;background:rgba(255,255,255,.9);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;transition:.2s}.game-card:hover{transform:translateY(-6px) rotate(-.5deg)}.game-card strong{display:block;font-size:1.07rem;margin-bottom:5px}.game-card small{color:var(--muted);line-height:1.4}.game-emoji{font-size:2.6rem}.primary-button,.secondary-button{border:0;border-radius:16px;font-weight:900}.primary-button{background:linear-gradient(135deg,var(--accent),#ffad66);color:white;box-shadow:0 13px 28px rgba(255,122,89,.28)}.primary-button.large{display:block;margin:0 auto;padding:16px 28px;font-size:1.05rem}.secondary-button{background:#fff;color:var(--ink);padding:11px 16px;box-shadow:var(--shadow)}.game-toolbar{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-bottom:16px}.round-info{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;background:rgba(255,255,255,.85);border-radius:16px;padding:12px;font-weight:900}.game-stage{position:relative;min-height:610px;background:rgba(255,255,255,.9);border-radius:30px;overflow:hidden;box-shadow:var(--shadow);border:4px solid rgba(255,255,255,.9)}.message-bar{text-align:center;margin-top:14px;font-weight:900;color:var(--accent2);font-size:1.15rem}.center-panel{height:100%;min-height:600px;display:grid;place-items:center;text-align:center;padding:30px}.prompt-letter{font-size:clamp(5rem,15vw,10rem);font-weight:1000;margin:0}.prompt-word{font-size:clamp(3rem,11vw,7rem);font-weight:1000;margin:8px 0;letter-spacing:.05em}.helper{color:var(--muted);font-size:1.05rem}.word-progress{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0}.word-progress span{min-width:46px;height:52px;display:grid;place-items:center;border-radius:14px;background:#edf4f7;font-size:1.8rem;font-weight:1000;text-transform:uppercase}.word-progress span.done{background:#d9faed;color:#16855f;transform:scale(1.04)}.balloon{position:absolute;width:100px;height:120px;border-radius:50% 50% 48% 48%;display:grid;place-items:center;font-size:3rem;font-weight:1000;color:white;box-shadow:inset -12px -18px 0 rgba(0,0,0,.08),0 14px 22px rgba(0,0,0,.14);animation:floatUp linear forwards}.balloon:after{content:"";position:absolute;bottom:-65px;width:2px;height:68px;background:rgba(60,60,60,.45)}@keyframes floatUp{from{transform:translateY(740px)}to{transform:translateY(-190px)}}.pop{animation:pop .25s ease forwards!important}@keyframes pop{to{transform:scale(1.8);opacity:0}}.falling-letter{position:absolute;top:-80px;width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:white;border:5px solid var(--accent2);box-shadow:var(--shadow);font-size:2.6rem;font-weight:1000;animation:fall linear forwards}@keyframes fall{to{transform:translateY(710px) rotate(12deg)}}.animal-wrap{font-size:8rem;margin-bottom:12px}.food{font-size:4rem;display:inline-block;animation:nibble 1s ease-in-out infinite}@keyframes nibble{50%{transform:translateX(14px) rotate(8deg)}}.fuel-shell{width:min(520px,86vw);height:36px;border-radius:999px;background:#e6edf1;overflow:hidden;margin:20px auto}.fuel-bar{width:0;height:100%;background:linear-gradient(90deg,#32c48d,#ffd166,#ff7a59);transition:width .35s}.launching{animation:launch 1.4s ease-in forwards}@keyframes launch{to{transform:translateY(-500px) scale(.55);opacity:.4}}.paint-object{width:230px;height:230px;border-radius:50%;margin:20px auto;display:grid;place-items:center;font-size:7rem;border:10px solid rgba(255,255,255,.75);box-shadow:var(--shadow);transition:.4s}.garden{width:100%;min-height:280px;display:flex;align-items:end;justify-content:center;gap:10px;flex-wrap:wrap;padding:30px;background:linear-gradient(#b9ebff 0 58%,#76cc77 58%);border-radius:24px;margin-top:20px}.flower{font-size:4.5rem;animation:grow .45s ease}@keyframes grow{from{transform:scale(0) translateY(40px)}}.keyboard{display:grid;grid-template-columns:repeat(10,minmax(36px,1fr));gap:8px;max-width:820px;margin:24px auto}.key{border-radius:10px;background:#eef3f6;padding:12px 4px;font-weight:1000;box-shadow:inset 0 -4px 0 rgba(0,0,0,.08)}.key.target{background:var(--yellow);animation:glow 1s infinite;transform:translateY(-4px)}@keyframes glow{50%{box-shadow:0 0 0 8px rgba(255,209,102,.25),inset 0 -4px 0 rgba(0,0,0,.08)}}.code-box{width:min(780px,95%);text-align:left;border-radius:20px;padding:22px;background:#152238;color:#dff7ff;box-shadow:var(--shadow)}.code-target,.code-input{white-space:pre-wrap;font-family:Consolas,monospace;font-size:1.15rem;line-height:1.7}.code-input{width:100%;min-height:130px;margin-top:16px;resize:none;border-radius:12px;padding:14px;border:3px solid #385376;background:#0e1726;color:white;outline:none}.preview{margin-top:18px;border-radius:16px;padding:20px;min-height:90px;background:white;color:var(--ink)}.celebration{pointer-events:none;position:fixed;inset:0;overflow:hidden;z-index:99}.confetti{position:absolute;top:-30px;font-size:1.8rem;animation:confettiFall 1.8s linear forwards}@keyframes confettiFall{to{transform:translateY(110vh) rotate(720deg);opacity:.3}}@media(max-width:900px){.hero-card{grid-template-columns:1fr}.hero-art{min-height:180px}.game-grid{grid-template-columns:repeat(2,1fr)}.game-stage{min-height:560px}}@media(max-width:600px){.topbar{align-items:flex-start}.top-stats .stat{display:none}.game-grid{grid-template-columns:1fr}.game-card{min-height:120px;flex-direction:row;align-items:center}.game-toolbar{grid-template-columns:1fr 1fr}.round-info{grid-column:1/-1;grid-row:2}.keyboard{grid-template-columns:repeat(6,1fr)}.game-stage{min-height:620px}}