@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500;700;900&display=swap";:root{--bg: #fbf3e4;--surface: #fffaf1;--ink: #3b2a1e;--muted: #7a6450;--accent: #e2711d;--accent-dark: #b4540c;--line: #e7d6bd;--hit: #3f8f5a;--miss: #c2412d;--b1: #f2a33a;--b2: #e2711d;--b3: #f6c96b;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #2a2019;--surface: #352920;--ink: #f7ead6;--muted: #c9b195;--accent: #f08a3c;--accent-dark: #f6a865;--line: #4d3b2d;--hit: #6cc28a;--miss: #ef7a64;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-weight:500}.app{max-width:640px;margin:0 auto;padding:1.5rem 1rem 3rem;text-align:center}.title{font-weight:900;font-size:clamp(2.5rem,9vw,3.5rem);letter-spacing:.02em;margin:0 0 1rem;color:var(--accent)}h2{margin:0 0 .25rem;font-size:1.25rem}p{margin:0 0 .75rem;color:var(--muted)}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn{border:2px solid var(--accent);background:transparent;color:var(--accent-dark);font-weight:700;padding:.65rem 1.4rem;border-radius:999px}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn.small{padding:.4rem .9rem}.actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.choice{border:0;padding:0;margin:0 0 1.5rem}.choice legend{font-weight:700;margin:0 auto .75rem}.pic-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.pic-option{background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:.5rem .5rem .75rem;color:var(--ink);font-weight:700;display:flex;flex-direction:column;align-items:center;gap:.25rem}.pic-option.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.pic-option .picture{width:100%;max-width:110px}.modes{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.mode{background:var(--surface);border:2px solid var(--line);border-radius:20px;padding:1.25rem}.levels{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.chip{border:2px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:.35rem .85rem;font-weight:700}.chip.active{border-color:var(--accent);background:var(--accent);color:#fff}.invoer{background:var(--surface);border:2px solid var(--line);border-radius:20px;padding:1.5rem}.invoer label{display:block;font-weight:700;font-size:1.2rem;margin-bottom:.25rem}.input-row{display:flex;gap:.5rem;justify-content:center}.input-row input{font:inherit;font-size:1.3rem;padding:.5rem .75rem;border:2px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);width:min(100%,280px)}.error{color:var(--miss);font-weight:700;margin-top:.75rem}.game .picture{width:min(100%,260px);height:auto}.status{font-weight:700;color:var(--ink);min-height:1.5em}.word{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:.5rem 0 1.25rem}.tile{width:2.1rem;height:2.6rem;border-bottom:4px solid var(--ink);font-size:1.7rem;font-weight:900;text-transform:uppercase;line-height:2.4rem}.tile.missed{color:var(--miss)}.keyboard{display:flex;flex-direction:column;gap:.4rem}.krow{display:flex;justify-content:center;gap:.3rem}.key{flex:0 1 2.6rem;min-width:0;height:3rem;border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;font-weight:900;font-size:1.1rem;text-transform:uppercase}.key:hover:not(:disabled){border-color:var(--accent)}.key.hit{background:var(--hit);border-color:var(--hit);color:#fff}.key.miss{background:transparent;color:var(--miss);border-color:transparent;text-decoration:line-through}.picture{overflow:visible}.pic-galg{stroke:var(--ink);stroke-width:6;stroke-linecap:round;fill:none}.pic-bloem .pot{fill:var(--accent-dark)}.pic-bloem .steel{stroke:var(--hit);stroke-width:5;fill:none}.pic-bloem .blad{fill:var(--hit)}.pic-bloem .blaadje{fill:var(--b3);stroke:var(--b1);stroke-width:2;transition:opacity .6s,transform .6s}.pic-bloem .blaadje.weg{opacity:0;transform:translateY(-40px)}.pic-bloem .hart{fill:var(--accent)}.pic-bloem .kop{transition:transform .8s;transform-origin:100px 95px}.pic-bloem .kop.hangt{transform:rotate(35deg)}.pic-ballonnen .mand-groep{transition:transform .6s}.pic-ballonnen .touwtje{stroke:var(--muted);stroke-width:1.5}.pic-ballonnen .kleur-0{fill:var(--b1)}.pic-ballonnen .kleur-1{fill:var(--b2)}.pic-ballonnen .kleur-2{fill:var(--b3)}.pic-ballonnen .ballon{transition:transform .25s,opacity .25s}.pic-ballonnen .ballon.weg{transform:scale(1.4);opacity:0}.pic-ballonnen .mand{fill:var(--accent-dark)}.pic-ballonnen .hoofdje{fill:var(--b3)}.pic-ballonnen .grond{stroke:var(--line);stroke-width:4}@media (max-width: 420px){.key{height:2.7rem;font-size:1rem}.tile{width:1.7rem;font-size:1.4rem}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}