.campaign-clock{--clock-figures:clamp(24px, 4.2vw, 62px);border:1px solid #704332;border-top:2px solid var(--orange);background:linear-gradient(105deg,#24131d,#0000 37%),repeating-linear-gradient(0deg,#ff581d08 0 1px,#0000 1px 5px),#111013;grid-template-columns:minmax(0,.85fr) minmax(0,1.9fr) minmax(0,1fr);align-items:center;gap:clamp(12px,2.5vw,34px);min-width:0;margin-bottom:11px;padding:clamp(12px,1.7vw,23px) clamp(12px,2.25vw,27px);display:grid;position:relative}.campaign-clock:before,.campaign-clock:after{content:"";pointer-events:none;height:5px;position:absolute;inset-block-start:-2px}.campaign-clock:before{background:var(--hazard);width:68px;inset-inline-start:-1px}.campaign-clock:after{background:var(--violet);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);width:27px;inset-inline-end:-1px}.campaign-clock-head,.campaign-clock-dates{min-width:0}.campaign-clock-index{color:var(--orange-light);font:800 10px/1.15 var(--mono);letter-spacing:.12em;margin-bottom:4px;display:block}.campaign-clock-head h2{letter-spacing:-.035em;font-size:clamp(17px,2.2vw,30px);font-weight:900;line-height:1.12}.campaign-clock-state{border-inline-start:2px solid var(--violet);color:var(--violet-light);margin-top:8px;padding-inline-start:6px;font-size:12px;font-weight:700;line-height:1.3}.campaign-clock-readout{min-width:0}.campaign-clock-digits{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.24fr);gap:clamp(6px,1.05vw,14px);display:grid}.campaign-clock-cell{color:#ff8e64;justify-items:center;min-width:0;padding:clamp(3px,.6vw,7px) 0 4px;display:grid;position:relative}.campaign-clock-cell:before{clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));content:"";background:repeating-linear-gradient(0deg,#48201b 0 1px,#0000 1px 4px),#241715;border-block:1px solid #704332;position:absolute;inset:0}.campaign-clock-cell+.campaign-clock-cell:after{background:var(--violet-light);width:2px;height:3px;box-shadow:0 6px 0 var(--violet-light);content:"";position:absolute;inset-block-start:43%;inset-inline-start:calc(clamp(6px,1.05vw,14px)/-2);transform:translate(-50%)}.campaign-clock-number,.campaign-clock-unit{z-index:1;position:relative}.campaign-clock-number{color:inherit;font:800 var(--clock-figures)/1.04 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.065em;text-shadow:0 0 15px #ff581d42}.campaign-clock-unit{color:var(--violet-light);font:700 clamp(9px, 1vw, 11px)/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase}.campaign-clock-cell[data-fraction]{color:var(--violet-light)}.campaign-clock-cell[data-fraction]:before{background:repeating-linear-gradient(0deg,#322245 0 1px,#0000 1px 4px),#211629;border-color:#67478a}.campaign-clock-cell[data-fraction]:after{box-shadow:none;inset-block-start:64%}.campaign-clock-cell[data-fraction] .campaign-clock-number{font-size:calc(var(--clock-figures) * .78);line-height:calc(var(--clock-figures) * 1.04);text-shadow:0 0 12px #a26bff54}.campaign-clock:is([data-phase=unconfigured],[data-phase=unavailable],[data-phase=loading]) .campaign-clock-number{color:#db9c89}.campaign-clock:is([data-phase=unconfigured],[data-phase=unavailable],[data-phase=loading]) [data-fraction] .campaign-clock-number{color:#bea7d7}.campaign-clock:is([data-phase=ended],[data-phase=finalized]) .campaign-clock-number{color:#b79bb3;text-shadow:none}.campaign-clock[data-phase=unavailable] .campaign-clock-state{border-color:var(--orange);color:var(--orange-light)}.campaign-clock-dates{border-inline-start:1px solid #533b56;gap:7px;padding-inline-start:clamp(9px,1.45vw,18px);display:grid}.campaign-clock-dates dt{color:var(--violet-light);font-size:11px;font-weight:750}.campaign-clock-dates dd{color:var(--ink);font:650 11px/1.35 var(--mono);overflow-wrap:anywhere}@media (max-width:850px){.campaign-clock{grid-template-columns:minmax(0,1fr) minmax(0,2.55fr);row-gap:10px}.campaign-clock-dates{border:0;border-top:1px solid #533b56;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px 0 0}}@media (max-width:525px){.campaign-clock{--clock-figures:clamp(24px, 8.3vw, 44px);grid-template-columns:minmax(0,1fr);gap:8px}.campaign-clock-head{grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:end;column-gap:9px;display:grid}.campaign-clock-index{grid-column:1/-1}.campaign-clock-state{margin-top:0;font-size:11px}}