@font-face{font-family:'Bebas Neue';src:url('fonts/bebas.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Manrope';src:url('fonts/manrope.woff2') format('woff2');font-weight:400 800;font-display:swap}
*{box-sizing:border-box}
body{margin:0;background:#14100d;color:#e8ded2;font-family:'Manrope',Verdana,Geneva,sans-serif;font-size:15px;line-height:1.55}
a{color:#e0a458;text-decoration:none}
a:hover{text-decoration:underline}
header.top{background:#1d1712;border-bottom:1px solid #332619;padding:.7em 1em;display:flex;flex-wrap:wrap;align-items:center;gap:1em}
.brand{font-family:'Bebas Neue','Arial Narrow',sans-serif;font-size:1.8em;color:#f2e4cb;letter-spacing:.05em;display:flex;align-items:center;gap:.45em;text-transform:uppercase}
.brand img{width:34px;height:34px;display:block}
.brand .amber{color:#e0a458}
h2{border-bottom:2px solid #e0a458;display:inline-block;padding-bottom:.12em}
.card:hover img{transform:scale(1.05)}
.card img{transition:transform .3s ease}
.hero{display:flex;flex-wrap:wrap;gap:1.2em;align-items:center;background:linear-gradient(120deg,#241a10,#1d1712 60%);border:1px solid #332619;border-radius:10px;padding:1.1em;margin:1em 0}
.hero img{width:340px;max-width:100%;border-radius:8px;display:block}
.hero .who{flex:1;min-width:230px}
.hero .who .name{font-family:'Bebas Neue','Arial Narrow',sans-serif;font-size:2.3em;color:#f2e4cb;letter-spacing:.03em}
.watchbtn{display:inline-block;background:#e0a458;color:#14100d;font-size:1.05em;padding:.6em 1.4em;border-radius:6px;margin-top:.6em}
.watchbtn:hover{text-decoration:none;background:#f0b96a}
.livedot{display:inline-block;width:.55em;height:.55em;border-radius:50%;background:#e5484d;margin-right:.4em;animation:pulse 1.6s infinite}
@keyframes pulse{0%{opacity:1}50%{opacity:.25}100%{opacity:1}}
nav.main a{margin-right:1em;font-size:.92em}
main{max-width:78em;margin:0 auto;padding:1em}
h1,h2{font-family:'Bebas Neue','Arial Narrow',sans-serif;font-weight:normal;color:#f2e4cb;letter-spacing:.03em;text-transform:uppercase}
h1{font-size:2.7em;margin:.4em 0 .3em}
h2{font-size:2.1em;margin:1.2em 0 .5em}
.lede{max-width:52em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:1em;margin:1em 0}
.card{background:#1d1712;border:1px solid #332619;border-radius:8px;overflow:hidden;position:relative;transition:border-color .15s ease}
.card:hover{border-color:#e0a458}
.card img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;background:#000}
.card .pad{position:absolute;left:0;right:0;bottom:0;padding:1.7em .7em .6em;background:linear-gradient(rgba(20,16,13,0),rgba(10,7,5,.93) 48%);pointer-events:none}
.card .name{font-size:1em;color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.9)}
.card .meta{font-size:.8em;color:#e8ded2;opacity:.85;margin-top:.1em;text-shadow:0 1px 3px rgba(0,0,0,.9)}
.badge{position:absolute;top:.5em;left:.5em;background:#b3202e;color:#fff;font-size:.68em;padding:.18em .5em;border-radius:3px;letter-spacing:.06em;z-index:2}
.hd{position:absolute;top:.5em;right:.5em;background:rgba(0,0,0,.65);color:#ffd98a;font-size:.68em;padding:.18em .45em;border-radius:3px;z-index:2}
.tags{font-size:.75em;margin-top:.25em;pointer-events:auto}
.tags a{margin-right:.5em;text-shadow:0 1px 3px rgba(0,0,0,.9)}
.fav{position:absolute;bottom:.5em;right:.5em;background:rgba(0,0,0,.65);border:1px solid #e0a458;color:#e0a458;border-radius:50%;width:2em;height:2em;font-size:1em;cursor:pointer;line-height:1;z-index:2}
.fav.on{background:#e0a458;color:#14100d}
.picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1em}
.pick{background:linear-gradient(180deg,#2a1e11,#1d1712);border:2px solid #e0a458;border-radius:10px;padding:.8em;position:relative;box-shadow:0 0 22px rgba(224,164,88,.18)}
.pick img{width:100%;height:150px;object-fit:cover;border-radius:6px;display:block;background:#000;margin-bottom:.55em}
.pickbadge{position:absolute;top:1.15em;left:1.15em;background:#e0a458;color:#14100d;font-size:.68em;font-weight:bold;letter-spacing:.09em;padding:.25em .6em;border-radius:3px;z-index:2}
.pick .rank{font-family:'Bebas Neue','Arial Narrow',sans-serif;font-size:1.5em;color:#e0a458;margin-right:.3em}
.pick .name{font-family:'Bebas Neue','Arial Narrow',sans-serif;font-size:1.5em;color:#fff;letter-spacing:.03em}
.pick .fol{color:#ffd98a;font-size:1.08em;margin:.35em 0 .1em}
.livepill{display:inline-block;background:#b3202e;color:#fff;font-size:.72em;letter-spacing:.07em;padding:.22em .6em;border-radius:3px}
.offpill{display:inline-block;background:#3a2e20;font-size:.72em;letter-spacing:.07em;padding:.22em .6em;border-radius:3px;color:#cbb894}
.faq p{max-width:52em}
footer.site{border-top:1px solid #332619;margin-top:2em;padding:1.2em 1em;font-size:.85em;opacity:.85;text-align:center}
footer.site a{margin:0 .6em}
#agegate{position:fixed;inset:0;background:rgba(10,7,5,.96);z-index:99;display:flex;align-items:center;justify-content:center}
#agegate .box{background:#1d1712;border:1px solid #e0a458;border-radius:10px;max-width:26em;padding:2em;text-align:center}
#agegate button{background:#e0a458;color:#14100d;border:0;border-radius:6px;padding:.7em 1.6em;font-size:1em;cursor:pointer;margin-top:1em}
.count{opacity:.8;font-size:.9em}