.mon{--gutter:clamp(20px, 3.5vw, 56px);--num:34px;--team:30px;--small:18px;--cal:54px;--barh:10px;--bargap:6px;background:var(--bg);color:var(--ink);font-family:var(--text);position:fixed;inset:0;overflow:hidden}.mon .board{height:100%;padding:var(--gutter);gap:calc(var(--gutter) * .7);grid-template:"head""clock""lanes"1fr"foot"/minmax(0,1fr);display:grid}.mon .head{justify-content:space-between;align-items:center;gap:var(--gutter);padding-bottom:calc(var(--gutter) * .5);border-bottom:1px solid var(--line);grid-area:head;display:flex}.mon .logo{height:clamp(28px,4.2vw,56px);color:var(--ink)}.mon .logo svg{width:auto;height:100%;display:block}.mon .station{text-align:right}.mon .station strong{font-family:var(--display);letter-spacing:.06em;color:var(--magenta);font-size:clamp(30px,5vw,64px);font-weight:400;line-height:1;display:block}.mon .station span{color:var(--ink-dim);margin-top:6px;font-size:clamp(16px,2vw,26px);display:block}.mon .clock{align-items:end;gap:var(--gutter);grid-area:clock;grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.mon .time{font-family:var(--display);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:clamp(120px,22vw,300px);font-weight:400;line-height:.85}.mon .time.final{color:var(--magenta)}.mon .time.word{letter-spacing:.06em;white-space:nowrap;font-size:clamp(48px,9.5vw,140px);line-height:1}.mon .time-label{color:var(--ink-dim);text-align:right;margin-bottom:10px;font-size:clamp(16px,2vw,26px)}.mon .time-label b{font-family:var(--display);color:var(--ink);letter-spacing:.02em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:2.2em;font-weight:400;display:block}.mon .track{background:var(--line);border-radius:4px;grid-column:1/-1;height:8px;overflow:hidden}.mon .track i{background:linear-gradient(90deg, var(--purple), var(--magenta));width:100%;height:100%;transition:width .3s linear;display:block}.mon .lanes{grid-area:lanes;min-height:0;position:relative}.mon .lane{will-change:transform;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:clamp(14px,2.2vw,30px);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .3s;display:grid;position:absolute;top:0;left:0;right:0}.mon .lane.off .num,.mon .lane.off .team,.mon .lane.off .cal,.mon .lane.off .rate,.mon .lane.off .bar,.mon .lane.off .divtext{opacity:.4}.mon .num{font-family:var(--display);font-size:var(--num);text-align:center;width:1.7em;color:var(--ink-dim);border-right:2px solid var(--line);align-self:stretch;place-items:center;line-height:1;display:grid}.mon .lane.lead .num{color:var(--magenta);border-color:var(--magenta)}.mon .who{grid-template:"team team cal""div div rate""bar bar bar"/minmax(0,1fr) auto auto;align-items:center;column-gap:clamp(12px,1.6vw,24px);min-width:0;display:grid}.mon .team{font-weight:600;font-size:var(--team);line-height:var(--team-lh,1.1);overflow-wrap:anywhere;grid-area:team;align-self:end}.mon .div{color:var(--ink-dim);font-size:var(--small);white-space:nowrap;text-overflow:ellipsis;grid-area:div;align-self:start;line-height:1.2;overflow:hidden}.mon .div em{color:var(--ink);font-style:normal}.mon .cal{font-family:var(--display);font-size:var(--cal);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;grid-area:cal;align-self:end;min-width:3.6em;line-height:1}.mon .cal small{font-family:var(--text);color:var(--ink-dim);margin-left:4px;font-size:.34em}.mon .cal .ok{font-family:var(--text);color:var(--ok);vertical-align:middle;margin-right:.3em;font-size:.5em}.mon .rate{color:var(--ink-dim);font-size:var(--small);text-align:right;white-space:nowrap;grid-area:rate;align-self:start;line-height:1.2}.mon .bar{height:var(--barh);margin-top:var(--bargap);background:var(--surface);border-radius:2px;grid-area:bar;position:relative;overflow:hidden}.mon .bar i{background-color:var(--purple);background-image:repeating-linear-gradient(90deg,#ffffff14 0 2px,#0000 2px 6px);border-radius:2px;width:0;height:100%;transition:width .45s ease-out,background-color .4s;display:block}.mon .lane.lead .bar i{background-color:var(--magenta)}.mon .lane.lead .cal{color:var(--magenta)}.mon .lane.done .bar i{background-color:var(--ink-dim)}.mon .lane.lead.done .bar i{background-color:var(--magenta)}.mon .dot{vertical-align:-.02em;border:2px solid #0000;border-radius:50%;width:.72em;height:.72em;margin-right:.45em;display:inline-block}.mon .dot.verde{background:var(--ok)}.mon .dot.ambar{background:var(--warn)}.mon .dot.rojo{background:var(--danger)}.mon .dot.gris{border-color:var(--ink-dim);background:0 0}.mon .lane.free{opacity:.32}.mon .lane.free .num{font-size:calc(var(--small) * 1.2)}.mon .freeText{color:var(--ink-dim);font-size:var(--small)}.mon .legend{flex-wrap:wrap;gap:.3em 1.6em;width:100%;font-size:.8em;display:flex}.mon .foot{align-items:center;gap:calc(var(--gutter) * .3) var(--gutter);border-top:1px solid var(--line);padding-top:calc(var(--gutter) * .5);color:var(--ink-dim);flex-wrap:wrap;grid-area:foot;font-size:clamp(14px,1.8vw,22px);display:flex}.mon .foot b{font-family:var(--display);color:var(--ink);margin-right:6px;font-size:1.5em;font-weight:400}.mon .race{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.mon .link{white-space:nowrap;align-items:center;gap:10px;display:flex}.mon .link i{background:var(--danger);border-radius:50%;width:12px;height:12px}.mon .link.on i{background:var(--ok);animation:2.4s ease-out infinite mon-pulse}@keyframes mon-pulse{0%{box-shadow:0 0 #35e08a8c}to{box-shadow:0 0 0 12px #35e08a00}}.mon .audio{font:inherit;color:var(--magenta);border:1px solid var(--magenta);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;padding:.2em .9em}.mon .audio.on{color:var(--ink-dim);border-color:var(--line)}.mon .overlay{z-index:5;background:#000;place-items:center;display:grid;position:absolute;inset:0}.mon .overlay .word{font-family:var(--display);color:var(--magenta);font-variant-numeric:tabular-nums;font-size:min(52vw,52vh);line-height:1}.mon .overlay .word.go{font-size:min(30vw,30vh)}.mon .ribbon{z-index:6;background:var(--warn);color:#000;height:44px;font-family:var(--display);letter-spacing:.4em;place-items:center;font-size:26px;display:grid;position:absolute;top:0;left:0;right:0}.mon.rehearsal .board{padding-top:calc(var(--gutter) + 44px)}.mon .empty{color:var(--ink-dim);text-align:center;place-items:center;font-size:clamp(18px,2.2vw,28px);line-height:1.5;display:grid;position:absolute;inset:0}@media (orientation:landscape) and (min-width:900px){.mon .board{grid-template:"head head""clock lanes"1fr"foot foot"/minmax(300px,28vw) 1fr}.mon .clock{grid-template-columns:minmax(0,1fr);align-content:start;overflow:hidden}.mon .time{font-size:clamp(56px,7.4vw,150px)}.mon .time.word{font-size:clamp(40px,5vw,96px)}.mon .time-label{text-align:left;margin-top:10px}.mon .track{height:6px}.mon .station{text-align:left;align-items:baseline;gap:16px;margin-right:auto;display:flex}.mon .station span{margin:0}}@media (prefers-reduced-motion:reduce){.mon .lane,.mon .bar i,.mon .track i{transition:none}.mon .link.on i{animation:none}}