@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap";:root{--bg-top: #f7f9fc;--bg-bottom: #eef2f8;--surface: #ffffff;--surface-soft: #f8faff;--text: #182033;--muted: #60708f;--line: #d8e1ef;--brand: #2f6ff3;--brand-strong: #1f56c7;--success-bg: #e8f8f0;--success-line: #9adab8;--success-text: #176a47;--danger-bg: #fff0ee;--danger-line: #efb5ac;--danger-text: #9f2f22}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom));min-height:100vh}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-frame{width:min(940px,92vw);margin:0 auto;padding:28px 0 56px;flex:1}.quiz-input-wrap{transition:transform .28s ease,margin .28s ease,min-height .28s ease}.quiz-input-wrap.centered{min-height:66vh;display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}.quiz-input-wrap.compact{width:100%;display:flex;flex-direction:column;align-items:center;min-height:0;margin-top:4px}.quiz-input-header,.quiz-input-card,.game-shell,.loading-card,.error-card{width:min(800px,100%);margin-left:auto;margin-right:auto}.quiz-input-header{text-align:center;margin-bottom:16px}.quiz-input-header h1{margin:0;font-size:clamp(1.9rem,4vw,2.6rem);color:#10182a}.quiz-input-subtitle{margin:8px 0 0;color:var(--muted);font-size:.98rem}.quiz-input-card,.game-shell,.loading-card,.error-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px #15223814;padding:22px}.quiz-form{margin:0}.pdf-upload-block{margin-top:16px;padding:14px;border:1px solid #dbe5f3;border-radius:12px;background:linear-gradient(180deg,#fbfcff,#f4f7fd)}.pdf-upload-header{margin-bottom:12px}.pdf-upload-title{margin:0;font-weight:800;color:#1f2e4a}.pdf-upload-copy{margin:6px 0 0;color:var(--muted);line-height:1.45;font-size:.94rem}.pdf-upload-form{display:flex;gap:10px;align-items:center}.pdf-file-label{flex:1;min-width:0;height:50px;display:flex;align-items:center;padding:0 14px;border:1px dashed #bdd0ef;border-radius:12px;background:#fff;color:#30415f;cursor:pointer;overflow:hidden}.pdf-file-label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.pdf-file-label input{display:none}.pdf-upload-form button{border:none;height:50px;border-radius:12px;padding:0 18px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,#1b7f5a,#116848);box-shadow:0 10px 24px #11684833;transition:transform .14s ease,filter .14s ease}.pdf-upload-form button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.pdf-upload-form button:disabled{opacity:.65;cursor:not-allowed}.topic-label{display:block;margin-bottom:8px;color:#24314d;font-weight:700}.quiz-form-row{display:flex;gap:10px}.quiz-form-row input{flex:1;min-width:0;height:50px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--text);padding:0 14px;font-size:1rem;outline:none}.quiz-form-row input::placeholder{color:#8a97b0}.quiz-form-row input:focus{border-color:#8fb0f8;box-shadow:0 0 0 4px #2f6ff326}.quiz-form-row button{border:none;height:50px;border-radius:12px;padding:0 18px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--brand),var(--brand-strong));box-shadow:0 10px 24px #2358c747;transition:transform .14s ease,filter .14s ease}.quiz-form-row button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.quiz-form-row button:disabled{opacity:.65;cursor:not-allowed}.input-divider{margin-top:14px;height:1px;background:#e8edf6}.hero-stats-row{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.hero-pill{border:1px solid #d4deef;background:var(--surface-soft);border-radius:999px;padding:7px 12px;color:#2f3c5a;font-weight:700}.hero-score{color:#2f3c5a;font-weight:800}.hero-rules{margin-top:12px;border:1px solid #d7e2f6;background:#f7faff;border-radius:10px;padding:11px 12px}.hero-cooldown{margin-top:12px;border:1px solid #f2d2ab;background:#fff6ea;border-radius:10px;padding:11px 12px}.hero-cooldown p{margin:0;color:#8a4d07;line-height:1.45}.hero-rules p{margin:0;color:#2f3c5a;line-height:1.45}.hero-rules p+p{margin-top:6px}.hero-agent{color:#33486f;font-size:.95rem}.quiz-stage{opacity:0;transform:translateY(10px);pointer-events:none;max-height:0;overflow:hidden;transition:opacity .26s ease,transform .26s ease,max-height .26s ease}.quiz-stage.visible{opacity:1;transform:translateY(0);pointer-events:auto;max-height:3600px;margin-top:14px}.loading-card p,.error-card p{margin:0;font-weight:700}.error-card{background:#fff6f4;border-color:#f1c9c0;color:#a1372a}.status-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.status-badge{border:1px solid #d8e1f0;background:#f7f9ff;border-radius:999px;padding:8px 12px;font-weight:700;color:#2a3754;font-size:.92rem}.status-badge-level{background:#edf3ff;color:#204a98;border-color:#c9d9fb}.level-up-banner{margin:0 0 14px;border:1px solid #9dc8b2;background:radial-gradient(circle at 12% 10%,#effdf5,#e6f8ee 42%,#d7f1e3);border-radius:12px;padding:14px 16px;box-shadow:0 10px 22px #176a4729;animation:level-up-reveal .36s ease}.level-up-overline{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;color:#176a47;font-weight:800}.level-up-banner h3{margin:6px 0 0;font-size:1.06rem;color:#124d35}@keyframes level-up-reveal{0%{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.inline-alert{margin:0 0 12px;border-radius:10px;padding:10px 12px;font-weight:600}.inline-alert.info{background:#eef4ff;color:#2b4d8b}.inline-alert.success{background:var(--success-bg);color:var(--success-text)}.game-over-modal{margin:0 0 14px;border-radius:14px;border:1px solid #efb5ac;background:linear-gradient(180deg,#fff6f4,#ffecea);box-shadow:0 12px 28px #9f2f2233}.game-over-card{padding:16px}.game-over-overline{margin:0;text-transform:uppercase;letter-spacing:.08em;color:#9f2f22;font-size:.76rem;font-weight:800}.game-over-card h3{margin:6px 0 0;color:#7c241a;font-size:1.2rem}.game-over-card p{margin:10px 0 0;color:#8e2c21;line-height:1.45}.game-over-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.game-over-btn{border:none;height:42px;border-radius:10px;padding:0 14px;font-weight:700;cursor:pointer;transition:transform .12s ease,filter .12s ease}.game-over-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.game-over-btn.primary{background:#c63f2f;color:#fff}.game-over-btn.secondary{background:#fff;color:#842c21;border:1px solid #e2a49c}.level-block h2{margin:0 0 14px;font-size:1.02rem;color:#253455;letter-spacing:.02em}.questions-grid{display:grid;grid-template-columns:1fr;gap:12px}.question-card{border:1px solid #dde6f4;border-radius:12px;background:#fff;padding:14px}.question-title{margin:0 0 12px;font-size:1.02rem;line-height:1.45;color:#1b2741}.options-grid{display:grid;gap:8px}.option-btn{border:1px solid #d2dcf0;border-radius:10px;background:#f8fbff;color:#22314f;text-align:left;padding:11px 12px;font-weight:600;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .12s ease,box-shadow .14s ease}.option-btn:hover:not(:disabled){background:#eef4ff;border-color:#bcd0f5;transform:translateY(-1px)}.option-btn span{font-weight:800;margin-right:4px}.option-btn.is-selected{border-color:#8caef3;background:#eaf1ff;box-shadow:0 0 0 3px #3a6fe61f}.option-btn.is-correct{border-color:var(--success-line);background:var(--success-bg);color:var(--success-text)}.option-btn.is-incorrect{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger-text)}.option-btn:disabled{opacity:1;cursor:default}.feedback-box{margin-top:10px;padding:10px;border-radius:10px}.feedback-box.ok{border:1px solid var(--success-line);background:var(--success-bg)}.feedback-box.ko{border:1px solid var(--danger-line);background:var(--danger-bg)}.feedback-box p{margin:0 0 6px}.feedback-box p:last-child{margin-bottom:0}@media (max-width: 760px){.app-frame{padding-top:18px}.quiz-input-wrap.centered{min-height:58vh}.quiz-input-card,.game-shell,.loading-card,.error-card{padding:18px}.quiz-form-row,.pdf-upload-form{flex-direction:column}.pdf-upload-form button,.pdf-file-label,.quiz-form-row button{width:100%}.hero-stats-row{flex-direction:column;align-items:flex-start}.game-over-actions{flex-direction:column}.game-over-btn{width:100%}}.app-footer{border-top:1px solid var(--line);background:#f9fafc;padding:24px 0;text-align:center;margin-top:32px}.app-footer p{margin:0;color:var(--muted);font-size:.95rem}.app-footer a{color:var(--brand);text-decoration:none;font-weight:600;transition:color .14s ease}.app-footer a:hover{color:var(--brand-strong);text-decoration:underline}