:root{
  --bg:#06060a;--panel:#0d0d14;--panel2:#12121c;--purple:#6d28d9;--purple2:#8b5cf6;--gold:#f4b400;--gold2:#ffd166;--white:#f7f7fb;--muted:#a7a7b4;--line:#2a2236;--green:#43d17a;--red:#ff5d6c;
}
*{box-sizing:border-box}html{background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:radial-gradient(circle at 10% 0%,rgba(109,40,217,.18),transparent 30%),radial-gradient(circle at 100% 0%,rgba(244,180,0,.12),transparent 25%),var(--bg);min-height:100vh}
a{color:inherit;text-decoration:none}.shell{max-width:1600px;margin:0 auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:30;background:rgba(6,6,10,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(244,180,0,.18)}.nav{height:84px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:14px;min-width:250px}.brand img{width:76px;height:76px;object-fit:contain}.brand-text strong{display:block;font-size:18px;letter-spacing:.04em}.brand-text span{font-size:12px;color:var(--muted)}.navlinks{display:flex;align-items:center;gap:18px;flex:1;overflow-x:auto}.navlinks a{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#d8d8e0;padding:30px 0 26px;border-bottom:3px solid transparent;white-space:nowrap}.navlinks a:hover,.navlinks a.active{color:var(--gold2);border-bottom-color:var(--gold)}.profile{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;border:1px solid var(--gold)}.avatar img{width:100%;height:100%;object-fit:cover}.profile small{display:block;color:var(--gold2)}
.hero{padding:34px 0 22px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.hero h1{margin:0;font-size:clamp(36px,6vw,76px);line-height:.95;text-transform:uppercase;letter-spacing:.01em;font-weight:950}.hero h1 span{color:var(--gold)}.hero p{margin:12px 0 0;color:var(--gold2);font-size:18px;font-weight:800;font-style:italic}.hero-mark{opacity:.92}.hero-mark img{width:190px;max-height:190px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(109,40,217,.35))}
.grid{display:grid;gap:16px}.grid-2{grid-template-columns:2fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(180deg,rgba(18,18,28,.96),rgba(10,10,16,.96));border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.22);overflow:hidden}.card-h{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(109,40,217,.12),transparent)}.card-h h2,.card-h h3{margin:0;font-size:15px;text-transform:uppercase;letter-spacing:.05em}.card-h a{font-size:12px;color:var(--gold2);font-weight:800}.card-b{padding:16px}.live{display:inline-flex;align-items:center;gap:6px;color:#ff6b78;font-size:11px;font-weight:900}.live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red)}
.matchups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.matchup{padding:14px;border:1px solid #2e2540;border-radius:12px;background:#0a0a11}.teamrow{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0}.teamname{font-weight:850}.owner{font-size:11px;color:var(--purple2)}.score{font-size:28px;font-weight:900}.proj{font-size:11px;color:var(--muted)}.bar{height:7px;border-radius:999px;background:#20202b;overflow:hidden;margin-top:8px}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--gold));border-radius:inherit}.subrow{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:7px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:rgba(109,40,217,.18);color:#cdb7ff;font-size:11px;font-weight:800;border:1px solid rgba(139,92,246,.3)}
.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{padding:12px 14px;text-align:left;border-bottom:1px solid #20202a;font-size:13px}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.table tr:hover td{background:rgba(109,40,217,.06)}.rank{font-weight:900;color:var(--gold2)}.positive{color:var(--green)}.negative{color:var(--red)}.muted{color:var(--muted)}.purple{color:var(--purple2)}.gold{color:var(--gold2)}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.video{border:1px solid #292331;border-radius:12px;overflow:hidden;background:#09090e}.thumb{height:130px;background:linear-gradient(135deg,#302044,#15151f);display:grid;place-items:center;position:relative}.play{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.92);color:#111;display:grid;place-items:center;font-weight:900}.video .meta{padding:10px 12px}.video .meta b{display:block;font-size:13px}.video .meta small{color:var(--muted)}.reactions{display:flex;gap:14px;margin-top:8px;font-size:12px;color:#d5d5dd}
.article{min-height:255px;background:linear-gradient(135deg,rgba(109,40,217,.28),rgba(12,12,18,.5)),url('assets/dc3-logo.png') right 20px center/190px no-repeat;display:flex;align-items:flex-end}.article-inner{padding:28px;max-width:70%}.article h3{font-size:32px;margin:8px 0}.article p{color:#d2d2db;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;padding:11px 16px;font-weight:900;cursor:pointer;background:var(--gold);color:#17120a}.btn.purple{background:var(--purple);color:white}.btn.ghost{background:transparent;border:1px solid #5b3d83;color:#d6c6f8}.btn.small{padding:7px 10px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}
.bulletin{display:grid;gap:10px}.note{padding:12px 14px;border-radius:10px;background:#111119;border-left:4px solid var(--gold);font-size:13px}.trophies{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.trophy{padding:14px;text-align:center;border:1px solid #302940;border-radius:12px}.trophy .icon{font-size:32px}.trophy b{display:block;color:var(--gold2)}
.page-title{padding:28px 0 18px}.page-title h1{font-size:52px;margin:0;text-transform:uppercase}.page-title p{margin:8px 0 0;color:var(--gold2);font-weight:800}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.input,.select{background:#0d0d14;border:1px solid #2a2532;color:white;border-radius:10px;padding:10px 12px}.input{min-width:240px}.teamcards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.teamcard{padding:16px}.teamcard h3{margin:0 0 4px}.teamcard .record{font-size:13px;color:var(--muted);margin-bottom:10px}.roster-mini{display:grid;grid-template-columns:42px 1fr auto;gap:6px;font-size:12px;padding:6px 0;border-bottom:1px solid #1d1d26}.pos{color:#cbb7f7;font-weight:900}.my-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.statbox{padding:14px;border:1px solid #2a2236;border-radius:12px;background:#0d0d14}.statbox small{color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.05em}.statbox strong{display:block;font-size:24px;margin-top:4px}.actionrow{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.addbtn{min-width:72px}.social-feed{display:grid;gap:14px}.post{border:1px solid #2a2236;border-radius:14px;background:#0b0b11;overflow:hidden}.post-h{display:flex;align-items:center;gap:10px;padding:12px 14px}.post-media{height:320px;background:radial-gradient(circle at 50% 40%,#4f2b75,#111 65%);display:grid;place-items:center}.post-b{padding:12px 14px}.commentbox{display:flex;gap:8px;margin-top:10px}.commentbox input{flex:1}.footer{margin-top:30px;border-top:1px solid rgba(244,180,0,.18);padding:24px 0 40px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.footer strong{color:var(--gold2)}
.mobilebar{display:none}.toast{position:fixed;right:24px;bottom:24px;background:#15151d;border:1px solid #4f3a68;padding:12px 14px;border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.4);z-index:100;opacity:0;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.grid-2{grid-template-columns:1fr}.grid-3,.teamcards{grid-template-columns:repeat(2,1fr)}.matchups{grid-template-columns:1fr}.profile{display:none}.hero-mark{display:none}.my-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{padding:0 14px}.nav{height:68px}.brand{min-width:auto}.brand img{width:54px;height:54px}.brand-text{display:none}.navlinks{display:none}.hero{padding-top:20px}.hero h1{font-size:42px}.hero p{font-size:14px}.grid-3,.grid-4,.teamcards,.video-grid,.trophies{grid-template-columns:1fr}.article-inner{max-width:100%}.article{background-position:right bottom}.page-title h1{font-size:36px}.my-summary{grid-template-columns:1fr 1fr}.footer{padding-bottom:90px;flex-direction:column}.mobilebar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:rgba(8,8,12,.97);border-top:1px solid #282331;z-index:40}.mobilebar a{text-align:center;padding:12px 4px;font-size:10px;color:#bbb}.mobilebar a.active{color:var(--gold2)}.post-media{height:260px}}
/* v0.2 home dashboard */
.eyebrow{color:var(--purple2);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}.hero-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.scoreboard-card{margin-bottom:16px}.section-sub{margin-top:4px;color:var(--muted);font-size:11px}.live-badge{color:#ff8c97;border-color:rgba(255,93,108,.35);background:rgba(255,93,108,.12)}.scoreboard-strip{display:grid;grid-template-columns:repeat(7,minmax(220px,1fr));gap:10px;padding:14px;overflow-x:auto}.scoreboard-strip .matchup{min-width:220px}.scoreboard-strip .score{font-size:23px}.scoreboard-strip .teamname{font-size:13px}.home-content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:16px}.compact-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compact-video{display:grid;grid-template-columns:145px minmax(0,1fr);border:1px solid #292331;border-radius:12px;overflow:hidden;background:#09090e;transition:.18s}.compact-video:hover{transform:translateY(-2px);border-color:#5f4383}.compact-thumb{height:104px;background:linear-gradient(135deg,#4d2872,#14141d);display:grid;place-items:center;position:relative}.compact-thumb.alt1{background:linear-gradient(135deg,#2f2245,#6a3c1f)}.compact-thumb.alt2{background:linear-gradient(135deg,#1d2947,#40205f)}.compact-thumb.alt3{background:linear-gradient(135deg,#55370c,#251a3b)}.play.mini{width:38px;height:38px;font-size:12px}.duration{position:absolute;right:7px;bottom:7px;background:rgba(0,0,0,.72);padding:3px 6px;border-radius:5px;font-size:10px}.compact-meta{padding:11px 12px;min-width:0}.compact-meta b{font-size:13px;line-height:1.25;display:block}.compact-meta small{display:block;color:var(--muted);margin-top:5px}.nfl-news .feed-status{font-size:10px;color:var(--gold2);font-weight:900;letter-spacing:.06em}.news-list{display:grid}.news-item{padding:15px 16px;border-bottom:1px solid #20202a}.news-item:last-child{border-bottom:none}.news-kicker{font-size:10px;font-weight:900;color:var(--gold);letter-spacing:.08em}.news-item h3{font-size:15px;line-height:1.25;margin:5px 0}.news-item p{font-size:12px;color:var(--muted);line-height:1.45;margin:6px 0}.news-meta{font-size:10px;color:#77778a}.featured-news{background:linear-gradient(135deg,rgba(109,40,217,.12),transparent)}.home-lower-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:16px;margin-top:16px}.compact-table{min-width:560px}.home-article{min-height:100%;}.home-article .article-inner{max-width:78%}.home-article h3{font-size:26px}
@media(max-width:1200px){.home-content-grid,.home-lower-grid{grid-template-columns:1fr}.scoreboard-strip{grid-template-columns:repeat(7,240px)}}
@media(max-width:760px){.home-hero .hero-mark{display:block;position:absolute;right:14px;top:78px;opacity:.18}.home-hero .hero-mark img{width:150px}.home-hero{position:relative}.compact-video-grid{grid-template-columns:1fr}.compact-video{grid-template-columns:110px 1fr}.compact-thumb{height:96px}.scoreboard-strip{grid-template-columns:repeat(7,225px);padding:10px}.home-lower-grid{margin-top:12px}.home-content-grid{gap:12px}.home-article .article-inner{max-width:100%}}
/* v0.3 — ESPN + Sleeper + social-style home */
.video-button{appearance:none;color:inherit;text-align:left;font:inherit;cursor:pointer;width:100%}.compact-thumb.v1{background:linear-gradient(135deg,#532a78,#17171f)}.compact-thumb.v2{background:linear-gradient(135deg,#241d38,#7c4a20)}.compact-thumb.v3{background:linear-gradient(135deg,#17233f,#4f2371)}.compact-thumb.v4{background:linear-gradient(135deg,#69450d,#291944)}.video-button:hover .play{transform:scale(1.08)}.play{transition:.18s}.video-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px}.video-modal.open{display:flex}.video-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.video-modal-card{position:relative;z-index:2;width:min(900px,96vw);display:grid;grid-template-columns:1.35fr .65fr;background:#0b0b11;border:1px solid #403150;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.65)}.video-close{position:absolute;right:12px;top:10px;z-index:4;width:36px;height:36px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:24px;cursor:pointer}.modal-video{min-height:500px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 45% 38%,#70429a,#18131f 55%,#08080d)}.modal-video.v2{background:radial-gradient(circle at 45% 38%,#6f4b29,#17131f 55%,#08080d)}.modal-video.v3{background:radial-gradient(circle at 45% 38%,#374c7a,#21132e 55%,#08080d)}.modal-video.v4{background:radial-gradient(circle at 45% 38%,#806020,#28143d 55%,#08080d)}.play.xl{width:74px;height:74px;font-size:22px}.modal-copy{padding:24px;display:flex;flex-direction:column}.modal-user{display:flex;align-items:center;gap:10px}.modal-user img{width:42px;height:42px;object-fit:contain}.modal-user small{display:block;color:var(--muted);margin-top:2px}.modal-copy h3{font-size:24px;margin:22px 0 10px}.modal-reactions{margin-top:auto;padding-top:18px;border-top:1px solid #24242d}.news-topline{display:flex;justify-content:space-between;gap:10px;align-items:center}.impact-tag{font-size:9px;padding:4px 7px;border-radius:999px;border:1px solid #3a3047;color:#cfc3db;background:#111118}.news-kicker.red{color:#ff7c87}.news-kicker.gold{color:var(--gold2)}.news-kicker.purple{color:var(--purple2)}.news-kicker.green{color:var(--green)}.clickable-news{cursor:pointer}.clickable-news:hover{background:rgba(109,40,217,.08)}.feed-status{display:flex;align-items:center;gap:6px}.feed-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.activity-ribbon{margin-top:16px;display:grid;grid-template-columns:auto 1fr;align-items:center}.activity-title{padding:14px 16px;font-size:11px;font-weight:900;color:var(--gold2);text-transform:uppercase;letter-spacing:.08em;border-right:1px solid var(--line)}.activity-items{display:flex;gap:24px;padding:13px 16px;overflow:auto;white-space:nowrap;color:#cfcfd7;font-size:12px}
@media(max-width:760px){.video-modal-card{grid-template-columns:1fr;max-height:92vh;overflow:auto}.modal-video{min-height:330px}.activity-ribbon{grid-template-columns:1fr}.activity-title{border-right:0;border-bottom:1px solid var(--line)}.home-content-grid{grid-template-columns:1fr}}
.weekly-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;border:1px dashed rgba(151,84,255,.45);border-radius:14px;background:linear-gradient(180deg,rgba(109,48,182,.08),rgba(0,0,0,.08))}.weekly-empty .empty-icon{font-size:34px;margin-bottom:8px}.weekly-empty h3{margin:0 0 6px}.weekly-empty p{color:var(--muted);max-width:440px}.playoff-list{display:grid;gap:10px}.playoff-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02)}.playoff-row small{display:block;color:var(--muted);margin-top:3px}.seed{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),#3f1e70);font-weight:900}.playoff-status{font-size:11px;font-weight:900;letter-spacing:.08em;padding:6px 9px;border-radius:999px}.playoff-status.in{background:rgba(67,219,139,.12);color:#55e29a}.playoff-status.bubble{background:rgba(255,188,57,.12);color:var(--gold)}