@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&family=Quicksand:wght@500;700&display=swap";
.word-search-container{--primary-color:#ff6b6b;--secondary-color:#4ecdc4;--accent-color:#ffe66d;--bg-color:#f7f9fc;--text-color:#2f3e46;--grid-bg:#fff;--cell-selected:#ffe66d;--cell-found:#4ecdc4;--cell-border:#e0e6ed;background-color:var(--bg-color);min-height:100vh;color:var(--text-color);flex-direction:column;align-items:center;padding:20px;font-family:Comic Sans MS,Comic Sans,cursive,sans-serif;display:flex}.game-instructions{text-align:center;background:#fff;border-radius:20px;margin-bottom:25px;padding:15px 30px;box-shadow:0 4px 15px #0000000d}.game-instructions h1{color:var(--primary-color);margin-top:0}.game-main{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.grid-container{-webkit-user-select:none;user-select:none;background:#fff;border-radius:15px;padding:15px;box-shadow:0 10px 25px #0000001a}.grid{background-color:var(--cell-border);border-radius:8px;gap:5px;padding:5px;display:grid}.cell{cursor:pointer;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.cell:hover{background-color:#f0f0f0}.cell.selected{color:#333;background-color:var(--cell-selected)!important}.cell.found{background-color:var(--cell-found);color:#fff}.word-list-container{background:#fff;border-radius:15px;min-width:150px;padding:20px;box-shadow:0 10px 25px #0000001a}.word-list-container h2{color:var(--secondary-color);text-align:center;margin-top:0}.word-list{padding:0;list-style:none}.word-item{border-radius:8px;margin:5px 0;padding:8px 15px;font-size:1.1rem;transition:all .3s}.word-item.completed{color:#ccc;background-color:#f8f9fa;text-decoration:line-through}.feedback-overlay{background:var(--accent-color);color:var(--text-color);z-index:100;border-radius:50px;padding:20px 40px;font-size:2rem;font-weight:700;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0003}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.confetti-piece{opacity:0;background:#ffd300;width:10px;height:10px;position:absolute;top:0}@media (max-width:600px){.cell{width:30px;height:30px;font-size:1rem}}
.memory-match-container{--card-front-bg:#fff;--card-back-bg:#4a90e2;--match-color:#4ecdc4;--primary-text:#2d3436;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:20px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.game-header{text-align:center;margin-bottom:30px}.game-header h2{color:#2d3436;margin-bottom:10px;font-size:2rem}.memory-grid{perspective:1000px;gap:15px;width:100%;margin-bottom:20px;display:grid}.memory-card{aspect-ratio:3/4;cursor:pointer;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.memory-card.flipped{transform:rotateY(180deg)}.memory-card.matched{animation:.5s ease-out forwards celebrate}.card-face{backface-visibility:hidden;border:4px solid #fff;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;box-shadow:0 4px 8px #0000001a}.card-face.back{background:var(--card-back-bg);color:#fff;background-image:radial-gradient(circle,#fff3 1px,#0000 1px);background-size:20px 20px}.card-face.back:after{content:"?";opacity:.5;font-size:3rem;font-weight:700}.card-face.front{background:var(--card-front-bg);text-align:center;padding:10px;transform:rotateY(180deg)}.card-face.front img{object-fit:contain;max-width:90%;max-height:90%}.card-face.front .card-word{color:var(--primary-text);font-size:1.2rem;font-weight:700}@keyframes celebrate{0%{transform:rotateY(180deg)scale(1)}50%{transform:rotateY(180deg)scale(1.15)}to{border-color:var(--match-color);transform:rotateY(180deg)scale(1)}}.completion-overlay{z-index:100;color:#fff;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.completion-content{text-align:center;color:#2d3436;background:#fff;border-radius:20px;padding:40px;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.btn-new-game{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:50px;margin-top:20px;padding:12px 30px;font-size:1.1rem;font-weight:700;transition:transform .2s}.btn-new-game:hover{transform:translateY(-2px)}@media (max-width:480px){.memory-grid{gap:8px}.card-face.back:after{font-size:2rem}}
.decoder-activity{--decoder-primary:#4a90e2;--decoder-secondary:#ff6b6b;--decoder-accent:#feca57;--decoder-bg:#f8f9fa;--notebook-paper:#fff;--notebook-line:#e1f5fe;color:#2d3436;flex-direction:column;align-items:center;gap:30px;max-width:1000px;margin:0 auto;padding:20px;font-family:Inter,system-ui,sans-serif;display:flex}.decoder-main{flex-wrap:wrap;justify-content:center;gap:40px;width:100%;display:flex}.notebook-panel{background:var(--notebook-paper);background-image:linear-gradient(var(--notebook-line)1px,transparent 1px);background-size:100% 30px;border-left:15px solid #ff7675;border-radius:8px;flex:1;min-width:300px;max-width:450px;padding:30px;line-height:30px;position:relative;box-shadow:0 10px 25px #0000001a}.notebook-panel h2{color:#2d3436;margin-top:0;margin-bottom:5px;font-size:1.5rem;line-height:normal}.puzzle-hint-text{color:var(--decoder-primary);border-left:4px solid var(--decoder-primary);background:#e7f3ff;border-radius:4px;margin-bottom:20px;padding:2px 12px;font-size:.95rem;font-weight:600;display:inline-block}.encoded-display{letter-spacing:2px;color:#495057;background:#f1f3f5;border:2px dashed #ced4da;border-radius:8px;margin:20px 0;padding:15px;font-family:Courier New,Courier,monospace;font-size:1.2rem;font-weight:700}.decoded-input-container{margin-top:20px}.decoded-input{border:none;border-bottom:2px solid var(--decoder-primary);text-transform:uppercase;letter-spacing:4px;background:0 0;outline:none;width:100%;padding:5px 0;font-family:inherit;font-size:1.4rem;font-weight:700}.character-feedback{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.char-box{background:#dee2e6;border-radius:2px;width:25px;height:5px}.char-box.correct{background:#51cf66}.char-box.incorrect{background:#ff6b6b}.wheel-panel{flex-direction:column;align-items:center;gap:20px;display:flex}.decoder-wheel-container{-webkit-user-select:none;user-select:none;touch-action:none;width:320px;height:320px;position:relative}.wheel-ring{border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 15px #00000026}.outer-ring{background:#4a90e2;border:8px solid #357abd;width:300px;height:300px}.inner-ring{z-index:2;cursor:grab;background:#fff;border:6px solid #e9ecef;width:200px;height:200px}.inner-ring:active{cursor:grabbing}.wheel-label{pointer-events:none;transform-origin:50%;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-top:10px;font-weight:700;display:flex;position:absolute;top:0;left:0}.outer-ring .wheel-label{color:#fff;padding-top:15px;font-size:.9rem}.inner-ring .wheel-label{color:#2d3436;z-index:5;padding-top:5px;font-size:1.1rem}.wheel-divider{pointer-events:none;transform-origin:50%;justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.wheel-divider:after{content:"";background-color:#ffffff4d;width:2px;height:15px}.inner-ring .wheel-divider:after{background-color:#0000001a;height:10px}.active-indicator{z-index:10;border-top:20px solid #ff6b6b;border-left:15px solid #0000;border-right:15px solid #0000;width:0;height:0;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.key-display-box{color:#fff;border:3px solid var(--decoder-accent);background:#2d3436;border-radius:12px;flex-direction:column;align-items:center;gap:5px;min-width:140px;padding:12px 25px;display:flex;box-shadow:0 4px 15px #0003}.key-label{letter-spacing:1px;opacity:.8;font-size:.75rem;font-weight:700}.key-mapping{align-items:center;gap:12px;font-size:1.8rem;font-weight:900;display:flex}.key-number{color:var(--decoder-accent)}.key-arrow{opacity:.5;font-size:1.2rem}.key-letter{color:#51cf66}.current-mapping-hint{color:#888;background:#fff;border:1px solid #eee;border-radius:20px;padding:4px 12px;font-size:.8rem}.decoder-footer{justify-content:center;width:100%;margin-top:20px;display:flex}.check-btn{color:#fff;cursor:pointer;background:#51cf66;border:none;border-radius:50px;padding:15px 40px;font-size:1.25rem;font-weight:700;transition:all .2s;box-shadow:0 4px #3b9449}.check-btn:hover{transform:translateY(-2px);box-shadow:0 6px #3b9449}.check-btn:active{transform:translateY(2px);box-shadow:0 2px #3b9449}.win-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.win-content{text-align:center;background:#fff;border-radius:20px;padding:40px;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.decoder-main{gap:20px}.decoder-wheel-container{width:260px;height:260px}.outer-ring{width:250px;height:250px}.inner-ring{width:160px;height:160px}}
.unscramble-container{--primary-green:#2ecc71;--primary-blue:#3498db;--bg-cream:#f9fbfd;--soft-green:#e8f8f5;--soft-blue:#ebf5fb;--neutral-grey:#7f8c8d;--text-dark:#2c3e50;--border-radius:16px;--shadow-sm:0 4px 6px #0000000d;--shadow-md:0 10px 25px #00000014;--accent-yellow:#f1c40f;--danger-red:#e74c3c;--powerup-purple:#9b59b6;max-width:900px;box-shadow:var(--shadow-md);color:var(--text-dark);background:#fff;border:1px solid #00000008;border-radius:32px;margin:3rem auto;padding:3rem;font-family:Quicksand,Nunito,sans-serif;position:relative;overflow:hidden}.top-bar{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.timer-pill{background:var(--soft-blue);color:var(--primary-blue);box-shadow:var(--shadow-sm);border-radius:50px;align-items:center;gap:8px;padding:.5rem 1.25rem;font-weight:700;transition:all .3s;display:flex}.timer-pill.low-time{color:var(--danger-red);background:#fdf2f2;animation:1s infinite alternate pulse-red}.stats-group{align-items:center;gap:1rem;display:flex}.coin-counter{color:var(--accent-yellow);background:#fffcf0;border:2px solid #fff5cc;border-radius:50px;align-items:center;gap:6px;padding:.4rem 1rem;font-size:1.2rem;font-weight:800;display:flex}.coin-icon{font-size:1.4rem}.powerups-btn{background:var(--powerup-purple);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:6px;padding:.4rem 1.2rem;font-weight:700;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px #8e44ad}.powerups-btn:hover{transform:translateY(-2px)}.powerups-btn:active{box-shadow:none;transform:translateY(2px)}.unscramble-header{text-align:center;margin-bottom:2.5rem}.unscramble-header h1{color:var(--primary-blue);margin-bottom:.5rem;font-family:Quicksand,sans-serif;font-size:2.5rem}.unscramble-header p{color:var(--neutral-grey);font-size:1.1rem}.header-underline{background-color:var(--primary-green);border-radius:2px;width:100px;height:4px;margin:1rem auto}.puzzle-area{background:var(--bg-cream);border-radius:24px;grid-template-columns:1fr 1.2fr;gap:1.5rem 3rem;margin-bottom:3rem;padding:2rem;display:grid}.puzzle-row{display:contents}.scrambled-word-cell,.input-cell{align-items:center;padding:.75rem 0;display:flex}.scrambled-word{letter-spacing:3px;color:var(--primary-blue);text-transform:uppercase;box-shadow:var(--shadow-sm);border:2px solid var(--soft-blue);background:#fff;border-radius:50px;padding:.5rem 1.5rem;font-size:1.4rem;font-weight:700}.input-wrapper{width:100%;position:relative}.unscramble-input{border-radius:var(--border-radius);background-color:#fff;border:2px solid #e0e0e0;outline:none;width:100%;padding:.8rem 45px .8rem 1rem;font-family:Nunito,sans-serif;font-size:1.2rem;transition:all .3s}.unscramble-input.shake{border-color:var(--neutral-grey);animation:.4s ease-in-out shake}.unscramble-input.auto-solved{animation:1s ease-out fade-blue}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes fade-blue{0%{background-color:var(--soft-blue)}to{background-color:#fff}}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 #e74c3c00}to{transform:scale(1.05);box-shadow:0 0 15px #e74c3c33}}.floating-coin{color:var(--accent-yellow);pointer-events:none;z-index:100;font-size:1.5rem;font-weight:800;animation:1s forwards float-up-fade;position:absolute}@keyframes float-up-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#2c3e5066;border-radius:32px;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:absolute;inset:0}.store-modal{background:#fff;border-radius:24px;width:90%;max-width:450px;padding:2rem;box-shadow:0 20px 50px #00000026}.store-header{border-bottom:2px solid var(--soft-blue);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.store-header h3{color:var(--powerup-purple);margin:0;font-size:1.5rem}.close-store{cursor:pointer;color:var(--neutral-grey);background:0 0;border:none;font-size:1.5rem}.powerup-list{flex-direction:column;gap:1rem;display:flex}.powerup-item{background:var(--bg-cream);cursor:pointer;border:2px solid #0000;border-radius:16px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.powerup-item:hover:not(.disabled){border-color:var(--powerup-purple);background:#fff;transform:scale(1.02)}.powerup-item.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.powerup-icon{width:50px;height:50px;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.powerup-details{flex:1}.powerup-details h4{margin:0;font-size:1.1rem}.powerup-details p{color:var(--neutral-grey);margin:4px 0 0;font-size:.85rem}.powerup-cost{background:var(--accent-yellow);color:#fff;border-radius:50px;padding:.25rem .75rem;font-size:.9rem;font-weight:800}.feedback-icon{color:var(--primary-green);opacity:0;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.2rem;font-weight:900;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:50%;right:15px;transform:translateY(-50%);box-shadow:0 2px 4px #0000001a}.feedback-icon.visible{opacity:1;transform:translateY(-50%)scale(1.1)}.alphabetize-section{border:2px dashed var(--soft-blue);background-color:#fff;border-radius:16px;margin-top:3rem;padding:2rem;animation:.5s ease-out fadeIn}.alphabetize-section h2{text-align:center;color:var(--primary-green);margin-bottom:1.5rem;font-family:Quicksand,sans-serif}.chips-container{flex-wrap:wrap;justify-content:center;gap:1rem;min-height:100px;display:flex}.word-chip{border:2px solid var(--soft-blue);cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm);background:#fff;border-radius:50px;align-items:center;gap:.8rem;padding:.6rem 1.2rem;transition:transform .2s,box-shadow .2s;display:flex}.word-chip:active{cursor:grabbing;box-shadow:var(--shadow-md);transform:scale(1.05)}.drag-handle{color:#ccc;flex-direction:column;gap:2px;display:flex}.drag-handle span{background:currentColor;border-radius:50%;width:3px;height:3px}.chip-text{font-size:1.1rem;font-weight:600}.actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.btn{cursor:pointer;border:none;border-radius:50px;padding:1rem 2rem;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:700;transition:all .2s}.btn-primary{background-color:var(--primary-green);color:#fff;box-shadow:0 4px #388e3c}.btn-primary:hover{background-color:#45a049;transform:translateY(-2px)}.btn-primary:active{box-shadow:none;transform:translateY(2px)}.btn-secondary{background-color:var(--soft-blue);color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary:hover{background-color:#d1e9ff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.puzzle-area{grid-template-columns:1fr;gap:.5rem}.scrambled-word-cell{border-bottom:none;padding-bottom:0}}