:root{
color-scheme:light;
--bg:#f5ecd8; --paper:#fffaee; --fg:#2b2c22; --muted:#6f6a56; --rule:#e3d7bc;
--link:#2a6a3c; --visited:#55682c; --accent:#2a6a3c; --grass:#2d6a3e; --leaf:#5c9a4a; --head:#fbf4e3; --ink:#2f4b38;
--chip:#efe4cb; --chip-fg:#5e553c; --turf:#d8ebd6; --turf-fg:#24603a; --clay:#fffaee; --clay-fg:#2d6a3e;
--glass:rgba(255,250,238,.97); --shadow:4px 4px 0 var(--ink);
--field:#2d6a3e; --field2:#327446; --field-fg:#fbf4e3;
--display:'Alfa Slab One', 'Rockwell', 'Roboto Slab', Georgia, serif;
--script:'Yellowtail', 'Brush Script MT', cursive;
--body:'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
--narrow:'Archivo Narrow', 'Arial Narrow', 'Archivo', system-ui, sans-serif;
}
.top::before,.bar::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;background:repeating-linear-gradient(135deg,var(--grass) 0 11px,var(--paper) 11px 22px);border-bottom:2px solid var(--ink)}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{background-color:var(--bg);background-image:radial-gradient(rgba(110,90,50,.07) 1px,transparent 1.3px);background-size:12px 12px;color:var(--fg);font:15px/1.45 var(--body);margin:0}
a{color:var(--link);text-decoration:none}
a:visited{color:var(--visited)}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--grass);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px))}
.logo{display:inline-flex;align-items:center;gap:9px;font:400 40px/1 var(--script);color:var(--grass);white-space:nowrap;text-decoration:none!important;text-shadow:2px 2px 0 var(--paper),3px 3px 0 var(--ink)}
.logo:visited{color:var(--grass)}
.logo svg{width:36px;height:36px;flex:none;transform:rotate(-12deg);filter:drop-shadow(2px 2px 0 rgba(47,75,56,.35))}
.logo span{padding-bottom:4px}
.logo:hover svg{transform:rotate(12deg);transition:transform .3s}
@media (max-width:560px){.logo{font-size:32px}.logo svg{width:30px;height:30px}}
.logo:visited{color:var(--fg)}
.logo b{color:var(--leaf);font-weight:400}
.logo i{color:var(--grass);font-style:normal}
.chip{display:inline-block;font:600 11px/1 var(--narrow);text-transform:uppercase;letter-spacing:.06em;padding:4px 6px 3px;border-radius:999px;background:var(--chip);color:var(--chip-fg);min-width:58px;text-align:center;white-space:nowrap}
.chip.mlb{background:var(--grass);color:#fff}
.chip.former{background:#e7e2d3;color:#5d5a4a;border:1px dashed #8c8a74}
.chip.aaa,.chip.aa,.chip.ha,.chip.sa,.chip.st,.chip.sum{background:var(--turf);color:var(--turf-fg)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.num{font-variant-numeric:tabular-nums}
input[type=search]{font:15px var(--body);padding:7px 10px;border:1px solid var(--rule);border-radius:4px;background:var(--paper);color:var(--fg);width:100%}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
.top{position:relative;border-bottom:1px solid var(--rule);background:var(--head)}
.top .wrap{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;padding-block:22px 12px}
.top .sub{color:var(--muted);font:500 13px var(--narrow);letter-spacing:.04em;text-transform:uppercase}
.layout{display:grid;grid-template-columns:200px minmax(0,1fr) 300px;gap:28px;padding-block:20px 48px}
.side h2,.dir h2,.peek h2{font:600 12px/1 var(--narrow);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--rule)}
.side{display:flex;flex-direction:column;gap:22px;font-size:14px}
.side ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.side li{display:flex;justify-content:space-between;gap:8px}
.side p{margin:0;color:var(--muted);font-size:13px}
.dir{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 26px;align-content:start}
.dir ul{list-style:none;margin:0;padding:0;columns:1}
.dir li{padding:1.5px 0;font-size:15px}
.dir li .ct{color:var(--muted);font:13px var(--narrow)}
.dir li.zero a{color:var(--muted)}
.peek{position:sticky;top:calc(env(safe-area-inset-top, 0px) + 16px);align-self:start;display:flex;flex-direction:column;gap:10px}
.peek figure{margin:0;border-radius:8px;overflow:hidden;aspect-ratio:4/3;max-width:100%;background:var(--chip);border:2px solid var(--ink);box-shadow:var(--shadow)}
.peek img{width:100%;height:100%;object-fit:cover;display:block}
.peek .name{font:22px/1.1 var(--display)}
.peek .nick{color:var(--muted);font-size:13px;margin-top:2px}
.peek .counts{display:flex;flex-wrap:wrap;gap:6px}
.results{margin-top:6px}
.results[hidden]{display:none}
.results ol{list-style:none;margin:0;padding:0}
.rhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--rule);margin-bottom:4px}
.rhead h2{font:600 12px/1 var(--narrow);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0;padding-bottom:6px}
.rhead button,.boards button{font:15px var(--body);background:none;border:0;padding:0;color:var(--link);cursor:pointer;text-align:left}
.rhead button{font-size:13px}
.rhead button:hover,.boards button:hover{text-decoration:underline}
.results .stat{color:var(--grass);font:600 13px var(--narrow);white-space:nowrap}
.results .meta{display:inline}
.results li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:6px 0;border-bottom:1px dotted var(--rule);align-items:baseline}
.results .meta{color:var(--muted);font-size:13px}
.results .empty{color:var(--muted);padding:8px 0}
.foot{border-top:1px solid var(--rule);color:var(--muted);font-size:13px}
.foot .wrap{padding-block:16px 28px;display:flex;flex-wrap:wrap;gap:6px 18px}
@media (max-width:1000px){.layout{grid-template-columns:200px minmax(0,1fr)}.peek{display:none}}
@media (max-width:720px){.layout{grid-template-columns:minmax(0,1fr)}.dir{grid-template-columns:repeat(2,minmax(0,1fr))}.side{order:2}}
@media (max-width:420px){.dir{grid-template-columns:minmax(0,1fr)}}
.faq{padding-block:8px 36px}
.faq h2{font:clamp(22px,3vw,30px)/1.1 var(--display);margin:0 0 6px;color:var(--fg)}
.faq details{border-bottom:1px solid var(--rule);padding:12px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:16px;color:var(--grass)}
.faq details p{margin:8px 0 0;max-width:72ch;color:var(--fg)}
.foot2{background:var(--head);border-top:2px solid var(--ink);color:var(--muted);font-size:14px;position:relative}
.foot2 .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-block:26px 12px}
.foot2 h3{font:600 12px/1 var(--narrow);text-transform:uppercase;letter-spacing:.1em;color:var(--fg);margin:0 0 10px}
.foot2 ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.foot2 .fine{border-top:1px solid var(--rule);padding-block:12px 22px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px}
@media (max-width:760px){.foot2 .cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.top .wrap{justify-content:space-between}
.topnav{display:flex;flex-wrap:wrap;gap:4px 18px;font:600 13px var(--narrow);text-transform:uppercase;letter-spacing:.08em}
.topnav a{color:var(--fg)}
.topnav a:hover{color:var(--grass)}
/* night game hero */
.night{position:relative;overflow:hidden;color:#f3ecd6;background:
radial-gradient(ellipse 60% 40% at 18% 34%,rgba(255,246,200,.16),transparent 70%),
radial-gradient(ellipse 60% 40% at 82% 34%,rgba(255,246,200,.16),transparent 70%),
linear-gradient(180deg,#0a1d12 0%,#10301d 52%,#1b4a2c 100%)}
.night::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,250,230,.55) 1px,transparent 1.4px),radial-gradient(rgba(255,250,230,.3) 1px,transparent 1.4px);background-size:97px 89px,61px 53px;background-position:0 0,30px 20px;mask-image:linear-gradient(180deg,#000 0%,transparent 55%);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 55%);pointer-events:none}
.tower{position:absolute;bottom:96px;width:120px;height:330px;pointer-events:none}
.tower.l{left:max(1%,calc(50% - 700px))}
.tower.r{right:max(1%,calc(50% - 700px));transform:scaleX(-1)}
.night .wrap{position:relative;padding-block:46px 0}
.card{position:relative;max-width:880px;margin:0 auto;background:var(--paper);color:var(--fg);border:3px solid var(--ink);border-radius:18px;box-shadow:7px 7px 0 var(--ink);padding:34px clamp(18px,4vw,44px) 28px}
.card::before{content:"";position:absolute;left:18px;right:18px;top:10px;height:10px;background:radial-gradient(circle,#ffe9a8 0 3px,rgba(255,233,168,.35) 3.6px,transparent 5px) 0 50%/18px 10px repeat-x}
.eyebrow-pill{display:inline-block;font:600 12px/1 var(--narrow);text-transform:uppercase;letter-spacing:.16em;background:var(--grass);color:#fbf4e3;padding:7px 12px;border-radius:999px;margin-top:10px}
.card h1{font:clamp(36px,6.4vw,70px)/.98 var(--display);color:var(--grass);margin:14px 0 10px;text-shadow:3px 3px 0 rgba(47,75,56,.22);text-wrap:balance}
.card .hint{margin:0 0 18px;font-size:16px;color:var(--fg);max-width:60ch}
.card form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.card input[type=text]{flex:1 1 260px;font:17px var(--body);padding:14px 20px;border-radius:999px;border:2px solid var(--ink);background:#fff;color:var(--fg);min-width:0}
.card select{font:15px var(--body);padding:13px 14px;border-radius:999px;border:2px solid var(--ink);background:#fff;color:var(--fg)}
.card button[type=submit]{font:700 16px var(--body);padding:14px 24px;border-radius:999px;border:2px solid var(--ink);background:var(--grass);color:#fbf4e3;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.card button[type=submit]:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.card button[type=submit]:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.card button.ghost{background:none;border:0;color:var(--grass);font:600 15px var(--body);text-decoration:underline;cursor:pointer;padding:8px 2px}
.card .status{font-size:14px;min-height:1.2em;margin-top:12px;color:var(--muted)}
.card .status button{background:none;border:0;color:var(--link);text-decoration:underline;padding:0 2px;font:inherit;cursor:pointer}
.near{margin-top:6px;border-top:2px solid var(--ink)}
.near ol{list-style:none;margin:0;padding:0}
.near li{display:grid;grid-template-columns:4.6em 76px minmax(0,1fr);gap:4px 12px;align-items:baseline;padding:9px 0;border-bottom:1px dotted var(--rule)}
.near li:last-child{border-bottom:0}
.near .mi{font:15px var(--display);color:var(--grass);text-align:right;white-space:nowrap}
.near .meta{color:var(--muted)}
.scores{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:980px;margin:26px auto 0}
.scores div{background:#0c2416;border:2px solid #31563d;border-radius:10px;padding:12px 8px 10px;text-align:center;box-shadow:inset 0 0 0 3px #0c2416,inset 0 0 0 4px rgba(255,233,168,.12)}
.scores b{display:block;font:clamp(22px,3vw,32px)/1 var(--display);color:#ffe9a8;text-shadow:0 0 12px rgba(255,233,168,.35);font-variant-numeric:tabular-nums}
.scores span{display:block;margin-top:6px;font:600 11px/1.1 var(--narrow);text-transform:uppercase;letter-spacing:.12em;color:#9fd3a8}
.outfield{position:relative;height:120px;margin-top:34px}
.outfield::before{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:100%;border-radius:50% 50% 0 0/100% 100% 0 0;background:repeating-linear-gradient(90deg,#2d6a3e 0 80px,#347548 80px 160px);border-top:10px solid #24563a}
/* sections */
.sec{padding-block:44px 8px}
.sec-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:22px}
.ribbon{display:inline-block;margin:0;font:clamp(22px,3vw,30px)/1 var(--display);color:#fbf4e3;background:var(--grass);padding:12px 40px 12px 20px;clip-path:polygon(0 0,100% 0,calc(100% - 20px) 50%,100% 100%,0 100%);filter:drop-shadow(3px 3px 0 var(--ink))}
.sec-head .note{margin:0;color:var(--muted);font-size:15px;max-width:52ch}
.sec-head input[type=search]{max-width:340px;border:2px solid var(--ink);border-radius:999px;padding:11px 18px;font-size:16px;background:#fff}
.region{font:600 13px/1 var(--narrow);text-transform:uppercase;letter-spacing:.14em;color:var(--grass);margin:26px 0 12px;display:flex;align-items:center;gap:12px}
.region::after{content:"";flex:1;border-top:2px dotted var(--rule)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:16px}
a.tile{display:block;background:var(--paper);color:var(--fg);border:2px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:3px 3px 0 var(--ink);transition:transform .15s,box-shadow .15s;text-decoration:none}
a.tile:visited{color:var(--fg)}
a.tile:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--ink);text-decoration:none}
a.tile img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 80%;border-bottom:2px solid var(--ink);background:#cfe1cf}
a.tile .cap{display:block;padding:10px 12px 12px}
a.tile .nm{display:block;font:18px/1.1 var(--display);color:var(--grass)}
a.tile .ct{display:block;margin-top:5px;font:500 13px var(--narrow);color:var(--muted)}
a.tile.zero{opacity:.62}
.results{margin-top:6px}
.results ol{list-style:none;margin:0;padding:0}
.results li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px dotted var(--rule);align-items:baseline}
.results .meta{color:var(--muted);font-size:13px}
.rhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:2px solid var(--ink);margin-bottom:4px;padding-bottom:6px}
.rhead h2{font:600 13px/1 var(--narrow);text-transform:uppercase;letter-spacing:.1em;color:var(--grass);margin:0}
.rhead button{font:600 14px var(--body);background:none;border:0;padding:0;color:var(--link);cursor:pointer}
/* record book cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
a.rc{display:flex;flex-direction:column;background:var(--paper);color:var(--fg);border:2px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s;text-decoration:none}
a.rc:visited{color:var(--fg)}
a.rc:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--ink);text-decoration:none}
a.rc .lab{background:var(--grass);color:#fbf4e3;font:600 12px/1 var(--narrow);text-transform:uppercase;letter-spacing:.14em;padding:10px 14px;border-bottom:2px solid var(--ink)}
a.rc .big{font:clamp(34px,4vw,46px)/1 var(--display);color:var(--grass);padding:16px 14px 4px;font-variant-numeric:tabular-nums}
a.rc .big small{font:600 14px var(--narrow);color:var(--muted);letter-spacing:.04em;margin-left:4px}
a.rc .who{padding:0 14px;font-weight:600;line-height:1.3}
a.rc .wh{padding:2px 14px 0;color:var(--muted);font-size:13px}
a.rc .go{margin-top:auto;padding:12px 14px;font:600 12px var(--narrow);text-transform:uppercase;letter-spacing:.1em;color:var(--link)}
.morerec{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.morerec a{font:600 13px var(--narrow);border:2px solid var(--ink);border-radius:999px;padding:6px 12px;background:var(--paper);color:var(--fg)}
.morerec a:hover{background:var(--turf);text-decoration:none}
/* promos */
.promos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.promo{position:relative;overflow:hidden;border:3px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink);padding:26px 26px 24px;color:#fbf4e3;background:repeating-linear-gradient(90deg,#2d6a3e 0 70px,#337447 70px 140px)}
.promo.alt{background:linear-gradient(180deg,#0f2a1a,#1b4a2c)}
.promo h3{font:clamp(24px,3vw,34px)/1.05 var(--display);margin:0 0 8px;text-shadow:2px 2px 0 rgba(0,0,0,.25)}
.promo p{margin:0 0 18px;max-width:46ch;color:#e6f0df}
.promo .btn{display:inline-block;font:700 15px var(--body);padding:12px 20px;border-radius:999px;border:2px solid var(--ink);background:#fbf4e3;color:var(--grass);box-shadow:3px 3px 0 var(--ink)}
.promo .btn:hover{text-decoration:none;transform:translate(-1px,-1px)}
.promo .count{font:44px/1 var(--display);color:#ffe9a8;margin-bottom:6px}
@media (max-width:900px){.tower{display:none}.scores{grid-template-columns:repeat(3,minmax(0,1fr))}.promos{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.near li{grid-template-columns:4.2em minmax(0,1fr)}.near .chip{grid-column:2;justify-self:start}.near li>span:last-child{grid-column:2}
.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{box-shadow:4px 4px 0 var(--ink)}.topnav a:not(.navpp){display:none}.sec-head input[type=search]{max-width:none;width:100%}}
/* compact hero + craigslist directory overrides */
.night .wrap{padding-block:26px 0}
.hgrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px;align-items:center;max-width:1180px;margin:0 auto}
.card{margin:0;max-width:none;padding:28px clamp(18px,3vw,32px) 22px;box-shadow:6px 6px 0 var(--ink)}
.card h1{font-size:clamp(30px,4.2vw,50px);margin:12px 0 8px}
.card .hint{font-size:15px;margin-bottom:14px}
.card input[type=text]{padding:12px 18px;font-size:16px}
.card select{padding:11px 12px}
.card button[type=submit]{padding:12px 20px;font-size:15px}
.scores{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;max-width:none}
.tower{height:240px;width:90px;bottom:28px}
.outfield{height:30px;margin-top:26px}
.outfield::before{height:100%;left:0;right:0;border-radius:0;border-top:4px solid #24563a}
.layout{padding-block:26px 40px}
.side h2,.dir h2,.levels h2.plain{font:600 12px/1 var(--narrow);text-transform:uppercase;letter-spacing:.12em;color:var(--grass);margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid var(--ink)}
.ribbon.sm{font-size:20px;padding:9px 32px 9px 14px;margin:0 0 16px;filter:drop-shadow(2px 2px 0 var(--ink))}
.dir{gap:24px 28px}
.dir li{font-size:15.5px;padding:2px 0}
.dir li a{font-weight:500}
.levels{margin-top:30px}
ul.lvl{list-style:none;margin:0;padding:0;columns:3;column-gap:28px}
ul.lvl li{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px dotted var(--rule);break-inside:avoid;font-size:15px}
ul.lvl .num{color:var(--muted);font:13px var(--narrow)}
.peek .hov{margin:0;color:var(--muted);font-size:13px}
a.ppbox{display:grid;gap:2px;margin-top:6px;padding:14px 16px;border:2px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--ink);color:#fbf4e3;background:repeating-linear-gradient(90deg,#2d6a3e 0 46px,#337447 46px 92px)}
a.ppbox:hover{text-decoration:none;transform:translate(-1px,-1px)}
a.ppbox b{font:34px/1 var(--display);color:#ffe9a8}
a.ppbox span{font-weight:600}
a.ppbox em{font-style:normal;font-size:13px;opacity:.9}
@media (max-width:900px){.hgrid{grid-template-columns:minmax(0,1fr)}.scores{grid-template-columns:repeat(3,minmax(0,1fr))}ul.lvl{columns:2}}
@media (max-width:560px){ul.lvl{columns:1}}
/* passport highlight */
.ppc-k{font:600 11px/1 var(--narrow);text-transform:uppercase;letter-spacing:.16em;color:#ffe9a8}
a.navpp{display:inline-flex;align-items:center;gap:6px;background:var(--grass);color:#fbf4e3!important;padding:6px 6px 6px 12px;border-radius:999px;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
a.navpp b{background:#ffe9a8;color:var(--ink);border-radius:999px;padding:2px 8px;font:700 12px/1.2 var(--body)}
a.navpp:hover{text-decoration:none;transform:translate(-1px,-1px)}
.ppband{background:repeating-linear-gradient(90deg,#2d6a3e 0 80px,#337447 80px 160px);border-bottom:3px solid var(--ink);color:#fbf4e3}
.ppb-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 28px;align-items:center;padding-block:22px}
.ppb-steps{grid-column:1 / -1}
.ppb-txt h2{font:clamp(24px,3vw,32px)/1.05 var(--display);margin:6px 0 4px;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.25)}
.ppb-txt p{margin:0;color:#e6f0df;font-size:15px}
.ppb-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ppb-steps li{display:flex;gap:10px;align-items:center;background:rgba(10,30,18,.35);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.25}
.ppb-steps b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffe9a8;color:var(--ink);font:16px var(--display)}
.ppb-steps i{font-style:normal;font-weight:700;color:#fff}
a.ppb-btn{justify-self:end;font:700 15px var(--body);padding:12px 18px;border-radius:999px;border:2px solid var(--ink);background:#fbf4e3;color:var(--grass);box-shadow:3px 3px 0 var(--ink);white-space:nowrap}
a.ppb-btn:hover{text-decoration:none;transform:translate(-1px,-1px)}
a.ppbox .ppc-k{margin-bottom:4px}
@media (max-width:1000px){.ppb-in{grid-template-columns:minmax(0,1fr)}a.ppb-btn{justify-self:start;white-space:normal}}
@media (max-width:620px){.ppb-steps{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){a.tile,a.rc,.card button{transition:none}}
.ad{display:flex;flex-direction:column;align-items:center;gap:4px;margin:18px auto}
.ad .adl{font:600 10px/1 var(--narrow);text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}
.ad a.adbox{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;max-width:100%;text-align:center;color:var(--fg);
border:2px dashed #9aa58f;border-radius:6px;background:repeating-linear-gradient(135deg,#fbf6e8 0 14px,#f4eedc 14px 28px);text-decoration:none}
.ad a.adbox:hover{border-color:var(--grass);text-decoration:none}
.ad a.adbox b{font:18px/1 var(--display);color:var(--grass)}
.ad a.adbox span{font:600 12px/1 var(--narrow);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.ad a.adbox em{font:600 12px/1 var(--narrow);font-style:normal;color:var(--link)}
.ad-lb a.adbox{width:728px;height:90px;flex-direction:row;gap:16px}
.ad-mr a.adbox{width:300px;height:250px}
.ad-mr a.adbox b{font-size:24px}
.ad .m{display:none}
.ad a.adwide{display:block;width:728px;max-width:100%;border-radius:6px;overflow:hidden;text-decoration:none;box-shadow:0 0 0 1px rgba(0,0,0,.2);line-height:0}
.ad a.adwide svg{display:block;width:100%;height:auto}
.ad a.adwide svg.m{display:none}
.ad a.adwide:hover{filter:brightness(1.06)}
@media (max-width:760px){.ad a.adwide{width:320px}.ad a.adwide svg.d{display:none}.ad a.adwide svg.m{display:block}}
.ad a.adlive{position:relative;display:flex;align-items:center;justify-content:center;width:300px;height:250px;max-width:100%;overflow:hidden;border-radius:6px;background:#0a1210;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.ad a.adlive::before{content:"";position:absolute;inset:-20px;background:var(--adbg) center/cover;filter:blur(14px) brightness(.55);transform:scale(1.1)}
.ad a.adlive img{position:relative;width:250px;height:250px;display:block;box-shadow:0 0 18px rgba(0,0,0,.5)}
.ad a.adlive:hover img{filter:brightness(1.06)}
.mr-mobile{display:none}
@media (max-width:1000px){.mr-mobile{display:block}}
@media (max-width:760px){.ad-lb a.adbox{width:320px;height:50px;gap:8px}.ad-lb a.adbox b{font-size:14px}.ad-lb a.adbox em{display:none}.ad .d{display:none}.ad .m{display:inline}}
.logo span i{color:var(--leaf);font-style:normal}.logo span b{color:var(--grass)}
.finderx{background:repeating-linear-gradient(90deg,var(--field) 0 90px,var(--field2) 90px 180px);color:var(--field-fg);border-bottom:3px solid var(--ink)}
.finderx .wrap{padding-block:22px 24px;display:grid;gap:12px}
.finderx h1{font:clamp(24px,3.4vw,34px)/1.05 var(--display);margin:0;letter-spacing:.2px;text-shadow:2px 2px 0 rgba(0,0,0,.18)}
.finderx p.hint{margin:0;font-size:14px;opacity:.85}
.finderx form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:760px}
.finderx input[type=text]{flex:1 1 240px;font:16px var(--body);padding:11px 18px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);color:var(--fg);min-width:0}
.finderx select{font:15px var(--body);padding:10px 12px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);color:var(--fg)}
.finderx button{font:600 15px var(--body);padding:11px 18px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);color:var(--grass);cursor:pointer;box-shadow:2px 2px 0 var(--ink)}
.finderx form button[type=submit]:hover{background:#ffffff}
.finderx button.ghost{background:transparent;color:var(--field-fg);text-decoration:underline;padding:11px 4px;font-weight:500;border:0;box-shadow:none}
.finderx .status{font-size:14px;min-height:1.2em}
.finderx .status button{background:none;border:0;color:var(--field-fg);text-decoration:underline;padding:0 2px;font:inherit;cursor:pointer}
.near{background:var(--paper);color:var(--fg);border-radius:10px;padding:6px 14px 10px;max-width:900px;border:2px solid var(--ink);box-shadow:var(--shadow)}
.near ol{list-style:none;margin:0;padding:0}
.near li{display:grid;grid-template-columns:4.6em 76px minmax(0,1fr);gap:4px 12px;align-items:baseline;padding:8px 0;border-bottom:1px dotted var(--rule)}
.near li:last-child{border-bottom:0}
.near .mi{font:600 15px var(--narrow);color:var(--grass);text-align:right;white-space:nowrap}
.near .meta{color:var(--muted)}
@media (max-width:560px){.near li{grid-template-columns:4.2em minmax(0,1fr)}.near .chip{grid-column:2;justify-self:start}.near li>span:last-child{grid-column:2}}
.pp{font:600 11px/1 var(--narrow);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--rule);background:var(--paper);color:var(--muted);border-radius:999px;padding:5px 9px;cursor:pointer;margin-left:8px;white-space:nowrap;vertical-align:1px}
.pp:hover{border-color:var(--fg);color:var(--fg)}
.pp[aria-pressed="true"]{background:var(--grass);border-color:var(--grass);color:var(--paper)}
.pp[aria-pressed="true"]::before{content:"\2713\00a0"}
.pp:not([aria-pressed="true"])::before{content:"+\00a0"}
.results li .pp,.near li .pp{margin-left:8px}
@media(max-width:640px){.scores span{letter-spacing:.04em;font-size:10px}}
@media(max-width:640px){.scores span{letter-spacing:.02em}}
/* phone polish */
@media (max-width:640px){
dl.pk-facts{grid-template-columns:minmax(92px,36%) minmax(0,1fr)}
dl.pk-facts dt{border-bottom:1px dotted var(--rule);padding:8px 10px;font-size:11px;line-height:1.35;display:flex;align-items:center}
dl.pk-facts dd{padding:8px 12px;display:flex;align-items:center;flex-wrap:wrap}
ol.rank li{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:4px;padding:8px 0}
ol.rank .n{flex:0 0 30px;order:0}
ol.rank li>span:nth-child(3){flex:1 1 calc(100% - 40px);order:1;min-width:0}
ol.rank .chip{order:2;margin-left:38px}
ol.rank .mi,ol.rank .stat{order:3;flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}
.sp aside .pk-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}
.dir .reg ul{columns:2;column-gap:16px}
.dir .reg li{break-inside:avoid}
aside.side>div:not(:first-child){display:none}
}
@media (max-width:640px){.levels ul.lvl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.levels ul.lvl li{min-width:0}}
/* gridiron theme */
:root{--display:'Anton','Impact','Arial Narrow Bold',sans-serif;--bg:#eceae3;--paper:#fbfaf6;--rule:#d5d1c5;--ink:#111512;--fg:#1a1d1a;--muted:#5d6059;--grass:#1d4a2b;--accent:#1d4a2b;--link:#1d5a32;--field:#1d4a2b;--field2:#215232;--clay-fg:#1d4a2b;--turf:#dfe6da;--turf-fg:#1d4a2b;--leaf:#c99a1e;--chip:#e2dfd4;--chip-fg:#33372f;--visited:#4b5a2c;--gold:#d8a521;--chalk:#f1efe8;--coal:#0f1311;--shadow:3px 3px 0 var(--ink)}
body{background-image:none}
/* header: press box */
.top,.bar{background:var(--coal);border-bottom:3px solid var(--gold);color:#9aa197}
.top::before,.bar::before{height:7px;top:0;border:0;background:repeating-linear-gradient(90deg,rgba(241,239,232,.55) 0 2px,transparent 2px 22px)}
.top a,.top a:visited,.topnav a{color:var(--chalk)}
.top a:hover,.topnav a:hover{color:var(--gold)}
.top .sub{color:#9aa197}
.logo,.logo:visited{font:400 30px/1 var(--display);text-transform:uppercase;letter-spacing:.015em;color:var(--chalk);text-shadow:none;gap:0}
.logo span{padding:2px 0 0 0}
.logo i,.logo span i{color:var(--chalk);font-style:normal}
.logo b,.logo span b{color:var(--gold);font-weight:400}
a.navpp{border-radius:2px!important;background:var(--gold)!important;color:var(--coal)!important;border:0!important;box-shadow:none!important}
a.navpp b{border-radius:2px!important;background:var(--coal)!important;color:var(--gold)!important}
/* display type: block, upper, no cartoon shadows */
h1,.card h1,.sp h1,.hero h1,.finderx h1,.faq h2,.promo h3,.ppb-txt h2,.ppshare h2,.trip h2,.sp .adv h2,.ribbon,.plan .price,a.rc .big,.promo .count{font-family:var(--display)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.01em;text-shadow:none!important}
.card h1,.sp h1,.hero h1{color:var(--ink);line-height:.98}
.card h1{font-size:clamp(34px,5vw,62px)}
.sp h1{font-size:clamp(32px,4.6vw,54px)}
.hero h1 .eyebrow{text-shadow:none}
/* hero: night game with yard lines */
.night{color:var(--chalk);background:radial-gradient(ellipse 60% 40% at 18% 30%,rgba(255,248,214,.13),transparent 70%),radial-gradient(ellipse 60% 40% at 82% 30%,rgba(255,248,214,.13),transparent 70%),repeating-linear-gradient(90deg,transparent 0 118px,rgba(241,239,232,.13) 118px 121px),repeating-linear-gradient(90deg,#0e1c13 0 60px,#112217 60px 120px)}
.night::before{background-image:repeating-linear-gradient(90deg,transparent 0 58px,rgba(241,239,232,.16) 58px 60px);background-size:120px 14px;background-repeat:repeat-x;background-position:0 38%;mask-image:none;-webkit-mask-image:none}
.card{border:0;border-top:6px solid var(--gold);border-radius:2px;box-shadow:0 20px 44px rgba(0,0,0,.45)}
.card::before{display:none}
.eyebrow-pill{border-radius:2px;background:var(--coal);color:var(--gold);letter-spacing:.14em}
.card input[type=text],.card select,.finderx input[type=text],.finderx select,.sec-head input[type=search],input[type=search],.bar select,.sort select,.cform input,.cform select,.cform textarea{border-radius:3px!important;border:2px solid var(--ink)}
.card button[type=submit],.finderx button,.cform button,.contact button,.promo .btn,a.ppb-btn,a.ppc-btn,.pk-acts a,.pk-acts button,.pps-b a,.pps-b button,.pptools button,.bdg .seg button,.finderx button.ghost{border-radius:3px!important;box-shadow:none!important;transform:none!important;font-family:var(--narrow);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.card button[type=submit],.cform button{background:var(--grass);color:var(--chalk);border:2px solid var(--ink)}
.card button[type=submit]:hover,.cform button:hover{background:var(--coal)}
.card button.ghost{color:var(--grass);text-transform:none;letter-spacing:0;font-family:var(--body)}
.finderx button.ghost{text-transform:none;letter-spacing:0;font-family:var(--body);font-weight:500}
.pk-acts a:first-child{background:var(--grass);color:var(--chalk)}
/* scoreboard */
.scores div{background:var(--coal);border:1px solid #2c332e;border-radius:2px;box-shadow:inset 0 0 0 3px var(--coal),inset 0 0 0 4px rgba(216,165,33,.18)}
.scores b{font-family:var(--display);font-size:clamp(24px,2.6vw,34px);color:var(--gold);text-shadow:0 0 10px rgba(216,165,33,.25);letter-spacing:.02em}
.scores span{color:#c7cdc2}
.scores div:first-child:nth-last-child(7),.scores div:first-child:nth-last-child(4),.scores div:first-child:nth-last-child(10){grid-column:1/-1;display:flex;align-items:baseline;justify-content:center;gap:12px}
.scores div:first-child:nth-last-child(7) span,.scores div:first-child:nth-last-child(4) span,.scores div:first-child:nth-last-child(10) span{margin:0;font-size:13px;letter-spacing:.14em}
.scores div:first-child:nth-last-child(7) b,.scores div:first-child:nth-last-child(4) b,.scores div:first-child:nth-last-child(10) b{font-size:clamp(32px,3.4vw,44px)}
/* turf bands */
.ppband,.promo{background:repeating-linear-gradient(90deg,transparent 0 118px,rgba(241,239,232,.12) 118px 121px),repeating-linear-gradient(90deg,#1b4529 0 60px,#1f4c2e 60px 120px);color:var(--chalk)}
.promo.alt{background:linear-gradient(180deg,#0f1311,#1a2a1f)}
.promo{border:0;border-top:5px solid var(--gold);border-radius:2px;box-shadow:none}
.finderx{background:repeating-linear-gradient(90deg,transparent 0 118px,rgba(241,239,232,.12) 118px 121px),repeating-linear-gradient(90deg,#1b4529 0 60px,#1f4c2e 60px 120px);border-bottom:3px solid var(--gold)}
.ppb-steps li,.ppb-steps b{border-radius:2px!important}
.ppb-steps b{background:var(--gold)!important;color:var(--coal)!important}
.ppcall,.ppbar,.ppshare,.ppempty,.tally,.trip,.plan,.contact,.near,.board,.mapwrap,.tip,.flag,.pk-flag,dl.pk-facts,ol.rows details.more dl,.peek figure,a.ppbox,.ppstats b,.tally b,.trip .spons{border-radius:2px!important}
.ppcall,.ppbar,.trip,.plan,.contact,dl.pk-facts,.ppshare,.board,.mapwrap{box-shadow:4px 4px 0 var(--ink)!important}
/* section headers: block plate instead of pennant */
.ribbon{clip-path:none;filter:none;background:var(--coal);color:var(--chalk);padding:11px 18px 9px 14px;border-left:8px solid var(--gold);font-size:clamp(22px,2.6vw,30px);line-height:1}
.ribbon.sm{filter:none;padding:8px 14px 6px 12px;font-size:20px}
.side h2,.dir h2,.levels h2.plain{color:var(--ink);border-bottom:3px solid var(--ink)}
/* tiles, chips, buttons */
.chip,.pp,.tools .seg,.sort select{border-radius:2px!important}
.chip{font-weight:700}
.pp[aria-pressed="true"]{background:var(--grass);border-color:var(--grass);color:var(--chalk)}
a.tile,a.rc,.morerec a{border-radius:2px!important;box-shadow:3px 3px 0 var(--ink)!important}
a.tile:hover,a.rc:hover{box-shadow:3px 3px 0 var(--gold)!important;transform:none!important}
ol.rank .n{border-radius:2px;background:var(--coal);color:var(--gold);border-color:var(--coal);font-family:var(--display)}
.maplegend label,.hero .nick,.peek .name{border-radius:2px!important}
/* footer */
.foot2{background:var(--coal);border-top:4px solid var(--gold);color:#9aa197}
.foot2 h3{color:var(--gold)}
.foot2 a,.foot2 a:visited{color:var(--chalk)}
.foot2 .fine{border-top-color:#2a302c}
.outfield::before{background:repeating-linear-gradient(90deg,transparent 0 118px,rgba(241,239,232,.12) 118px 121px),repeating-linear-gradient(90deg,#1b4529 0 60px,#1f4c2e 60px 120px);border-top-color:var(--gold)}
@media (max-width:640px){
.logo,.logo:visited{font-size:22px}
.logo span{padding-left:0}
.ribbon{font-size:22px}
}
.pk-acts .pp{border-radius:3px!important;font-family:var(--narrow)!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important;border:2px solid var(--ink)!important;color:var(--ink)}
.pk-acts .pp[aria-pressed="true"]{color:var(--chalk);background:var(--grass)}
/* state pages: dark duotone scene, chalk title */
.scene svg{filter:grayscale(1) contrast(1.2) brightness(.62)}
.heroband{background:var(--coal);border-bottom:3px solid var(--gold)}
.heroband::after{background:linear-gradient(0deg,rgba(15,19,17,.85) 0,rgba(15,19,17,.25) 55%,rgba(15,19,17,.1) 100%),linear-gradient(90deg,rgba(29,74,43,.45),rgba(29,74,43,.15))}
.hero h1{color:var(--chalk)!important;text-shadow:0 4px 24px rgba(0,0,0,.55)!important}
.hero h1 .eyebrow{background:var(--gold)!important;color:var(--coal)!important;border:0!important;border-radius:2px!important;font-family:var(--narrow)!important;font-weight:600!important;letter-spacing:.16em!important;padding:7px 11px 6px!important}
.hero .nick{color:var(--gold);opacity:1}
.crumbs,.crumbs span{color:#9aa197}
.crumbs a{color:var(--chalk)}
.board{background:var(--paper);border-radius:2px!important;border:0;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}
.tally{background:#2a302c;border-color:var(--coal);box-shadow:3px 3px 0 var(--ink)}
.tally span{background:var(--coal);color:#c7cdc2}
.tally span.tot{background:var(--grass);color:var(--chalk)}
.tally b{color:var(--gold);font-family:var(--display);text-shadow:none}
.tally .tot b{color:var(--chalk)}
/* trip planner */
.trip-g a{background:var(--paper);color:var(--grass);border-radius:2px;box-shadow:none;border:2px solid var(--ink);border-left:6px solid var(--gold)}
.trip-g a:hover{transform:none;background:#fff}
.trip{background:var(--coal)!important;border:0!important;border-top:5px solid var(--gold)!important}
.trip .spons{border-color:rgba(216,165,33,.55)!important}
.trip .spons a,.trip .spons b{color:var(--gold)}
@media (max-width:640px){.tally span{flex:1 1 0;min-width:0}}
/* level chips */
.chip.nfl{background:var(--coal);color:var(--gold)}
.chip.fmr{background:#d6d3c8;color:#45483f}
.chip.tmp{background:#f6ecd0;color:#6b5000;box-shadow:inset 0 0 0 1px #c99a1e}
.pk-chips{display:flex;gap:6px;flex-wrap:wrap}
h1,h2,h3,h4,summary,.reln{text-wrap:balance}