.games-hub{background:linear-gradient(160deg,#fefce8,#ecfdf5);min-height:100vh;padding:1.5rem}.games-hub-inner{margin:0 auto;max-width:800px}.games-hub-title{color:var(--primary-dark);font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);margin:0 0 .5rem}.games-hub-subtitle{color:var(--text-muted);font-size:1rem;margin:0 0 1.5rem}.games-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.game-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;transition:box-shadow .2s ease,transform .2s ease}.game-tile,.game-tile:hover{color:var(--text);text-decoration:none}.game-tile:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.game-tile-icon{display:block;font-size:2rem;margin-bottom:.5rem}.game-tile-title{font-size:1.1rem;font-weight:600;margin:0 0 .35rem}.game-tile-desc{color:var(--text-muted);font-size:.88rem;line-height:1.4;margin:0 0 .5rem}.game-tile-skill{color:var(--primary);font-size:.75rem;font-weight:500}.game-page{background:linear-gradient(160deg,#fefce8,#ecfdf5);min-height:100vh;padding:1.5rem}.game-page-inner{margin:0 auto;max-width:560px}.game-title{color:var(--primary-dark);font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);margin:0 0 .5rem}.game-meta{color:var(--text-muted);font-size:.95rem;margin:0 0 1rem}.memory-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:360px}.memory-card{aspect-ratio:1;background:var(--accent-soft);border:2px solid var(--border);border-radius:var(--radius-sm);font-size:1.75rem;position:relative;transform-style:preserve-3d;transition:transform .3s ease}.memory-card.flipped,.memory-card:disabled{border-color:var(--primary);transform:rotateY(180deg)}.memory-card-back,.memory-card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;inset:0;justify-content:center;position:absolute}.memory-card-front{background:var(--surface);transform:rotateY(180deg)}.memory-card:disabled{background:#d1fae5;cursor:default}.word-match-rows{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.word-match-col{display:flex;flex-direction:column;gap:.5rem}.word-match-btn{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;font-weight:500;min-width:120px;padding:.75rem 1.25rem;transition:border-color .2s,background .2s}.word-match-btn.emoji{font-size:1.5rem}.word-match-btn:hover:not(.matched){background:var(--accent-soft);border-color:var(--primary)}.word-match-btn.selected{background:#ccfbf1;border-color:var(--primary)}.word-match-btn.matched{background:#d1fae5;border-color:var(--success);color:#065f46;cursor:default}.game-result.success,.scramble-box{margin-bottom:1rem}.scramble-box{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.scramble-letters{color:var(--primary-dark);font-family:var(--font-display);font-size:1.75rem;letter-spacing:.2em;margin:0 0 1rem;text-align:center}.scramble-input{border:2px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.scramble-input:focus{border-color:var(--primary);outline:none}.scramble-actions{display:flex;gap:.75rem;justify-content:center}.scramble-btn{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);font-weight:500;padding:.6rem 1.25rem}.scramble-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.scramble-btn.primary:hover{background:var(--primary-dark)}.sequence-area{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1.5rem}.sequence-label{color:var(--text-muted);font-size:.9rem;margin:0 0 .5rem}.sequence-source,.sequence-target{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;min-height:48px}.sequence-target{background:#f8fafc;border:2px dashed var(--border);border-radius:var(--radius-sm);padding:.75rem}.sequence-placeholder{color:var(--text-muted);font-size:.9rem}.sequence-chip{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;padding:.5rem 1rem}.sequence-chip:hover{background:var(--accent-soft);border-color:var(--primary)}.sequence-chip.selected{background:#ccfbf1;border-color:var(--primary)}.sentence-area{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1.5rem}.sentence-built{align-items:center;background:#f8fafc;border:2px dashed var(--border);border-radius:var(--radius-sm);gap:.35rem;min-height:52px;padding:.75rem}.sentence-built,.sentence-pool{display:flex;flex-wrap:wrap;margin-bottom:1rem}.sentence-pool{gap:.5rem}.sentence-word{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;padding:.5rem .75rem}.sentence-word.pool:hover{background:var(--accent-soft);border-color:var(--primary)}.sentence-word:not(.pool){background:#ccfbf1;border-color:var(--primary)}.sequence-check-btn{background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600;padding:.6rem 1.25rem}.sequence-check-btn:hover:not(:disabled){background:var(--primary-dark)}.sequence-check-btn:disabled{cursor:not-allowed;opacity:.6}.game-result.success{background:#d1fae5;color:#065f46}.game-result.success,.game-result.wrong{border-radius:var(--radius-sm);padding:1rem;text-align:center}.game-result.wrong{background:#fee2e2;color:#991b1b}.game-reset-btn{background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;display:block;font-weight:600;margin:.75rem auto 0;padding:.5rem 1rem}.game-reset-btn:hover{background:var(--primary-dark)}.app{min-height:100vh}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-hover)}.back-link{align-items:center;color:var(--primary);display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.25rem 0}.back-link:hover{color:var(--primary-dark);text-decoration:none}*,:after,:before{box-sizing:border-box}:root{--bg:#fefce8;--surface:#fff;--primary:#0d9488;--primary-dark:#0f766e;--accent:#f59e0b;--accent-soft:#fef3c7;--text:#1c1917;--text-muted:#57534e;--border:#e7e5e4;--success:#059669;--shadow:0 4px 14px #0d948814;--shadow-hover:0 8px 24px #0d948824;--radius:16px;--radius-sm:10px;--font:"Outfit",system-ui,sans-serif;--font-display:"Fredoka",sans-serif}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fefce8;background:var(--bg);color:#1c1917;color:var(--text);font-family:Outfit,system-ui,sans-serif;font-family:var(--font);line-height:1.5;margin:0}#root{min-height:100vh}a{color:#0d9488;color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}