@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Dancing+Script:wght@600;700&display=swap";body,html,#root{width:100%;min-height:100vh;font-family:Segoe UI,sans-serif}.start-container,.question-container,.certificate-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.start-card,.question-card{text-align:center;background:#fff;border-radius:25px;width:900px;max-width:95%;padding:40px;box-shadow:0 15px 40px #00000040}.start-card img{width:260px;margin:auto;display:block}.start-card h1{color:#002b5c;margin-top:20px;margin-bottom:10px;font-size:42px}.start-card p{color:#666;margin-bottom:25px;font-size:22px}.welcome-user{color:#0a2f5c;margin-bottom:20px;font-size:18px;font-weight:700}.one-shot-note{color:#92251b;background:#fdecea;border:1px solid #e74c3c;border-radius:8px;margin-bottom:20px;padding:10px 16px;font-size:14px}.already-done-note{color:#555;margin-bottom:15px;font-size:14px}input{border:1px solid #ddd;border-radius:10px;width:80%;margin-bottom:20px;padding:15px;font-size:18px}button{color:#fff;cursor:pointer;background:#002b5c;border:none;border-radius:10px;padding:15px 25px;font-size:18px;transition:all .3s}button:hover{background:#005fa3;transform:translateY(-2px)}.question-card h2{color:#002b5c;margin-bottom:15px}.question-card h3{margin-bottom:30px;font-size:28px}.answer-btn{width:100%;margin:12px 0;padding:18px;font-size:18px;display:block}.game-container{justify-content:center;align-items:center;min-height:100vh;padding:20px 0;display:flex}.game-card{background:#fff;border-radius:20px;width:900px;max-width:95%;padding:30px;box-shadow:0 15px 40px #00000040}.game-hud{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.hud-level,.hud-score{color:#0a2f5c;font-size:18px;font-weight:700}.timer-bar-track{background:#eee;border-radius:6px;width:100%;height:12px;margin-bottom:4px;overflow:hidden}.timer-bar-fill{background:linear-gradient(90deg,#005fa3,#00a3e0);height:100%;transition:width 1s linear}.timer-bar-fill.timer-low{background:linear-gradient(90deg,#c0392b,#e74c3c)}.timer-text{text-align:right;color:#0a2f5c;margin-bottom:18px;font-weight:700}.timer-text.timer-low-text{color:#c0392b}.scene-items{grid-template-columns:1fr 1fr;gap:12px;display:grid}.scene-item{text-align:left;cursor:pointer;background:#f7f9fc;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;transition:all .2s;display:flex}.scene-item:hover:not(:disabled){background:#fff;border-color:#005fa3;transform:translateY(-2px)}.scene-item:disabled{cursor:default}.scene-item-correct{background:#e8f8ee;border-color:#27ae60}.scene-item-wrong{background:#fdecea;border-color:#e74c3c}.scene-item-icon{flex-shrink:0;font-size:26px}.scene-item-text{flex-direction:column;gap:2px;display:flex}.scene-item-title{color:#0a2f5c;font-weight:700}.scene-item-subtitle{color:#555;font-size:13px}.toast{border-radius:10px;margin-top:18px;padding:14px 18px;font-size:14px;animation:.25s toastIn}.toast-success{color:#1e6b3a;background:#e8f8ee;border:1px solid #27ae60}.toast-error{color:#92251b;background:#fdecea;border:1px solid #e74c3c}@keyframes toastIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.level-intro-card{text-align:center}.level-badge{color:#fff;letter-spacing:1px;background:#0a2f5c;border-radius:20px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.level-icon-big{margin-bottom:10px;font-size:60px}.level-instruction{color:#444;max-width:550px;margin:15px auto 20px;font-size:17px;line-height:1.6}.level-time-hint{color:#0a2f5c;margin-bottom:25px;font-size:16px}.level-recap-card h2{color:#0a2f5c;text-align:center;margin-bottom:20px}.recap-stats{flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:25px;display:flex}.recap-stat{flex-direction:column;align-items:center;display:flex}.recap-value{color:#0a2f5c;font-size:28px;font-weight:900}.recap-label{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:12px}.recap-bonus .recap-value{color:#27ae60}.recap-items{flex-direction:column;gap:8px;margin-bottom:25px;display:flex}.recap-item{text-align:left;background:#f7f9fc;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.recap-correct{background:#e8f8ee}.recap-wrong{background:#fdecea}.recap-missed{background:#fff6e0}.recap-item-icon{font-size:20px}.recap-item-text{flex:1}.recap-item-title{color:#0a2f5c;font-size:14px;font-weight:700}.recap-item-subtitle{color:#666;font-size:12px}.recap-item-mark{font-size:18px}.summary-card{text-align:center}.summary-score{color:#0a2f5c;margin-bottom:25px;font-size:22px}.summary-subtitle{color:#0a2f5c;text-align:left;margin-bottom:15px}.summary-perfect{color:#1e6b3a;margin:20px 0 25px;font-size:18px}.lessons-list{text-align:left;flex-direction:column;gap:12px;max-height:380px;margin-bottom:25px;padding-right:6px;display:flex;overflow-y:auto}.lesson-item{background:#f7f9fc;border-left:4px solid #c9a441;border-radius:8px;padding:12px 16px}.lesson-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.lesson-icon{font-size:18px}.lesson-title{color:#0a2f5c;flex:1;font-weight:700}.lesson-level{color:#888;text-transform:uppercase;font-size:11px}.lesson-feedback{color:#444;font-size:13px;line-height:1.5}@media (width<=700px){.scene-items{grid-template-columns:1fr}}.certificate-page{padding:40px 0}.certificate{text-align:center;background:#fff;border:6px solid #0a2f5c;border-radius:20px;width:950px;max-width:95%;padding:0;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000059}.certificate-inner{padding:45px 55px 30px;position:relative}.certificate-inner:before,.certificate-inner:after{content:"";pointer-events:none;border:2px solid #c9a441;width:70px;height:70px;position:absolute}.certificate-inner:before{border-bottom:none;border-right:none;top:15px;left:15px}.certificate-inner:after{border-bottom:none;border-left:none;top:15px;right:15px}.cert-logo{width:220px;height:auto;margin:0 auto 15px;display:block}.certificate-title{color:#0a2f5c;letter-spacing:4px;margin-bottom:6px;font-family:Playfair Display,serif;font-size:64px;font-weight:900}.certificate-subtitle-row{justify-content:center;align-items:center;gap:15px;margin-bottom:20px;display:flex}.certificate-subtitle-row .line{background:#0a2f5c;width:90px;height:2px}.of-completion{letter-spacing:4px;color:#0a2f5c;font-family:Playfair Display,serif;font-size:20px;font-weight:700}.certificate-lead{color:#444;margin-bottom:15px;font-size:18px}.participant-name{color:#0a2f5c;border-bottom:2px solid #c9a441;margin:5px 0 10px;padding-bottom:10px;font-family:Dancing Script,cursive;font-size:58px;font-weight:700;display:inline-block}.certificate-text{color:#333;max-width:650px;margin:15px auto 25px;font-size:17px;line-height:1.7}.score-box{border:2px solid #0a2f5c;border-radius:10px;flex-direction:column;align-items:center;margin-bottom:18px;padding:10px 40px;display:inline-flex}.score-label{letter-spacing:2px;color:#0a2f5c;font-size:14px;font-weight:700}.score-value{color:#0a2f5c;font-size:34px;font-weight:900}.level{color:#0a2f5c;margin-bottom:15px;font-size:24px;font-weight:700}.trophy{font-size:24px}.mini-divider{background:#c9a441;width:200px;height:2px;margin:10px auto 20px}.cert-meta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;margin-bottom:30px;display:flex}.meta-item{align-items:center;gap:10px;display:flex}.meta-icon{font-size:22px}.meta-label{letter-spacing:1px;color:#666;text-align:left;font-size:11px;font-weight:700}.meta-value{color:#0a2f5c;text-align:left;font-size:15px;font-weight:700}.meta-sep{background:#ddd;width:2px;height:30px}.signature-stamp-row{justify-content:space-between;align-items:flex-end;padding-top:10px;padding-right:10px;display:flex}.signature-section{text-align:left}.signature-script{color:#0a2f5c;font-family:Dancing Script,cursive;font-size:30px}.signature-line{background:#0a2f5c;width:220px;height:2px;margin:6px 0 10px}.signature-section h3{color:#0a2f5c;margin-bottom:2px;font-size:16px}.signature-section p{color:#555;font-size:13px}.cert-stamp-svg{flex-shrink:0;width:150px;height:150px}.cert-footer-wave{clip-path:ellipse(75% 100% at 50% 100%);background:linear-gradient(120deg,#0a2f5c 0%,#005fa3 60%,#00a3e0 100%);margin-top:20px;padding:35px 20px 25px;position:relative}.cert-footer-wave .shield-icon{margin-bottom:8px;font-size:30px}.cert-footer-wave p{color:#fff;letter-spacing:3px;font-size:14px;font-weight:700}.certificate-actions{justify-content:center;gap:15px;margin:25px 0 30px;display:flex}@page{size:A4 portrait;margin:0}@media print{html,body{width:210mm;height:297mm;margin:0;background:#fff!important}#root{width:210mm;height:297mm}.no-print{display:none!important}.certificate-page{width:210mm;height:297mm;min-height:unset;justify-content:center;align-items:center;padding:0;display:flex}.certificate{width:180mm;max-width:180mm;box-shadow:none;page-break-inside:avoid;break-inside:avoid}.certificate-inner{padding:24px 34px 14px}.certificate-inner:before,.certificate-inner:after{width:45px;height:45px}.cert-logo{width:150px;margin:0 auto 10px}.certificate-title{margin-bottom:4px;font-size:40px}.certificate-subtitle-row{margin-bottom:12px}.of-completion{font-size:15px}.certificate-lead{margin-bottom:8px;font-size:14px}.participant-name{margin:4px 0 10px;padding-bottom:6px;font-size:38px}.certificate-text{margin:10px auto 16px;font-size:13px;line-height:1.5}.score-box{margin-bottom:12px;padding:6px 30px}.score-label{font-size:11px}.score-value{font-size:26px}.level{margin-bottom:12px;font-size:18px}.mini-divider{margin:6px auto 16px}.cert-meta-row{margin-bottom:18px}.meta-label{font-size:10px}.meta-value{font-size:13px}.signature-stamp-row{align-items:center;padding:6px 20px 0 0}.signature-script{font-size:22px}.signature-line{width:170px;margin:5px 0 8px}.signature-section h3{font-size:14px}.signature-section p{font-size:11px}.cert-stamp-svg{width:100px;height:100px;margin-right:10px}.cert-footer-wave{margin-top:10px;padding:14px 20px 10px}.cert-footer-wave .shield-icon{margin-bottom:3px;font-size:18px}.cert-footer-wave p{letter-spacing:2px;font-size:11px}}@media (width<=700px){.certificate-title{font-size:42px}.participant-name{font-size:38px}.signature-stamp-row{flex-direction:column;align-items:center;gap:15px}.signature-section{text-align:center}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:Arial,Helvetica,sans-serif}body{background:#eef2f7}img{max-width:100%;display:block}@media print{body{background:#fff;margin:0;padding:0}.certificate-actions{display:none!important}@page{size:A4;margin:8mm}}