.game-pattern-challenge #game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-height:calc(100vh - 200px)}#pattern-container{display:flex;flex-direction:column;align-items:center;gap:30px;max-width:700px;width:100%}#pattern-display{font-size:3rem;font-weight:700;color:#1f2937;text-align:center;padding:40px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border-radius:16px;box-shadow:0 8px 16px #00000026;min-height:120px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:100%;font-family:Courier New,monospace;letter-spacing:2px}#pattern-display.correct{background:linear-gradient(135deg,#84fab0,#8fd3f4);transform:scale(1.05);animation:correctPulse .3s ease}#pattern-display.wrong{background:linear-gradient(135deg,#f093fb,#f5576c);animation:wrongShake .5s ease}#pattern-hint{padding:12px 20px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;color:#92400e;font-size:.95rem;font-weight:500;text-align:center;width:100%;max-width:600px}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}#options-container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:500px}#options-container .option-btn{padding:20px 24px;font-size:1.8rem;font-weight:700;text-align:center;border:3px solid #e5e7eb;border-radius:12px;background:#fff;color:#1f2937;transition:all .2s ease;outline:none;cursor:pointer;min-height:80px;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace}#options-container .option-btn:hover{border-color:#667eea;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}#options-container .option-btn:active{transform:translateY(0)}#options-container .option-btn.correct{background:linear-gradient(135deg,#84fab0,#8fd3f4);border-color:#10b981;color:#fff;animation:correctPulse .3s ease}#options-container .option-btn.wrong{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#ef4444;color:#fff;animation:wrongShake .5s ease}#options-container .option-btn:disabled,#options-container .option-btn[style*="pointer-events: none"]{opacity:.6;cursor:not-allowed}.game-pattern-challenge.immersive-mode #game-container{min-height:calc(100vh - 150px);padding:20px}.game-pattern-challenge.immersive-mode #pattern-display{font-size:2.5rem;padding:30px;min-height:100px}.game-pattern-challenge.immersive-mode #options-container .option-btn{font-size:1.5rem;padding:16px 20px;min-height:70px}@media (max-width: 768px){.game-pattern-challenge #game-container{padding:20px 16px;min-height:calc(100vh - 180px)}#pattern-display{font-size:2rem;padding:24px 16px;min-height:80px;letter-spacing:1px}#options-container{grid-template-columns:repeat(2,1fr);gap:12px;max-width:100%}#options-container .option-btn{font-size:1.4rem;padding:16px 12px;min-height:60px}#pattern-hint{font-size:.875rem;padding:10px 16px}}@media (max-width: 480px){#pattern-display{font-size:1.6rem;padding:20px 12px;letter-spacing:.5px}#options-container .option-btn{font-size:1.2rem;padding:14px 10px;min-height:55px}}@media (min-width: 768px) and (max-width: 1024px){#pattern-display{font-size:2.5rem}#options-container .option-btn{font-size:1.6rem}}