:root{--bg: #f7f5ef;--card: #ffffff;--primary: #4a6bd1;--accent: #e88a3c;--text: #222;--muted: #666;--border: #e1ddd0}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:1100px;margin:0 auto;padding:24px 16px 80px}header h1{margin:0;font-size:2.2rem;color:var(--primary)}header p{margin:4px 0 20px;color:var(--muted)}.age-bar{background:var(--card);border:2px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:24px}.age-bar-label{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.age-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.age-option{background:#fff;border:2px solid var(--border);border-radius:10px;padding:12px 8px;cursor:pointer;font-family:inherit;text-align:center;transition:all .15s ease}.age-option:hover{border-color:var(--primary);transform:translateY(-1px)}.age-option.active{border-color:var(--accent);background:#fff7ee;box-shadow:0 2px 6px #e88a3c26}.age-option .age-label{font-size:1.3rem;font-weight:700;color:var(--primary)}.age-option.active .age-label{color:var(--accent)}.age-option .age-desc{font-size:.75rem;color:var(--muted);margin-top:2px}@media (max-width: 600px){.age-options{grid-template-columns:repeat(4,1fr)}.age-option{padding:8px 4px}.age-option .age-label{font-size:1.1rem}.age-option .age-desc{font-size:.65rem}}main{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media (max-width: 800px){main{grid-template-columns:1fr}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.card{background:var(--card);border:2px solid var(--border);border-radius:12px;padding:14px 10px;cursor:pointer;transition:all .15s ease;text-align:center;font-family:inherit;position:relative;display:flex;flex-direction:column;align-items:center}.card:hover{border-color:var(--primary);transform:translateY(-2px)}.card.active{border-color:var(--accent);background:#fff7ee;box-shadow:0 2px 8px #e88a3c33}.card-icon{font-size:2rem;line-height:1}.card-label{font-weight:700;margin:6px 0 4px;font-size:.95rem}.card-blurb{font-size:.78rem;color:var(--muted);line-height:1.3}.card-active-dot{display:none}.panel{background:var(--card);border:2px solid var(--border);border-radius:12px;padding:20px;position:sticky;top:16px;align-self:start}.panel h2{margin:0 0 4px}.panel .blurb,.sheet .blurb{margin:0 0 16px;color:var(--muted);font-size:.9rem}.params{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.param{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.param input[type=number]{width:90px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-size:.9rem}.param input[type=checkbox]{margin-right:8px}.param select{padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-size:.9rem;font-family:inherit;background:#fff;min-width:130px}.param-slider{flex-direction:column;align-items:stretch;gap:4px}.slider-header{display:flex;justify-content:space-between;align-items:baseline}.slider-value{font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;background:#fff7ee;padding:2px 8px;border-radius:10px;font-size:.85rem}.param-slider input[type=range]{width:100%;accent-color:var(--primary)}.action-buttons{display:flex;gap:10px}.generate{flex:1;background:var(--primary);color:#fff;border:none;padding:12px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;font-family:inherit}.generate:hover{background:#3756b8}.generate:disabled{opacity:.6;cursor:not-allowed}.play-btn{flex:1;background:#2ea44f;color:#fff;border:none;padding:12px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;font-family:inherit}.play-btn:hover{background:#268a3e}.play-btn:disabled{opacity:.6;cursor:not-allowed}.error{color:#b32020;margin-top:12px;font-size:.9rem}footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:.8rem}.sheet-backdrop{display:none}@media (max-width: 800px){.desktop-only{display:none!important}.app{padding-bottom:40px}header h1{font-size:1.6rem}header p{font-size:.85rem;margin-bottom:12px}.age-bar{padding:10px 12px;margin-bottom:16px}.age-bar-label{font-size:.75rem;margin-bottom:6px}.grid{grid-template-columns:repeat(3,1fr);gap:8px}.card{padding:10px 6px;border-radius:10px}.card-icon{font-size:1.5rem}.card-label{font-size:.8rem;margin:4px 0 2px}.card-blurb{display:none}.card-active-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:4px}.sheet-backdrop{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#0006;align-items:flex-end;animation:fadeIn .2s ease}.sheet{background:#fff;width:100%;min-height:40vh;max-height:85vh;border-radius:20px 20px 0 0;padding:12px 20px calc(env(safe-area-inset-bottom,16px) + 16px);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:slideUp .25s ease}.sheet-handle{width:40px;height:4px;border-radius:2px;background:#ccc;margin:0 auto 12px}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.sheet-header h2{margin:0;font-size:1.2rem}.sheet-close{background:none;border:none;font-size:1.5rem;color:var(--muted);cursor:pointer;padding:4px 8px;line-height:1}.sheet .action-buttons{margin-top:4px}.sheet .generate,.sheet .play-btn{padding:14px;font-size:1.05rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.play-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#f7f5ef;display:flex;flex-direction:column;overflow:hidden}.play-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff;border-bottom:2px solid #e1ddd0;flex-shrink:0}.play-header-title{font-size:1.1rem;font-weight:700}.play-close-btn{background:none;border:2px solid #e1ddd0;border-radius:8px;padding:6px 14px;font-size:.9rem;cursor:pointer;font-family:inherit}.play-close-btn:hover{background:#f0ece4}.play-progress{padding:8px 16px;background:#fff;border-bottom:1px solid #e1ddd0;flex-shrink:0}.play-progress-bar{height:6px;background:#e1ddd0;border-radius:3px;overflow:hidden}.play-progress-fill{height:100%;background:#2ea44f;border-radius:3px;transition:width .3s ease}.play-progress-text{font-size:.78rem;color:#666;margin-top:4px;text-align:center}.play-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;display:flex;flex-direction:column;align-items:center}.play-emoji{width:48px;height:48px;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.play-emoji.sm{width:32px;height:32px}.play-emoji.lg{width:64px;height:64px}.play-emoji.xl{width:80px;height:80px}.feedback-flash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;animation:flashPop .6s ease forwards;pointer-events:none;z-index:1100}@keyframes flashPop{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.tap-select-visual{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:20px;background:#fff;border-radius:12px;border:2px solid #e1ddd0;margin-bottom:20px;max-width:400px;width:100%}.tap-select-prompt{font-size:1.1rem;font-weight:600;text-align:center;margin-bottom:12px;color:#222}.tap-select-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:400px;width:100%}.tap-choice{background:#fff;border:3px solid #e1ddd0;border-radius:12px;padding:16px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px}.tap-choice:active{transform:scale(.95)}.tap-choice.correct{border-color:#2ea44f;background:#e6f9ec}.tap-choice.wrong{border-color:#d32f2f;background:#fde8e8;animation:shake .4s ease}.tap-choice.eliminated{opacity:.3;pointer-events:none;border-color:#ccc;background:#f5f5f5;text-decoration:line-through}.play-hint{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;margin-bottom:12px;background:#fff7ee;border:2px dashed #e88a3c;border-radius:12px;animation:hintPop .3s ease}.play-hint-label{font-weight:600;color:#e88a3c;font-size:.95rem}@keyframes hintPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.drag-match-container{display:flex;gap:40px;align-items:flex-start;max-width:500px;width:100%;position:relative}.drag-match-column{flex:1;display:flex;flex-direction:column;gap:12px}.drag-match-item{background:#fff;border:3px solid #e1ddd0;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;min-height:64px}.drag-match-item.selected{border-color:#4a6bd1;background:#eef2ff;box-shadow:0 0 0 3px #4a6bd133}.drag-match-item.matched{border-color:#2ea44f;background:#e6f9ec;opacity:.7;pointer-events:none}.drag-match-item.wrong{border-color:#d32f2f;animation:shake .4s ease}.drag-match-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.grid-fill-container{max-width:400px;width:100%}.grid-fill-grid{display:grid;gap:2px;background:#222;border:3px solid #222;border-radius:4px;margin-bottom:16px}.grid-fill-cell{background:#fff;display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-size:1.4rem;font-weight:700;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.grid-fill-cell.given{background:#f0f0f0;cursor:default}.grid-fill-cell.selected{background:#eef2ff;box-shadow:inset 0 0 0 2px #4a6bd1}.grid-fill-cell.correct{background:#e6f9ec}.grid-fill-cell.wrong{background:#fde8e8}.grid-fill-palette{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.grid-fill-palette button{background:#fff;border:2px solid #e1ddd0;border-radius:8px;padding:10px;min-width:48px;min-height:48px;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.grid-fill-palette button:active{transform:scale(.9)}.draw-canvas-container{max-width:500px;width:100%;position:relative}.draw-canvas-container canvas{width:100%;border-radius:12px;border:2px solid #e1ddd0;touch-action:none;background:#fff}.draw-canvas-info{text-align:center;margin-bottom:8px;font-size:.9rem;color:#666}.card-flip-grid{display:grid;gap:10px;max-width:400px;width:100%}.card-flip-cell{aspect-ratio:1;perspective:600px;cursor:pointer}.card-flip-inner{position:relative;width:100%;height:100%;transition:transform .4s;transform-style:preserve-3d}.card-flip-inner.flipped{transform:rotateY(180deg)}.card-flip-front,.card-flip-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center}.card-flip-front{background:#4a6bd1;color:#fff;font-size:2rem}.card-flip-back{background:#fff;border:3px solid #e1ddd0;transform:rotateY(180deg)}.card-flip-cell.matched .card-flip-back{border-color:#2ea44f;background:#e6f9ec}.tap-mark-scene{position:relative;background:#fff;border-radius:12px;border:2px solid #e1ddd0;overflow:hidden;max-width:500px;width:100%;touch-action:manipulation}.tap-mark-item{position:absolute;cursor:pointer;transition:transform .15s}.tap-mark-item:active{transform:scale(1.1)}.tap-mark-item.found{outline:3px solid #2ea44f;outline-offset:2px;border-radius:50%}.tap-mark-legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:12px;background:#fff;border-radius:12px;border:2px solid #e1ddd0;margin-top:12px;max-width:500px;width:100%}.tap-mark-legend-item{display:flex;align-items:center;gap:4px;font-size:.9rem}.tap-mark-legend-item.done{text-decoration:line-through;opacity:.5}.text-input-container{max-width:500px;width:100%}.text-input-prompt{font-size:1.3rem;font-weight:700;text-align:center;padding:20px;background:#fff;border-radius:12px;border:2px solid #e1ddd0;margin-bottom:16px;line-height:1.8;white-space:pre-line}.text-input-field{display:flex;gap:10px;justify-content:center;align-items:center}.text-input-field input{font-size:1.2rem;padding:12px 16px;border:3px solid #e1ddd0;border-radius:10px;text-align:center;font-family:inherit;width:160px}.text-input-field input:focus{outline:none;border-color:#4a6bd1}.text-input-submit{background:#4a6bd1;color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit}.text-input-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:400px;width:100%;margin:0 auto}.drag-order-container{max-width:400px;width:100%}.drag-order-panels{display:flex;flex-direction:column;gap:10px}.drag-order-panel{background:#fff;border:3px solid #e1ddd0;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.drag-order-panel.selected{border-color:#4a6bd1;background:#eef2ff}.drag-order-panel.placed{border-color:#2ea44f;background:#e6f9ec}.drag-order-number{width:32px;height:32px;border-radius:50%;background:#e1ddd0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.drag-order-panel.placed .drag-order-number{background:#2ea44f;color:#fff}.drag-order-check{margin-top:16px;width:100%;background:#4a6bd1;color:#fff;border:none;padding:14px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit}.clock-svg{width:200px;height:200px;margin:0 auto 16px;display:block}.wordsearch-grid{display:grid;gap:1px;background:#ccc;border-radius:4px;margin-bottom:12px}.wordsearch-cell{background:#fff;display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-size:1rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.wordsearch-cell.highlight{background:#fff3cd}.wordsearch-cell.found{background:#e6f9ec}.wordsearch-cell.selecting{background:#eef2ff}.wordsearch-words{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.wordsearch-word{padding:4px 10px;border-radius:6px;font-size:.85rem;font-weight:600;background:#f0f0f0}.wordsearch-word.found{text-decoration:line-through;opacity:.5;background:#e6f9ec}.bingo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-width:320px;width:100%;margin-bottom:16px}.bingo-cell{aspect-ratio:1;background:#fff;border:2px solid #e1ddd0;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.bingo-cell.marked{background:#fff7ee;border-color:#e88a3c}.bingo-caller{text-align:center;font-size:1rem;margin-bottom:12px}.bingo-call-btn{background:#e88a3c;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit}.bingo-call-btn:disabled{opacity:.5}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:#00000080}.confetti-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.celebration-card{background:#fff;border-radius:20px;padding:32px 40px;text-align:center;z-index:1;max-width:340px;width:90%;box-shadow:0 8px 30px #0003}.celebration-stars{font-size:2.5rem;margin-bottom:8px}.star{opacity:.2}.star.lit{opacity:1}.celebration-card h2{margin:0 0 8px;font-size:1.6rem;color:#2ea44f}.celebration-score{color:#666;margin:0 0 20px}.celebration-actions{display:flex;gap:10px;justify-content:center}.play-again-btn{background:#2ea44f;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit}.close-btn{background:none;border:2px solid #e1ddd0;padding:10px 20px;border-radius:8px;font-size:1rem;cursor:pointer;font-family:inherit}.review-toggle{background:none;border:none;color:#4a6bd1;font-weight:600;font-size:.9rem;cursor:pointer;margin-bottom:12px;text-decoration:underline;font-family:inherit}.answer-review{max-height:200px;overflow-y:auto;width:100%;margin-bottom:16px;text-align:left}.review-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:.85rem}.review-icon{flex-shrink:0;font-size:1rem}.review-question{flex:1;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-answer{font-weight:700;color:#2ea44f;flex-shrink:0}.review-wrong .review-answer{color:#d32f2f}.spot-scenes{display:flex;gap:8px;max-width:600px;width:100%}.spot-scenes>div{flex:1;min-width:0}.spot-label{font-size:.75rem;font-weight:600;text-align:center;margin-bottom:4px;color:#666}@media (max-width: 600px){.play-content{padding:12px}.tap-select-choices{grid-template-columns:1fr 1fr}.play-emoji{width:40px;height:40px}.play-emoji.lg{width:56px;height:56px}.play-emoji.sm{width:24px;height:24px}.spot-scenes{flex-direction:column;gap:12px}.drag-match-container{gap:20px}.drag-match-item{padding:8px;min-height:52px}.drag-match-item .play-emoji.lg{width:40px;height:40px}.grid-fill-palette button{min-width:40px;min-height:40px;padding:8px}.text-input-field{flex-direction:column}.text-input-field input,.text-input-submit{width:100%}.text-input-prompt{font-size:1.1rem;padding:14px}.wordsearch-cell{font-size:.8rem}.card-flip-grid{gap:6px}.bingo-cell .play-emoji{width:32px;height:32px}.draw-canvas-container canvas{max-width:100%}}