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