body:has(.game-page){overflow:hidden;height:100vh}.game-page{height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f0eb,#e8e2dc);overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}.game-page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:2px solid #e8e2dc;box-shadow:0 2px 8px #0000000d;flex-shrink:0}.game-page-header h1{font-size:1.3rem;font-weight:600;margin:0;color:#1a1a1a}.game-score{font-size:1rem;font-weight:600;color:#8b7355;padding:8px 16px;background:#f5f0eb;border-radius:20px;white-space:nowrap}.game-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;max-width:700px;width:100%;margin:0 auto;overflow:hidden;position:relative}.game-progress-bar{width:100%;height:4px;background:#0000001a;border-radius:2px;overflow:hidden;margin-bottom:10px;flex-shrink:0}.game-progress-fill{height:100%;background:linear-gradient(90deg,#8b7355,#a08566);border-radius:2px;transition:width .5s ease-out;width:0%}.game-card-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.game-card{width:90vw;max-width:600px;background:#fff;border-radius:12px;padding:48px 40px;box-shadow:0 10px 40px #00000026;border:2px solid #e8e2dc;pointer-events:auto}.prompt-section{text-align:center;margin-bottom:40px}.trans{font-size:2rem;font-weight:700;margin-bottom:12px;font-family:Georgia,Cambria,Times New Roman,Times,serif;color:#1a1a1a;line-height:1.3;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hint{font-size:.9rem;color:#999;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.options-section{margin-bottom:24px}.options-container{display:flex;flex-direction:column;gap:12px;width:100%}.option-btn{width:100%;padding:16px 20px;border:2px solid #d8d0c8;border-radius:8px;font-size:1.1rem;transition:all .2s;font-family:Georgia,Cambria,Times New Roman,Times,serif;background:#fff;box-sizing:border-box;cursor:pointer;text-align:center;color:#1a1a1a}.option-btn:hover:not(:disabled){border-color:#8b7355;background:#f5f0eb;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.option-btn:active:not(:disabled){transform:translateY(0)}.option-btn.selected{border-color:#8b7355;background:#f5f0eb;box-shadow:0 0 0 4px #8b73551a}.keyboard-mode .option-btn.keyboard-focused{outline:3px solid #8b7355;outline-offset:2px}.option-btn.correct{border-color:#4caf50;background:#f1f8f4;color:#2e7d32;font-weight:600}.option-btn.wrong{border-color:#f44336;background:#fef1f0;color:#c62828}.option-btn.disabled{opacity:.5;cursor:not-allowed}.option-btn:disabled{cursor:not-allowed}.button-group{display:flex;gap:12px;margin-bottom:24px}.btn{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.btn-primary{background:#8b7355;color:#fff}.btn-primary:hover{background:#6e5a43;transform:translateY(-1px);box-shadow:0 4px 12px #8b73554d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f5f0eb;color:#666}.btn-secondary:hover{background:#e8e2dc;color:#4a4a4a}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.feedback{display:none;padding:20px;border-radius:8px;font-weight:500;text-align:center}.feedback.correct,.feedback.wrong,.feedback.skipped{display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column}.feedback-icon{font-size:2rem;font-weight:700;line-height:1}.feedback-text{font-size:1rem;line-height:1.4}.feedback.correct{background:#e8f5e9;color:#2e7d32}.feedback.correct .feedback-icon{color:#4caf50}.feedback.wrong{background:#ffebee;color:#c62828}.feedback.wrong .feedback-icon{color:#f44336}.feedback.skipped{background:#fff8f0;color:#e65100}.feedback.skipped .feedback-icon{color:#ff9800}.correct-answers{margin-top:12px;font-size:.95rem;padding:12px 16px;background:#0000000d;border-radius:6px;font-family:Georgia,Cambria,Times New Roman,Times,serif}.correct-answers span{font-weight:600}@media(prefers-color-scheme:dark){.game-page{background:linear-gradient(135deg,#1a1612,#0f0d0a)}.game-page-header{background:#2a241f;border-bottom-color:#3d362e}.back-link{color:#999}.back-link:hover{color:#c4a574}.game-page-header h1{color:#e8e2dc}.hint-text{color:#666}.game-score{color:#c4a574;background:#2a241f}.game-progress-bar{background:#ffffff1a}.game-card{background:#2a241f;border-color:#3d362e;box-shadow:0 10px 40px #0006}.trans{color:#e8e2dc}.hint{color:#999}.option-btn{background:#1a1612;border-color:#3d362e;color:#e8e2dc}.option-btn:hover:not(:disabled){border-color:#c4a574;background:#2a241f;box-shadow:0 4px 8px #0006}.option-btn.selected{border-color:#c4a574;background:#2a241f;box-shadow:0 0 0 4px #c4a57426}.keyboard-mode .option-btn.keyboard-focused{outline-color:#c4a574}.option-btn.correct{border-color:#66bb6a;background:#1b3a1e;color:#81c784}.option-btn.wrong{border-color:#ef5350;background:#3a1b1b;color:#ef5350}.btn-primary{background:#a08566}.btn-primary:hover{background:#8b7355}.btn-secondary{background:#342e26;color:#999}.btn-secondary:hover{background:#3d362e;color:#c4a574}.feedback.correct{background:#1b3a1e;color:#81c784}.feedback.correct .feedback-icon{color:#66bb6a}.feedback.wrong{background:#3a1b1b;color:#ef5350}.feedback.wrong .feedback-icon{color:#ef5350}.feedback.skipped{background:#3a2a1b;color:#ffa726}.feedback.skipped .feedback-icon{color:#ffa726}.correct-answers{background:#ffffff0d;color:#c4a574}}@media(max-width:768px){.game-page-header{padding:12px 20px}.game-page-header h1{font-size:1.1rem}.hint-text{font-size:.7rem}.game-score{font-size:.9rem;padding:6px 12px}.game-main{padding:16px}.game-progress-bar{margin-bottom:16px}.game-card{padding:32px 24px}.trans{font-size:1.6rem}.hint{font-size:.85rem}.option-btn{font-size:1rem;padding:14px 16px}.btn{padding:12px 20px;font-size:.95rem}}@media(max-width:480px){.game-page-header{padding:10px 12px;flex-wrap:wrap;gap:8px}.header-center{order:1;flex:1 1 100%}.game-page-header h1{font-size:.95rem}.hint-text{display:none}.back-link{order:0;font-size:.9rem}.game-score{order:2;font-size:.85rem;padding:4px 10px}.game-main{padding:12px}.game-progress-bar{margin-bottom:12px;height:3px}.game-card{padding:28px 20px;border-radius:10px}.prompt-section{margin-bottom:32px}.trans{font-size:1.4rem;margin-bottom:10px}.hint{font-size:.8rem}.options-section{margin-bottom:20px}.options-container{gap:10px}.option-btn{font-size:1rem;padding:12px 16px}.button-group{flex-direction:column;gap:10px;margin-bottom:20px}.btn{padding:12px 20px;font-size:.95rem}.feedback{padding:16px}.feedback-icon{font-size:1.8rem}.feedback-text{font-size:.95rem}.correct-answers{font-size:.9rem;padding:10px 12px}}