@import"https://fonts.googleapis.com/css2?family=Pacifico&family=Playfair+Display:ital,wght@1,700&display=swap";:root{--cream: #FAF7F2;--cream-1: #F2EBE0;--cream-2: #E6DDD0;--cream-3: #D6CCBC;--teal: #0D6E6E;--teal-light: #1A8A8A;--teal-dark: #084040;--teal-pale: #DDF0F0;--text: #1A2626;--text-muted: #5A7878;--gold: #B8904C;--white: #FFFFFF;--wall: #F5EFE6;--wall-side: #EDE6DB;--floor: #DDD0BA}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--cream);color:var(--text);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}.back-btn{position:absolute;top:16px;left:16px;z-index:10;background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:20px;padding:6px 14px;font-size:.85rem;font-family:sans-serif;color:#444;cursor:pointer;box-shadow:0 2px 8px #00000026}.back-btn:hover{background:#fffffff2}.bg-screen{min-height:100vh;background:linear-gradient(135deg,#fce4ec,#e8f5e9,#e3f2fd);position:relative;display:flex;align-items:center;justify-content:center}.bg-screen.bg-screen--welcome{background:url(/welcome.png) center / cover no-repeat;cursor:pointer}.bg-screen.bg-screen--celebrate{background:url(/celebrate.png) center / cover no-repeat}.celebrate-card{background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;padding:18px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 8px 40px #00000026;width:min(380px,70vw);animation:card-pop .45s cubic-bezier(.34,1.56,.64,1);transform:translate(-8vw,10vh)}.celebrate-text{font-family:Playfair Display,serif;font-style:italic;font-size:1.2rem;color:#333;margin:0;text-align:center;line-height:1.6}.bg-screen.bg-screen--home{background:url(/background.png) center / cover no-repeat}.center-card{text-align:center;padding:48px 56px;background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;box-shadow:0 8px 40px #00000026;display:flex;flex-direction:column;align-items:center;gap:14px;min-width:300px}.center-card--in{animation:card-pop .4s cubic-bezier(.34,1.56,.64,1)}.center-card--out{animation:card-fade-out .35s ease forwards}@keyframes card-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes card-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.splash-text{font-family:Pacifico,cursive;font-size:2.8rem;color:#27a299;margin:0;line-height:1.2}.splash-hint{font-size:.85rem;color:#888;font-family:sans-serif;margin:0;letter-spacing:.05em}.password-prompt{font-size:1.1rem;font-family:sans-serif;color:#444;margin:0}.password-input{padding:10px 16px;font-size:1rem;border:2px solid #ccc;border-radius:8px;outline:none;width:220px;text-align:center}.password-input:focus{border-color:#27a299}.password-error{color:#e05555;font-size:.85rem;font-family:sans-serif;margin:0}.password-btn{padding:10px 32px;font-size:1rem;background:#27a299;color:#fff;border:none;border-radius:8px;cursor:pointer}.password-btn:hover{background:#1f8880}.welcome-text{position:absolute;top:32px;left:36px;font-family:Playfair Display,serif;font-style:italic;font-weight:700;font-size:3rem;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5);margin:0;line-height:1.25;animation:card-pop .5s cubic-bezier(.34,1.56,.64,1)}.puzzle-card{background:#ffffffbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;padding:40px 48px;display:flex;flex-direction:column;align-items:center;gap:24px;box-shadow:0 8px 40px #00000026;animation:card-pop .45s cubic-bezier(.34,1.56,.64,1)}.puzzle-question{font-family:Playfair Display,serif;font-style:italic;font-size:1.1rem;color:#333;margin:0;text-align:center;max-width:420px;line-height:1.6}.puzzle-slots{display:flex;gap:10px}.puzzle-slot{width:52px;height:52px;border-radius:10px;border:2.5px dashed #aaa;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;font-family:Playfair Display,serif;color:#333;cursor:pointer;transition:background .15s}.puzzle-slot--filled{border-style:solid;border-color:#27a299;background:#27a2991a}.puzzle-slot--filled:hover{background:#27a29933}.puzzle-tiles{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.puzzle-tile{width:52px;height:52px;border-radius:10px;border:none;background:#27a299;color:#fff;font-size:1.5rem;font-weight:700;font-family:Playfair Display,serif;cursor:pointer;box-shadow:0 3px 10px #00000026;transition:transform .1s,background .15s}.puzzle-tile:hover:not(:disabled){transform:translateY(-3px);background:#1f8880}.puzzle-tile--used{background:#ccc;cursor:default;box-shadow:none}.puzzle-success{font-family:Pacifico,cursive;font-size:1.4rem;color:#27a299;margin:0;animation:card-pop .4s cubic-bezier(.34,1.56,.64,1)}.hangman-card{background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;padding:24px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 8px 40px #0000002e;width:min(500px,92vw);animation:card-pop .45s cubic-bezier(.34,1.56,.64,1)}.hangman-prompt{font-family:Playfair Display,serif;font-style:italic;font-size:1rem;color:#444;margin:0;text-align:center;max-width:420px;line-height:1.5}.hangman-words{display:flex;flex-direction:column;align-items:center;gap:10px}.hangman-word{display:flex;gap:6px}.hangman-letter{display:flex;flex-direction:column;align-items:center;gap:2px;width:22px}.hangman-char{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;color:#333;min-height:1.4em;text-transform:uppercase}.hangman-line{display:block;width:100%;height:2px;background:#555;border-radius:1px}.hangman-success{font-family:Pacifico,cursive;font-size:1.3rem;color:#27a299;margin:0}.hangman-alphabet{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:420px}.hangman-key{width:32px;height:32px;border-radius:6px;border:1.5px solid #bbb;background:#fff;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .1s,border-color .1s}.hangman-key:hover:not(:disabled){background:#e8f4f8;border-color:#4a9eca}.hangman-key--correct{background:#d4f0d4;border-color:#5aaa5a;color:#2a7a2a}.hangman-key--wrong{background:#f5d4d4;border-color:#c55;color:#833}.hangman-key:disabled{cursor:default;opacity:.7}.hangman-wrong-count{font-size:.8rem;color:#888;font-family:sans-serif;margin:0}.bg-screen.bg-screen--kitchen2{background:url(/kitchen2.png) center / cover no-repeat}.match-card{background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;padding:28px 32px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 8px 40px #0000002e;width:min(420px,88vw);animation:card-pop .45s cubic-bezier(.34,1.56,.64,1)}.match-title{font-family:Playfair Display,serif;font-style:italic;font-size:1.4rem;color:#333;margin:0}.match-shapes{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;min-height:80px}.match-shape{width:72px;height:72px;border-radius:14px;border:2.5px solid #ccc;background:#ffffffe6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.match-shape--cat{color:#c0762a}.match-shape--goat{color:#7a7a9a}.match-shape--selected{border-color:#4a9eca;background:#4a9eca1f;transform:scale(1.1)}.match-shape--wrong{border-color:#e05555;animation:shake .35s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.match-bins{display:flex;gap:16px}.match-bin{flex:1;min-width:140px;padding:14px 20px;border-radius:14px;border:2.5px dashed #aaa;background:#fff9;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:background .15s,border-color .15s}.match-bin--cat{border-color:#c0762a}.match-bin--cat:hover{background:#c0762a1a}.match-bin--goat{border-color:#7a7a9a}.match-bin--goat:hover{background:#7a7a9a1a}.match-bin-label{font-family:Playfair Display,serif;font-size:1rem;font-weight:700;color:#333}.match-bin-count{font-size:.8rem;color:#888;font-family:sans-serif}.match-done{font-family:Pacifico,cursive;font-size:1.2rem;color:#27a299;margin:0}.match-wrong{color:#e05555;font-size:.85rem;font-family:sans-serif;margin:0}.home-question{position:absolute;top:24px;left:28px;font-size:2.4rem;font-family:Playfair Display,serif;font-style:italic;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45);margin:0;line-height:1.3}.home-buttons{position:absolute;top:24px;right:28px;display:flex;gap:12px}.home-btn{padding:10px 28px;font-size:1rem;border:none;border-radius:24px;cursor:pointer;font-family:sans-serif;font-weight:600;box-shadow:0 2px 10px #0003}.home-btn--yes{background:#ff80ab;color:#fff}.home-btn--yes:hover{background:#f06292}.home-btn--no{background:#ffffffd9;color:#555;transition:none;-webkit-user-select:none;user-select:none}.spotify-close{position:absolute;top:-10px;right:-10px;width:26px;height:26px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}.spotify-close:hover{background:#000c}.spotify-player{position:absolute;bottom:32px;right:32px;width:min(340px,90vw);animation:fade-up .5s ease}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}