/* TI2026 Viewing Guide v1.3.3 */

/* ===== Logo refinement: keep user's uploaded images, improve display only ===== */
.team-logo,
.stand-logo,
.bracket-logo,
.schedule-logo,
.team-card-logo,
.profile-logo,
.detail-team-logo {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 8px rgba(0,0,0,.12)!important;
  padding:0!important;
}
.team-logo img,
.stand-logo img,
.bracket-logo img,
.schedule-logo img,
.team-card-logo img,
.profile-logo img,
.detail-team-logo img,
.bracket-team-name img {
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  transform:scale(1.18);
  transform-origin:center center;
}
.team-logo{width:42px!important;height:42px!important;border-radius:10px!important}
.team-logo.small-logo{width:40px!important;height:40px!important;border-radius:10px!important}
.stand-logo{width:40px!important;height:40px!important;border-radius:10px!important}
.schedule-logo{width:38px!important;height:38px!important;border-radius:9px!important}
.bracket-logo{width:30px!important;height:30px!important;border-radius:7px!important}
.team-card-logo{width:56px!important;height:56px!important;border-radius:13px!important;background:rgba(255,255,255,.15)!important}
.team-card-logo img{transform:scale(1.24)!important}
.profile-logo{width:62px!important;height:62px!important;border-radius:14px!important}
.detail-team-logo{width:64px!important;height:64px!important;border-radius:15px!important}
.logo-fallback,.logo-broken{background:rgba(255,255,255,.07)!important}

/* ===== Site identity ===== */
.watch-party-note{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(217,180,94,.28);background:rgba(217,180,94,.07);color:#d9c690;font-size:11px;font-weight:800}
.responsible-note{margin-top:18px;padding:14px 16px;border:1px solid rgba(114,200,151,.18);background:linear-gradient(90deg,rgba(114,200,151,.07),rgba(255,255,255,.018));color:#aeb9c5;font-size:12px;line-height:1.8}
.responsible-note b{color:#dfe7ee}

/* ===== Prediction board ===== */
.prediction-section{position:relative;overflow:hidden}
.prediction-section:before{content:"PREDICTION";position:absolute;right:-8px;top:20px;font-size:70px;font-weight:1000;letter-spacing:-.05em;color:rgba(217,180,94,.035);pointer-events:none}
.prediction-heading{position:relative;z-index:1}
.prediction-stamp{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid rgba(217,180,94,.28);background:rgba(217,180,94,.08);color:#e1c878;font-size:10px;font-weight:900;letter-spacing:.08em}
.prediction-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-bottom:18px}
.prediction-method,.prediction-callouts{border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,24,32,.94),rgba(10,14,19,.94));padding:16px}
.prediction-method h3,.prediction-callouts h3{margin:0 0 10px;font-size:12px;color:#d8c184}
.prediction-method p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}
.prediction-weight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}
.prediction-weight-grid span{padding:8px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);font-size:10px;color:#aeb8c3;text-align:center}
.prediction-weight-grid b{display:block;color:#f0d58e;font-size:14px;margin-bottom:3px}
.prediction-callouts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.prediction-callout{padding:10px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
.prediction-callout span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.prediction-callout b{font-size:11px;color:#e7edf3}

.prediction-podium{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.prediction-podium-card{position:relative;min-height:260px;padding:18px;border:1px solid var(--line);background:linear-gradient(160deg,#101720,#0b1015);overflow:hidden}
.prediction-podium-card.rank-1{border-color:#8e7437;background:linear-gradient(150deg,rgba(217,180,94,.15),#10161d 44%,#0b1015)}
.prediction-podium-card.rank-2{border-color:#566170;background:linear-gradient(150deg,rgba(180,192,207,.10),#10161d 44%,#0b1015)}
.prediction-podium-card.rank-3{border-color:#73523b;background:linear-gradient(150deg,rgba(182,121,75,.10),#10161d 44%,#0b1015)}
.prediction-rank-badge{position:absolute;right:12px;top:11px;font-size:22px;font-weight:900;color:#d9c17c}
.prediction-podium-logo{width:68px;height:68px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15)}
.prediction-podium-logo img{width:100%;height:100%;object-fit:contain;transform:scale(1.12)}
.prediction-podium-logo i,.prediction-logo i{display:none}
.prediction-podium-copy h3{font-size:14px;margin:13px 0 0;line-height:1.4}
.prediction-team-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.prediction-score{display:flex;align-items:end;gap:7px;margin-top:10px}
.prediction-score b{font-size:34px;line-height:1;color:#f0d58e}
.prediction-score span{font-size:9px;color:var(--muted);padding-bottom:4px}
.prediction-stars{font-size:11px;letter-spacing:.05em;color:#e5c76f;margin-top:7px}
.prediction-range{font-size:10px;color:#9facb8;margin-top:6px}
.prediction-podium-copy p{font-size:10px;line-height:1.7;color:#909daa;margin:11px 0}
.prediction-tag{display:inline-flex;padding:4px 7px;border-radius:999px;border:1px solid rgba(217,180,94,.22);background:rgba(217,180,94,.06);color:#d7bd74;font-size:9px;font-weight:800}
.prediction-tag.small{margin-left:auto}
.prediction-cn{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:4px;border:1px solid rgba(229,49,49,.45);background:rgba(194,24,36,.12);color:#ff747b;font-size:9px;font-weight:900;text-transform:lowercase}

.prediction-ranking{display:grid;gap:8px;margin-top:12px}
.prediction-row{display:grid;grid-template-columns:44px 52px 1fr;gap:13px;align-items:start;padding:14px 16px;border:1px solid var(--line);background:rgba(14,19,25,.92);transition:.16s}
.prediction-row:hover{border-color:#3a4653;transform:translateY(-1px)}
.prediction-row-cn{border-color:#584827;background:linear-gradient(90deg,rgba(217,180,94,.055),rgba(14,19,25,.94) 34%)}
.prediction-row-rank{font-size:20px;font-weight:1000;color:#697583;font-variant-numeric:tabular-nums;padding-top:9px}
.prediction-row:nth-child(-n+3) .prediction-row-rank{color:#d7bd74}
.prediction-logo{width:52px;height:52px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14)}
.prediction-logo img{width:100%;height:100%;object-fit:contain;transform:scale(1.16)}
.prediction-row-main h3{margin:0;font-size:13px}
.prediction-row-meta{display:flex;gap:12px;flex-wrap:wrap;margin:7px 0;color:#a9b3be;font-size:10px}
.prediction-row-meta b{color:#f0d58e}
.prediction-row-main p{margin:6px 0 0;color:#9aa7b4;font-size:10px;line-height:1.65}
.prediction-row-main p b{color:#cbd4dd}
.prediction-risk{opacity:.82}
.prediction-disclaimer{margin-top:18px;padding:16px 18px;border-left:3px solid #d9b45e;background:rgba(217,180,94,.055);color:#aab6c1;font-size:11px;line-height:1.85}
.prediction-disclaimer strong{color:#e6edf3}

@media(max-width:900px){
  .prediction-intro{grid-template-columns:1fr}
  .prediction-podium{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .team-logo.small-logo{width:38px!important;height:38px!important}.stand-logo{width:38px!important;height:38px!important}.schedule-logo{width:36px!important;height:36px!important}.team-card-logo{width:54px!important;height:54px!important}.team-card-logo img,.team-logo img,.stand-logo img{transform:scale(1.22)!important}
  .prediction-section:before{font-size:44px;top:34px}
  .prediction-weight-grid{grid-template-columns:1fr 1fr}
  .prediction-podium{grid-template-columns:1fr}
  .prediction-podium-card{min-height:auto}
  .prediction-row{grid-template-columns:34px 46px 1fr;padding:12px 10px;gap:9px}
  .prediction-logo{width:46px;height:46px}
  .prediction-row-rank{font-size:16px;padding-top:8px}
  .prediction-tag.small{margin-left:0}
}