/* v418.3.7 — Breakzi Signature OBS skin.
     Visual-only redesign: live score/name/race/round logic below is intentionally untouched. */
  :root{
    --bz-bg:#03090f;
    --bz-panel:#07111a;
    --bz-panel-2:#0b1721;
    --bz-green:#10e889;
    --bz-green-soft:rgba(16,232,137,.42);
    --bz-green-faint:rgba(16,232,137,.13);
    --bz-white:#f7fbff;
    --bz-muted:#bfcbd4;
  }
*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:transparent!important;font-family:Inter,Arial,Helvetica,sans-serif}

  .obs-clean-wrap{
    position:fixed;left:50%;bottom:20px;transform:translateX(-50%);
    width:min(1780px,94vw);height:112px;color:var(--bz-white);overflow:visible;text-transform:uppercase;
    filter:drop-shadow(0 12px 24px rgba(0,0,0,.38));
  }
  .obs-clean-wrap:before{
    content:"";position:absolute;left:0;right:0;top:3px;height:68px;z-index:-2;
    background:linear-gradient(180deg,rgba(9,22,31,.98),rgba(2,8,13,.98));
    border-top:2px solid rgba(16,232,137,.9);border-bottom:1px solid rgba(16,232,137,.6);
    box-shadow:0 0 14px rgba(16,232,137,.16),inset 0 0 0 1px rgba(255,255,255,.025);
    clip-path:polygon(1.4% 0,98.6% 0,100% 50%,98.6% 100%,1.4% 100%,0 50%);
  }
  .obs-clean-wrap:after{
    content:"";position:absolute;left:2.5%;right:2.5%;top:0;height:4px;z-index:-1;
    background:linear-gradient(90deg,transparent 0%,var(--bz-green) 7%,rgba(16,232,137,.24) 20%,rgba(16,232,137,.24) 80%,var(--bz-green) 93%,transparent 100%);
    box-shadow:0 0 11px rgba(16,232,137,.28);
  }

  .obs-clean-main{
    height:75px;display:grid;grid-template-columns:minmax(0,1fr) 88px 116px 88px minmax(0,1fr);
    gap:10px;align-items:center;padding:7px 34px 0;box-sizing:border-box;
  }
  .obs-clean-player{
    position:relative;height:57px;display:flex;align-items:center;justify-content:center;min-width:0;padding:0 34px;
    background:linear-gradient(180deg,rgba(12,26,36,.98),rgba(4,11,17,.98));
    border-top:1px solid rgba(16,232,137,.72);border-bottom:1px solid rgba(16,232,137,.72);
    box-shadow:inset 0 0 22px rgba(16,232,137,.025),0 0 10px rgba(16,232,137,.06);
  }
  .obs-clean-left{clip-path:polygon(2.6% 0,98.2% 0,100% 50%,98.2% 100%,2.6% 100%,0 50%)}
  .obs-clean-right{clip-path:polygon(1.8% 0,97.4% 0,100% 50%,97.4% 100%,1.8% 100%,0 50%)}
  .obs-clean-player:before{
    content:"";position:absolute;top:7px;bottom:7px;width:5px;background:linear-gradient(180deg,#39f3a2,#08c66e);
    box-shadow:0 0 12px rgba(16,232,137,.72);opacity:.92;
  }
  .obs-clean-left:before{left:12px;transform:skewX(-20deg)}
  .obs-clean-right:before{right:12px;transform:skewX(20deg)}
  .obs-clean-player:after{
    content:"";position:absolute;left:8%;right:8%;bottom:3px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(16,232,137,.45),transparent);opacity:.7;
  }
  .obs-clean-player span{
    position:relative;z-index:1;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;
    font-size:clamp(21px,1.52vw,30px);line-height:1;font-weight:1000;letter-spacing:.015em;
    color:#f7fbff;text-shadow:0 2px 9px rgba(0,0,0,.78);
  }

  .obs-clean-score{
    position:relative;height:57px;display:grid;place-items:center;
    background:linear-gradient(180deg,#ffffff 0%,#eff3f5 47%,#cdd6dc 100%);color:#06101a;
    border:1px solid rgba(255,255,255,.82);border-radius:7px;font-size:42px;line-height:1;font-weight:1000;
    box-shadow:0 5px 13px rgba(0,0,0,.38),inset 0 1px 0 #fff;
    clip-path:polygon(8% 0,92% 0,100% 12%,96% 88%,90% 100%,10% 100%,4% 88%,0 12%);
  }
  .obs-clean-score:after{
    content:"";position:absolute;inset:4px;border:1px solid rgba(7,18,27,.09);pointer-events:none;
    clip-path:polygon(8% 0,92% 0,100% 12%,96% 88%,90% 100%,10% 100%,4% 88%,0 12%);
  }

  .obs-clean-race{
    position:relative;height:68px;display:grid;place-items:center;align-content:center;overflow:visible;
    background:linear-gradient(180deg,#0a1a22,#041019 60%,#07151d);border:1px solid rgba(16,232,137,.92);
    box-shadow:0 0 15px rgba(16,232,137,.18),inset 0 0 20px rgba(16,232,137,.045);
    clip-path:polygon(12% 0,88% 0,100% 18%,94% 82%,84% 100%,16% 100%,6% 82%,0 18%);
  }
  .obs-clean-race:before,.obs-clean-race:after{
    content:"";position:absolute;top:8px;bottom:8px;width:2px;background:var(--bz-green);box-shadow:0 0 9px rgba(16,232,137,.6);opacity:.75;
  }
  .obs-clean-race:before{left:8px;transform:skewX(-13deg)}
  .obs-clean-race:after{right:8px;transform:skewX(13deg)}
  .obs-clean-race small{display:block;font-size:11px;line-height:1;letter-spacing:.16em;font-weight:1000;color:#edf7f3;margin:0 0 3px}
  .obs-clean-race strong{display:block;font-size:31px;line-height:.9;font-weight:1000;color:var(--bz-green);text-shadow:0 0 13px rgba(16,232,137,.34);margin:0}

  .obs-clean-footer{
    position:absolute;left:18%;right:18%;bottom:0;height:34px;display:flex;align-items:center;justify-content:center;gap:19px;
    padding:0 32px 1px;background:linear-gradient(180deg,rgba(8,20,28,.97),rgba(3,10,15,.98));
    border-top:1px solid rgba(16,232,137,.58);border-bottom:1px solid rgba(16,232,137,.42);
    box-shadow:0 5px 15px rgba(0,0,0,.25),0 0 11px rgba(16,232,137,.07);
    clip-path:polygon(2.2% 0,97.8% 0,100% 50%,97.8% 100%,2.2% 100%,0 50%);
    font-size:13px;line-height:1;font-weight:1000;letter-spacing:.035em;
  }
  .obs-clean-footer:before{
    content:"";position:absolute;left:8%;right:8%;bottom:2px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(16,232,137,.48),transparent);opacity:.7;
  }
  .obs-clean-footer b{
    width:2px;height:20px;border-radius:0;background:var(--bz-green);display:inline-block;flex:0 0 auto;
    box-shadow:0 0 7px rgba(16,232,137,.42);opacity:.86;
  }
  .obs-clean-footer span{position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}
  .obs-clean-footer span:first-child{max-width:58%}

  .obs-state-note{
    position:fixed;right:10px;bottom:138px;padding:4px 7px;border-radius:6px;
    background:rgba(3,12,16,.42);border:1px solid rgba(16,232,137,.14);color:rgba(210,226,233,.72);
    font:800 9px Inter,Arial;letter-spacing:.06em;
  }

  @media (max-width:1200px){
    .obs-clean-wrap{width:96vw}
    .obs-clean-main{grid-template-columns:minmax(0,1fr) 67px 88px 67px minmax(0,1fr);gap:7px;padding-left:22px;padding-right:22px}
    .obs-clean-player{padding:0 18px}
    .obs-clean-player span{font-size:clamp(18px,2vw,25px)}
    .obs-clean-footer{left:12%;right:12%;font-size:11px;gap:13px;padding-left:22px;padding-right:22px}
  }

/* Approved hexagon photo layout for the single-match OBS overlay. */
.obs-clean-wrap{height:132px;bottom:20px}
.obs-clean-main{padding-left:80px;padding-right:80px}
.obs-clean-player span{white-space:normal;overflow-wrap:anywhere;line-height:1.1;text-align:center;font-size:clamp(14px,1.8vw,29px)}
.obs-clean-left{padding-left:35px;padding-right:16px}
.obs-clean-right{padding-right:35px;padding-left:16px}
.obs-hex{position:absolute;top:-14px;width:108px;height:108px;z-index:5;filter:drop-shadow(0 4px 9px #0009)}
.obs-hex-a{left:0}.obs-hex-b{right:0}
.obs-hex>.bz-ticker-player{display:block;width:100%;height:100%;padding:3px;background:linear-gradient(135deg,#43ffc1,#007d5d);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.obs-hex .bz-ticker-player-name{display:none}
.obs-hex .bz-ticker-avatar{position:relative;display:grid;place-items:center;width:100%;height:100%;background:#102b32;color:#fff;font:900 30px Arial;overflow:hidden;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.obs-hex img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.obs-clean-score{clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%,12% 50%)}
@media(max-width:1100px){
 .obs-clean-main{padding-left:65px;padding-right:65px;grid-template-columns:minmax(0,1fr) 65px 90px 65px minmax(0,1fr);gap:6px}
 .obs-hex{width:86px;height:86px;top:-3px}
 .obs-clean-left{padding-left:25px;padding-right:10px}.obs-clean-right{padding-right:25px;padding-left:10px}
 .obs-clean-player span{font-size:clamp(13px,1.8vw,22px)}
}
@media(max-width:600px){
 .obs-clean-wrap{width:98vw;height:115px;bottom:10px}
 .obs-clean-main{padding-left:38px;padding-right:38px;grid-template-columns:minmax(0,1fr) 36px 44px 36px minmax(0,1fr);gap:3px}
 .obs-hex{width:50px;height:58px;top:10px}
 .obs-hex .bz-ticker-avatar{font-size:17px}
 .obs-clean-left{padding-left:13px;padding-right:4px}.obs-clean-right{padding-right:13px;padding-left:4px}
 .obs-clean-player span{font-size:11px}
 .obs-clean-score{font-size:28px;height:48px}
 .obs-clean-race{height:48px}.obs-clean-race small{font-size:8px}.obs-clean-race strong{font-size:20px}
 .obs-clean-footer{width:90%;min-width:0;font-size:8px;gap:6px;padding:5px}
}

.obs-clean-player .ref-player-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:0 0 28px;margin-left:9px;white-space:nowrap!important;line-height:1!important;overflow:visible;font-size:10px!important}.obs-clean-right .ref-player-status{order:-1;margin-left:0;margin-right:9px}.ref-ball{display:block;width:19px;height:19px;border-radius:50%;box-shadow:inset -3px -3px 6px #0005,0 0 0 1px #fff5}.ref-ball.red{background:radial-gradient(circle at 30% 25%,#ffc2c5,#f3223e 50%,#a31323)}.ref-ball.yellow{background:radial-gradient(circle at 30% 25%,#fffccb,#ffd035 50%,#aa7e00)}.ref-ball.none{visibility:hidden}.ref-ext,.ref-sets{font:700 8px Arial;color:#c5dfd6;letter-spacing:.02em}.obs-clean-player.ref-active{border-bottom:3px solid #43fbc1;box-shadow:inset 0 -8px 16px #14e89018}.obs-clean-race.ref-clock-enabled{display:flex;flex-direction:column;justify-content:center;padding:2px 4px;gap:1px}.obs-clean-race .ref-clock-title{font-size:8px!important;line-height:1}.obs-clean-race .ref-clock-value{font-size:29px!important;line-height:1!important;font-variant-numeric:tabular-nums;letter-spacing:0}.obs-clean-race .ref-clock-sub{font-size:8px!important;line-height:1.1}.obs-clean-race.ref-clock-warning .ref-clock-value{color:#ffd465}.obs-clean-race.ref-clock-zero .ref-clock-value{color:#ff5769}.ref-footer-info{color:#a6fddd}@media(max-width:600px){.obs-clean-player .ref-player-status{flex-basis:15px;margin-left:3px;gap:1px}.obs-clean-right .ref-player-status{margin-right:3px;margin-left:0}.ref-ball{width:12px;height:12px}.ref-ext,.ref-sets{font-size:5px}.obs-clean-race .ref-clock-title{font-size:5px!important}.obs-clean-race .ref-clock-value{font-size:21px!important}.obs-clean-race .ref-clock-sub{font-size:5px!important}}

/* Same tournament artwork, positioned inside either an overlay canvas or Studio preview. */
[hidden]{display:none!important}
#overlayRoot{min-height:100vh;display:flex;align-items:flex-end;justify-content:center;padding:32px 0 20px}
#overlayRoot>.ob-board{position:relative;left:auto;bottom:auto;transform:none;flex:none}
.ob-board{isolation:isolate}
.ob-live-badge{position:absolute;right:0;top:-10px;transform:translateY(-100%);padding:5px 9px;border-radius:6px;border:1px solid #10e88988;background:#031218e8;font:800 10px Arial;color:#d7f9ed;letter-spacing:.06em}
.ob-live-badge::before{content:'';display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#10e889;box-shadow:0 0 8px #10e889}
.ob-board.reconnecting .ob-live-badge{color:#ffd783}.ob-board.reconnecting .ob-live-badge::before{background:#ffd783}
.ob-name-wrap{min-width:0;flex:1;height:100%;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,1.8vw,29px)}
.ob-player .ob-name{font-size:inherit;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;white-space:normal;max-height:100%;}
.ob-portrait{border-radius:0;border:0}.ob-portrait b{background:none!important;width:auto!important;height:auto!important;box-shadow:none!important}
.ob-board .obs-clean-footer{width:auto;min-width:0;max-width:none;flex-wrap:nowrap}
.ob-board .obs-clean-footer span{min-width:0;max-width:none;text-overflow:clip}
.ob-board .ref-footer-info{flex-shrink:0}
.ob-demo{position:absolute;left:0;top:-32px;color:#f4d29b;font:800 9px Arial}
.ob-score.updated{animation:ob-flash .35s ease-out}@keyframes ob-flash{from{background:#10e889}to{background:#eff3f5}}
.preview-stage{container-type:inline-size;overflow:visible!important;padding:32px 0 0!important}
.preview-stage .ob-board{position:relative;left:auto;bottom:auto;transform:none;width:100%;height:115px}
.preview-stage .ob-main{padding-left:38px;padding-right:38px;grid-template-columns:minmax(0,1fr) 36px 44px 36px minmax(0,1fr);gap:3px}
.preview-stage .obs-hex{width:50px;height:58px;top:10px}
.preview-stage .ob-player{padding:0 12px;flex-direction:row!important}
.preview-stage .ob-name-wrap{font-size:11px}.preview-stage .ob-player span{font-size:inherit!important}
.preview-stage .ob-score{font-size:28px!important;height:48px}.preview-stage .ob-race{height:48px}.preview-stage .ob-race strong{font-size:20px!important}
.preview-stage .obs-clean-footer{left:5%;right:5%;font-size:8px!important;gap:6px!important;padding:5px}
.preview-stage .ob-race small{font-size:6px!important}.preview-stage .obs-hex .bz-ticker-avatar{font-size:17px}
@media(max-width:600px){.ob-name-wrap{font-size:11px}.ob-board .obs-clean-footer{left:5%;right:5%;width:auto}.ob-live-badge{font-size:8px}.ob-board .ref-footer-info{font-size:7px}}
@media(prefers-reduced-motion:reduce){.ob-score.updated{animation:none}}
/* Preserve the tournament RACE typography when no clock is displayed. */
.ob-board .obs-clean-race:not(.ref-clock-enabled) .ref-clock-title{font-size:11px!important}
.ob-board .obs-clean-race:not(.ref-clock-enabled) .ref-clock-value{font-size:31px!important}
@media(max-width:600px){.ob-board .obs-clean-race:not(.ref-clock-enabled) .ref-clock-title{font-size:8px!important}.ob-board .obs-clean-race:not(.ref-clock-enabled) .ref-clock-value{font-size:20px!important}}
.preview-stage .ob-board .obs-clean-race:not(.ref-clock-enabled) .ref-clock-title{font-size:6px!important}
.preview-stage .ob-board .obs-clean-race:not(.ref-clock-enabled) .ref-clock-value{font-size:20px!important}

.ref-ball.white{visibility:visible;background:radial-gradient(circle at 30% 25%,#fff 0%,#fff 22%,#e7ecf0 56%,#9baab5 100%);box-shadow:inset -3px -3px 5px #65798566,0 0 0 1px #fff9,0 0 9px #ffffff35}