:root{--blue: #2e5c8a;--blue-dark: #1c3a57;--gold: #c9972e;--gold-light: #e8c87a;--cream: #faf6ec;--brown: #3d2b1f;--green-ok: #2f7a4f;--red-no: #a63d3d}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--brown);background:#10202f}.app-shell{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:32px 16px;background-image:linear-gradient(180deg,#10202fbf,#10202fe6),url(/images/steppe-caravan.png);background-size:cover;background-position:center;background-attachment:fixed}.card{width:100%;max-width:560px;background:#faf6ecf7;border:1px solid rgba(201,151,46,.4);border-radius:18px;padding:40px 36px;box-shadow:0 20px 60px #0006}.card.center{text-align:center}.admin-card{max-width:900px}.title-display{font-family:Playfair Display,serif;font-weight:800;font-size:2.4rem;margin:12px 0 4px;color:var(--blue-dark)}.title-medium{font-family:Playfair Display,serif;font-weight:700;font-size:1.6rem;margin:0 0 8px;color:var(--blue-dark)}.subtitle{color:var(--gold);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;margin:0 0 20px}.lead{font-size:1rem;line-height:1.6;color:#5a4636;margin:0 0 24px}.eagle{font-size:2.5rem;margin-bottom:4px}.btn-primary,.btn-secondary{border:none;border-radius:10px;padding:14px 28px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;width:100%}.btn-primary{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--brown)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #c9972e66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--blue);color:#fff}.btn-secondary.small{width:auto;padding:8px 16px;font-size:.85rem}.name-form{display:flex;flex-direction:column;gap:14px}.text-input{padding:14px 16px;border-radius:10px;border:1.5px solid #d8cbb0;font-size:1rem;font-family:inherit}.text-input:focus{outline:none;border-color:var(--gold)}.error-text{color:var(--red-no);font-size:.9rem;margin-top:12px}.epoch-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.epoch-icon{font-size:2.2rem}.epoch-icon.big{font-size:3rem}.epoch-eyebrow{margin:0;font-size:.75rem;letter-spacing:.1em;color:var(--gold);font-weight:700}.progress-track{height:8px;background:#e8ddc7;border-radius:6px;overflow:hidden;margin-bottom:6px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--blue));transition:width .3s ease}.qcount{font-size:.8rem;color:#8a7a63;margin:0 0 20px}.question-box{margin-bottom:20px}.question-text{font-size:1.1rem;font-weight:600;margin-bottom:16px;line-height:1.5}.options{display:flex;flex-direction:column;gap:10px}.option{text-align:left;padding:14px 16px;border-radius:10px;border:1.5px solid #d8cbb0;background:#fff;font-family:inherit;font-size:.95rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.option:hover:not(:disabled){border-color:var(--blue)}.option:disabled{cursor:default}.option.correct{border-color:var(--green-ok);background:#e7f3ea;font-weight:600}.option.incorrect{border-color:var(--red-no);background:#f7e9e9}.feedback{margin-top:14px;font-weight:600}.feedback-correct{color:var(--green-ok)}.feedback-incorrect{color:var(--red-no)}.achievement-unlock-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.achievement-pill{background:#fbeecb;border:1px solid var(--gold);border-radius:999px;padding:10px 18px;font-weight:600;font-size:.9rem}.score-big{font-size:1.4rem;font-weight:700;color:var(--blue-dark);margin-bottom:24px}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin-bottom:28px}.achievement-card{border-radius:12px;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;border:1.5px solid #d8cbb0}.achievement-card.unlocked{background:#fbeecb;border-color:var(--gold)}.achievement-card.locked{opacity:.35;filter:grayscale(1)}.achievement-icon{font-size:1.8rem}.achievement-name{font-size:.75rem;font-weight:600;text-align:center}.result-banner{height:120px;margin:-40px -36px 20px;border-radius:18px 18px 0 0;background-image:linear-gradient(180deg,#3d2b1f00 40%,#faf6ec),url(/images/steppe-painting.png);background-size:cover;background-position:center 30%}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.stat-row{display:flex;gap:16px;margin-bottom:24px}.stat-box{flex:1;background:var(--blue);color:#fff;border-radius:12px;padding:16px;text-align:center}.stat-num{font-size:1.6rem;font-weight:800;margin:0}.stat-label{font-size:.75rem;margin:4px 0 0;opacity:.85}.table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #e8ddc7}.admin-table th{color:var(--gold);text-transform:uppercase;font-size:.7rem;letter-spacing:.06em}@media (max-width: 480px){.card{padding:28px 20px}.title-display{font-size:1.9rem}}