@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#4a90e2;min-height:100vh;color:#fff}.game-area{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:8px}.instructions{background:#fff;color:#000;max-width:680px;padding:20px;border-radius:16px;box-shadow:0 4px 12px #0000002e;margin:16px auto;line-height:1.4}.instructions h2{color:#4a90e2;text-align:center;margin-bottom:16px;font-weight:700}.instruction-list{margin:16px 0}.instruction-item{display:flex;align-items:flex-start;margin-bottom:12px;gap:8px}.instruction-arrow{color:#4a90e2;font-weight:600;font-size:1rem;margin-top:2px;flex-shrink:0}.instructions p{text-align:center;margin:16px 0;font-weight:500}.btn{display:inline-block;border:none;border-radius:30px;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none}.btn:active{transform:scale(.97)}.btn-start{background:#ffd76b;color:#000;padding:12px 24px;font-size:16px;margin:0 auto;display:block;width:-moz-fit-content;width:fit-content}.header{width:100%;max-width:920px;text-align:center;padding:8px 16px;margin-bottom:8px}.timer{background:#fff3;color:#fff;border-radius:20px;padding:6px 12px;font-size:.9rem;font-weight:600}.reveal-container{margin-bottom:16px}.reveal-title{color:#fff;font-size:1.5rem;margin-bottom:12px;font-weight:700}.reveal-timer{margin-bottom:16px}.reveal-progress-bar{width:200px;height:8px;background:#ffffff4d;border-radius:4px;margin:0 auto 8px;overflow:hidden}.reveal-progress-fill{height:100%;background:#ffd76b;transition:width 1s ease}.reveal-text{color:#fff;font-weight:600;font-size:1rem}.memory-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:920px;overflow-x:auto}.memory-grid::-webkit-scrollbar{height:6px}.memory-grid::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.grid-column{display:flex;flex-direction:column;gap:10px}.column-header{text-align:center;color:#fff;font-weight:700;padding:8px;background:#ffffff1a;border-radius:8px;margin-bottom:8px;font-size:.9rem}.memory-card{width:100%;height:120px;perspective:1000px;cursor:pointer;transition:transform .2s ease}.memory-card:hover{transform:scale(1.02)}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;box-shadow:0 4px 8px #00000026;display:flex;align-items:center;justify-content:center;padding:12px}.card-front{background:#ffd76b;color:#000}.card-back{background:#fff;color:#4a90e2;transform:rotateY(180deg);font-weight:600;text-align:center;line-height:1.3}.card-back-label{display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:700}.card-back-label span:first-child{font-size:1.5rem}.card-back-label span:last-child{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.card-matched{opacity:.3;pointer-events:none;transform:scale(.95)}.card-matched .card-face{background:#2ecc71!important;color:#fff!important}.pause-screen-container{background:#fff;color:#000;max-width:600px;width:100%;padding:20px;border-radius:16px;box-shadow:0 4px 12px #0000002e;margin-top:16px}.pause-header{text-align:center;margin-bottom:20px}.pause-title{font-size:1.5rem;font-weight:700;margin-bottom:8px}.pause-subtitle{font-size:1rem;color:#666}.pause-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px}.stat-item{text-align:center}.stat-label{display:block;font-size:.8rem;color:#666;margin-bottom:4px}.stat-value{font-size:1.2rem;font-weight:700;color:#4a90e2}.wrong-cards-section{margin-bottom:20px}.wrong-cards-title{font-weight:600;margin-bottom:12px;color:#e74c3c}.revision-list{max-height:200px;overflow-y:auto;padding:8px;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.revision-item{margin-bottom:8px;padding:8px;background:#fff;border-radius:6px;border-left:3px solid #4A90E2}.revision-item h4{color:#4a90e2;margin-bottom:4px}.revision-item p{font-size:.9rem;color:#666;line-height:1.3}.more-cards{text-align:center;font-style:italic;color:#666}.pause-actions{text-align:center}.btn-next,.btn-valid,.btn-retry,.btn-revision{width:100%;max-width:300px;margin:8px auto;padding:12px 16px;font-size:16px;display:block}.btn-next{background:#ffd76b;color:#000}.btn-valid{background:#2ecc71;color:#fff}.btn-retry{background:#e74c3c;color:#fff}.btn-revision{background:#9b59b6;color:#fff;margin-bottom:8px}.revision-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.revision-modal-content{background:#fff;border-radius:16px;padding:24px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;color:#000}.revision-header{text-align:center;margin-bottom:20px}.revision-title{color:#4a90e2;font-size:1.5rem;font-weight:700;margin-bottom:8px}.revision-subtitle{color:#666;font-size:1rem}.revision-cards-container{margin-bottom:20px}.revision-card{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:16px;border-left:4px solid #4A90E2}.revision-term{margin-bottom:12px}.revision-label{display:block;font-size:.8rem;color:#666;margin-bottom:4px;font-weight:600}.revision-term h3{color:#4a90e2;font-size:1.1rem;font-weight:700}.revision-definition p{color:#333;line-height:1.4}.revision-actions{text-align:center}@media (max-width: 600px){.instructions{margin:8px;padding:16px}.instruction-item{margin-bottom:10px}.instruction-arrow{font-size:.9rem}.memory-grid{gap:8px}.memory-card{height:100px}.card-face{padding:8px;font-size:.9rem}.card-back-label span:first-child{font-size:1.2rem}.card-back-label span:last-child{font-size:.7rem}.column-header{font-size:.8rem;padding:6px}.pause-screen-container{margin:8px;padding:16px}.pause-title{font-size:1.3rem}.pause-stats{grid-template-columns:1fr 1fr;gap:12px;padding:12px}.revision-modal-content{margin:8px;padding:20px}.header{padding:4px 8px}.header h1{font-size:1.2rem}.timer{font-size:.8rem;padding:4px 8px}}@media (max-width: 360px){.memory-grid{gap:6px}.memory-card{height:90px}.card-face{padding:6px;font-size:.8rem}.column-header{font-size:.7rem;padding:4px}.pause-stats{grid-template-columns:1fr}}