/* MTWAFIQ Universities League (7 Oct 2026). Mobile first. Brand colours only: turquoise #1FB5B2, green #4CAE3F, orange #EC6C25, navy #0B1020. */
.ul-hero .ul-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:18px 0 0}
.ul-chips li{padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,#1FB5B2 40%,var(--border));background:color-mix(in srgb,#1FB5B2 8%,var(--surface));font:600 13.5px var(--f-body);color:var(--heading)}
.ul-sec-play{padding-top:clamp(28px,4vw,48px)}
.ul-app{min-height:120px}
.ul-msg{margin:10px 0 0;font-weight:600;font-size:14.5px;color:var(--heading)}
.ul-msg.bad{color:#EC6C25}
/* sign-in gate */
.ul-gate{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}
.ul-gate h2{margin:0 0 6px;font-size:clamp(1.3rem,3vw,1.7rem)}
.ul-gate-ic,.ul-av,.ul-xb-ic{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;font-size:28px;background:linear-gradient(135deg,#1FB5B2,#4CAE3F)}
.ul-ref{padding:8px 12px;border-radius:12px;background:color-mix(in srgb,#EC6C25 10%,var(--surface-2));color:var(--heading);font-size:14.5px}
.ul-pre{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none;padding:0;margin:6px 0 0}
.ul-pre li{display:flex;flex-direction:column;align-items:center;padding:10px 6px;border-radius:14px;border:1px dashed var(--border-2);color:var(--muted);font-size:12.5px;text-align:center}
.ul-pre b{font:800 22px/1 var(--f-head);color:#1FB5B2}
/* profile */
.ul-prof h2{margin:0 0 4px}
.ul-f2,.ul-f3{display:grid;gap:12px;margin:14px 0 6px}
.ul-prof label,.ul-cls label{display:grid;gap:6px;font:600 14px var(--f-body);color:var(--heading)}
.ul-prof input,.ul-prof select,.ul-cls input,.ul-cls select,.ul-blv select{min-height:44px;border-radius:12px;border:1.5px solid var(--border-2);background:var(--surface-2);color:var(--heading);padding:8px 12px;font:500 15px var(--f-body);width:100%;box-sizing:border-box}
.ul-prof input:focus,.ul-prof select:focus,.ul-cls input:focus,.ul-cls select:focus{outline:2px solid #1FB5B2;outline-offset:1px;border-color:#1FB5B2}
.ul-prof small{font-weight:400;color:var(--muted);font-size:12.5px}
@media (min-width:720px){.ul-f2{grid-template-columns:1fr 1fr}.ul-f3{grid-template-columns:2fr 1fr 1fr}}
/* hub */
.ul-hub{display:grid;gap:16px}
.ul-me{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.ul-me-id b{display:block;font:800 clamp(1.15rem,2.6vw,1.4rem) var(--f-head);color:var(--heading);overflow-wrap:anywhere}
.ul-me-id small{display:block;color:var(--muted);font-size:14px;overflow-wrap:anywhere}
.ul-me-id .mt-link{margin-top:4px;padding:0;background:none;border:0;color:var(--link,#1FB5B2);font:600 13.5px var(--f-body);cursor:pointer;text-decoration:underline}
.ul-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 0}
.ul-stats div{padding:10px 8px;border-radius:14px;background:var(--surface-2);text-align:center;min-width:0}
.ul-stats dt{font-size:11.5px;color:var(--muted);font-weight:600}
.ul-stats dd{margin:2px 0 0;font:800 1.25rem/1.1 var(--f-head);color:var(--heading)}
.ul-ban{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;border:2px solid color-mix(in srgb,#EC6C25 50%,var(--border))}
.ul-ban b{color:var(--heading)}.ul-ban p{margin:0;flex:1 1 220px;color:var(--muted)}
.ul-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ul-mode button{display:grid;gap:2px;text-align:start;padding:12px 14px;border-radius:16px;border:1.5px solid var(--border-2);background:var(--surface);color:var(--heading);font:inherit;cursor:pointer}
.ul-mode button b{font:700 15.5px var(--f-body)}.ul-mode button small{color:var(--muted);font-size:12.5px;line-height:1.35}
.ul-mode button[aria-checked=true]{border-color:#1FB5B2;background:color-mix(in srgb,#1FB5B2 10%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,#1FB5B2 22%,transparent)}
.ul-mode button[data-ul-mode=e][aria-checked=true]{border-color:#EC6C25;background:color-mix(in srgb,#EC6C25 9%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,#EC6C25 20%,transparent)}
.ul-lvs{display:grid;gap:12px;list-style:none;padding:0;margin:0}
@media (min-width:640px){.ul-lvs{grid-template-columns:1fr 1fr}}
@media (min-width:1060px){.ul-lvs{grid-template-columns:repeat(4,1fr)}}
.ul-lv{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:18px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);min-width:0}
.ul-lv-h{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.ul-lv-n,.ul-levels .ul-lv-n{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#0B1020;color:#fff;font:800 20px/1 var(--f-head)}
.ul-lv-h b{display:block;color:var(--heading);font-size:15.5px}.ul-lv-h small{display:block;color:var(--muted);font-size:12.5px}
.ul-lv-pts{text-align:end}.ul-lv-pts b{font:800 18px var(--f-head);color:#4CAE3F}.ul-lv-pts small{display:inline;color:var(--muted)}
.ul-lv-c{margin:0;color:var(--text);font-size:13.5px;line-height:1.45;flex:1}
.ul-lv-bar{height:7px;border-radius:9px;background:var(--surface-2);overflow:hidden}
.ul-lv-bar i{display:block;height:100%;width:var(--p,0%);background:linear-gradient(90deg,#1FB5B2,#4CAE3F);border-radius:inherit}
.ul-lv-s{margin:0;font-size:12.5px;color:var(--muted)}
.ul-lv .btn{align-self:flex-start}
.ul-mybadges h3{font-size:1.05rem;margin:0 0 8px}
.ul-mybadges ul,.ul-badges{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.ul-mybadges li{display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,#4CAE3F 12%,var(--surface));border:1px solid color-mix(in srgb,#4CAE3F 45%,var(--border));color:var(--heading);font:600 13.5px var(--f-body)}
.ul-cls summary{cursor:pointer;font:700 15.5px var(--f-body);color:var(--heading)}
.ul-join,.ul-new{display:grid;gap:10px;margin-top:14px}
.ul-join{grid-template-columns:1fr auto;align-items:end}
.ul-new{padding:12px;border-radius:14px;background:var(--surface-2)}
.ul-new .btn{justify-self:start}
.ul-mycls{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}
.ul-mycls li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid var(--border)}
.ul-mycls span{overflow-wrap:anywhere;min-width:0}
.ul-crows{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px;flex-basis:100%}
.ul-crows li{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:6px 10px;border-radius:10px;background:var(--surface-2)}
.ul-crows li span{font-weight:800;color:#1FB5B2}.ul-crows b{overflow-wrap:anywhere;color:var(--heading)}.ul-crows em{font-style:normal;font-weight:700;color:var(--heading)}
/* the round */
.ul-round{display:grid;gap:12px}
.ul-rtop{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.ul-qn{font:700 14px var(--f-body);color:var(--heading)}
.ul-diff{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted)}
.ul-dots{display:inline-flex;gap:3px}.ul-dots i{width:8px;height:8px;border-radius:50%;background:var(--border-2)}.ul-dots i.on{background:#EC6C25}
.ul-timer{margin-inline-start:auto;display:grid;place-items:center;min-width:46px;height:46px;border-radius:50%;border:3px solid #1FB5B2;font:800 17px var(--f-head);color:var(--heading)}
.ul-timer.hurry{border-color:#EC6C25;color:#EC6C25}
.ul-prog{height:6px;border-radius:9px;background:var(--surface-2);overflow:hidden}.ul-prog i{display:block;height:100%;background:linear-gradient(90deg,#1FB5B2,#4CAE3F);transition:width .4s}
.ul-life{display:flex;flex-wrap:wrap;gap:8px}
.ul-life button{min-height:38px;padding:6px 12px;border-radius:999px;border:1.5px solid var(--border-2);background:var(--surface-2);color:var(--heading);font:700 13.5px var(--f-body);cursor:pointer}
.ul-life button:hover:not([disabled]){border-color:#1FB5B2}
.ul-life button[disabled]{opacity:.4;cursor:default;text-decoration:line-through}
.ul-course{margin:2px 0 0;font:600 13px var(--f-body);color:#1FB5B2;overflow-wrap:anywhere}
.ul-course small{color:var(--muted);font-weight:500;margin-inline-start:6px;white-space:nowrap}
.ul-q{margin:0;overflow-wrap:anywhere}
.ul-opts .qz-opt{min-height:52px}
.ul-opts .qz-opt span{overflow-wrap:anywhere}
.ul-opts .qz-opt.pick{border-color:#1FB5B2;box-shadow:0 0 0 3px color-mix(in srgb,#1FB5B2 25%,transparent)}
.ul-poll i{background:linear-gradient(180deg,#4CAE3F,#1FB5B2)}
.ul-polln{margin:0}
.ul-fb{padding:14px 16px;border-radius:16px;border-inline-start:5px solid #4CAE3F;background:color-mix(in srgb,#4CAE3F 7%,var(--surface-2));display:grid;gap:10px}
.ul-fb.is-no{border-inline-start-color:#EC6C25;background:color-mix(in srgb,#EC6C25 7%,var(--surface-2))}
.ul-fb-h{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin:0;font-size:17px;color:var(--heading)}
.ul-pts{padding:3px 10px;border-radius:999px;background:#0B1020;color:#fff;font:800 14px var(--f-body)}
.ul-why h4,.ul-ex h4{margin:0 0 4px;font-size:14px;color:var(--heading)}
.ul-why p,.ul-ex p{margin:0;color:var(--text);font-size:15px;line-height:1.6}
.ul-ex{padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}
.ul-src{margin:0;font-size:12.5px;color:var(--muted)}
.ul-rfoot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13.5px;color:var(--muted)}.ul-rfoot b{color:var(--heading)}
/* result */
.ul-res{text-align:center;display:grid;gap:12px;justify-items:center}
.ul-res-ic{font-size:48px;line-height:1}
.ul-res h2{margin:0;font-size:clamp(1.8rem,5vw,2.6rem)}
.ul-res-s{margin:0;color:var(--muted)}
.ul-res-act,.ul-share .cx-row{justify-content:center}
.ul-share{display:grid;gap:8px;padding:12px;border-radius:16px;background:var(--surface-2);width:100%;box-sizing:border-box}
/* the board */
.ul-board{display:grid;gap:14px}
.ul-btabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:5px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}
.ul-btabs button{min-height:44px;padding:6px 4px;border-radius:13px;border:0;background:transparent;color:var(--text);font:700 13px var(--f-body);cursor:pointer;line-height:1.2}
.ul-btabs button[aria-selected=true]{background:#0B1020;color:#fff}
.ul-bctl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.ul-seg{display:inline-flex;padding:4px;border-radius:999px;border:1px solid var(--border);background:var(--surface)}
.ul-seg button{min-height:38px;padding:4px 14px;border-radius:999px;border:0;background:transparent;color:var(--text);font:700 13.5px var(--f-body);cursor:pointer}
.ul-seg button[aria-pressed=true]{background:#1FB5B2;color:#0B1020}
.ul-blv select{width:auto;min-height:42px}
.ul-blist{transition:opacity .2s}.ul-blist.is-busy{opacity:.55}
.ul-pod{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:end;list-style:none;padding:0;margin:0}
.ul-pod li{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:18px;background:var(--surface);border:1px solid var(--border);text-align:center;min-width:0}
.ul-pod li.p1{order:2;padding-top:20px;border:2px solid #1FB5B2;background:color-mix(in srgb,#1FB5B2 10%,var(--surface))}
.ul-pod li.p2{order:1}.ul-pod li.p3{order:3}
.ul-pod .ul-medal{font-size:30px;line-height:1}
.ul-pod b{display:block;max-width:100%;color:var(--heading);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ul-pod small{display:block;max-width:100%;color:var(--muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ul-pod em{font:800 20px var(--f-head);font-style:normal;color:#4CAE3F}
.ul-pod li.me,.ul-rows li.me{box-shadow:0 0 0 3px #EC6C25}
.ul-rows{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}
.ul-rows li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:9px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}
.ul-rk{font:800 15px var(--f-head);color:var(--muted);text-align:center}
.ul-nm{min-width:0}.ul-nm b{display:block;color:var(--heading);font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ul-nm small{display:block;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ul-rows em{font:800 16px var(--f-head);font-style:normal;color:var(--heading)}
.ul-mine{margin:8px 0 0;font-weight:700;color:#EC6C25}
.ul-bnote{margin:8px 0 0;font-size:12.5px;color:var(--muted)}
.ul-empty{display:grid;justify-items:center;gap:6px;padding:26px 14px;border-radius:18px;border:1.5px dashed var(--border-2);text-align:center;color:var(--muted)}
.ul-empty span{font-size:34px}.ul-empty p{margin:0;max-width:34em}
/* page sections */
.ul-rules{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px}
@media (min-width:860px){.ul-rules{grid-template-columns:1fr 1fr}}
.ul-rules li{padding:10px 14px;border-radius:14px;background:var(--surface-2);color:var(--text);font-size:14.5px}
.ul-rules b{color:var(--heading)}
.ul-levels{list-style:none;padding:0;margin:0;display:grid;gap:10px}
@media (min-width:760px){.ul-levels{grid-template-columns:1fr 1fr}}
.ul-levels li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}
.ul-levels b{display:block;color:var(--heading)}.ul-levels small{display:block;color:var(--muted);font-size:13.5px;line-height:1.45}
.ul-badges li{flex:1 1 220px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}
.ul-badges li span{grid-row:span 2;font-size:26px}.ul-badges li b{color:var(--heading)}.ul-badges li small{color:var(--muted);font-size:13px}
.ul-honest{margin-top:16px}
/* the Future Leaders card (future-leaders.html, ar/mcc.html) */
.ul-band-sec{padding:clamp(18px,3vw,30px) 0 0}
.ul-xband{display:flex;gap:16px;align-items:center;text-decoration:none;color:inherit;border:2px solid color-mix(in srgb,#1FB5B2 55%,var(--border));transition:transform .2s}
.ul-xband:hover{transform:translateY(-2px)}
.ul-xband b{display:block;font:800 clamp(19px,2.2vw,24px) var(--f-head);color:var(--heading);margin:6px 0 2px}.ul-xband small{display:block;color:var(--muted);font-size:14.5px}
.ul-xband .go{margin-inline-start:auto;font:700 15px var(--f-body);color:var(--link,#1FB5B2);white-space:nowrap}
.ul-xb-ic{flex:none}
@media (max-width:560px){.ul-xband{flex-wrap:wrap}.ul-xband .go{margin-inline-start:0}}
/* phones */
@media (max-width:560px){
  .ul-gate{grid-template-columns:1fr}.ul-gate-ic{width:48px;height:48px;font-size:24px}
  .ul-stats{grid-template-columns:repeat(2,1fr)}
  .ul-mode{grid-template-columns:1fr}
  .ul-join{grid-template-columns:1fr}
  .ul-btabs button{font-size:12px}
  .ul-pod li{padding:10px 4px}.ul-pod em{font-size:17px}
  .ul-opts .qz-opt{grid-template-columns:30px 1fr;padding:12px}
}
@media (prefers-reduced-motion:reduce){.ul-prog i,.ul-xband,.ul-blist{transition:none}}
.ul-pod em.neg,.ul-rows em.neg{color:#EC6C25}
[data-theme=dark] .ul-btabs button[aria-selected=true],[data-theme=dark] .ul-pts{background:#1FB5B2;color:#0B1020}
[data-theme=dark] .ul-lv-n{background:#1FB5B2;color:#0B1020}
/* numbers (a score can be negative) and Latin names keep their own direction inside Arabic text */
.ul-pts,.ul-pod em,.ul-rows em,.ul-stats dd,.ul-res-s b,.ul-lv-pts b,.ul-rfoot b{direction:ltr;unicode-bidi:isolate}
.ul-pod b,.ul-pod small,.ul-nm b,.ul-nm small,.ul-me-id small,.ul-crows b{unicode-bidi:plaintext}
/* ── Universities League duels (9 Oct 2026): Unicorn Duel and Speed Duel, one theme with the league ── */
.ul-sec-duel .sec-head p{max-width:760px}
.uld-app{min-height:140px}
.uld-lobby{display:grid;gap:16px}
.uld-lv{display:grid;gap:6px;max-width:340px;font:600 14px var(--f-body);color:var(--heading)}
.uld-lv select,.uld-opts select,.uld-opts input,.uld-join input,.uld-team input,.uld-guest input{min-height:44px;border-radius:12px;border:1.5px solid var(--border-2);background:var(--surface-2);color:var(--heading);padding:8px 12px;font:500 15px var(--f-body);width:100%;box-sizing:border-box}
.uld-cards{display:grid;gap:16px}
@media (min-width:900px){.uld-cards{grid-template-columns:1fr 1fr}}
.uld-card{position:relative;display:grid;gap:10px;align-content:start;border-top:4px solid var(--c)}
.uld-card h3{margin:0;font:800 clamp(1.25rem,2.6vw,1.5rem) var(--f-head);color:var(--heading)}
.uld-card p{margin:0;color:var(--text);font-size:15px;line-height:1.6}
.uld-card .cx-pill{justify-self:start}
.uld-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;font-size:26px;background:linear-gradient(135deg,#1FB5B2,#4CAE3F)}
.uld-card[style*="EC6C25"] .uld-ic{background:linear-gradient(135deg,#EC6C25,#4CAE3F)}
.uld-chk{display:flex;gap:8px;align-items:center;font:600 14px var(--f-body);color:var(--heading)}
.uld-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.uld-opts label,.uld-join label,.uld-team,.uld-guest{display:grid;gap:6px;font:600 14px var(--f-body);color:var(--heading)}
.uld-opts .uld-wide{grid-column:1/-1}
.uld-join{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.uld-join label{flex:1 1 220px}
.uld-join input{text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.uld-in{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.uld-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}
.uld-code{font:600 14px var(--f-body);color:var(--muted)}
.uld-code b{font-family:var(--f-head);letter-spacing:.14em;color:var(--heading)}
.uld-code .mt-link{background:none;border:0;padding:0;color:#1FB5B2;font:600 13.5px var(--f-body);cursor:pointer;text-decoration:underline}
.uld-big-code{display:block;margin:10px 0;font:800 clamp(2.4rem,9vw,4.2rem)/1 var(--f-head);letter-spacing:.18em;color:var(--heading);text-align:center}
.uld-wait,.uld-count,.uld-turn,.uld-done,.uld-pick,.uld-lob{display:grid;gap:12px;text-align:center;justify-items:center}
.uld-wait p,.uld-count p,.uld-turn p,.uld-done p{margin:0;max-width:620px}
.uld-dots{display:flex;gap:6px;margin:0}
.uld-dots i{width:9px;height:9px;border-radius:50%;background:#1FB5B2;animation:uldDot 1.2s infinite ease-in-out}
.uld-dots i:nth-child(2){animation-delay:.2s;background:#4CAE3F}.uld-dots i:nth-child(3){animation-delay:.4s;background:#EC6C25}
@keyframes uldDot{0%,80%,100%{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}
.uld-grid{display:grid;gap:16px}
@media (min-width:980px){.uld-grid{grid-template-columns:minmax(0,1fr) 240px}}
.uld-side-col{display:grid;gap:12px;align-content:start}
.uld-ladder{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;list-style:none;padding:0;margin:0;direction:ltr}
@media (min-width:980px){.uld-ladder{grid-template-columns:1fr;gap:2px}.uld-ladder li{min-height:20px;font-size:11.5px}}
.uld-ladder li{display:flex;align-items:center;justify-content:center;min-height:22px;margin:0;padding:0;line-height:1.2;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);font:700 12.5px var(--f-head);color:var(--muted)}
.uld-ladder li.safe{border-color:#4CAE3F;color:color-mix(in srgb,#4CAE3F 70%,#0B1020)}
.uld-ladder li.done{background:linear-gradient(90deg,#1FB5B2,#4CAE3F);border-color:transparent;color:#fff}
.uld-ladder li.now{outline:2px solid #EC6C25;outline-offset:1px;color:var(--heading)}
.uld-rival{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);text-align:start;min-width:0}
.uld-rival b{font:700 15px var(--f-head);color:var(--heading);overflow-wrap:anywhere}
.uld-rival small{color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}
.uld-rival span{font-size:13.5px;color:var(--heading)}
.uld-mini{height:8px;border-radius:999px;background:var(--border);overflow:hidden}
.uld-mini i{display:block;height:100%;background:linear-gradient(90deg,#1FB5B2,#4CAE3F,#EC6C25);transition:width .4s}
.uld-two{display:grid;gap:12px;width:100%}
@media (min-width:720px){.uld-two{grid-template-columns:1fr 1fr}}
.uld-walk{align-items:center;gap:10px;margin-top:12px}
.uld-res{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;width:100%;margin:8px 0}
.uld-res-p{display:grid;gap:4px;padding:14px;border-radius:16px;background:var(--surface-2);border:2px solid var(--border);text-align:center;min-width:0}
.uld-res-p.win{border-color:#4CAE3F;box-shadow:0 10px 30px color-mix(in srgb,#4CAE3F 25%,transparent)}
.uld-res-p b{font:800 16px var(--f-head);color:var(--heading);overflow-wrap:anywhere}
.uld-res-p small{color:var(--muted);font-size:12.5px}
.uld-res-n{font:800 2.2rem/1 var(--f-head);color:var(--heading)}.uld-res-n small{font-size:.9rem;margin-inline-start:4px}
.uld-res-p em{font-style:normal;font-size:13px;color:var(--text)}
.uld-vs{font:800 1rem var(--f-head);color:var(--muted)}
.uld-over{display:grid;gap:12px;text-align:center;justify-items:center}
.uld-over h2{margin:0}
.uld-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;width:100%;margin:6px 0 12px}
.uld-score>i{align-self:center;font-style:normal;font-size:20px}
.uld-score div{display:grid;gap:2px;padding:10px 12px;border-radius:14px;text-align:center;min-width:0;border:2px solid transparent}
.uld-score .sA,.uld-sidebox.sA,.uld-side.sA,.uld-rev .sA{background:color-mix(in srgb,#1FB5B2 12%,var(--surface));border-color:color-mix(in srgb,#1FB5B2 45%,transparent)}
.uld-score .sB,.uld-sidebox.sB,.uld-side.sB,.uld-rev .sB{background:color-mix(in srgb,#EC6C25 12%,var(--surface));border-color:color-mix(in srgb,#EC6C25 45%,transparent)}
.uld-score .mine,.uld-sidebox.mine{box-shadow:0 0 0 3px color-mix(in srgb,#4CAE3F 55%,transparent)}
.uld-score b{font:700 14px var(--f-head);color:var(--heading);overflow-wrap:anywhere}
.uld-score span{font:800 clamp(1.6rem,5vw,2.4rem)/1.1 var(--f-head);color:var(--heading)}
.uld-score small{font-size:12.5px;color:var(--muted)}
.uld-qbar{display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 14px var(--f-head);color:var(--heading)}
.uld-time{height:6px;border-radius:999px;background:var(--border);overflow:hidden;margin:8px 0 12px}
.uld-time i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#EC6C25,#4CAE3F,#1FB5B2);transition:width .2s linear}
.uld-state{margin:10px 0 0;font-size:14px;color:var(--heading);min-height:1.4em}
.uld-tag{grid-column:2;justify-self:start;margin-top:-4px;padding:2px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border-2);font:600 12px var(--f-body);font-style:normal;color:var(--heading);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.uld-rev{display:grid;gap:8px;list-style:none;padding:0;margin:12px 0}
.uld-rev li{padding:8px 12px;border-radius:12px;border:1.5px solid;font-size:14px;color:var(--heading)}
.uld-sides{display:grid;gap:12px;width:100%}
@media (min-width:640px){.uld-sides{grid-template-columns:1fr 1fr}}
.uld-sidebox{padding:14px;border-radius:16px;border:2px solid;text-align:start}
.uld-sidebox b{font:800 16px var(--f-head);color:var(--heading)}
.uld-sidebox ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:4px;font-size:14px}
.uld-side{display:grid;gap:4px;padding:16px;border-radius:16px;border:2px solid;cursor:pointer;text-align:start;font:inherit;color:var(--heading)}
.uld-side b{font:800 17px var(--f-head)}.uld-side small{color:var(--muted);font-size:13px}
.uld-side:hover,.uld-side:focus-visible{transform:translateY(-2px);box-shadow:0 10px 26px rgba(11,16,32,.14)}
.uld-team{width:100%;max-width:420px;text-align:start}
.uld-board-wrap{margin-top:28px}
.uld-board-wrap h3{margin:0 0 4px}
.ul-blist em small{font-size:.72em;font-weight:600;color:var(--muted)}
.uld-big .uld-speed.big .ul-q,.uld-big .ul-q{font-size:clamp(1.3rem,3.2vw,2rem)}
.uld-big .qz-opt{font-size:clamp(1rem,2.2vw,1.35rem)}
.uld-big .uld-score span{font-size:clamp(2.2rem,7vw,3.6rem)}
@media (prefers-reduced-motion:reduce){.uld-dots i{animation:none}.uld-mini i,.uld-time i{transition:none}}
.ul-btabs[data-uld-btabs]{grid-template-columns:1fr 1fr}
.uld-board-wrap .ul-bctl{display:flex;flex-wrap:wrap;gap:8px}
.uld-slogan{margin:-6px 0 2px;font:800 16px var(--f-head);color:color-mix(in srgb,#EC6C25 72%,#0B1020);letter-spacing:.01em}