:root{--bg0: #070a10;--bg1: #0b1020;--surface0: rgba(255, 255, 255, .06);--surface1: rgba(255, 255, 255, .09);--surface2: rgba(255, 255, 255, .12);--border0: rgba(255, 255, 255, .12);--text0: rgba(255, 255, 255, .92);--text1: rgba(255, 255, 255, .76);--text2: rgba(255, 255, 255, .58);--shadow0: 0 18px 50px rgba(0, 0, 0, .45);--radius0: 18px;--radius1: 14px;--radius2: 999px;--accent: #f5f5f5;--accent-soft: rgba(245, 245, 245, .18);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.45;font-weight:450;color-scheme:dark;color:var(--text0);background-color:var(--bg0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(900px 420px at 18% -10%,rgba(255,255,255,.1),transparent 60%),radial-gradient(760px 380px at 92% 0%,rgba(255,255,255,.06),transparent 55%),linear-gradient(180deg,var(--bg0) 0%,var(--bg1) 100%)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-soft)}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.topbar{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border0);background:linear-gradient(180deg,#070a10eb,#070a10b8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbarInner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;min-width:180px}.brandMark{width:34px;height:34px;border-radius:10px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 25px #00000059;display:block}.brandMarkImg{width:100%;height:100%;object-fit:cover;display:block}.brandName{display:flex;flex-direction:column;line-height:1.05}.brandName strong{letter-spacing:.06em;font-size:12px;text-transform:uppercase;color:var(--text1)}.brandName span{font-size:14px;color:var(--text2)}.tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.subtabs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.subtab{display:inline-flex;align-items:center;padding:8px 10px;border-radius:var(--radius2);border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text1);font:inherit;font-size:13px;transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}button.subtab{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.subtab:hover{background:#ffffff12;border-color:#ffffff2e;transform:translateY(-1px);color:var(--text0)}.subtabActive{background:linear-gradient(180deg,#ffffff14,#ffffff0d);border-color:#fff3;color:var(--text0);box-shadow:inset 0 0 0 1px #ffffff0f}.tab{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius2);border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text1);transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.tab:hover{background:#ffffff12;border-color:#ffffff2e;transform:translateY(-1px);color:var(--text0)}.tabActive{background:linear-gradient(180deg,#ffffff14,#ffffff0d);border-color:#fff3;color:var(--text0);box-shadow:inset 0 0 0 1px #ffffff0f}.tabIcon{width:28px;height:28px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.page{padding:26px 0 48px}.hero{border:1px solid var(--border0);border-radius:var(--radius0);background:linear-gradient(135deg,#ffffff1a,#ffffff0a);box-shadow:var(--shadow0);overflow:hidden;position:relative}.scoresHeaderRow{display:flex;align-items:center;justify-content:flex-start;margin:2px 0 10px}.scoresStrip,.draftStrip{border:1px solid var(--border0);border-radius:var(--radius0);background:#ffffff08;box-shadow:0 16px 40px #00000059;overflow:hidden;margin-bottom:14px}.scoresStripInner,.draftStripInner{padding:12px}.draftStripHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.draftStripKicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text2)}.draftStripTitle{margin-top:4px;font-size:14px;font-weight:650;color:var(--text0)}.draftStripHint{font-size:12px;color:var(--text2);white-space:nowrap}.draftRow{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.draftRow::-webkit-scrollbar{height:8px}.draftRow::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.draftCard{flex:0 0 auto;width:240px;scroll-snap-align:start;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#00000024;padding:10px;display:grid;gap:6px}.draftCardBengals{border-color:#f9731659;background:linear-gradient(180deg,#f973161f,#00000024);box-shadow:0 16px 40px #00000059,0 0 0 1px #f973161a inset}.draftCardLive{border-color:#3b82f673;background:linear-gradient(180deg,#3b82f624,#00000024);box-shadow:0 16px 40px #00000059,0 0 0 1px #3b82f61f inset}.draftCardLive.draftCardBengals{border-color:#3b82f68c;background:linear-gradient(180deg,#3b82f624,#f973161a);box-shadow:0 16px 40px #00000059,0 0 0 1px #3b82f61f inset}.draftTop{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text2)}.draftName{font-size:13px;color:var(--text0);font-weight:650;line-height:1.15}.draftMeta{font-size:12px;color:var(--text2);line-height:1.2}.draftBottom{font-size:11px;color:var(--text2);letter-spacing:.02em}.scoresHint{color:var(--text2);font-size:12px;padding:2px}.scoresRow{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.scoresRow::-webkit-scrollbar{height:8px}.scoresRow::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.scoreCard{flex:0 0 auto;width:220px;scroll-snap-align:start;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#00000024;padding:10px;display:grid;gap:6px;transition:transform .14s ease,background .14s ease,border-color .14s ease}.scoreCard:hover{transform:translateY(-1px);background:#ffffff0f;border-color:#ffffff29}.scoreCardWin{border-color:#22c55e59;background:linear-gradient(180deg,#22c55e1f,#00000024);box-shadow:0 16px 40px #00000059,0 0 0 1px #22c55e1a inset}.scoreCardLoss{border-color:#ef444459;background:linear-gradient(180deg,#ef44441f,#00000024);box-shadow:0 16px 40px #00000059,0 0 0 1px #ef44441a inset}.scoreTop{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text2)}.scoreLine{font-size:13px;color:var(--text0);font-weight:650;line-height:1.15}.scoreBottom{font-size:12px;color:var(--text2)}.hero:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:radial-gradient(800px 220px at 20% 0%,var(--accent-soft),transparent 55%),radial-gradient(700px 260px at 90% 12%,rgba(255,255,255,.1),transparent 60%);opacity:.9;pointer-events:none}.heroInner{position:relative;padding:26px;display:grid;grid-template-columns:1fr clamp(280px,26vw,360px);gap:18px;align-items:end}.heroMain{display:grid;grid-template-columns:1fr;gap:18px;align-items:end;min-width:0}.heroThumb{width:clamp(150px,16vw,220px);aspect-ratio:1 / 1;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0000002e;box-shadow:0 16px 34px #00000073;overflow:hidden}.heroThumb img{width:100%;height:100%;display:block;object-position:50% 50%;filter:saturate(1.04) contrast(1.03);opacity:.96}.heroThumbCover img{object-fit:cover}.heroThumbContain{background:radial-gradient(320px 160px at 40% 20%,rgba(255,255,255,.1),transparent 60%),#00000038}.heroThumbContain img{object-fit:contain;padding:12%}.heroThumbHeroLogo{width:clamp(220px,30vw,360px)}.heroThumbHeroLogo.heroThumbContain img{padding:3%}.heroArt{align-self:stretch;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(520px 220px at 35% 15%,rgba(255,255,255,.1),transparent 60%),#0000001a;overflow:hidden;position:relative;box-shadow:0 18px 40px #00000059;aspect-ratio:16 / 10;min-height:240px}.heroArtInner{position:absolute;top:0;right:0;bottom:0;left:0}.heroArt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px 240px at 40% 15%,var(--accent-soft),transparent 62%),linear-gradient(180deg,#070a1000,#070a1033);opacity:.85;pointer-events:none}.heroArtLogo{background:radial-gradient(520px 220px at 35% 15%,rgba(255,255,255,.08),transparent 60%),#0000002e}.heroArtLogo .heroArtInner{display:grid;place-items:center;padding:14%}.heroArtLogo img{width:auto;height:auto;max-width:92%;max-height:92%;object-fit:contain;object-position:50% 50%;opacity:.92;filter:saturate(1.02) contrast(1.02)}.heroArtCover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;opacity:.92;filter:saturate(1.04) contrast(1.03)}.kicker{font-size:12px;color:var(--text2);letter-spacing:.08em;text-transform:uppercase}.headline{margin:6px 0 0;font-size:clamp(28px,3.1vw,42px);letter-spacing:-.02em;line-height:1.05}.dek{margin:10px 0 0;color:var(--text1);max-width:62ch}.metaRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius2);border:1px solid rgba(255,255,255,.14);background:#0000002e;color:var(--text1);font-size:13px}.pill b{color:var(--text0);font-weight:600}.rail{display:grid;gap:10px;align-content:start}.railCard{border:1px solid var(--border0);border-radius:var(--radius1);background:#0000001f;padding:12px}.railCardTitle{font-size:13px;color:var(--text2);margin:0 0 8px}.railLink{display:grid;gap:3px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;transition:background .14s ease,border-color .14s ease,transform .14s ease}.railLink:hover{background:#ffffff12;border-color:#ffffff29;transform:translateY(-1px)}.railLink strong{font-size:13px;color:var(--text0);line-height:1.15}.railLink span{font-size:12px;color:var(--text2)}.grid{margin-top:18px;display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{border:1px solid var(--border0);border-radius:var(--radius1);background:#ffffff0a;padding:14px;transition:transform .14s ease,background .14s ease,border-color .14s ease;box-shadow:0 10px 22px #00000040}.card:hover{transform:translateY(-2px);background:#ffffff0f;border-color:#ffffff29}.cardKicker{font-size:12px;color:var(--text2);letter-spacing:.08em;text-transform:uppercase}.cardTitle{margin:8px 0 0;font-size:15px;line-height:1.2;letter-spacing:-.01em}.cardBody{margin:8px 0 0;color:var(--text1);font-size:13px}.cardMeta{margin:10px 0 0;color:var(--text2);font-size:12px}.sidebar{display:grid;gap:12px;align-content:start}.panel{border:1px solid var(--border0);border-radius:var(--radius1);background:#ffffff0a;padding:14px}.panel h3{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text2)}.panel p{margin:0;color:var(--text1);font-size:13px}.footer{padding:28px 0 34px;color:var(--text2);font-size:12px}@media (max-width: 860px){.topbarInner{flex-direction:column;align-items:stretch;gap:10px;padding:10px 0}.brand{min-width:0;align-self:flex-start}.tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:6px;padding:2px 2px 6px;margin:0 -2px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;padding:8px 10px;gap:8px;scroll-snap-align:start}.heroInner,.heroMain{grid-template-columns:1fr}.heroThumb{width:min(200px,58vw)}.heroThumbHeroLogo{width:min(300px,82vw)}.heroArt{height:200px;margin-bottom:6px}.grid,.cards{grid-template-columns:1fr}}@media (max-width: 520px){.container{width:min(1120px,calc(100% - 24px))}.topbarInner{gap:8px;padding:8px 0}.brandMark{width:30px;height:30px}.tab{padding:7px 8px;gap:0}.tabIcon{width:26px;height:26px}.tabLabel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
