@font-face{font-family:Wonder;src:url('/fonts/fredoka-latin.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Wonder,system-ui,sans-serif;background:#f8f2df;color:#163f52}button,a{font:inherit}button{touch-action:manipulation}.game-shell{min-height:100svh;background:radial-gradient(circle at 8% 12%,#fff8 0 6%,transparent 6.5%),linear-gradient(145deg,#fff8df,#ecf5dd 48%,#d8edf2);padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:flex;flex-direction:column}header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1180px;width:100%;margin:0 auto}.home,.round-control{width:52px;height:52px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#163f52;box-shadow:0 4px 0 #b9d3d6;text-decoration:none;font-size:30px;cursor:pointer}.brand{text-align:center;line-height:1}.brand span{font-size:12px;letter-spacing:.16em;font-weight:800;color:#e06d43}.brand strong{display:block;font-size:22px;margin-top:4px}.screen{flex:1;max-width:1180px;width:100%;margin:auto}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}.centered[hidden],.screen[hidden]{display:none}.eyebrow{margin:0;color:#c95738;font-weight:900;letter-spacing:.12em;font-size:14px}.intro-picture,.picture-wrap{background:#fff;border-radius:28px;box-shadow:0 8px 0 #b8d9d3;overflow:hidden}.intro-picture{width:min(44vw,280px);aspect-ratio:4/3}.intro-picture img,.picture-wrap img{width:100%;height:100%;object-fit:cover}.centered h1{font-size:clamp(38px,6vw,66px);line-height:.94;margin:0}.centered p{font-size:clamp(19px,2.2vw,26px);margin:0}.big-button,.next-button{min-height:58px;border:0;border-radius:18px;padding:12px 24px;background:#e85e3d;color:#fff;box-shadow:0 6px 0 #ad3d27;font-size:24px;font-weight:900;cursor:pointer}.play-screen{display:flex;flex-direction:column;justify-content:center;padding:8px 0}.round-top{display:grid;grid-template-columns:minmax(170px,300px) minmax(280px,1fr);align-items:center;gap:24px;max-width:820px;margin:0 auto 8px}.picture-wrap{aspect-ratio:4/3}.prompt-wrap h1{font-size:clamp(34px,5vw,64px);line-height:.95;margin:7px 0 14px}.listen{min-height:50px;border:2px solid #287887;border-radius:999px;padding:8px 18px;background:#fff;color:#205e69;font-weight:900;font-size:18px}.message{min-height:31px;text-align:center;margin:3px 0 5px;font-size:22px;font-weight:900;color:#2a6b5b}.keyboard{width:min(100%,980px);margin:0 auto;display:grid;gap:7px}.key-row{display:flex;justify-content:center;gap:7px}.letter-key{width:clamp(48px,8.2vw,80px);min-width:48px;height:clamp(50px,7.2vw,66px);border:0;border-radius:14px;background:#fff;color:#173e51;box-shadow:0 5px 0 #a8c6cc;font-size:clamp(23px,3.2vw,34px);font-weight:900;cursor:pointer;transition:transform .08s,background .15s,box-shadow .08s}.letter-key:active,.letter-key.pressed{transform:translateY(4px);box-shadow:0 1px 0 #a8c6cc}.letter-key.wrong{background:#ffe4ae;box-shadow:0 5px 0 #e5b466}.letter-key.hint{background:#ffe96b;color:#5e4900;animation:pulse 1s ease-in-out infinite}.letter-key.correct{background:#76d9a9;color:#124f3a;box-shadow:0 5px 0 #3fa979}.next-button{align-self:center;margin-top:11px;min-width:210px}@keyframes pulse{50%{transform:translateY(-4px) scale(1.04)}}.celebration{font-size:clamp(62px,12vw,120px);font-weight:900;letter-spacing:.08em;color:#e85e3d;text-shadow:0 7px 0 #f7c75d}.home-link{min-height:48px;display:grid;place-items:center;color:#215f6c;font-size:19px;font-weight:900}
@media(max-width:700px) and (orientation:portrait){.game-shell{padding-left:8px;padding-right:8px}.round-top{grid-template-columns:150px 1fr;gap:14px}.keyboard,.key-row{gap:4px}.letter-key{width:calc((100vw - 61px)/10);min-width:48px;height:56px;border-radius:10px}.prompt-wrap h1{font-size:34px}.listen{font-size:16px;padding:6px 12px}.message{font-size:18px}}
@media(max-height:700px) and (orientation:landscape){header{min-height:50px}.home,.round-control{width:48px;height:48px}.play-screen{padding:0}.round-top{grid-template-columns:170px 1fr;max-width:700px;gap:18px}.prompt-wrap h1{font-size:38px;margin:4px 0 8px}.keyboard{gap:5px}.key-row{gap:5px}.letter-key{height:50px}.next-button{min-height:50px;margin-top:7px}.message{font-size:18px;min-height:24px}}
@media(prefers-reduced-motion:reduce){.letter-key{transition:none}.letter-key.hint{animation:none}}
html,body{font-family:Fredoka,ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif}