.quiz-page{max-width:1200px;margin:auto;padding:32px 28px 60px}.quiz-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0;gap:20px}.quiz-heading h1{font-size:64px;font-weight:800;line-height:1.15;margin:10px 0}.quiz-heading h1 span,.quiz-heading>svg{color:#bd9bf5}.quiz-disclaimer,.quiz-heading p,.quiz-muted{color:#aaa6b7}.quiz-data{display:flex;gap:18px;align-items:center;padding:16px 20px;background:#372a1938;border:1px solid #8a663a;border-radius:12px;font-size:13px;margin-bottom:22px}.quiz-data strong{white-space:nowrap}.quiz-data.ready{border-color:#47775e;background:#24543b26}.quiz-panel{padding:28px;background:#18171e;border:1px solid #34303f;border-radius:18px;margin:24px 0}.quiz-panel h2{font-size:24px;font-weight:700;margin-bottom:12px}.quiz-section-title{display:flex;justify-content:space-between;gap:14px;align-items:center}.quiz-section-title>span{color:#aaa6b7;font-size:13px}.quiz-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.quiz-modes article{padding:24px 20px;border:1px solid #443651;border-radius:14px;background:linear-gradient(145deg,#2c223a80,#1c1923);display:flex;flex-direction:column;align-items:start;gap:12px}.quiz-modes h3{font-size:21px;font-weight:700}.quiz-modes article>svg{color:#c3a1f8;width:30px;height:30px}.quiz-modes p{color:#aaa6b7;font-size:14px;flex:1}.quiz-modes button{font-size:14px;width:100%;justify-content:center}.quiz-page input,.quiz-page select,.quiz-panel input{padding:11px 12px;border:1px solid #51445f;background:#211d2a;color:#efe8f8;border-radius:8px;max-width:100%;font:inherit}.quiz-page label{font-size:13px;color:#b9b0c7}.quiz-topic{gap:18px;margin-top:20px}.quiz-join,.quiz-topic{display:flex;align-items:center}.quiz-join{flex-wrap:wrap;gap:12px;margin:24px 0}.quiz-join input{min-width:180px}.quiz-topic-grid{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 40px}.quiz-topic-grid span{padding:8px 13px;border-radius:20px;border:1px solid #40334f;color:#b9a9cf;font-size:13px}.quiz-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.quiz-filters label{display:flex;flex-direction:column;gap:7px}.quiz-filters select{width:100%;font-size:13px}.quiz-table-wrap{overflow-x:auto}.quiz-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.quiz-table th{font-size:12px;color:#aaa6b7;font-weight:500}.quiz-table td,.quiz-table th{padding:14px 12px;border-bottom:1px solid #302a39}.quiz-table tbody tr:first-child{color:#ead194}.quiz-muted{font-size:13px;line-height:1.7;margin:12px 0}.quiz-waiting{text-align:center;padding:38px 10px}.quiz-waiting>svg{margin:auto;color:#ba95ef}.quiz-waiting h3{font-size:25px;margin:16px}.quiz-waiting p{color:#aaa6b7;margin:18px}.quiz-waiting .primary-button{margin:auto}.quiz-code{font:700 28px monospace;letter-spacing:4px;display:inline-flex;align-items:center;gap:12px;padding:14px;background:#30233e;border-radius:12px;color:#ddc3ff}.quiz-code small{font:12px Arial;letter-spacing:0}.quiz-countdown{text-align:center;padding:80px 0;font-size:40px;color:#d3b7ff}.quiz-question-meta{display:flex;justify-content:space-between;gap:12px;margin:25px 0 12px;font-size:14px;color:#c1b4d0}.quiz-question-meta strong{display:flex;gap:7px;align-items:center;white-space:nowrap}.quiz-time{height:5px;background:#352a43;border-radius:4px;overflow:hidden}.quiz-time>div{height:100%;background:#b796ee;transition:width .1s linear}.quiz-question{line-height:1.6;margin:28px 0!important;font-size:22px!important}.quiz-question-image{height:135px;width:auto;max-width:100%;object-fit:contain;margin:15px auto 26px;border-radius:10px}.quiz-audio{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin:20px 0}.quiz-audio small{color:#aaa6b7}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0}.quiz-options button{text-align:left;display:flex;gap:13px;align-items:center;border:1px solid #59446e;border-radius:12px;padding:19px;background:#262031;min-height:75px}.quiz-options button>span{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#49335e;flex-shrink:0;font-size:13px}.quiz-options button:hover:not(:disabled){border-color:#c7a0ff;background:#372742}.quiz-options button:disabled{opacity:.8}.quiz-options .selected{outline:2px solid #b990f0}.quiz-options .correct{background:#1e4735;border-color:#7dc6a0}.quiz-options .wrong{background:#512733;border-color:#d48091}.quiz-explanation{padding:20px;border-radius:12px;background:#2a2236;color:#d6c7e8;margin:20px 0}.quiz-explanation a,.quiz-review a{color:#c8a6fc;font-size:13px}.quiz-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:26px 0}.quiz-players>div{padding:15px;background:#221e2a;border:1px solid #3a3048;border-radius:10px;display:flex;flex-direction:column;gap:6px}.quiz-players .mine{border-color:#a17aca}.quiz-players strong{font-size:22px}.quiz-players small{font-size:12px;color:#aca0ba}.quiz-review{margin-top:25px}.quiz-review summary{cursor:pointer}.quiz-review article{padding:20px 0;border-bottom:1px solid #40314e}.quiz-review h3{font-size:16px;font-weight:700}.quiz-disclaimer{font-size:12px;line-height:1.8;margin-top:35px}.quiz-page .error-message button{margin-left:auto}.quiz-page audio{max-width:100%}@media(max-width:900px){.quiz-modes{grid-template-columns:1fr}.quiz-modes article{padding:20px}.quiz-filters{grid-template-columns:1fr 1fr}.quiz-heading h1{font-size:50px}}@media(max-width:600px){.quiz-page{padding:24px 16px}.quiz-panel{padding:20px 16px}.quiz-heading h1{font-size:42px}.quiz-heading>svg{width:45px}.quiz-heading p{font-size:14px}.quiz-data,.quiz-section-title,.quiz-topic{flex-direction:column;align-items:start;gap:8px}.quiz-options{grid-template-columns:1fr}.quiz-options button{padding:14px;min-height:60px}.quiz-question{font-size:18px!important}.quiz-question-meta{font-size:12px}.quiz-code{font-size:22px;letter-spacing:2px}.quiz-filters{grid-template-columns:1fr}.quiz-join input{width:100%}.quiz-players{grid-template-columns:1fr 1fr}.quiz-players>div{font-size:12px}.quiz-players strong{font-size:18px}}