
.aiwow-rlr{
  box-sizing:border-box;
  width:100%;
  min-height:100vh;
  margin:0;
  padding:28px clamp(16px,3vw,42px);
  background:#080a12;
  color:#fff;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:700;
}
.aiwow-rlr *{box-sizing:border-box}
.aiwow-rlr button{font-family:inherit}
.rlr-top{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;align-items:center}
.rlr-brand{font-size:12px;letter-spacing:.22em;color:#7de9ff}
.rlr-top h1{margin:5px 0;font-size:clamp(26px,3vw,38px);line-height:1.1;font-weight:900}
.rlr-top p{margin:0;color:#9da7bd}
.rlr-actions{display:flex;gap:8px;flex-wrap:wrap}
.rlr-actions .button{background:#151927;border:1px solid #30374b;color:#fff;border-radius:9px;padding:8px 13px;cursor:pointer}
.rlr-layout{max-width:1600px;margin:24px auto 0;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(220px,300px);gap:18px}
.rlr-sidebar{display:flex;flex-direction:column;gap:18px;min-width:0}
.rlr-card{background:linear-gradient(145deg,#111522,#0d1019);border:1px solid #252b3b;border-radius:18px;padding:18px}
.rlr-label{font-size:13px;letter-spacing:.14em;color:#fff;margin-bottom:12px;font-weight:900}
.rlr-session{font-weight:800;margin-bottom:16px;word-break:break-word}
.rlr-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rlr-stats div{background:#171b27;border-radius:10px;padding:10px 6px;text-align:center}
.rlr-stats span{display:block;color:#fff;font-size:11px;font-weight:800}
.rlr-stats b{font-size:20px}
.rlr-progress{height:7px;background:#202536;border-radius:10px;margin-top:14px;overflow:hidden}
.rlr-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#7257ff,#22d4f4);transition:width .4s}
.rlr-numbers{display:flex;flex-wrap:wrap;gap:5px;max-height:270px;overflow:auto;padding-right:2px}
.rlr-numbers span{min-width:30px;padding:7px 4px;text-align:center;border-radius:6px;background:#192031;color:#8ce7ff;font-size:11px}
.rlr-numbers span.done{background:#25272f;color:#666;opacity:.55;text-decoration:line-through}
.rlr-main{min-height:720px;position:relative;overflow:hidden;border-radius:22px;border:1px solid #252b3b;background:radial-gradient(circle at 50% 12%,rgba(87,76,255,.20),transparent 36%),linear-gradient(145deg,#101420,#090b12);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:16px clamp(18px,3vw,32px)}
.rlr-question{letter-spacing:.22em;font-size:13px;color:#aab3c8;margin-top:2px}
.rlr-machine{margin:10px 0 10px;width:min(560px,100%);height:200px;border:2px solid #30394d;border-radius:28px;background:#05070c;box-shadow:inset 0 0 45px rgba(62,205,255,.08),0 0 70px rgba(92,74,255,.14);display:flex;align-items:center;justify-content:center;position:relative}
.rlr-number{font-size:clamp(90px,13vw,190px);font-weight:950;font-variant-numeric:tabular-nums;letter-spacing:.02em;background:linear-gradient(#fff,#80eaff);color:transparent;background-clip:text;-webkit-background-clip:text;line-height:1}
.rlr-status{min-height:24px;color:#fff;margin:0 0 22px;font-weight:800}
.rlr-status-error{color:#ff8f9a}
.rlr-status-complete{color:#7de9ff}
.rlr-roll{border:0;border-radius:999px;padding:18px 38px;font-size:18px;font-weight:900;color:#fff;cursor:pointer;background:linear-gradient(90deg,#7355ff,#08bfe9);box-shadow:0 12px 45px rgba(63,145,255,.25)}
.rlr-roll:disabled{opacity:.5;cursor:not-allowed}
.rlr-winner{margin-top:12px;width:min(650px,100%);padding:14px;border-radius:18px;border:1px solid #30394d;background:rgba(8,11,18,.96);font-weight:800;animation:none!important;opacity:1!important}
.rlr-winner[hidden]{display:none!important}
.rlr-selected{font-weight:900;letter-spacing:.16em;color:#70e9ff;opacity:1!important;animation:none!important}
.rlr-winner-number{font-size:34px;font-weight:950;margin:5px}
.rlr-photo{width:150px;height:150px;margin:12px auto;border-radius:50%;overflow:hidden;border:2px solid #4caeff;display:flex;align-items:center;justify-content:center}
.rlr-photo img{width:100%;height:100%;object-fit:cover}
.rlr-winner h2{font-size:32px;margin:9px 0;font-weight:950;color:#fff!important;opacity:1!important;animation:none!important}
.rlr-meta{color:#fff;font-weight:800}
.rlr-message{margin:10px 0;font-size:16px}
.rlr-done{display:flex;align-items:center;gap:10px;padding:9px 5px;border-bottom:1px solid #202536}
.rlr-done b{color:#7ee8ff;width:32px;flex:0 0 32px}
.rlr-done span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rlr-empty{color:#fff;font-size:13px;font-weight:800}
@media(max-width:1200px){
  .rlr-layout{grid-template-columns:minmax(200px,260px) minmax(0,1fr)}
  .rlr-completed-panel{grid-column:1/-1}
  .rlr-completed-panel .rlr-card{max-height:220px;overflow:auto}
}
@media(max-width:850px){
  .aiwow-rlr{padding:18px 12px}
  .rlr-top{align-items:flex-start;flex-direction:column}
  .rlr-layout{grid-template-columns:1fr}
  .rlr-main{min-height:620px;justify-content:flex-start}
  .rlr-sidebar{order:2}
  .rlr-completed-panel{grid-column:auto}
  .rlr-machine{height:190px}
}
@media(max-width:520px){
  .rlr-actions{width:100%}
  .rlr-actions .button{flex:1}
  .rlr-machine{height:160px}
  .rlr-roll{width:100%;max-width:360px}
  .rlr-winner h2{font-size:23px}
}

.rlr-available-list{display:flex;flex-direction:column;gap:7px;max-height:360px;overflow:auto;padding-right:3px}
.rlr-available{display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:9px;background:#171b27;border:1px solid #252b3b;font-weight:800}
.rlr-available-number{flex:0 0 34px;text-align:center;color:#7de9ff;font-weight:950}
.rlr-available-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff!important;font-weight:900!important;opacity:1!important}
.rlr-completed-panel .rlr-done{font-weight:800}
.rlr-completed-panel .rlr-done span{color:#fff!important;font-weight:900!important;opacity:1!important}
.rlr-question,.rlr-brand,.rlr-session,.rlr-numbers span,.rlr-winner-number,.rlr-message,.rlr-actions .button,.rlr-roll,.rlr-done b{font-weight:900}
.rlr-status-error,.rlr-status-complete{font-weight:900}

/* v1.3.2: force the selected leader name to remain solid white and bold, even when theme/plugin CSS overrides it. */
#aiwow-rlr #rlr-name, #aiwow-rlr .rlr-winner h2 { color:#fff !important; -webkit-text-fill-color:#fff !important; font-weight:900 !important; opacity:1 !important; visibility:visible !important; text-shadow:none !important; animation:none !important; display:block !important; }
#aiwow-rlr #rlr-name::before, #aiwow-rlr #rlr-name::after { color:#fff !important; opacity:1 !important; }
#aiwow-rlr .rlr-available-list, #aiwow-rlr .rlr-completed-panel { opacity:1 !important; }
#aiwow-rlr .rlr-available-name, #aiwow-rlr .rlr-done span { color:#fff !important; font-weight:900 !important; opacity:1 !important; }


/* v1.3.5: three-minute speaking countdown */
.rlr-timer{
  margin:16px auto 4px;
  min-width:190px;
  padding:10px 18px;
  border-radius:14px;
  border:2px solid #4caeff;
  background:#080c15;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:44px;
  line-height:1;
  font-weight:950 !important;
  font-variant-numeric:tabular-nums;
  letter-spacing:.04em;
  text-align:center;
  opacity:1 !important;
  text-shadow:none !important;
}
.rlr-timer-note{color:#fff!important;font-size:12px;font-weight:900!important;opacity:1!important}
.rlr-timer.rlr-timer-warning{border-color:#fff}
.rlr-timer.rlr-timer-finished{border-color:#ff8f9a}


/* v1.3.6: compact the center stage so the selected leader, timer and controls fit within a normal desktop viewport without changing any roller logic. */
@media(min-width:851px){
  .rlr-main{min-height:calc(100vh - 150px);}
  .rlr-question{margin-top:0;}
}
.aiwow-rlr:fullscreen{padding:12px 24px;overflow:hidden;}
.aiwow-rlr:fullscreen .rlr-layout{margin-top:10px;}
.aiwow-rlr:fullscreen .rlr-main{min-height:calc(100vh - 105px);padding-top:10px;}
.aiwow-rlr:fullscreen .rlr-machine{height:190px;margin:8px 0 8px;}
.aiwow-rlr:fullscreen .rlr-winner{margin-top:8px;padding:12px;}
