/* INFO SCREENS — attendance · message · addedTime
   Organic & simple (docs/DESIGN_ORGANIC.md): flat, white type, the stripes are the only decoration. */
.scene .ix-clock { visibility: hidden; pointer-events: none; }
.scene .ix-band { overflow: hidden; pointer-events: none; }
.scene .ix-svg { position: absolute; left: 0; overflow: visible; }
.scene .ix-svg text { fill: #fff; transform-box: fill-box; transform-origin: center; }
.scene .ix-svg .f-num { font-variant-numeric: tabular-nums; }
/* small spaced line, as on the pre-match screen */
.scene .ix-lab { text-align: center; font-size: 30px; line-height: 44px; letter-spacing: .2em; color: rgba(255,255,255,.65); white-space: nowrap; }
/* team names: the size the pre-match screen renders them at (the two screens are siblings) */
.scene .ix-team { font-size: 47px; line-height: 1.06; color: #fff; white-space: nowrap; letter-spacing: 1px; }

/* ---------------- TEMPO DE COMPENSAÇÃO — white +N like the clock; the orange "+" is the screen's one accent */
.scene-addedTime .ix-svg text.at-num .at-plus { fill: var(--accent); }
.scene-addedTime .at-el { display: flex; justify-content: center; align-items: baseline; gap: 22px; white-space: nowrap; }
.scene-addedTime .at-el-l { font-size: 30px; letter-spacing: .2em; color: rgba(255,255,255,.65); }
.scene-addedTime .at-el-v { font-size: 54px; line-height: 1; color: #fff; }

/* ---------------- MENSAGEM — one big line + one small line, left on the 120 px margin */
.scene-message .msg-block { display: flex; flex-direction: column; align-items: flex-start; }
/* each line rises from its own mask; the mask (font-size = the title's) has room above the caps for accents
   (Á, Í, Ã) — the padding / negative margin pair keeps the lines flush, as before */
.scene-message .msg-line { overflow: hidden; padding: .3em 0 .08em; margin: -.3em 0 -.08em; }
.scene-message .msg-title { color: #fff; line-height: .98; white-space: nowrap; letter-spacing: .01em; }
.scene-message .msg-sub { margin-top: 40px; font-size: 36px; line-height: 1.1; letter-spacing: .16em; color: rgba(255,255,255,.65); white-space: nowrap; }
