:root{
  --bg:#080b0f;
  --panel:#11161c;
  --panel2:#171d24;
  --row:#0f141a;
  --text:#f5f7f9;
  --muted:#9ca5af;
  --line:#2a3139;
  --line2:#343b43;
  --accent:#e3322f;
  --accent2:#b91f22;
  --good:#55d77d;
  --bad:#ff7777;
  --max:1380px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 18% 0,#111820 0,transparent 32%),var(--bg);color:var(--text);line-height:1.6;min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}

/* Shared Preview-1 header */
header{position:sticky;top:0;z-index:30;background:rgba(6,8,11,.96);border-bottom:1px solid #20262d;backdrop-filter:blur(12px)}
.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:12px;font-size:1.42rem;font-weight:950;letter-spacing:-.03em;color:#f5f5f5;white-space:nowrap}
.brand::before{content:"FL";width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--accent);clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);font-size:.78rem;font-weight:1000;color:#fff}
.brand span{color:var(--accent)}
nav{display:flex;gap:34px;align-items:center;color:#a8afb7;font-size:.8rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em}
nav a{height:74px;display:flex;align-items:center;border-bottom:3px solid transparent;transition:.15s ease}
nav a:hover{color:#fff} nav a.active{color:#fff;border-bottom-color:var(--accent)}

/* Typography and shared surfaces */
.hero{padding:58px 0 32px;border-bottom:1px solid rgba(42,49,57,.45)}
.eyebrow{color:var(--accent);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;margin-bottom:6px}
h1{font-size:clamp(2.7rem,5.2vw,5rem);line-height:.96;max-width:980px;margin:.22em 0 .28em;letter-spacing:-.05em}
h2{font-size:clamp(1.5rem,2.7vw,2.25rem);line-height:1.1;margin:0 0 16px;letter-spacing:-.03em}
h3{margin:.2em 0 .4em}
.lead{max-width:820px;color:var(--muted);font-size:1.03rem}
.section{padding:36px 0 58px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.section-head>a{color:#d8dde1;font-size:.82rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.section-head>a:hover{color:var(--accent)}

.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:7px;border:1px solid #3a424c;background:#151b21;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.025em;font-size:.78rem;cursor:pointer;transition:.15s ease}
.btn.primary{background:linear-gradient(180deg,#d93632,#b51f22);border-color:#f04a46;color:#fff}
.btn:hover{transform:translateY(-1px);filter:brightness(1.07)}

.grid{display:grid;gap:16px}
.grid.stats{grid-template-columns:repeat(4,1fr);margin:20px 0 42px}
.stat{background:linear-gradient(180deg,#171d23,#11161c);border:1px solid var(--line2);padding:20px;border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.13)}
.stat .value{font-size:1.7rem;font-weight:950;line-height:1.2;color:#fff;overflow-wrap:anywhere}
.stat .label{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.055em;font-weight:800;margin-top:5px}

.content-card,.kicker-box,.article{position:relative}
.content-card{background:linear-gradient(180deg,#151a20,#101419);border:1px solid var(--line2);padding:24px;border-radius:11px;box-shadow:0 16px 40px rgba(0,0,0,.13)}
.article{max-width:920px}
.article p,.article li{color:#cbd1d7}
.article h2{margin-top:1.55em;color:#fff}
.article code{background:#191f26;border:1px solid #303841;border-radius:5px;padding:2px 6px;color:#ffb0ae}
.kicker-box{border-left:3px solid var(--accent);padding:15px 18px;background:#141a20;border-top:1px solid #303740;border-right:1px solid #303740;border-bottom:1px solid #303740;border-radius:0 8px 8px 0;margin:22px 0;color:#dce1e5}
.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
ul.clean{padding-left:20px}
small.note{color:var(--muted);display:block;margin-top:12px}
.meta{color:#858f99;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;font-weight:750}

/* Homepage pick board */
.home-picks-section{padding-top:34px}
.home-event-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.home-event-card{background:linear-gradient(180deg,#151a20,#0e1217);border:1px solid var(--line2);border-radius:11px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.16)}
.home-event-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px;border-bottom:1px solid #343b43;background:#141a20;position:relative}
.home-event-head::after{content:"";position:absolute;left:0;bottom:-1px;width:38%;height:2px;background:var(--accent)}
.home-event-head h3{font-size:1.12rem;margin:.15rem 0 0;text-transform:uppercase}
.home-pick-list{display:grid}
.home-pick-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(105px,.85fr) 84px 92px;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid #2b3239;transition:.14s ease}
.home-pick-row:last-child{border-bottom:0}.home-pick-row:hover{background:#151b21}
.home-pick-row small{display:block;color:#7f8993;font-size:.62rem;line-height:1.2;text-transform:uppercase;font-weight:800;letter-spacing:.035em}
.home-pick-row strong{display:block;font-size:.82rem;line-height:1.25}
.home-pick-match strong{font-size:.86rem}.home-pick-match strong span{color:#69737d;font-weight:600}
.home-pick-selection strong{color:#fff}.home-pick-confidence strong{color:var(--accent)}
.home-pick-confidence,.home-pick-method{text-align:right}

/* Pick listing cards */
.card-list{display:grid;gap:10px}
.fight-card{background:linear-gradient(180deg,#151a20,#101419);border:1px solid #343b43;border-radius:9px;padding:16px 18px;display:grid;grid-template-columns:1.45fr .7fr .55fr auto;gap:18px;align-items:center;position:relative;overflow:hidden;transition:.14s ease}
.fight-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:.75}
.fight-card:hover{background:#171d23;border-color:#4b545d;transform:translateY(-1px)}
.matchup{font-size:1rem;font-weight:900;margin-top:2px}.pick,.confidence{font-weight:950}.confidence{color:var(--accent)}
.badge{display:inline-flex;padding:5px 9px;border-radius:5px;font-size:.64rem;font-weight:950;border:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em}
.badge.win{color:var(--good);border-color:rgba(85,215,125,.45);background:rgba(85,215,125,.06)}
.badge.loss{color:var(--bad);border-color:rgba(255,119,119,.45);background:rgba(255,119,119,.06)}
.badge.upcoming{color:#fff;border-color:#e24642;background:rgba(227,50,47,.16)}
.badge.neutral{color:var(--muted)}

/* Filters / tables */
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}
.filters input,.filters select,.tracker-toolbar select,.tracker-form-grid select,.tracker-form-grid input{background:#11161c;border:1px solid #343b43;color:#f4f6f8;border-radius:7px;min-height:44px;padding:0 12px;outline:none}
.filters input:focus,.filters select:focus,.tracker-toolbar select:focus,.tracker-form-grid input:focus,.tracker-form-grid select:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(227,50,47,.12)}
.table-wrap{overflow:auto;border:1px solid #343b43;border-radius:10px;background:#11161c}
table{width:100%;border-collapse:collapse;min-width:700px}
th,td{padding:14px 16px;border-bottom:1px solid #2b3239;text-align:left}
th{background:#171d23;color:#9da6ae;font-size:.67rem;text-transform:uppercase;letter-spacing:.065em}td{color:#d9dde1}tbody tr:hover{background:#151b21}

.ad-placeholder{border:1px dashed #434c55;color:#77818a;min-height:104px;display:grid;place-items:center;border-radius:8px;margin:28px 0;text-align:center;padding:16px;background:#0c1014}

/* Tracker workspace */
.tracker-private{font-size:.7rem;letter-spacing:.11em;color:var(--accent);font-weight:950;text-transform:uppercase}
.tracker-title{font-size:clamp(2.7rem,5vw,4.7rem);margin-bottom:.2em}
.tracker-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:24px 0 18px}
.tracker-toolbar label:not(.file-btn){display:grid;gap:6px;color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.file-btn{position:relative;overflow:hidden;cursor:pointer}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.danger-soft{color:#ff9a9a}
.save-notice{min-height:24px;color:var(--good);font-weight:800;opacity:0;transition:opacity .2s;margin-bottom:8px}.save-notice.show{opacity:1}
.tracker-list{display:grid;gap:14px}
.tracker-fight{background:linear-gradient(180deg,#151a20,#101419);border:1px solid #343b43;border-radius:10px;padding:20px;position:relative;overflow:hidden}
.tracker-fight::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.tracker-fight-head{display:flex;gap:18px;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.tracker-fight-head h2{font-size:1.32rem;margin:.25rem 0 0}.tracker-fight-head h2 span{color:var(--muted);font-weight:500;font-size:.75em}
.tracker-form-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr 1.7fr 1fr;gap:12px;align-items:end}.tracker-form-grid label{display:grid;gap:6px;color:var(--muted);font-size:.7rem;font-weight:850;text-transform:uppercase}
.tracker-result-box{min-height:68px;background:#171d23;border:1px solid #343b43;border-radius:7px;padding:10px 12px;display:grid;align-content:center}.tracker-result-box span{color:var(--muted);font-size:.66rem;font-weight:850;text-transform:uppercase}.tracker-result-box strong{font-size:.92rem}
.tracker-details{margin-top:16px;border-top:1px solid #303740;padding-top:12px;color:var(--muted)}.tracker-details summary{cursor:pointer;color:#dce2ec;font-weight:850}

/* Footer */
footer{border-top:1px solid #242b32;background:#080b0e;padding:30px 0 42px;color:#8d969f;font-size:.8rem}
footer strong{display:block;color:#fff;font-size:1.02rem;margin-bottom:4px}footer strong::first-letter{color:var(--accent)}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:.72rem;text-transform:uppercase;font-weight:800}.footer-links a:hover{color:#fff}

@media(max-width:1050px){nav{gap:18px}.grid.stats{grid-template-columns:repeat(2,1fr)}.home-event-grid{grid-template-columns:1fr}.tracker-form-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.container{width:min(100% - 24px,var(--max))}nav{display:none}.fight-card{grid-template-columns:1fr 1fr}.fight-card .match{grid-column:1/-1}.two-col{grid-template-columns:1fr}.section-head{align-items:flex-start}.tracker-form-grid{grid-template-columns:1fr 1fr}.tracker-fight-head{display:block}.tracker-grade{margin-top:10px}}
@media(max-width:640px){.brand{font-size:1.13rem}.brand::before{width:36px;height:36px}.nav{min-height:64px}.hero{padding-top:38px}.grid.stats{grid-template-columns:1fr 1fr}.fight-card{grid-template-columns:1fr}.fight-card .match{grid-column:auto}.home-pick-row{grid-template-columns:1fr auto;gap:8px 14px}.home-pick-match{grid-column:1/-1}.home-pick-method{display:none}.tracker-form-grid{grid-template-columns:1fr}.tracker-toolbar .btn,.tracker-toolbar label{width:100%}}

/* Historical results archive */
.results-record-block{margin-bottom:56px}
.history-archive-section{margin-top:18px;padding-top:34px;border-top:1px solid #252c33}
.history-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:22px}
.history-intro .lead{margin-bottom:0;max-width:760px}
.history-summary-cards{display:grid;grid-template-columns:repeat(2,minmax(112px,1fr));gap:10px;min-width:250px}
.history-summary-cards>div{background:linear-gradient(180deg,#171d23,#11161c);border:1px solid #343b43;border-radius:9px;padding:14px 16px;text-align:right}
.history-summary-cards strong{display:block;font-size:1.4rem;line-height:1;color:#fff}
.history-summary-cards span{display:block;margin-top:6px;color:#8f99a3;font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;font-weight:850}
.history-toolbar{display:grid;grid-template-columns:minmax(200px,460px) 1fr;align-items:end;gap:8px 18px;background:#0e1318;border:1px solid #303740;border-radius:10px;padding:16px;margin-bottom:14px}
.history-toolbar label{grid-column:1;color:#aeb6be;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.065em}
.history-toolbar input{grid-column:1;background:#151b21;border:1px solid #3a424b;border-radius:7px;min-height:45px;padding:0 13px;color:#fff;outline:none}
.history-toolbar input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(227,50,47,.12)}
.history-status{grid-column:2;grid-row:1/3;align-self:center;color:#8e98a2;font-size:.78rem;text-align:right}
.history-status[data-tone="good"]{color:#7ddc99}.history-status[data-tone="bad"]{color:#ff8c8c}
.history-root{display:grid;gap:12px}
.history-year,.history-event{background:linear-gradient(180deg,#151a20,#101419);border:1px solid #343b43;border-radius:10px;overflow:hidden}
.history-year>summary,.history-event>summary{list-style:none;cursor:pointer;user-select:none}
.history-year>summary::-webkit-details-marker,.history-event>summary::-webkit-details-marker{display:none}
.history-year>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;background:#161c22;border-left:4px solid var(--accent)}
.history-year>summary>div{display:flex;align-items:baseline;gap:14px}.history-year-label{font-size:1.45rem;font-weight:950;letter-spacing:-.03em}.history-year>summary small{color:#8f99a3;font-size:.72rem;text-transform:uppercase;font-weight:800;letter-spacing:.045em}
.history-year-action{display:flex;align-items:center;gap:10px;color:#a6afb8;font-size:.7rem;text-transform:uppercase;letter-spacing:.055em;font-weight:850}.history-year-action b,.history-chevron{display:inline-block;color:var(--accent);font-size:1rem;transition:transform .18s ease}
.history-year[open]>summary .history-year-action b{transform:rotate(180deg)}
.history-events{display:grid;gap:8px;padding:12px;background:#0b0f13}
.history-event{border-radius:8px;border-color:#2c333a;background:#11171c}
.history-event>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;transition:.15s ease}.history-event>summary:hover{background:#171d23}
.history-event>summary>div:first-child{min-width:0}.history-event>summary strong{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-event>summary small{display:block;color:#7f8993;font-size:.68rem;margin-top:2px}
.history-event-meta{display:flex;align-items:center;gap:14px;white-space:nowrap;color:#8e98a2;font-size:.68rem;text-transform:uppercase;font-weight:850;letter-spacing:.04em}.history-event[open] .history-chevron{transform:rotate(180deg)}
.history-fights{border-top:1px solid #2d343b}
.history-fight-row{display:grid;grid-template-columns:34px minmax(0,1.5fr) minmax(190px,.8fr);gap:14px;align-items:center;padding:12px 15px;border-bottom:1px solid #262d34}.history-fight-row:last-child{border-bottom:0}.history-fight-row:hover{background:#151b21}
.history-fight-number{width:26px;height:26px;border:1px solid #343c45;border-radius:50%;display:grid;place-items:center;color:#7f8992;font-size:.66rem;font-weight:900}
.history-matchup{font-size:.83rem;color:#dce1e5}.history-matchup strong{color:#fff}.history-def{color:var(--accent);font-size:.72rem;font-weight:900;text-transform:uppercase;margin:0 4px}.history-matchup small,.history-method small{display:block;color:#77818b;font-size:.65rem;margin-top:2px}
.history-method{text-align:right;font-size:.75rem;color:#bcc4cb}.history-method span{font-weight:750;color:#d5dbe0}
.history-source-note{margin-top:14px;color:#727d87;font-size:.7rem;border-left:2px solid #343b43;padding-left:12px}
.history-load-error,.history-empty{padding:22px;border:1px solid #493638;background:#1a1113;border-radius:8px;color:#e8c8c8}.history-load-error p{margin-bottom:0;color:#bda5a7}
[hidden]{display:none!important}

@media(max-width:820px){.history-intro{display:block}.history-summary-cards{margin-top:18px;max-width:300px}.history-toolbar{grid-template-columns:1fr}.history-toolbar label,.history-toolbar input,.history-status{grid-column:1;grid-row:auto;text-align:left}.history-status{margin-top:4px}.history-fight-row{grid-template-columns:28px 1fr}.history-method{grid-column:2;text-align:left;padding-top:4px}.history-event>summary strong{white-space:normal}.history-event-meta span:first-child{display:none}}