@font-face{font-family:Oswald;src:url(/fonts/oswald.ttf) format("truetype");font-weight:200 700;font-display:block}
:root{--g:#12b24a;--work:#16d35a;--rest:#ff3b30;--prep:#ffc400;--done:#9aa39c}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;color:#fff;overflow:hidden;font-family:Oswald,Impact,Arial Narrow,sans-serif;cursor:default}
.stage{position:fixed;inset:0;display:grid;grid-template-rows:17vh 8vh 1fr 8vh 4vh 15vh;align-items:center;justify-items:center;padding:2vh 3vw;background:radial-gradient(ellipse at 50% 55%,#0c140e 0%,#000 70%)}
@media (min-aspect-ratio:16/9){.stage{left:50%;width:calc(100vh*16/9);transform:translateX(-50%)}}
.stage::before{content:"";position:absolute;inset:0;border:1.2vh solid transparent;pointer-events:none;transition:border-color .3s}
.stage.work::before{border-color:var(--work)}.stage.rest::before{border-color:var(--rest)}.stage.prep::before{border-color:var(--prep)}
.t-top{display:flex;align-items:center;gap:2vw;height:100%;max-width:90%}.t-top img{height:100%;max-height:15vh;max-width:40vw;width:auto;object-fit:contain}
.t-gym{display:flex;flex-direction:column;justify-content:center}#gymName{font-size:4.2vh;font-weight:700;text-transform:uppercase;letter-spacing:.2vh;line-height:1}#gymSub{font-size:2.3vh;color:#a6b0a8;letter-spacing:.1vh}
.t-state{display:flex;gap:3vw;align-items:center;font-size:6vh;font-weight:700;letter-spacing:.6vh;text-transform:uppercase}
#phase{padding:.2vh 2.4vh;border-radius:1vh;background:#222;color:#000}.work #phase{background:var(--work)}.rest #phase{background:var(--rest);color:#fff}.prep #phase{background:var(--prep)}.done #phase{background:var(--done)}
#round{color:#e9ece9}
.t-clock{font-size:min(38vh,30vw);font-weight:700;line-height:.9;letter-spacing:-.5vh;font-variant-numeric:tabular-nums;text-shadow:0 0 4vh rgba(255,255,255,.08)}
.work .t-clock{color:var(--work);text-shadow:0 0 6vh rgba(22,211,90,.35)}.rest .t-clock{color:var(--rest);text-shadow:0 0 6vh rgba(255,59,48,.35)}.prep .t-clock{color:var(--prep)}
.warn .t-clock{animation:pulse 1s steps(2,start) infinite}@keyframes pulse{50%{opacity:.55}}
.paused .t-clock{opacity:.55}
.t-now{font-size:6.5vh;font-weight:500;color:#e4e7e4;letter-spacing:.4vh;font-variant-numeric:tabular-nums}
.t-preset{font-size:2.4vh;color:#8a948c;letter-spacing:.3vh;text-transform:uppercase}
.t-sponsors{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;gap:3vw;border-top:1px solid #1d231e;padding-top:1.5vh}
.t-sponsors .sp{height:100%;flex:1;display:flex;align-items:center;justify-content:center;gap:1.4vw;min-width:0}
.t-sponsors img{max-height:10vh;max-width:100%;width:auto;object-fit:contain}.t-sponsors span{font-size:3.4vh;font-weight:600;text-transform:uppercase;letter-spacing:.3vh;color:#d9ddd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-banner{position:absolute;top:2vh;left:2vw;max-width:28%!important;text-align:left!important;font-size:1.9vh!important;background:#3d1010;border:2px solid var(--rest);color:#fff;padding:1.5vh 3vh;border-radius:1.2vh;font-family:system-ui,sans-serif;font-size:2.4vh;max-width:80%;text-align:center;z-index:5}
.t-hint{position:absolute;bottom:.6vh;left:0;right:0;text-align:center;font-family:system-ui,sans-serif;font-size:1.6vh;color:#4d554f;transition:opacity 1s}.t-hint.fade{opacity:0}
.t-pair{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#0f2216,#000 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5vh;text-align:center;z-index:10;font-family:system-ui,sans-serif}
.t-pair h2{font-family:Oswald,Impact,sans-serif;font-size:6vh;margin:0;text-transform:uppercase}.t-pair p{font-size:3vh;margin:0}.pair-logo{height:22vh;width:auto}
.pair-code{font-family:Oswald,Impact,sans-serif;font-size:16vh;font-weight:700;letter-spacing:3vh;color:var(--work);padding-left:3vh;line-height:1.1}.t-pair .muted{color:#8a948c;font-size:2.3vh}
.hidden{display:none!important}