:root{--pelli-bg: #f8fafc;--pelli-card-bg: #ffffff;--pelli-primary: #0ea5e9;--pelli-success: #10b981;--pelli-danger: #ef4444;--pelli-text: #0f172a;--pelli-slate-400: #94a3b8;--pelli-slate-100: #f1f5f9}.pelli-container{display:flex;flex-direction:column;gap:2rem;padding:1rem;max-width:1200px;margin:0 auto}.pelli-game-card{background:var(--pelli-card-bg);border-radius:48px;padding:4rem;box-shadow:0 40px 100px -20px #0000001a;display:flex;flex-direction:column;gap:4rem;position:relative;overflow:hidden;text-align:center}.pelli-game-card:before{content:"A";position:absolute;top:-20px;right:10px;font-size:15rem;font-weight:900;color:var(--pelli-slate-100);opacity:.5;z-index:0;pointer-events:none}.screen-wrapper{position:relative;background:#fff;border-radius:32px;height:400px;display:flex;justify-content:center;align-items:center;z-index:1;border:1px solid var(--pelli-slate-100);box-shadow:inset 0 4px 20px #00000005}#optotype{font-size:clamp(6rem,20vw,12rem);font-weight:800;color:var(--pelli-text);line-height:1;transition:opacity .6s cubic-bezier(.34,1.56,.64,1),transform .3s ease;user-select:none;letter-spacing:-.05em}.game-hud{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;z-index:1}.progress-track{flex:1;height:12px;background:var(--pelli-slate-100);border-radius:100px;margin:0 3rem;position:relative;overflow:hidden}.progress-fill{height:100%;background:var(--pelli-primary);width:0%;transition:width .5s ease;box-shadow:0 0 15px #0ea5e966}.stat-box{background:var(--pelli-slate-100);padding:1rem 2rem;border-radius:20px;display:flex;flex-direction:column}.stat-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--pelli-slate-400)}.stat-number{font-size:1.8rem;font-weight:900;color:var(--pelli-text)}.letter-input-container{max-width:400px;margin:0 auto;position:relative;z-index:2}.letter-input{width:100%;background:var(--pelli-slate-100);border:4px solid transparent;border-radius:30px;padding:2rem;font-size:3rem;font-weight:900;color:var(--pelli-text);text-align:center;text-transform:uppercase;transition:all .3s ease;outline:none}.letter-input:focus{background:#fff;border-color:var(--pelli-primary);box-shadow:0 0 40px #0ea5e926}.letter-input::placeholder{color:var(--pelli-slate-400);font-size:1.2rem;text-transform:none;font-weight:600}.game-btn{border:none;border-radius:30px;padding:1.5rem 3rem;font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:1rem;justify-content:center}.btn-pass{background:var(--pelli-primary);color:#fff;box-shadow:0 15px 30px #0ea5e94d}.btn-pass:hover{transform:translateY(-4px);box-shadow:0 25px 40px #0ea5e966}.btn-fail{background:var(--pelli-slate-100);color:var(--pelli-slate-400);margin-top:1rem}.btn-fail:hover{color:var(--pelli-danger)}@keyframes flashCorrect{0%{box-shadow:0 0 #10b98166}to{box-shadow:0 0 0 30px #10b98100}}@keyframes flashError{0%{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-10px)}to{transform:translate(0)}}.input-correct{animation:flashCorrect .6s ease-out;border-color:var(--pelli-success)!important}.input-error{animation:flashError .4s ease-in-out;border-color:var(--pelli-danger)!important}.results-screen{animation:slideIn .8s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.score-circle{width:200px;height:200px;border-radius:50%;border:10px solid var(--pelli-primary);margin:0 auto 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;box-shadow:0 0 50px #0ea5e91a}.score-title{font-size:2.5rem;font-weight:950;color:var(--pelli-text)}.result-explanation{max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6;color:var(--pelli-slate-400)}@media(max-width:768px){.pelli-container{padding:.25rem;margin:.5rem auto}.pelli-game-card{padding:1rem;gap:1rem;border-radius:1.25rem;width:100%;box-sizing:border-box}.pelli-game-card:before{font-size:5rem;top:-5px;right:5px;opacity:.3}.screen-wrapper{height:180px;border-radius:1rem}#optotype{font-size:clamp(3rem,15vw,6rem)}.game-hud{flex-wrap:wrap;gap:.5rem;padding:0;justify-content:center}.progress-track{margin:0;width:100%;order:-1;height:8px}.stat-box{padding:.5rem 1rem;border-radius:.75rem;align-items:center;flex:1 1 auto}.stat-label{font-size:.65rem;letter-spacing:1px}.stat-number{font-size:1.1rem}.letter-input-container{width:100%;max-width:100%}.letter-input{padding:.75rem;font-size:1.5rem;border-radius:1rem;border-width:2px}.letter-input::placeholder{font-size:.8rem}.game-btn{width:100%;padding:.75rem;font-size:.95rem;border-radius:1rem;gap:.5rem}.score-circle{width:120px;height:120px;border-width:5px;margin-bottom:1.5rem}.score-title{font-size:1.5rem}.result-explanation{font-size:.95rem;padding:0 .5rem;line-height:1.4}}