:root{--wood:#1b120c;--chalk:#1f2a24;--felt:#0f4d32;--brass:#c9a24a;--amber:#f0a830;--neon:#ff3d6e;--cream:#f3e9d2;--muted:#cbbf9f}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background-color:var(--wood);color:var(--cream);font:400 18px/1.6 "Source Sans 3",system-ui,sans-serif;
background-image:repeating-linear-gradient(178deg,rgba(255,255,255,.018) 0 3px,transparent 3px 11px),repeating-linear-gradient(181deg,rgba(0,0,0,.18) 0 2px,transparent 2px 23px)}
a{color:var(--amber)}a:hover{color:#ffd27a}svg{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}.narrow{max-width:820px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#000;padding:8px;z-index:9}
h1,h2,h3,.sec,.word,.tile-name,.fbrand{font-family:"Bebas Neue","Arial Narrow",sans-serif;font-weight:400;letter-spacing:.02em;line-height:1.05}
h1{font-size:clamp(2.6rem,5.4vw,4.4rem);margin:.2em 0 .3em}
h2{font-size:2.1rem;margin:1.4em 0 .4em;color:var(--amber)}h3{font-size:1.6rem;margin:0 0 .3em}
.site-header{background:rgba(14,9,6,.94);border-bottom:2px solid var(--brass);position:sticky;top:0;z-index:5}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cream)}
.word{font-size:2rem;white-space:nowrap}.word b,.fbrand b{color:var(--neon);font-weight:400;text-shadow:0 0 8px rgba(255,61,110,.7)}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{color:var(--cream);text-decoration:none;font-weight:600;font-size:.95rem;padding:6px 10px;border-radius:6px}
.nav a:hover,.nav a[aria-current]{background:var(--felt);color:#fff}
.hero{padding:56px 0 44px;background:radial-gradient(ellipse at 75% 40%,rgba(240,168,48,.16),transparent 55%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}
.neon{font-family:Yellowtail,cursive;font-size:2.4rem;color:#ffd0dc;margin:0;text-shadow:0 0 6px var(--neon),0 0 18px var(--neon),0 0 34px rgba(255,61,110,.6)}
.lead{font-size:1.2rem;color:var(--muted);max-width:40em}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.btn{display:inline-block;background:var(--amber);color:#1b120c;font-weight:700;text-decoration:none;padding:9px 16px;border-radius:8px;border:2px solid var(--amber);font-size:.98rem}
.btn:hover{background:#ffc35c;color:#1b120c}.btn.big{padding:13px 22px;font-size:1.05rem}
.btn.ghost{background:transparent;color:var(--cream);border-color:var(--brass)}.btn.ghost:hover{background:rgba(201,162,74,.15);color:#fff}
.facts{display:flex;gap:14px;list-style:none;padding:0;margin:8px 0 0;flex-wrap:wrap}
.facts li{background:var(--chalk);border:1px solid rgba(201,162,74,.4);border-radius:10px;padding:10px 16px;min-width:150px}
.facts b{display:block;font-family:"Bebas Neue",sans-serif;font-size:2.1rem;font-weight:400;color:var(--amber);line-height:1}.facts span{font-size:.9rem;color:var(--muted)}
.hero-art{position:relative;display:flex;justify-content:center;padding:20px}
.hero-board{width:100%;max-width:420px;height:auto;border-radius:50%;box-shadow:0 0 0 14px #120b07,0 0 0 17px var(--brass),0 0 0 19px #120b07,0 24px 50px rgba(0,0,0,.65),0 0 80px rgba(240,168,48,.18)}
.hero-dart{position:absolute;right:-2%;top:10%;transform:rotate(-32deg) scaleX(-1);filter:drop-shadow(0 6px 6px rgba(0,0,0,.5))}
.band{padding:46px 0}.sec{font-size:2.6rem;color:var(--cream);margin:0 0 .35em}.sub{color:var(--muted);margin-top:0}
.felt{background:radial-gradient(ellipse at center,#14603f,var(--felt) 70%);border-top:8px solid #5a3519;border-bottom:8px solid #5a3519;box-shadow:inset 0 0 60px rgba(0,0,0,.45)}
.chalk{background-color:var(--chalk);background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:6px 6px;border-top:1px solid #33433a;border-bottom:1px solid #33433a}
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.tile{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--cream);background:linear-gradient(160deg,#3a2616,#24170e);border:1px solid rgba(201,162,74,.5);border-radius:14px;padding:18px;transition:transform .15s,box-shadow .15s}
.tile:hover{transform:translateY(-3px);box-shadow:0 0 0 2px var(--amber),0 0 22px rgba(240,168,48,.3);color:#fff}
.tile-name{font-size:1.7rem;color:var(--amber)}.tile-blurb{font-size:.95rem;color:var(--muted)}
.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pick{display:flex;gap:14px;background:rgba(18,12,8,.9);border:1px solid rgba(201,162,74,.45);border-radius:14px;padding:18px}
.pick-ico{flex:0 0 64px}.pick p{margin:.2em 0 .7em;font-size:.97rem;color:#e6dbc0}.pick strong{color:var(--cream)}
.pick-body{display:flex;flex-direction:column}.pick-body .btn{margin-top:auto;align-self:flex-start}
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guides.one{grid-template-columns:1fr}
.gcard{display:flex;gap:14px;text-decoration:none;color:var(--cream);background:rgba(10,14,12,.55);border:1px dashed rgba(243,233,210,.35);border-radius:12px;padding:16px}
.gcard:hover{border-color:var(--amber);border-style:solid}
.gcard b{display:block;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:1.55rem;color:var(--amber);line-height:1.1}.gcard span span{font-size:.93rem;color:var(--muted)}
.gico{flex:0 0 64px}
.two{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:start}
.callout{background:linear-gradient(160deg,#3a2616,#24170e);border:2px solid var(--brass);border-radius:14px;padding:22px}.callout h3{color:var(--amber)}
.phead{padding:40px 0 28px;border-bottom:1px solid rgba(201,162,74,.35);background:radial-gradient(ellipse at 85% 30%,rgba(255,61,110,.12),transparent 50%)}
.phead-grid{display:grid;grid-template-columns:1fr 170px;gap:24px;align-items:center}
.phead-ico svg{width:170px;height:170px;filter:drop-shadow(0 0 18px rgba(240,168,48,.35))}
.phead p{color:#e6dbc0;max-width:52em}
.crumb{font-size:.9rem;color:var(--muted)!important;margin:0}.crumb a{color:var(--muted)}
.tips{padding-left:1.1em}.tips li{margin:.6em 0}.tips b{display:block;color:var(--amber)}
.ahead{padding:40px 0 10px;background:radial-gradient(ellipse at 80% 20%,rgba(240,168,48,.14),transparent 55%)}
.prose{padding-bottom:40px}.prose p,.prose li{color:#ece2c8}.prose h2{border-bottom:1px solid rgba(201,162,74,.35);padding-bottom:4px}
.lede{font-size:1.25rem;color:var(--cream)!important}
.spec{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}
.spec div{background:var(--chalk);border:1px solid rgba(201,162,74,.5);border-radius:12px;padding:16px}
.spec b{display:block;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:2.4rem;color:var(--amber);line-height:1}.spec span{font-size:.92rem;color:var(--muted)}
.tablewrap{overflow-x:auto}
.cmp{width:100%;border-collapse:collapse;margin:16px 0;font-size:.97rem;background:var(--chalk)}
.cmp th,.cmp td{padding:10px 12px;border-bottom:1px solid #33433a;text-align:left;vertical-align:top}.cmp th{background:var(--felt);font-weight:700}
.cmp td:first-child{font-weight:600;color:var(--amber)}
.note{font-size:.92rem;color:var(--muted)!important;border-top:1px dashed rgba(243,233,210,.25);padding-top:12px;margin-top:30px}
.site-footer{background:#0e0906;border-top:3px solid var(--brass);padding:36px 0 26px;font-size:.95rem;color:var(--muted)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:24px}
.fbrand{font-size:1.9rem;color:var(--cream);margin:0}
.site-footer h4{color:var(--cream);margin:.2em 0 .5em;font-size:1rem;text-transform:uppercase;letter-spacing:.08em}
.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:.3em 0}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--amber)}
.disc{margin:26px 0 6px;color:var(--cream)}.legal{font-size:.85rem}
@media(max-width:1000px){.tiles{grid-template-columns:repeat(3,1fr)}.picks,.guides{grid-template-columns:repeat(2,1fr)}.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){body{font-size:17px}.hero-grid,.two,.phead-grid{grid-template-columns:1fr}.hero-art{order:-1;padding:10px}.hero-board{max-width:230px}.hero-dart{width:140px;height:40px;right:6%;top:8%}
.tiles{grid-template-columns:1fr 1fr}.picks,.guides,.spec{grid-template-columns:1fr}.phead-ico{display:none}.nav{gap:2px}.nav a{padding:4px 7px;font-size:.88rem}.word{font-size:1.7rem}.hero{padding-top:22px}.site-header{position:static}.fgrid{grid-template-columns:1fr}.tile{padding:14px}.facts{gap:8px}.facts li{min-width:0;flex:1;padding:8px 10px}.facts b{font-size:1.7rem}.facts span{font-size:.8rem}.tile-name{font-size:1.45rem}}