:root{--navy:#08254f;--blue:#0b63ce;--ink:#0b1f3a;--muted:#6a7a90;--line:#d7e0ec;--panel:#fff;--bg:#f4f7fb;--green:#15803d;--red:#c62828;--amber:#b36b00;--pink:#d81b60;--purple:#5b2d90}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font-family:inherit}.topbar{height:64px;background:#061c42;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:14px}.brand{font-weight:800;letter-spacing:.3px}.toplinks{display:flex;gap:8px;flex-wrap:wrap}.toplinks a,.toplinks button{color:#fff;border:1px solid #ffffff42;background:#ffffff0c;text-decoration:none;padding:8px 12px;border-radius:8px}.content{max-width:1280px;margin:0 auto;padding:22px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.card h2,.card h3{margin-top:0}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.muted{color:var(--muted)}.small{font-size:13px}.btn{border:0;background:#e8eef7;color:var(--ink);padding:11px 15px;border-radius:10px;font-weight:800;cursor:pointer;min-height:42px}.btn:hover{filter:brightness(.98)}.btn:disabled{opacity:.48;cursor:not-allowed}.btn.primary{background:var(--blue);color:#fff}.btn.green{background:#168544;color:#fff}.btn.red{background:#c83232;color:#fff}.btn.purple{background:#6846c6;color:#fff}.btn.amber{background:#e0961a;color:#fff}.actions{display:flex;gap:9px;flex-wrap:wrap}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.page-title h1{margin:0 0 4px;font-size:28px}.quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quiz-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:17px;display:flex;flex-direction:column;gap:10px}.quiz-card h3{margin:0}.quiz-card .meta{font-size:13px;color:var(--muted)}.quiz-card.quick{border-left:5px solid #ff9b21}.quiz-card.quiz{border-left:5px solid #176bc2}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:10px 9px;border-bottom:1px solid #e6ecf3;text-align:left;vertical-align:top}.table th{background:#f4f7fb;font-size:13px;position:sticky;top:0}.center{text-align:center}.right{text-align:right}.big-number{font-weight:900;font-size:34px}.qrbox{width:240px;height:240px;margin:8px auto}.lobby-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px}.welcome{padding:14px;border-radius:14px;background:linear-gradient(135deg,#fff3cb,#ffe4ee);border:1px solid #f4c7d3;text-align:center;margin-bottom:14px}.welcome strong{font-size:26px;display:block;margin:5px}.ping-good{color:#168544;font-weight:800}.ping-mid{color:#b36b00;font-weight:800}.ping-bad{color:#c83232;font-weight:800}.question-box{max-width:1000px;margin:0 auto}.question-title{font-size:25px;font-weight:900;background:#fff;border-radius:18px;padding:20px;border:1px solid var(--line);text-align:center}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.answer{background:#fff;border:2px solid #dce5f0;border-radius:14px;padding:15px;display:flex;gap:10px;align-items:center}.answer .letter{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#e91e63;color:#fff;font-weight:900}.answer.correct{border-color:#22a35a;background:#effbf3}.answer.wrong{border-color:#dc4141;background:#fff1f1}.timer{width:64px;height:64px;border-radius:50%;border:7px solid #18a45c;background:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}.status-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.stage{min-height:calc(100vh - 64px);background:linear-gradient(135deg,#082e68,#2d174f);color:#fff;padding:30px;position:relative}.stage:before{content:"";position:absolute;inset:0;background:url('school-bg.png') center/cover no-repeat;opacity:.13;pointer-events:none}.stage-inner{position:relative;z-index:1;max-width:1200px;margin:auto}.stage .card,.stage .question-title,.stage .answer{color:var(--ink)}.hero{text-align:center;padding:70px 10px}.hero h1{font-size:52px;margin:8px 0}.hero h2{font-weight:500}.player-list-stage{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.player-chip{background:#ffffffd9;color:#102b54;border-radius:999px;padding:9px 13px;font-weight:700}.ranking{max-width:900px;margin:15px auto}.rank-row{display:grid;grid-template-columns:60px 1fr 110px 120px;gap:10px;align-items:center;background:#fff;color:var(--ink);padding:11px 14px;border-radius:12px;margin:7px 0}.rank-row.top1{background:#fff0b5}.rank-row.top2{background:#eef1f5}.rank-row.top3{background:#f7d5bd}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px;align-items:end;max-width:850px;margin:30px auto}.podium>div{background:#fff;color:var(--ink);border-radius:18px 18px 8px 8px;text-align:center;padding:20px}.podium .p1{min-height:250px;background:#fff0b2}.podium .p2{min-height:205px}.podium .p3{min-height:175px;background:#f6ddca}.podium .medal{font-size:44px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:12px}.field label{display:block;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:10px 11px;border:1px solid #b9c6d8;border-radius:9px;background:#fff;font-size:15px}.field textarea{min-height:90px;resize:vertical}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;cursor:pointer;font-weight:800}.tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}.section{display:none}.section.active{display:block}.modal{position:fixed;inset:0;background:#04152d99;display:none;align-items:center;justify-content:center;padding:20px;z-index:30}.modal.show{display:flex}.modal-card{background:#fff;border-radius:16px;padding:20px;width:min(900px,100%);max-height:90vh;overflow:auto}.toast{position:fixed;right:18px;bottom:18px;z-index:99;background:#102a43;color:#fff;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.toast.error{background:#b52323}.toast.success{background:#187b42}.login-card{max-width:440px;margin:60px auto}.join-wrap{max-width:540px;margin:25px auto;padding:15px}.join-head{text-align:center}.join-head h1{margin-bottom:6px}.join-question{font-size:20px;font-weight:900;margin-bottom:14px}.join-answer{display:block;width:100%;text-align:left;margin:9px 0;padding:14px;border:2px solid #d9e2ee;border-radius:12px;background:#fff;font-size:16px;cursor:pointer}.join-answer.selected{border-color:#176bc2;background:#eef6ff}.join-answer:disabled{cursor:not-allowed;opacity:.75}.countdown{font-size:64px;font-weight:900;text-align:center;padding:40px}.version{position:fixed;right:8px;bottom:5px;font-size:11px;color:#8190a4;z-index:4}.empty{padding:30px;text-align:center;color:var(--muted)}.image-q{max-width:100%;max-height:330px;display:block;margin:10px auto;border-radius:12px}.checklist{max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px}.checkitem{display:flex;gap:8px;padding:7px;border-bottom:1px solid #edf1f6}.checkitem input{margin-top:3px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;background:#edf2f8}.badge.mcq{background:#e7f1ff;color:#165d9c}.badge.direct{background:#fff0e3;color:#9a5410}
@media(max-width:900px){.quiz-grid{grid-template-columns:1fr 1fr}.lobby-grid,.grid.two,.grid.three{grid-template-columns:1fr}.hero h1{font-size:38px}.stage{padding:20px}.answers-grid{grid-template-columns:1fr}.podium{grid-template-columns:1fr}.rank-row{grid-template-columns:50px 1fr 90px}.rank-row .time{display:none}}
@media(max-width:560px){.content{padding:13px}.topbar{height:auto;padding:12px 14px;align-items:flex-start}.quiz-grid{grid-template-columns:1fr}.page-title{flex-direction:column}.form-row{grid-template-columns:1fr}.question-title{font-size:20px}.hero{padding:45px 5px}.hero h1{font-size:31px}.join-wrap{margin:5px auto}.qrbox{width:210px;height:210px}.rank-row{grid-template-columns:46px 1fr 72px;font-size:13px}}
.status-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.status-open{background:#e7f7ec;color:#146c38}.status-draft{background:#eef2f7;color:#506176}.status-hidden{background:#fff2d9;color:#9a6200}.status-archived{background:#f5e8e8;color:#8a3e3e}.checkline{display:flex!important;align-items:flex-start;gap:9px}.checkline input{width:auto!important;margin-top:3px}.bank-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #edf1f6;padding:10px 0}.manual-help{background:#f6f9fd;border:1px dashed #c7d5e6;border-radius:10px;padding:10px}