.ate-trivia{max-width:1120px;margin:0 auto;padding:32px 18px 56px;color:var(--ate-text);background:transparent}.ate-trivia__hero,.ate-trivia__panel,.ate-trivia__card,.ate-trivia__results,.ate-trivia__leaderboard,.ate-trivia__note{background:var(--ate-card);border:1px solid var(--ate-border);border-radius:22px;box-shadow:var(--ate-shadow)}.ate-trivia__hero{padding:34px;margin-bottom:20px;color:#fff;background:radial-gradient(circle at top right,rgb(255 183 3 / .22),transparent 34%),linear-gradient(135deg,var(--ate-navy),var(--ate-blue))}.ate-trivia__hero h2{margin:0 0 10px;color:#fff;text-align:left;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}.ate-trivia__hero p{max-width:820px;margin:0;color:rgb(255 255 255 / .9);line-height:1.7}.ate-trivia__kicker{display:inline-block;margin:0 0 10px;color:var(--ate-gold)!important;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ate-trivia__panel{display:flex;flex-wrap:wrap;gap:16px;align-items:end;justify-content:space-between;padding:18px;margin-bottom:18px}.ate-trivia__level-wrap,.ate-trivia-admin label{display:grid;gap:6px;color:var(--ate-navy);font-weight:900}.ate-trivia__select,.ate-trivia__input{min-height:44px;padding:10px 12px;color:var(--ate-text);background:#fff;border:1px solid var(--ate-border);border-radius:12px}.ate-trivia__actions{display:flex;flex-wrap:wrap;gap:10px}.ate-trivia__actions--game{justify-content:flex-end;margin-top:16px}.ate-trivia__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;color:#102030;font-weight:900;cursor:pointer;background:var(--ate-gold);border:1px solid var(--ate-gold);border-radius:12px}.ate-trivia__button:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgb(6 43 69 / .12)}.ate-trivia__button--secondary{color:#fff;background:var(--ate-navy);border-color:var(--ate-navy)}.ate-trivia__button--danger{color:#fff;background:#b91c1c;border-color:#b91c1c}.ate-trivia__button[disabled]{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.ate-trivia__status{min-height:24px;margin:12px 0;color:var(--ate-muted);font-weight:800}.ate-trivia__status:not(:empty){padding:12px 14px;background:#eef7fd;border:1px solid var(--ate-border);border-radius:14px}.ate-trivia__game{margin-top:18px}.ate-trivia__meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px;color:var(--ate-muted);font-weight:900}.ate-trivia__card{padding:24px}.ate-trivia__card h3{margin:8px 0 18px;color:var(--ate-navy);font-size:1.45rem;line-height:1.35}.ate-trivia__category{display:inline-flex;margin:0;padding:6px 10px;color:#102030;font-size:.82rem;font-weight:900;background:var(--ate-gold);border-radius:999px}.ate-trivia__choices{display:grid;gap:10px}.ate-trivia__choice{display:flex;gap:10px;align-items:flex-start;width:100%;padding:14px;color:var(--ate-text);text-align:left;cursor:pointer;background:#f5f9fc;border:1px solid var(--ate-border);border-radius:14px}.ate-trivia__choice:hover,.ate-trivia__choice.is-selected{border-color:var(--ate-blue);box-shadow:0 0 0 3px rgb(11 116 184 / .12)}.ate-trivia__choice.is-correct{background:#ecfdf5;border-color:#34d399}.ate-trivia__choice.is-wrong{background:#fef2f2;border-color:#f87171}.ate-trivia__choice-letter{display:inline-flex;flex:0 0 28px;align-items:center;justify-content:center;width:28px;height:28px;color:#fff;font-weight:900;background:var(--ate-blue);border-radius:999px}.ate-trivia__explanation{padding:14px;margin-top:16px;color:var(--ate-text);background:#fff8df;border:1px solid #ffd166;border-radius:14px}.ate-trivia__results,.ate-trivia__leaderboard,.ate-trivia__note{padding:20px;margin-top:20px}.ate-trivia__results h3,.ate-trivia__leaderboard h3{margin:0 0 8px;color:var(--ate-navy)}.ate-trivia__muted{color:var(--ate-muted)}.ate-trivia__leaderboard-row{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ate-border)}.ate-trivia__leaderboard-row:last-child{border-bottom:0}.ate-trivia__note{color:var(--ate-muted);line-height:1.65}.ate-trivia-admin .ate-trivia__panel{align-items:end;justify-content:flex-start}.dark-mode .ate-trivia,.dark-mode .ate-trivia__level-wrap,.dark-mode .ate-trivia-admin label,body.dark-mode .ate-trivia,body.dark-mode .ate-trivia__level-wrap,body.dark-mode .ate-trivia-admin label{color:#e5eef7}.dark-mode .ate-trivia__panel,.dark-mode .ate-trivia__card,.dark-mode .ate-trivia__results,.dark-mode .ate-trivia__leaderboard,.dark-mode .ate-trivia__note,body.dark-mode .ate-trivia__panel,body.dark-mode .ate-trivia__card,body.dark-mode .ate-trivia__results,body.dark-mode .ate-trivia__leaderboard,body.dark-mode .ate-trivia__note{background:#0f2538;border-color:#244761;box-shadow:0 14px 34px rgb(0 0 0 / .28)}.dark-mode .ate-trivia__card h3,.dark-mode .ate-trivia__results h3,.dark-mode .ate-trivia__leaderboard h3,body.dark-mode .ate-trivia__card h3,body.dark-mode .ate-trivia__results h3,body.dark-mode .ate-trivia__leaderboard h3{color:#f8fafc}.dark-mode .ate-trivia__choice,body.dark-mode .ate-trivia__choice{color:#e5eef7;background:#132f46;border-color:#244761}.dark-mode .ate-trivia__explanation,body.dark-mode .ate-trivia__explanation{color:#e5eef7;background:#1c2c38;border-color:#664d03}.dark-mode .ate-trivia__status:not(:empty),body.dark-mode .ate-trivia__status:not(:empty){color:#c7d4df;background:#132f46;border-color:#244761}@media screen and (max-width:700px){.ate-trivia{padding:22px 12px 42px}.ate-trivia__hero{padding:28px 20px}.ate-trivia__panel{display:grid}.ate-trivia__actions,.ate-trivia__button,.ate-trivia__select,.ate-trivia__input{width:100%}.ate-trivia__leaderboard-row{grid-template-columns:44px 1fr}.ate-trivia__leaderboard-row span:last-child{grid-column:2}}
.ate-trivia__level-form{display:grid;gap:6px;color:var(--ate-navy);font-weight:900}.ate-trivia-admin__preview-list{margin:10px 0 0 22px}.ate-trivia-admin__preview-list li{margin-bottom:14px}.dark-mode .ate-trivia__level-form,body.dark-mode .ate-trivia__level-form{color:#e5eef7}
.ate-trivia__breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px;color:var(--ate-muted);font-size:.94rem;font-weight:800}.ate-trivia__breadcrumbs a{color:var(--ate-blue);text-decoration:none}.ate-trivia__breadcrumbs a:hover{text-decoration:underline}.ate-trivia__panel--content{display:block}.ate-trivia__panel--content h3{margin:0 0 8px;color:var(--ate-navy);text-align:left}.ate-trivia__knowledge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:18px}.ate-trivia__knowledge-card,.ate-trivia__seo-block{padding:20px;background:var(--ate-card);border:1px solid var(--ate-border);border-radius:20px;box-shadow:var(--ate-shadow)}.ate-trivia__knowledge-card h3,.ate-trivia__seo-block h3{margin:10px 0;color:var(--ate-navy);text-align:left;line-height:1.3}.ate-trivia__knowledge-card p{color:var(--ate-muted);line-height:1.6}.ate-trivia__knowledge-card a{font-weight:900}.ate-trivia__seo-block{margin-top:20px}.ate-trivia__topic-links{display:flex;flex-wrap:wrap;gap:10px}.ate-trivia__topic-links a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;color:var(--ate-dark-blue);font-weight:900;text-decoration:none;background:#f5f9fc;border:1px solid var(--ate-border);border-radius:999px}.ate-trivia__topic-links a:hover{color:#fff;background:var(--ate-blue);border-color:var(--ate-blue)}.dark-mode .ate-trivia__knowledge-card,.dark-mode .ate-trivia__seo-block,body.dark-mode .ate-trivia__knowledge-card,body.dark-mode .ate-trivia__seo-block{background:#0f2538;border-color:#244761;box-shadow:0 14px 34px rgb(0 0 0 / .28)}.dark-mode .ate-trivia__knowledge-card h3,.dark-mode .ate-trivia__seo-block h3,.dark-mode .ate-trivia__panel--content h3,body.dark-mode .ate-trivia__knowledge-card h3,body.dark-mode .ate-trivia__seo-block h3,body.dark-mode .ate-trivia__panel--content h3{color:#f8fafc}.dark-mode .ate-trivia__topic-links a,body.dark-mode .ate-trivia__topic-links a{color:#dbeafe;background:#132f46;border-color:#244761}.dark-mode .ate-trivia__topic-links a:hover,body.dark-mode .ate-trivia__topic-links a:hover{color:#fff;background:#0b74b8;border-color:#0b74b8}
