.quiz-panel{max-width:1120px;background:#0c3037;border:1px solid #ffffff14;padding:clamp(18px,3vw,32px)}
.quiz-catalogue{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.quiz-panel .quiz-catalogue article{margin:0;background:#10353d;display:flex;flex-direction:column;gap:8px;border-color:#ffffff18}
.quiz-catalogue article p{font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.quiz-catalogue img,.quiz-cover-placeholder{height:168px;object-fit:contain!important;background:#09282f;border-radius:12px}
.quiz-cover-placeholder{display:grid;place-items:center;color:#d1ae5f;font-size:56px}
.quiz-catalogue dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:12px;color:#b6ceca;margin-top:auto}
.quiz-catalogue dd{margin:0}.quiz-catalogue button:disabled{opacity:1;background:#1d4147;color:#d1ae5f;cursor:not-allowed}
.quiz-panel .quiz-lobby{max-width:680px;margin:auto;text-align:center;border:0;background:radial-gradient(ellipse at top,#14564f,transparent);padding:28px}
.quiz-lobby video{width:100%;max-height:320px;border-radius:16px}.quiz-lobby img{object-fit:contain}.quiz-eyebrow{display:block;color:#d1ae5f;margin-top:24px;font-size:12px}
/* Shared competition identity: calm surfaces, clear hierarchy and explicit states. */
.quiz-panel{border-radius:28px;background:linear-gradient(145deg,#10353b,#0a222e);box-shadow:0 18px 60px #00000018;margin-inline:auto;scroll-margin-top:110px}
.quiz-panel h2{font-size:clamp(25px,3vw,36px);line-height:1.5;margin:10px 0 16px;color:#f2f7f5}
.quiz-panel p{line-height:1.9;color:#b8ced0}
.quiz-panel button{min-height:48px;border-radius:14px;font-weight:700;transition:background .2s}
.quiz-panel button:focus-visible,.quiz-panel input:focus-visible{outline:3px solid #d1ae5f;outline-offset:4px}
.quiz-panel .quiz-lobby{max-width:780px;padding:clamp(16px,4vw,44px);border-radius:24px}
.quiz-lobby:before{content:'✦';display:grid;place-items:center;width:78px;height:78px;margin:0 auto 24px;background:#d1ae5f14;border:1px solid #d1ae5f44;border-radius:24px;color:#e4c780;font-size:38px}
.quiz-panel .quiz-lobby>img{width:100%;max-height:280px;border-radius:18px;background:#08262d}
.quiz-lobby>p{max-width:580px;margin:0 auto 24px}.quiz-lobby>button{min-width:min(100%,260px)}
.quiz-catalogue-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.quiz-catalogue-heading .quiz-eyebrow{margin:0}.quiz-catalogue-heading h2{margin-bottom:0}.quiz-catalogue-heading button{background:transparent;border:1px solid #ffffff26;color:#b9d2d1;font-size:12px}
.quiz-panel .quiz-catalogue{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:22px}
.quiz-panel .quiz-contest-card{overflow:hidden;padding:0;border-radius:22px;gap:0}
.quiz-cover{position:relative;background:#09282f}.quiz-cover img,.quiz-cover-placeholder{display:block;width:100%;height:180px;border-radius:0;margin:0!important;object-fit:contain}.quiz-cover-placeholder{display:grid;background:radial-gradient(ellipse at top,#176456,#0b2433)}
.quiz-state{position:absolute;inset-inline-start:14px;top:14px;border-radius:30px;background:#08252ef0;color:#e4c780;font-size:11px;font-weight:700;padding:7px 12px;border:1px solid #ffffff18}.quiz-state.is-open{color:#60d9b9}
.quiz-card-body{display:flex;flex-direction:column;gap:12px;padding:20px;flex:1}.quiz-card-body h3{font-size:21px;line-height:1.5;margin:0;color:#f1f7f5}.quiz-card-body p{margin:0;min-height:52px}
.quiz-card-body dl{background:#0a2931;padding:14px;border-radius:14px;line-height:1.8}.quiz-card-body dd{text-align:end;color:#dce7e6}.quiz-card-body button{width:100%}
.quiz-panel form{display:grid;gap:14px}.quiz-panel [data-register]{max-width:560px;margin:24px auto}.quiz-panel label{line-height:1.8}
.quiz-panel [data-answer] label{padding:16px;border:1px solid #ffffff22;border-radius:14px;background:#10333e;cursor:pointer}.quiz-panel [data-answer] label:has(input:checked){border-color:#32c7a4;background:#145348}.quiz-panel input[type=radio]{accent-color:#28c5a1;width:18px;height:18px;margin-inline-end:10px}
.quiz-panel .quiz-success{padding:22px;border:1px solid #2ac8a360;background:#144b43;border-radius:20px;font-size:22px}
@media(max-width:600px){.quiz-panel{padding:16px;border-radius:22px}.quiz-catalogue-heading{align-items:start}.quiz-catalogue-heading h2{font-size:25px}.quiz-card-body{padding:16px}.quiz-panel .quiz-lobby{padding:14px}.quiz-lobby>button{width:100%}}