@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{font-family:Cairo,'Segoe UI',Tahoma,sans-serif;color:#eaf2ff;background:#080f21;font-size:14px;--bg:#080f21;--panel:#111d36;--panel2:#172642;--muted:#9bacc9;--line:#2a3b59;--accent:#8f85ff;--blue:#36b5ff;--red:#ff6e91;--green:#39ddb3;--gold:#ffca6a}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 0% 10%,#1b2553 0,transparent 41%),radial-gradient(ellipse at 95% 90%,#103945 0,transparent 35%),var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:#aab7ff;text-decoration:none}a:hover{text-decoration:underline}button:disabled{opacity:.43;cursor:not-allowed}.topbar{padding:12px clamp(14px,3vw,42px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0e1830c9;gap:10px}.logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;font-weight:800;line-height:1.2}.logo:hover{text-decoration:none}.logo b{color:var(--accent)}.logo small{display:block;color:var(--muted);font-size:10px}.logo-icon{background:linear-gradient(140deg,#655dff,#36b5ff);padding:5px 14px;border-radius:12px;font-size:27px}.top-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}main{max-width:1400px;min-height:70vh;margin:auto;padding:clamp(14px,2.5vw,34px)}footer{padding:22px;text-align:center;color:#667795;border-top:1px solid var(--line);font-size:12px}.panel{background:linear-gradient(145deg,#13213d,#0f1c34);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 10px 30px #0002}.panel.soft{background:#162440}.panel h2,.panel h3{margin-top:0}.title{font-size:clamp(24px,3.1vw,39px);margin:0 0 12px;font-weight:800}.sub{color:var(--muted)}.muted{color:var(--muted)}.small{font-size:12px}.gold{color:var(--gold)}.green{color:var(--green)}.danger-text{color:var(--red)}.pill{display:inline-flex;border:1px solid #435375;padding:5px 11px;border-radius:50px;white-space:nowrap;font-size:12px;background:#213352;color:#c4d4f1}.pill.green{color:#90ffe1;border-color:#196c60;background:#103c39}.pill.red{color:#ffb1c4;border-color:#69334a;background:#3c1c33}.pill.gold{color:#ffe0a2;border-color:#806138;background:#3b2d22}.pill.muted{color:#b6c5e0}.btn,button.primary{border:none;background:linear-gradient(120deg,#7268fa,#4b8cff);color:white;border-radius:12px;padding:10px 16px;font-weight:700;box-shadow:0 4px 10px #0002}.btn:hover,button.primary:hover{filter:brightness(1.14);text-decoration:none}.btn.danger{background:linear-gradient(110deg,#ac4068,#df5d73)}.btn.success{background:linear-gradient(110deg,#0e9077,#1dbca0)}button.ghost,.btn.outline{border:1px solid #475976;color:#d9e4fa;background:#1e304c;border-radius:12px;padding:9px 14px}.btn.outline:hover,button.ghost:hover{background:#2e4368;text-decoration:none}.btn.small,button.small{font-size:11px;padding:6px 10px}.layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.layout.three{grid-template-columns:repeat(3,1fr)}.layout.admin{grid-template-columns:285px minmax(0,1fr)}.stack{display:grid;gap:16px}.row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.between{justify-content:space-between}.center{text-align:center;display:grid;place-content:center;min-height:40vh;gap:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.stat{background:#1e2c4b;border:1px solid #364465;border-radius:14px;padding:14px}.stat strong{font-size:31px;display:block}.stat.blue{border-color:#197ba9;background:#112d47}.stat.red{border-color:#ac4265;background:#3b213e}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label,.field{display:grid;gap:5px;color:#bdcce6;font-size:12px}.field.full{grid-column:1/-1}input,textarea,select{background:#0c1830;color:#f5f9ff;border:1px solid #3b4d70;border-radius:10px;padding:10px 12px;min-width:0;width:100%;outline:0}input:focus,textarea:focus,select:focus{border-color:#9089ff;box-shadow:0 0 0 2px #9089ff22}textarea{resize:vertical;min-height:76px}input[type=file]{font-size:12px;padding:7px}.tag{display:inline-block;background:#263756;color:#c0d0ef;padding:3px 8px;border-radius:9px;font-size:11px}.list-item{background:#192943;border:1px solid #32425e;border-radius:12px;padding:11px;margin:6px 0;overflow-wrap:anywhere}.list-item.selected{border-color:#8578ff;background:#253058}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;font-size:12px}th,td{padding:10px 9px;border-bottom:1px solid #35435b;vertical-align:top}th{color:#adbfdf;white-space:nowrap}td{overflow-wrap:anywhere;max-width:270px}.links{display:grid;gap:9px}.linkbox{background:#0c1830;border:1px solid var(--line);border-radius:12px;padding:11px;display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.linkbox code{direction:ltr;text-align:left;flex:1;font-size:11px;word-break:break-all}.questionbox{text-align:center;background:linear-gradient(145deg,#23335a,#172540);padding:24px;border:1px solid #435578;border-radius:20px}.questionbox h2{font-size:clamp(21px,3.6vw,40px);margin:14px auto;max-width:900px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}.option{font-size:clamp(15px,1.8vw,21px);border:1px solid #5571a1;color:#edf4ff;background:linear-gradient(140deg,#254066,#1a2d4e);padding:18px;border-radius:16px;min-height:66px;text-align:right}.option:hover:not(:disabled){border-color:#a8a2ff;background:#304b7f}.option.selected{border-color:#72d7ff;background:#194967}.option.correct{border-color:#39ddb3;background:#134e43;color:#afffe9}.option.wrong{border-color:#ff6e91;background:#4d233d;color:#ffced9}.clock{font-size:clamp(27px,5vw,56px);font-weight:800;font-variant-numeric:tabular-nums;color:#ffdb97}.clock.urgent{color:#ff758d;animation:pulse 1s infinite}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.score{border-radius:18px;padding:18px;min-width:0}.score.blue{background:linear-gradient(135deg,#102f56,#164c73);border:1px solid #2188c5}.score.red{background:linear-gradient(135deg,#49213c,#672849);border:1px solid #bd4e7c}.score .number{font-size:clamp(34px,5vw,68px);font-weight:800}.score .name{font-size:clamp(14px,1.8vw,24px);font-weight:700}.media{width:100%;max-width:720px;max-height:360px;object-fit:contain;display:block;margin:12px auto;border-radius:14px;background:#080e19}.media-embed{display:block;margin:12px auto;width:100%;max-width:720px;aspect-ratio:16/9;border:0;border-radius:14px}.hero{margin:10px auto 24px;padding:26px;border-radius:22px;background:linear-gradient(130deg,#34266b,#163f69);text-align:center}.hero p{max-width:650px;margin:8px auto;color:#d3e1ff}.alert{background:#4f2c32;border:1px solid #ae4a61;border-radius:12px;padding:11px;color:#ffdae4}.notice{background:#153c46;border:1px solid #266c7a;border-radius:12px;padding:12px;color:#afe9f1}.notice.warn{background:#44321e;border-color:#8a6435;color:#ffdfac}.tabbar{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.tab{border:1px solid #405271;background:#172742;color:#c5d5f2;border-radius:10px;padding:8px 12px}.tab.active{background:#4c54a1;color:white;border-color:#9089ff}.spinner{border:3px solid #425377;border-top-color:#aea7ff;border-radius:50%;width:38px;height:38px;animation:spin 1s linear infinite;margin:auto}.hidden{display:none!important}#toasts{position:fixed;bottom:22px;left:22px;z-index:1000;display:grid;gap:8px;max-width:min(440px,95vw)}.toast{padding:13px 18px;border-radius:12px;background:#235345;box-shadow:0 8px 35px #0008;color:white}.toast.error{background:#853750}.big-buzz{font-size:28px;padding:22px 38px;width:100%;border-radius:20px}.login-card{max-width:520px;margin:28px auto}.divider{height:1px;background:#344561;margin:14px 0}.accent{color:#bab2ff}.clickable{cursor:pointer}.plain{border:none;background:none;color:#aab7ff;padding:4px}.collapse{margin:13px 0;padding:10px 12px;border:1px solid #3b4f73;border-radius:12px}.collapse summary{font-weight:700;cursor:pointer;padding:3px}.file-badge{color:#b5ffc9}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55}}@media(max-width:840px){.layout,.layout.three,.layout.admin,.form-grid{grid-template-columns:1fr}.quiz-options{grid-template-columns:1fr}.topbar{padding:10px 13px}.scoreboard{gap:5px}.score{padding:10px}.panel{padding:15px}.questionbox{padding:15px}.linkbox{flex-wrap:wrap}}@media print{.topbar,footer,.actions,button,.tabbar{display:none!important}body{background:white;color:black}.panel,.score,.questionbox{color:black;border:1px solid #999;background:white;box-shadow:none}}
/* V1.1 tournament command center */
.tournament-command{overflow:hidden;position:relative}.tournament-kpis{display:flex;gap:.7rem;flex-wrap:wrap}.tournament-kpis span{min-width:92px;padding:.8rem 1rem;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft);text-align:center}.tournament-kpis strong{display:block;font-size:1.55rem}.tournament-kpis small{color:var(--muted)}.tournament-match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.tournament-match-card{border:1px solid var(--line);border-radius:22px;padding:1rem;background:var(--panel-soft);display:grid;gap:.75rem}.tournament-match-card.is-final{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--success) 28%,transparent)}.archive-score{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.85rem;border-radius:16px;background:var(--panel);font-size:1.05rem}.archive-score b{font-size:1.4rem}.lock-line{font-size:.78rem;color:var(--muted);margin:0;direction:ltr;text-align:center}@media(max-width:800px){.tournament-kpis{width:100%}.tournament-kpis span{flex:1}.archive-score{font-size:.9rem}}