.quiz-container{max-width:1000px;margin:0 auto;padding:2rem}.quiz-header{text-align:center;margin-bottom:3rem}.quiz-header h1{font-size:3rem;margin-bottom:1rem;color:rgb(var(--accent))}.subtitle{font-size:1.2rem;opacity:.9;margin-bottom:2rem}.pi-reference{font-size:1.5rem;font-family:Roboto Mono,monospace;color:rgb(var(--accent));opacity:.8}.pi-symbol{font-size:2rem;font-weight:700;color:rgb(var(--accent));text-shadow:0 0 10px rgba(var(--accent),.3)}.difficulty-selection{margin-bottom:3rem}.difficulty-selection h2{text-align:center;margin-bottom:2rem;color:rgb(var(--accent))}.difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.difficulty-card{background:linear-gradient(145deg,#0f141eb3,#19233780);border:1px solid rgba(var(--accent),.2);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease}.difficulty-card:hover{transform:translateY(-5px);border-color:rgb(var(--accent));box-shadow:0 10px 30px rgba(var(--accent),.2)}.difficulty-icon{font-size:3rem;margin-bottom:1rem}.difficulty-card h3{color:rgb(var(--accent));margin-bottom:.5rem}.difficulty-card p{margin:.5rem 0}.difficulty-desc{font-size:.9rem;opacity:.8}.challenge-area{background:rgba(var(--accent),.05);border-radius:16px;padding:2rem;margin-bottom:3rem}.challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap}.challenge-info{display:flex;gap:1rem;align-items:center}.level-badge{background:rgb(var(--accent));color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.9rem;font-weight:700}.target-digits{font-family:Roboto Mono,monospace;opacity:.8}.pi-display{display:flex;align-items:center;justify-content:center;margin:2rem 0;font-family:Roboto Mono,monospace;font-size:2rem;gap:.5rem}.pi-start{color:rgb(var(--accent));font-weight:700}.digits-container{display:flex;flex-wrap:wrap;gap:.25rem}.digit-correct{color:#4ade80;background:#4ade8033;padding:.25rem .5rem;border-radius:4px;animation:digitSuccess .5s ease}.digit-wrong{color:#f87171;background:#f8717133;padding:.25rem .5rem;border-radius:4px;animation:digitError .5s ease}.digit-corrected{color:#fbbf24;background:#fbbf2433;padding:.25rem .5rem;border-radius:4px}@keyframes digitSuccess{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes digitError{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.input-section{text-align:center;margin:2rem 0}.input-section label{display:block;margin-bottom:1rem;font-weight:500}.input-section input{width:80px;height:60px;font-size:2rem;text-align:center;border:2px solid rgba(var(--accent),.3);border-radius:8px;background:rgba(var(--accent),.05);color:rgb(var(--accent));margin-right:1rem}.input-section input:focus{outline:none;border-color:rgb(var(--accent));box-shadow:0 0 10px rgba(var(--accent),.3)}.progress-section{margin:2rem 0}.progress-bar{width:100%;height:10px;background:rgba(var(--accent),.2);border-radius:5px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,rgb(var(--accent)),rgba(var(--accent),.7));transition:width .3s ease;border-radius:5px}.progress-text{text-align:center;font-family:Roboto Mono,monospace;color:rgb(var(--accent))}.game-controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.results-section{text-align:center}.results-card{background:linear-gradient(145deg,#0f141eb3,#19233780);border:1px solid rgba(var(--accent),.2);border-radius:16px;padding:3rem;max-width:600px;margin:0 auto}.results-card h2{color:rgb(var(--accent));margin-bottom:2rem}.score-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.score-item{display:flex;flex-direction:column;gap:.5rem}.score-label{font-size:.9rem;opacity:.8}.score-value{font-size:2rem;font-weight:700;color:rgb(var(--accent))}.achievement-badge{background:rgba(var(--accent),.1);border-radius:12px;padding:2rem;margin:2rem 0}.badge-icon{font-size:3rem;margin-bottom:1rem}.results-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.tips-section{margin-top:4rem}.tips-section h2{text-align:center;margin-bottom:2rem;color:rgb(var(--accent))}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.tip-card{background:linear-gradient(145deg,#0f141eb3,#19233780);border:1px solid rgba(var(--accent),.1);border-radius:12px;padding:2rem;text-align:center}.tip-icon{font-size:2rem;margin-bottom:1rem}.tip-card h3{color:rgb(var(--accent));margin-bottom:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:rgb(var(--accent));color:#fff}.btn-primary:hover{background:rgba(var(--accent),.8);transform:translateY(-2px)}.btn-secondary{background:rgba(var(--accent),.2);color:rgb(var(--accent))}.btn-secondary:hover{background:rgba(var(--accent),.3);transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid rgba(var(--accent),.5);color:rgb(var(--accent))}.btn-outline:hover{background:rgba(var(--accent),.1);border-color:rgb(var(--accent));transform:translateY(-2px)}.btn-large{padding:1rem 2rem;font-size:1.2rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{transform:none}@media (max-width: 768px){.challenge-header{flex-direction:column;text-align:center;gap:1rem}.pi-display{font-size:1.5rem}.input-section input{width:60px;height:50px;font-size:1.5rem}.score-display{grid-template-columns:1fr}.game-controls,.results-actions{flex-direction:column;align-items:center}}