/* v1.16.0-beta.23 — first-person matchday room */
.matchday-room,
.matchday-exit,
.matchday-room-career {
  --room-gold:#f7d46a;
  --room-mint:#6bf2c8;
  --room-ink:#07110e;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-color:rgba(247,212,106,.25);
  background:
    radial-gradient(circle at 8% 0%,rgba(107,242,200,.11),transparent 28%),
    linear-gradient(145deg,rgba(9,25,20,.98),rgba(5,11,10,.98));
  writing-mode:horizontal-tb;
  text-orientation:mixed;
}
.matchday-exit { container-type:inline-size; }
.matchday-room::before {
  content:'';
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--room-gold),var(--room-mint),transparent);
  opacity:.75;
  pointer-events:none;
}
.matchday-room.has-pending { box-shadow:0 0 0 1px rgba(247,212,106,.14),0 22px 60px rgba(0,0,0,.3); }
.matchday-room.is-ready { border-color:rgba(107,242,200,.42); }
.matchday-room-head,
.matchday-locker,
.matchday-exit,
.matchday-room-career .panel-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.matchday-room-head h2,
.matchday-exit h2,
.matchday-room-career h2 { margin:4px 0 7px; font-size:clamp(20px,2.1vw,30px); line-height:1.12; }
.matchday-room-head p,
.matchday-exit p { max-width:72ch; margin:0; color:rgba(235,247,241,.72); line-height:1.55; }
.matchday-room-head>span {
  min-width:142px;
  padding:12px 14px;
  border:1px solid rgba(247,212,106,.25);
  border-radius:14px;
  background:rgba(0,0,0,.25);
  text-align:right;
}
.matchday-room-head>span small,
.matchday-room-head>span em { display:block; color:rgba(235,247,241,.58); font-size:10px; font-style:normal; letter-spacing:.12em; }
.matchday-room-head>span b { display:block; margin:2px 0; color:var(--room-gold); font-size:28px; font-variant-numeric:tabular-nums; }
.matchday-room.is-ready .matchday-room-head>span b,
.matchday-room.is-ready .matchday-room-head>span em { color:var(--room-mint); }
.matchday-arrival-track {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:18px 0;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.matchday-arrival-track span { position:relative; min-width:0; padding:0 12px; }
.matchday-arrival-track span:not(:last-child)::after { content:''; position:absolute; z-index:-1; top:28px; left:54%; width:92%; height:1px; background:rgba(255,255,255,.16); }
.matchday-arrival-track b { display:block; color:var(--room-gold); font-size:16px; font-variant-numeric:tabular-nums; }
.matchday-arrival-track i { display:block; width:10px; height:10px; margin:5px 0 7px; border:2px solid rgba(255,255,255,.4); border-radius:50%; background:var(--room-ink); }
.matchday-arrival-track .is-complete i { border-color:var(--room-mint); background:var(--room-mint); }
.matchday-arrival-track .is-current i { border-color:var(--room-gold); box-shadow:0 0 0 5px rgba(247,212,106,.12); }
.matchday-arrival-track small { display:block; color:rgba(235,247,241,.67); font-size:11px; line-height:1.35; }
.matchday-locker { align-items:stretch; margin:16px 0; }
.locker-shirt {
  display:grid;
  place-items:center;
  width:152px;
  min-height:160px;
  padding:14px;
  border:1px solid rgba(247,212,106,.25);
  border-radius:18px 18px 8px 8px;
  background:linear-gradient(155deg,rgba(247,212,106,.13),rgba(255,255,255,.025));
  text-align:center;
}
.locker-shirt small { color:rgba(235,247,241,.6); font-size:9px; letter-spacing:.16em; }
.locker-shirt b { color:#fff5cf; font-size:64px; line-height:.85; font-variant-numeric:tabular-nums; }
.locker-shirt strong { width:100%; overflow:hidden; color:var(--room-gold); text-overflow:ellipsis; white-space:nowrap; }
.kit-manager {
  display:flex;
  flex:1;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.kit-manager>i { display:grid; flex:0 0 48px; width:48px; height:48px; place-items:center; border-radius:50%; color:var(--room-ink); background:var(--room-mint); font-weight:900; font-style:normal; }
.kit-manager span { min-width:0; }
.kit-manager small,.kit-manager strong,.kit-manager em { display:block; }
.kit-manager small { color:rgba(235,247,241,.55); font-size:10px; letter-spacing:.08em; }
.kit-manager strong { margin:2px 0 7px; font-size:18px; }
.kit-manager em { color:rgba(235,247,241,.74); font-style:normal; line-height:1.45; }
.matchday-final-word {
  margin:16px 0;
  padding:16px 18px;
  border:0;
  border-left:3px solid var(--room-gold);
  border-radius:0 14px 14px 0;
  color:rgba(235,247,241,.85);
  background:linear-gradient(90deg,rgba(247,212,106,.1),transparent);
  font-size:15px;
  line-height:1.55;
}
.matchday-final-word span,.matchday-final-word strong { display:block; }
.matchday-final-word span { color:var(--room-gold); font-size:10px; letter-spacing:.12em; }
.matchday-final-word strong { margin:3px 0; color:#fff; }
.matchday-live-impact {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:16px 0;
}
.matchday-live-impact span { min-width:0; padding:11px 12px; border:1px solid rgba(107,242,200,.16); border-radius:12px; background:rgba(107,242,200,.045); }
.matchday-live-impact small,.matchday-live-impact b { display:block; }
.matchday-live-impact small { overflow:hidden; color:rgba(235,247,241,.55); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.matchday-live-impact b { margin-top:2px; color:var(--room-mint); font-size:19px; font-variant-numeric:tabular-nums; }
.matchday-choice-block { margin-top:14px; padding:15px; border:1px solid rgba(255,255,255,.08); border-radius:16px; background:rgba(255,255,255,.022); }
.matchday-choice-block.attention-frame { border-color:rgba(247,212,106,.48); box-shadow:inset 0 0 0 1px rgba(247,212,106,.08),0 0 28px rgba(247,212,106,.07); }
.matchday-choice-block>div:first-child { display:grid; grid-template-columns:minmax(120px,.55fr) minmax(180px,1fr) minmax(180px,1fr); align-items:center; gap:12px; }
.matchday-choice-block>div:first-child span { color:var(--room-gold); font-size:10px; font-weight:800; letter-spacing:.12em; }
.matchday-choice-block>div:first-child strong { font-size:15px; }
.matchday-choice-block>div:first-child small { color:rgba(235,247,241,.58); text-align:right; }
.matchday-room-options { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; margin-top:12px; overflow:visible!important; }
button.matchday-room-option,
.matchday-exit-options button {
  display:flex;
  min-width:0;
  min-height:118px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:4px;
  padding:12px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:13px;
  color:#edf8f3;
  background:rgba(2,8,7,.52);
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,opacity .2s ease;
}
button.matchday-room-option:hover:not(:disabled),
button.matchday-room-option:focus-visible,
.matchday-exit-options button:hover,
.matchday-exit-options button:focus-visible { border-color:var(--room-gold); background:rgba(247,212,106,.08); box-shadow:0 0 0 3px rgba(247,212,106,.1); outline:none; }
button.matchday-room-option:active:not(:disabled),
.matchday-exit-options button:active { opacity:.78; }
button.matchday-room-option:disabled { cursor:default; opacity:.52; }
button.matchday-room-option.is-selected { border-color:var(--room-mint); color:#fff; background:rgba(107,242,200,.1); box-shadow:inset 0 0 0 1px rgba(107,242,200,.12); opacity:1; }
.matchday-room-option>span { color:var(--room-gold); font-size:9px; font-weight:850; letter-spacing:.1em; }
.matchday-room-option>strong { font-size:14px; line-height:1.2; }
.matchday-room-option>p { flex:1; margin:2px 0!important; color:rgba(235,247,241,.64)!important; font-size:11px; line-height:1.4; }
.matchday-room-option>small,.matchday-room-option>em { color:rgba(235,247,241,.7); font-size:10px; font-style:normal; line-height:1.3; }
.matchday-room-option>em { color:var(--room-gold); }
.matchday-room-option>em.is-positive { color:var(--room-mint); }
.matchday-room-option>em.is-risk { color:#ffaaa3; }
.matchday-choice-result,.matchday-warmup-warning { margin:10px 0 0; padding:9px 11px; border-radius:10px; color:#ffd5d0; background:rgba(255,100,90,.08); font-size:11px; line-height:1.45; }
.matchday-choice-result.is-positive { color:var(--room-mint); background:rgba(107,242,200,.07); }
.matchday-warmup-warning strong { display:block; color:#ffb5ae; }
.matchday-room-disclaimer,.matchday-room-note { margin:14px 0 0; color:rgba(235,247,241,.48); font-size:10px; line-height:1.45; }
.matchday-exit {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  gap:14px;
  margin-top:14px;
  padding:18px;
}
.matchday-exit>div:first-child { min-width:0; width:100%; }
.matchday-exit-options { display:grid; width:100%; min-width:0; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.matchday-exit-options button { min-height:106px; }
.matchday-exit-options strong,.matchday-exit-options small,.matchday-exit-options em {
  display:block;
  max-width:100%;
  writing-mode:horizontal-tb;
  text-orientation:mixed;
  word-break:normal;
}
.matchday-exit-options small { color:rgba(235,247,241,.62); line-height:1.35; }
.matchday-exit-options em { margin-top:auto; color:var(--room-gold); font-size:9px; font-style:normal; }
.matchday-exit-result { padding:10px 13px; border:1px solid rgba(107,242,200,.28); border-radius:999px; color:var(--room-mint); white-space:nowrap; }
@container (max-width:520px) {
  .matchday-exit-options { grid-template-columns:minmax(0,1fr); }
  .matchday-exit-options button { min-height:0; }
}
.matchday-room-career blockquote { display:flex; justify-content:space-between; gap:12px; margin:12px 0; padding:11px 13px; border-left:3px solid var(--room-mint); background:rgba(107,242,200,.05); }
.matchday-room-career blockquote small { color:rgba(235,247,241,.58); text-align:right; }
.matchday-log-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:8px; }
.matchday-log-list section { min-width:0; padding:12px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:rgba(255,255,255,.025); }
.matchday-log-list span,.matchday-log-list strong,.matchday-log-list small,.matchday-log-list em { display:block; }
.matchday-log-list span { color:var(--room-gold); font-size:9px; letter-spacing:.1em; }
.matchday-log-list strong { margin:3px 0; }
.matchday-log-list small { color:rgba(235,247,241,.62); line-height:1.4; }
.matchday-log-list em { margin-top:5px; color:var(--room-mint); font-size:10px; font-style:normal; }
.match-controls button[data-action="start-match"]:disabled { cursor:not-allowed; opacity:.42; filter:saturate(.5); }

@media(max-width:720px) {
  .matchday-room,.matchday-exit,.matchday-room-career { padding:12px!important; max-width:100%; overflow-x:hidden; }
  .matchday-room-head { align-items:center; }
  .matchday-room-head h2,.matchday-exit h2,.matchday-room-career h2 { font-size:18px; }
  .matchday-room-head p { font-size:12px; }
  .matchday-room-head>span { min-width:88px; padding:8px; }
  .matchday-room-head>span b { font-size:21px; }
  .matchday-arrival-track { grid-template-columns:repeat(4,minmax(0,1fr)); margin:12px 0; padding:9px 4px; }
  .matchday-arrival-track span { padding:0 5px; }
  .matchday-arrival-track b { font-size:12px; }
  .matchday-arrival-track small { font-size:9px; overflow-wrap:anywhere; }
  .matchday-locker { gap:8px; }
  .locker-shirt { width:94px; min-height:116px; padding:9px; }
  .locker-shirt b { font-size:44px; }
  .locker-shirt strong { font-size:11px; }
  .kit-manager { gap:9px; padding:10px; }
  .kit-manager>i { flex-basis:38px; width:38px; height:38px; font-size:11px; }
  .kit-manager strong { font-size:14px; }
  .kit-manager em { font-size:10px; }
  .matchday-final-word { margin:10px 0; padding:11px 12px; font-size:12px; }
  .matchday-live-impact { grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin:10px 0; }
  .matchday-live-impact span { padding:8px 5px; text-align:center; }
  .matchday-live-impact small { font-size:8px; }
  .matchday-live-impact b { font-size:15px; }
  .matchday-choice-block { margin-top:9px; padding:9px; }
  .matchday-choice-block>div:first-child { grid-template-columns:1fr auto; gap:3px 8px; }
  .matchday-choice-block>div:first-child span { grid-column:1; }
  .matchday-choice-block>div:first-child strong { grid-column:1; font-size:12px; }
  .matchday-choice-block>div:first-child small { grid-column:2; grid-row:1 / span 2; max-width:105px; font-size:9px; line-height:1.3; }
  .matchday-room-options { gap:5px!important; margin-top:8px; }
  button.matchday-room-option { min-height:112px; padding:8px 6px; border-radius:10px; }
  .matchday-room-option>span { font-size:7px; }
  .matchday-room-option>strong { font-size:10px; }
  .matchday-room-option>p { font-size:9px; line-height:1.3; }
  .matchday-room-option>small,.matchday-room-option>em { font-size:8px; }
  .matchday-choice-result,.matchday-warmup-warning { font-size:9px; }
  .matchday-exit { display:grid; }
  .matchday-exit-options { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:10px; }
  .matchday-exit-options button { min-height:104px; padding:8px; }
  .matchday-exit-options strong { font-size:10px; }
  .matchday-exit-options small,.matchday-exit-options em { font-size:8px; }
  .matchday-room-career blockquote { display:block; }
  .matchday-room-career blockquote small { margin-top:4px; text-align:left; }
  .matchday-log-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:390px) {
  .matchday-room-head p,.kit-manager em,.matchday-room-option>p { display:none; }
  .matchday-arrival-track small { line-height:1.15; }
  button.matchday-room-option { min-height:86px; }
  .matchday-choice-block>div:first-child small { max-width:88px; }
}
@media(max-height:520px) and (orientation:landscape) {
  .matchday-arrival-track { margin:8px 0; padding:7px; }
  .matchday-locker { margin:8px 0; }
  .locker-shirt { min-height:98px; }
  .matchday-final-word { margin:7px 0; padding:8px 11px; }
  button.matchday-room-option { min-height:88px; }
  .matchday-room-option>p { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  .matchday-room *,
  .matchday-exit *,
  .matchday-room-career * { animation:none!important; scroll-behavior:auto!important; transition-duration:.01ms!important; }
}