.zc-page{padding:0 0 4rem}.zc-page-header{text-align:center;max-width:680px;margin:0 auto 2rem}.zc-page-header h1{color:var(--color-text);margin-bottom:.5rem}.zc-page-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.zc-quiz-details{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;margin-bottom:2rem;overflow:hidden}.zc-quiz-header{border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;align-items:baseline;gap:.75rem;padding:1.1rem 1.5rem;display:flex}.zc-quiz-summary-title{color:var(--color-text);font-weight:700}.zc-quiz-summary-sub{color:var(--color-text-secondary);font-size:.875rem}.zc-quiz-body{padding:0 1.5rem 1.5rem}.zc-quiz-start p{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.9375rem}.zc-quiz-best{color:var(--color-text);font-weight:700}.zc-quiz-progress{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.875rem;font-weight:700}.zc-quiz-card{background-color:var(--color-fill);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:220px;margin-bottom:1rem;padding:1.25rem;display:flex}.zc-quiz-img{border-radius:var(--radius-sm);background-color:var(--color-surface);max-width:100%;max-height:190px}.zc-quiz-prompt{color:var(--color-text);margin-bottom:.9rem;font-weight:700}.zc-quiz-options{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;display:grid}.zc-quiz-option{border-radius:var(--radius);border:1.5px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;padding:.8rem 1rem;font-size:.9375rem;font-weight:600;transition:all .15s}.zc-quiz-option:hover:not(:disabled){border-color:var(--color-border-strong);background-color:var(--color-fill)}.zc-quiz-option:disabled{cursor:default;opacity:.75}.zc-quiz-option.is-correct{opacity:1;background-color:#16a34a1f;border-color:var(--lightningcss-light,#16a34a)var(--lightningcss-dark,#4ade80)}.zc-quiz-option.is-wrong{opacity:1;background-color:#dc26261a;border-color:var(--lightningcss-light,#dc2626)var(--lightningcss-dark,#f87171)}.zc-quiz-feedback{border-radius:var(--radius);margin-top:.9rem;padding:.75rem 1rem;font-size:.9rem;line-height:1.5}.zc-quiz-next{justify-content:flex-end;margin-top:.9rem;display:flex}.zc-quiz-start #zc-quiz-btn{margin-inline:auto;display:flex}.zc-quiz-feedback.is-correct{color:var(--color-text);background-color:#16a34a1a;border:1px solid #16a34a66}.zc-quiz-feedback.is-wrong{color:var(--color-text);background-color:#dc262614;border:1px solid #dc262666}.zc-quiz-score{text-align:center;padding:1rem 0}.zc-quiz-score-num{color:var(--color-text);margin-bottom:.5rem;font-size:2rem;font-weight:800}.zc-quiz-score p{color:var(--color-text-secondary);margin-bottom:1rem}.zc-filterbar{flex-direction:column;gap:.9rem;margin-bottom:1.5rem;display:flex}.zc-filter-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.zc-filter-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);font:inherit;cursor:pointer;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.zc-filter-btn:hover{border-color:var(--color-border-strong);color:var(--color-text)}.zc-filter-btn.is-active{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand)}.zc-filter-count{opacity:.75;font-size:.75rem;font-weight:700}.zc-search{border-radius:var(--radius);border:1.5px solid var(--color-border);background-color:var(--color-surface);width:100%;color:var(--color-text);font:inherit;padding:.7rem 1rem;font-size:.9375rem}.zc-search:focus{border-color:var(--color-brand);outline:none}.zc-search::placeholder{color:var(--color-muted)}.zc-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.25rem;display:grid}.zc-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.zc-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.zc-card[hidden]{display:none}.zc-card-img{background-color:var(--color-fill);border-bottom:1px solid var(--color-border-subtle);justify-content:center;align-items:center;height:120px;padding:.75rem;display:flex}.zc-card-img img{object-fit:contain;max-width:100%;max-height:100%}.zc-card-img.is-placeholder span{color:var(--color-text-secondary);text-align:center;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.zc-card-body{flex-direction:column;flex:1;gap:.35rem;padding:.9rem 1rem 1rem;display:flex}.zc-card-number{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.zc-card-name{color:var(--color-text);font-size:.9375rem;font-weight:700;line-height:1.35}.zc-card-rules{color:var(--color-text-secondary);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-block-start:.5rem;font-size:.8125rem;line-height:1.65;display:-webkit-box;overflow:hidden}.zc-card.is-expanded .zc-card-rules{-webkit-line-clamp:unset;display:block}.zc-more{color:var(--color-brand);font:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-block-start:.25rem;padding:0;font-size:.8125rem;font-weight:700}.zc-more:hover{text-decoration:underline}.zc-empty{text-align:center;color:var(--color-text-secondary);padding:2.5rem 1rem}.zc-btn{padding:var(--btn-pad-y) var(--btn-pad-x);border-radius:var(--btn-radius);font-weight:var(--btn-font-weight);font-size:var(--btn-font-size);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.zc-btn-primary{background-color:var(--color-brand);color:var(--color-on-brand)}.zc-btn-primary:hover{background-color:var(--color-brand-hover)}@media (width<=640px){.zc-quiz-body{padding:0 1rem 1.25rem}.zc-quiz-header{padding:1rem}.zc-grid{grid-template-columns:1fr;gap:.85rem}}