/* Kawat live scoreboard: TV score bug + Scorer's table (used on the map/rooms and on watch.php) */
.kb-bug{display:inline-flex;align-items:stretch;height:38px;border-radius:8px;overflow:hidden;background:#0A0E1A;color:#fff;font-family:Inter,system-ui,sans-serif;box-shadow:0 6px 20px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.15)}
.kb-team{position:relative;display:flex;align-items:center;gap:7px;padding:0 10px 0 0;background:linear-gradient(180deg,#1B2340,#0E1428);border-right:1px solid rgba(255,255,255,.1)}
.kb-col{width:6px;align-self:stretch}
.kb-team b{font:900 italic 14px Archivo,Inter,sans-serif;letter-spacing:.04em;min-width:30px}
.kb-team em{font:900 20px Archivo,Inter,sans-serif;font-style:normal;min-width:26px;text-align:right;font-variant-numeric:tabular-nums}
.kb-fouls{position:absolute;left:12px;bottom:1px;font-style:normal;font-size:8px;letter-spacing:1px;color:#FCD116;line-height:1}
.kb-fouls.bonus{font:800 7px Inter,sans-serif;letter-spacing:.08em;color:#FCA5A5}
.kb-per{display:flex;align-items:center;padding:0 9px;background:#FCD116;color:#111;font:900 italic 13px Archivo,Inter,sans-serif}
.kb-clock{display:flex;align-items:center;padding:0 11px;font:800 17px Inter,sans-serif;font-variant-numeric:tabular-nums;min-width:62px;justify-content:center;background:#0A0E1A}
.kb-clock.low{color:#FF6B6B}
.kb-bug.run .kb-clock{color:#fff}
.kb-shot{display:flex;align-items:center;justify-content:center;min-width:34px;background:#CE1126;font:900 15px Inter,sans-serif;font-variant-numeric:tabular-nums}
.kb-shot.low{background:#FF2D2D;animation:kbp .5s infinite alternate}
@keyframes kbp{to{filter:brightness(1.4)}}
.kb-bug.big{height:52px;border-radius:12px}.kb-bug.big .kb-team b{font-size:18px;min-width:40px}.kb-bug.big .kb-team em{font-size:28px;min-width:36px}
.kb-bug.big .kb-clock{font-size:24px;min-width:90px}.kb-bug.big .kb-per{font-size:16px;padding:0 12px}.kb-bug.big .kb-shot{font-size:20px;min-width:44px}.kb-bug.big .kb-fouls{font-size:10px}
/* on a video */
.kb-on-video{position:absolute;left:12px;bottom:14px;z-index:5;pointer-events:none;transform-origin:left bottom}
@media (max-width:560px){.kb-on-video{transform:scale(.82);left:8px;bottom:8px}}
/* scorer's table */
.kb-overlay{position:fixed;inset:0;z-index:3000;background:rgba(3,6,14,.75);backdrop-filter:blur(4px);display:grid;place-items:center;padding:12px}
.kb-panel{width:100%;max-width:640px;max-height:94vh;overflow:auto;background:#0F1628;color:#F4F6FB;border:1px solid #243056;border-radius:22px;padding:16px;font-family:Inter,system-ui,sans-serif}
.kb-panel .kb-bug{max-width:100%}
.kb-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}.kb-top b{font:900 italic 20px Archivo,Inter,sans-serif;text-transform:uppercase}.kb-top span{flex:1;color:#8C97B5;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-x{background:none;border:0;color:#8C97B5;font-size:18px;cursor:pointer;padding:6px}
.kb-roles{font-size:13px;color:#C6CDE2;margin:10px 0}.kb-onair{color:#34D399;font-weight:700;margin-left:6px}.kb-off{color:#8C97B5;margin-left:6px}
.kb-msg{background:rgba(206,17,38,.18);color:#FCA5A5;border-radius:10px;padding:8px 10px;font-size:13px}
.kb-sec{background:#151E36;border-radius:16px;padding:14px;margin-top:10px}
.kb-sec h4{margin:0 0 10px;font:800 12px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8C97B5}
.kb-clockrow{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.kb-bigclock{flex:1;font:900 56px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.kb-bigclock.low{color:#FF6B6B}
.kb-go{border:0;border-radius:16px;padding:18px 22px;min-width:140px;background:#10B981;color:#fff;font:900 20px Inter,sans-serif;cursor:pointer}
.kb-go.stop{background:#CE1126}
.kb-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.kb-b{border:0;border-radius:12px;padding:10px 14px;background:#F26B1D;color:#fff;font:800 15px Inter,sans-serif;cursor:pointer}
.kb-b.ghost{background:transparent;border:1px solid #243056;color:#F4F6FB}.kb-b.sm{padding:7px 11px;font-size:13px}.kb-b.on{background:#FCD116;color:#111}
.kb-b.pts{flex:1;font-size:18px;padding:14px 0}
.kb-b:active{transform:scale(.96)}
.kb-chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#C6CDE2;margin-right:8px}.kb-chk select{background:#0A0E1A;color:#fff;border:1px solid #243056;border-radius:8px;padding:5px}
.kb-shotv{font:900 22px Inter,sans-serif;color:#FCA5A5;min-width:30px;text-align:center}
.kb-teams{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:480px){.kb-teams{grid-template-columns:1fr}.kb-bigclock{font-size:44px}.kb-go{min-width:110px;padding:16px}}
.kb-sc{background:#0F1628;border-radius:14px;padding:12px}
.kb-sc-h{display:flex;align-items:center;gap:8px}.kb-sc-h .kb-col{width:10px;height:22px;border-radius:3px}.kb-sc-h b{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-big{font:900 italic 54px/1.1 Archivo,Inter,sans-serif;margin:4px 0}
.kb-row.fouls{justify-content:space-between}.kb-row.fouls span{font-size:13px;color:#C6CDE2;flex:1}
.kb-hostrow{display:flex;gap:8px;flex-wrap:wrap}
/* inside a challenge room (map app) */
.room-board{margin:10px 0;padding:10px;border-radius:14px;background:var(--surface-2,#f3f4f6);display:grid;gap:8px}
.room-board .kb-bug{justify-self:start;max-width:100%}
.room-board .rb-acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.room-board .rb-off{font-size:12.5px;color:var(--muted,#6b7280)}
.off-list{display:grid;gap:6px;margin-top:10px}
.off-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line,#e5e7eb);border-radius:12px}
.off-row b{flex:1}
.off-row button{border:1px solid var(--line,#e5e7eb);background:none;border-radius:999px;padding:6px 12px;font-weight:700;font-size:12.5px;cursor:pointer;color:inherit}
.off-row button.on{background:#0038A8;border-color:#0038A8;color:#fff}