/* TrebleChasers live consistency layer
   Applies the current live dark/cream/gold style to the integrated pages under /pages.
   It is deliberately scoped to body.tc-live-page so existing root pages keep their tested styling. */
:root{
  --tc-bg-900:#0a0e12;
  --tc-bg-800:#11161c;
  --tc-bg-700:#171d24;
  --tc-cream:#f1e7d3;
  --tc-paper:#efe6d7;
  --tc-gold:#d7b46a;
  --tc-gold-soft:rgba(215,180,106,.10);
  --tc-border:rgba(215,180,106,.22);
  --tc-border-strong:rgba(215,180,106,.42);
  --tc-muted:#a7b0ba;
  --tc-muted-2:#798492;
  --tc-ok:#9af5c7;
  --tc-warn:#ffd28a;
  --tc-err:#ff6b6b;
  --tc-radius:18px;
  --tc-radius-lg:26px;
  --tc-shadow:0 14px 42px rgba(0,0,0,.46);
}

body.tc-live-page{
  margin:0;
  color:var(--tc-cream);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  line-height:1.45;
  background:var(--tc-bg-900) !important;
  background-image:
    radial-gradient(1200px 800px at 75% -10%, rgba(215,180,106,.10), transparent 60%),
    radial-gradient(900px 600px at 20% 110%, rgba(191,31,45,.12), transparent 60%),
    radial-gradient(1200px 700px at -10% 10%, rgba(27,124,87,.10), transparent 55%) !important;
  background-attachment:fixed !important;
  padding-bottom:80px;
}

body.tc-live-page *{box-sizing:border-box;}
body.tc-live-page a{color:inherit;}
body.tc-live-page .hidden{display:none!important;}
body.tc-live-page .muted,
body.tc-live-page p.muted,
body.tc-live-page .subline,
body.tc-live-page .note,
body.tc-live-page .status{color:var(--tc-muted);}

body.tc-live-page .wrap,
body.tc-live-page main.wrap{
  width:min(1280px,94%);
  margin:24px auto 80px;
}

body.tc-live-page .top,
body.tc-live-page .panel,
body.tc-live-page .tile,
body.tc-live-page .card,
body.tc-live-page .modal,
body.tc-live-page .box,
body.tc-live-page .draft-card,
body.tc-live-page .profile-card,
body.tc-live-page .fixture-item,
body.tc-live-page .detail-card,
body.tc-live-page .metric{
  background:linear-gradient(180deg, rgba(23,29,36,.94), rgba(17,22,28,.94)) !important;
  border:1px solid var(--tc-border) !important;
  border-radius:var(--tc-radius) !important;
  box-shadow:var(--tc-shadow) !important;
  color:var(--tc-cream) !important;
}

body.tc-live-page .top{
  text-align:center;
  padding:24px;
  margin-bottom:22px;
  position:relative;
  overflow:hidden;
}
body.tc-live-page .top::before,
body.tc-live-page .panel::before,
body.tc-live-page .tile::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background:
    radial-gradient(520px 180px at 20% 0%, rgba(215,180,106,.14), transparent 60%),
    radial-gradient(620px 220px at 110% 120%, rgba(215,180,106,.08), transparent 55%);
  opacity:.95;
}
body.tc-live-page .top > *,
body.tc-live-page .panel > *,
body.tc-live-page .tile > *{position:relative;z-index:1;}

body.tc-live-page .panel,
body.tc-live-page .tile,
body.tc-live-page .card{padding:18px;overflow:hidden;position:relative;}
body.tc-live-page .panel{margin-top:18px;}
body.tc-live-page .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;}

body.tc-live-page h1,
body.tc-live-page .page-title,
body.tc-live-page .hero-title{
  font-family:"Bebas Neue",Inter,system-ui,sans-serif !important;
  font-weight:400 !important;
  color:var(--tc-cream) !important;
  letter-spacing:.6px;
}
body.tc-live-page h1{margin:12px 0 8px;font-size:clamp(38px,5vw,62px);line-height:.95;}
body.tc-live-page h2,
body.tc-live-page h3,
body.tc-live-page .card-title{
  color:var(--tc-gold) !important;
  font-weight:900;
}
body.tc-live-page p{color:rgba(241,231,211,.74);line-height:1.52;}
body.tc-live-page .logo{width:118px;max-width:62%;height:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.50));}

body.tc-live-page .btn-row,
body.tc-live-page .head-actions,
body.tc-live-page .actions,
body.tc-live-page .toolbar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}
body.tc-live-page .head-actions{justify-content:flex-end;}

body.tc-live-page .btn,
body.tc-live-page .mini-btn,
body.tc-live-page button,
body.tc-live-page a.btn,
body.tc-live-page .dark,
body.tc-live-page .btn-ghost,
body.tc-live-page .btn-primary{
  appearance:none;
  border-radius:12px !important;
  padding:9px 12px !important;
  font-size:.82rem;
  font-weight:900;
  line-height:1.2;
  text-decoration:none !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:nowrap;
  cursor:pointer;
  color:var(--tc-cream) !important;
  background:transparent !important;
  border:1px solid var(--tc-border-strong) !important;
  box-shadow:none !important;
}
body.tc-live-page .btn:hover,
body.tc-live-page .mini-btn:hover,
body.tc-live-page button:hover,
body.tc-live-page .dark:hover{background:rgba(215,180,106,.08)!important;}
body.tc-live-page .btn.primary,
body.tc-live-page .btn-primary,
body.tc-live-page .mini-btn.gold,
body.tc-live-page button.primary{
  color:#101418 !important;
  background:linear-gradient(180deg,var(--tc-paper),#e9dcc4) !important;
  border:0 !important;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.25),0 6px 18px rgba(0,0,0,.35) !important;
}
body.tc-live-page .btn.danger,
body.tc-live-page .btn-danger{
  border:1px solid rgba(255,107,107,.45)!important;
  background:rgba(255,107,107,.10)!important;
  color:#ffb4b4!important;
}
body.tc-live-page .btn[disabled],
body.tc-live-page button[disabled]{opacity:.55;cursor:not-allowed;}

body.tc-live-page input,
body.tc-live-page select,
body.tc-live-page textarea{
  width:100%;
  padding:10px 12px !important;
  border-radius:12px !important;
  border:1px solid rgba(215,180,106,.25) !important;
  background:#0f1419 !important;
  color:var(--tc-cream) !important;
  font:inherit;
  outline:none;
}
body.tc-live-page input:focus,
body.tc-live-page select:focus,
body.tc-live-page textarea:focus{border-color:var(--tc-border-strong)!important;box-shadow:0 0 0 3px rgba(215,180,106,.08);}
body.tc-live-page label{color:var(--tc-muted);font-size:.82rem;font-weight:800;}

body.tc-live-page .chip,
body.tc-live-page .badge,
body.tc-live-page .pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid var(--tc-border-strong) !important;
  border-radius:999px !important;
  background:var(--tc-gold-soft) !important;
  color:var(--tc-gold) !important;
  padding:5px 9px !important;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.04em;
}
body.tc-live-page .member-badge{
  color:#0a0e12!important;
  background:linear-gradient(180deg,#d7b46a,#8c6a2f)!important;
  border:0!important;
}
body.tc-live-page .member-name{color:var(--tc-gold)!important;font-weight:900;}

body.tc-live-page .metrics{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}
body.tc-live-page .metric{min-width:100px;padding:10px 12px!important;box-shadow:none!important;background:rgba(255,255,255,.035)!important;}
body.tc-live-page .metric span{display:block;color:var(--tc-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:900;}
body.tc-live-page .metric strong{display:block;color:var(--tc-cream);font-size:1.05rem;}

body.tc-live-page .table-wrap,
body.tc-live-page .tbl-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(215,180,106,.16);}
body.tc-live-page table{width:100%;border-collapse:collapse;min-width:760px;}
body.tc-live-page th,
body.tc-live-page td{padding:10px 12px;border-bottom:1px solid rgba(215,180,106,.12);text-align:left;font-size:.85rem;white-space:nowrap;}
body.tc-live-page th{color:rgba(241,231,211,.86)!important;font-weight:900;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;}
body.tc-live-page tr:hover td{background:rgba(215,180,106,.055);}

body.tc-live-page .status{margin-top:10px;font-weight:800;}
body.tc-live-page .status.ok,
body.tc-live-page .ok{color:var(--tc-ok)!important;}
body.tc-live-page .status.warn,
body.tc-live-page .warn{color:var(--tc-warn)!important;}
body.tc-live-page .status.error,
body.tc-live-page .status.err,
body.tc-live-page .error,
body.tc-live-page .err{color:var(--tc-err)!important;}

body.tc-live-page header.page-head{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  justify-content:space-between;
  align-items:flex-start;
  margin:0 auto 24px;
  width:min(1280px,94%);
  padding-top:20px;
}
body.tc-live-page .page-title{font-size:32px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}

@media(max-width:720px){
  body.tc-live-page .wrap, body.tc-live-page main.wrap{width:min(100% - 28px,1280px);margin-top:16px;}
  body.tc-live-page .top{padding:18px 14px;}
  body.tc-live-page .btn-row,body.tc-live-page .head-actions{display:grid;grid-template-columns:1fr;width:100%;}
  body.tc-live-page .btn,body.tc-live-page .mini-btn,body.tc-live-page button,body.tc-live-page a.btn{width:100%;}
  body.tc-live-page table{min-width:760px;}
}


/* Tournament bracket player result flow */
.tc-result-panel{margin-top:10px;padding:10px;border:1px solid rgba(215,180,106,.22);border-radius:14px;background:rgba(215,180,106,.05)}
.tc-result-panel .tc-result-title{font-weight:900;color:var(--gold,#d7b46a);margin-bottom:8px;font-size:.82rem}
.tc-result-panel .tc-result-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.tc-result-panel input,.tc-result-panel select{width:100%;padding:9px 10px;border-radius:10px;border:1px solid rgba(215,180,106,.24);background:#0f1419;color:var(--cream,#f1e7d3)}
.tc-result-panel .tc-result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.tc-result-panel button{appearance:none;border:0;cursor:pointer;border-radius:10px;padding:8px 10px;font-size:.78rem;font-weight:900}
.tc-result-panel .tc-result-primary{background:linear-gradient(180deg,#f1e7d3,#e9dcc4);color:#0f1317}
.tc-result-panel .tc-result-ghost{background:transparent;border:1px solid rgba(215,180,106,.40);color:var(--cream,#f1e7d3)}
.tc-result-panel .tc-result-warn{background:rgba(255,107,107,.12);border:1px solid rgba(255,107,107,.40);color:#ffb3b3}
.tc-result-panel .tc-result-note{color:var(--muted,#a7b0ba);font-size:.78rem;line-height:1.35;margin-top:6px}
.tc-result-panel .tc-result-ok{color:var(--ok,#9af5c7);font-weight:900}
.tc-result-panel .tc-result-bad{color:var(--err,#ff6b6b);font-weight:900}
@media(max-width:620px){.tc-result-panel .tc-result-row{grid-template-columns:1fr}}