@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
body{background:#0d0d10;color:#f2f2f5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.45;max-width:760px;margin:0 auto;padding:0 12px}
.wrap{max-width:640px;margin:0 auto;padding:12px 12px 60px}
.mast{position:relative;text-align:center;padding:28px 12px 20px;background:linear-gradient(180deg,#1a0505,#0d0d10);border-bottom:3px solid #c1121f}
.mast-brand{display:flex;flex-direction:column;align-items:center;gap:4px}
.mast h1{font:800 clamp(42px,7vw,84px)/.86 "Barlow Condensed",sans-serif;letter-spacing:-.03em;color:#fff;text-transform:uppercase;margin:0}
.mast .stamp{position:absolute;right:12px;top:50%;transform:translateY(-50%);text-align:right}
.mast .stamp span{font-size:13px;font-weight:700;text-transform:uppercase;color:#fff;display:block}
.mast .stamp strong{font-size:20px;font-weight:800;color:#c8102e;display:block}
@media(max-width:560px){.mast .stamp{display:none}}
.study-line{font:800 clamp(32px,5vw,64px)/.9 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px}
.nhlshield{height:.85em;width:auto;object-fit:contain;flex:0 0 auto}
.refresh{color:#777;font-size:13px;margin-top:6px}
.rlogo{width:104px;height:104px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #c1121f;display:block;margin:0 auto 10px;background:#1a1a20}
.plog{width:104px;height:auto;display:block;margin:0 auto 12px}
.xlink{display:inline-block;margin-top:10px;color:#999;font-size:14px;text-decoration:none}
.xlink:hover{color:#fff}
.sources{margin:26px 0 12px;border:1px solid #2b2b33;border-radius:12px;overflow:hidden}
.sources summary{color:#999;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:12px 14px;cursor:pointer;list-style:none;text-align:center}
.sources summary::-webkit-details-marker{display:none}
.sources ul{list-style:disc;margin:0;padding:2px 22px 14px;color:#999;font-size:14px}
.sources li{margin:3px 0}
.venue{margin-top:8px;color:#ffd9d9;font-size:17px}
.matchup{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px}
.matchup img{width:84px;height:84px;object-fit:contain}
.matchup .at{font-size:22px;color:#ff6b6b;font-weight:700}
.rec{font-size:15px;color:#bbb;margin-top:6px}
.score{font-size:30px;font-weight:900;margin-top:8px}
.score small{font-size:15px;color:#ffb3b3;font-weight:600}
.back{display:inline-block;margin:10px 0 0;color:#ff6b6b;font-size:16px;text-decoration:none}
.banner{background:linear-gradient(90deg,#a50e1c,#d31626,#a50e1c);color:#fff;font-weight:800;letter-spacing:2px;text-transform:uppercase;text-align:center;padding:12px;font-size:19px;margin:22px 0 12px;border-radius:8px}
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:16px 0}
.gcard{background:#141419;border:1px solid #2b2b33;border-radius:12px;padding:18px 14px;text-decoration:none;color:#fff;display:block;transition:border-color .15s}
.gcard:hover{border-color:#c8102e}
.gcard .teams-row{display:flex;align-items:center;justify-content:center;gap:12px}
.gcard .gteam{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0}
.gcard .gteam img{width:56px;height:56px;object-fit:contain}
.gcard .gab{font:800 22px "Barlow Condensed",sans-serif;letter-spacing:.02em}
.gcard .grec{font-size:13px;color:#888}
.gcard .gat{font-size:14px;font-weight:700;color:#888;text-transform:uppercase;flex-shrink:0}
.dpanel{background:#17171c;border:1px solid #2a2a32;border-radius:10px;padding:12px;margin-bottom:10px}
.dhead{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:18px;font-weight:700}
.dhead img{width:40px;height:40px;object-fit:contain}
.dvtoggle{margin-left:auto;display:flex;gap:6px}
.dvtoggle button{background:#1c1c22;color:#999;border:1px solid #33333d;border-radius:20px;padding:5px 12px;font-size:12.5px;font-weight:700;cursor:pointer}
.dvtoggle button.on{background:#c1121f;border-color:#c1121f;color:#fff}
.dgrid{display:flex;flex-wrap:wrap;gap:8px}
.dcell{background:#0d0d10;border:1px solid #333;border-radius:8px;padding:8px 12px;font-size:16px}
.dcell b{margin-left:8px;font-size:19px}
.dcell small{display:block;color:#888;font-size:12.5px;margin-top:2px}
.dnote{color:#999;font-size:14px;margin:4px 2px 0}
.dnote ul{margin:2px 0;padding-left:18px}
.dnote li{margin:2px 0}
table.dvp{width:100%;border-collapse:collapse;font-size:16px;margin-top:6px}
table.dvp th{color:#999;font-size:13.5px;text-transform:uppercase;letter-spacing:1px;padding:6px 4px;text-align:left}
table.dvp td{padding:7px 4px;border-top:1px solid #26262e}
table.tstats{width:100%;border-collapse:collapse;font-size:16px;margin-top:2px;table-layout:fixed}
table.tstats th{color:#ff6b6b;font-size:14px;text-transform:uppercase;letter-spacing:2px;padding:8px 6px;text-align:center;border-bottom:2px solid #c1121f}
table.tstats td{padding:9px 6px;border-top:1px solid #26262e;overflow:hidden}
table.tstats td.lbl{color:#bbb;white-space:nowrap;width:32%}
table.tstats td.val{text-align:right;font-weight:800;font-size:19px;width:18%;vertical-align:top}
table.tstats td.val .ref{display:block;font-size:12px;margin:1px 0 0}
table.tstats td.div{border-left:1px solid #2a2a32}
.ref{font-size:12.5px;color:#777;font-weight:600;margin-left:5px}
table.pstats{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:8px}
.pstatwrap{overflow-x:auto;margin:0 -4px;padding:0 4px}
table.pstats th{color:#777;font-size:11.5px;text-transform:uppercase;letter-spacing:1px;padding:3px 7px 3px 0;text-align:right;font-weight:700}
table.pstats td{padding:5px 7px 5px 0;text-align:right;border-top:1px solid #22222a;font-weight:600;white-space:nowrap}
table.pstats th:first-child,table.pstats td:first-child{text-align:left;color:#999;font-weight:700;white-space:nowrap}
@media (max-width:480px){table.tstats{font-size:14px}table.tstats td.val{font-size:17px}.hero h1{font-size:50px}}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px}
.filters select{flex:1;min-width:120px;background:#17171c;color:#fff;border:1px solid #444;border-radius:8px;padding:12px;font-size:17px}
.card{background:#141419;border:1px solid #2b2b33;border-radius:14px;margin:14px 0;overflow:hidden}
.chead{display:flex;align-items:center;gap:12px;padding:14px;background:#1b1b22}
.face{width:76px;height:76px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #c1121f;background:#333;flex:none}
.cinfo{flex:1;min-width:0}
.cname{font-size:22px;font-weight:800;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tbadge{font-size:13px;font-weight:800;padding:3px 9px;border-radius:20px;color:#fff;background:#444}
.csub{color:#bbb;font-size:16px;margin-top:4px}
.dvpsrc{color:#777;font-size:13px;margin-top:2px}
.tlogo{width:52px;height:52px;object-fit:contain;flex:none;opacity:.95}
.props{padding:6px 10px 10px}
.prop{border-top:1px solid #26262e}
.prop:first-child{border-top:none}
.prow{width:100%;display:flex;align-items:center;gap:12px;background:none;border:none;color:#fff;padding:14px 4px;cursor:pointer;text-align:left;font-family:inherit}
.pline{font-size:30px;font-weight:900;color:#ffd23f;min-width:86px}
.pmeta{flex:1}
.pmeta b{font-size:19px;display:block}
.pmeta small{color:#999;font-size:15px;display:block;margin-top:2px}
.lean{text-align:right;font-weight:800;font-size:17px;min-width:76px}
.lean small{display:block;font-weight:600;font-size:14px;color:#bbb}
.lean.over{color:#2ecc71}.lean.under{color:#ff6b6b}.lean.na{color:#888}
.chev{color:#777;font-size:20px;transition:transform .2s}
.prop.open .chev{transform:rotate(180deg)}
.glog{display:none;padding:0 4px 14px}
.prop.open .glog{display:block}
.bars{display:flex;gap:6px;align-items:flex-end;overflow-x:auto;padding:10px 2px 2px}
.g{flex:1;min-width:52px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.bar{width:100%;max-width:44px;background:#555;border-radius:4px 4px 0 0;min-height:6px}
.bar.hit{background:#2ecc71}.bar.miss{background:#c0392b}
.gv{font-size:15px;font-weight:700;margin-top:4px}
.gd{font-size:12.5px;color:#999;white-space:nowrap}
.gcap{color:#777;font-size:13.5px;margin-top:6px}
.lbtns{display:flex;gap:6px;flex-wrap:wrap;padding:10px 2px 0}
.lb{background:#0d0d10;border:1px solid #444;border-radius:16px;color:#bbb;font-size:13.5px;font-weight:700;padding:6px 12px;cursor:pointer}
.lb.on{background:#c1121f;border-color:#c1121f;color:#fff}
select.wowypick{background:#0d0d10;border:1px solid #444;border-radius:16px;color:#bbb;font-size:13.5px;font-weight:700;padding:6px 8px;cursor:pointer;max-width:170px}
.smap{margin-top:10px}
.smapbtn{background:#0d0d10;border:1px solid #444;border-radius:16px;color:#bbb;font-size:13.5px;font-weight:700;padding:6px 12px;cursor:pointer}
.smapbtn.on{background:#c1121f;border-color:#c1121f;color:#fff}
.smapwrap{margin-top:8px}
.smapwrap canvas{width:100%;height:auto;border-radius:8px;display:block;background:#101722}
.smapcap{color:#777;font-size:12.5px;margin-top:4px;text-align:center}
footer{text-align:center;color:#666;font-size:14px;margin-top:26px;padding:0 16px}
.grow{display:flex;align-items:center;gap:14px;background:#141419;border:1px solid #2b2b33;border-radius:14px;margin:12px 0;padding:14px;color:#fff;text-decoration:none}
.gteams{display:flex;align-items:center;gap:10px}
.gt{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:56px}
.gab{font-size:13px;font-weight:700;letter-spacing:.5px}
.gt img{width:48px;height:48px;object-fit:contain}
.grec{font-size:11.5px;color:#999}
.gat2{color:#ff6b6b;font-weight:800;font-size:18px}
.gscore{text-align:center;margin-top:10px}.gscore .gsc{font:800 28px "Barlow Condensed",sans-serif}.gscore .gst{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-top:2px}.gscore .gst.live{color:#c8102e}
.gsc{font-size:24px;font-weight:800;white-space:nowrap}
.gst{display:block;font-size:13px;color:#999;margin-top:2px}
.gst.live{color:#ff3b30;font-weight:800}
.ginfo{flex:1}
.ginfo b{font-size:20px}
.ginfo small{display:block;color:#999;font-size:15px;margin-top:2px}
.ginfo .ls{color:#ffd23f;font-weight:700}
.gchev{color:#777;font-size:24px}
.count{text-align:center;color:#bbb;font-size:16px;margin-top:6px}
details.ptw{margin:14px 0;border:1px solid #c1121f;border-radius:12px;overflow:hidden}
details.ptw summary{background:linear-gradient(90deg,#a50e1c,#d31626,#a50e1c);color:#fff;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:14px;font-size:18px;cursor:pointer;list-style:none;text-align:center}
.ptwrow{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid #2b2b33;background:#141419;color:#fff;text-decoration:none}
.ptwrow img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid #c1121f;background:#333}
.ptwrow .pn{flex:1}.ptwrow .pn b{font-size:17px;display:block}.ptwrow .pn small{color:#999;font-size:14px}
.ptwrow .ph{text-align:right}.ptwrow .ph b{color:#2ecc71;font-size:18px}.ptwrow .ph small{display:block;color:#999;font-size:13px}
.hidden{display:none!important}
.section-bar{background:#c8102e;color:#fff;font:800 17px/1 "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:11px 14px;margin:26px 0 14px;border-radius:6px}.winners-wrap{margin:26px 0 0}.winners-toggle{cursor:pointer;list-style:none;display:flex;justify-content:center;align-items:center;gap:12px;text-align:center}.winners-toggle::-webkit-details-marker{display:none}.winners-toggle-icon{font-size:20px;transition:transform .2s}.winners-wrap[open] .winners-toggle-icon{transform:rotate(45deg)}.winners-intro{padding:12px 4px;color:#aaa;font-size:13px}.winners-intro p{margin:6px 0}.wlist{display:grid;gap:10px;margin:0 0 6px}.wrow{display:flex;align-items:center;gap:12px;background:#141419;border:1px solid #2b2b33;border-radius:10px;padding:12px 14px;color:#fff;text-decoration:none}.wrow:hover{border-color:#c8102e}.wlogo{width:44px;height:44px;object-fit:contain;flex-shrink:0}.wmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wmain b{font:800 20px "Barlow Condensed",sans-serif;letter-spacing:.02em}.wstars{color:#FFDD00;font-size:16px;letter-spacing:2px}.wmain small{color:#aaa;font-size:12px}.wreason{color:#ccc!important}.wprob{text-align:right;flex-shrink:0}.wprob b{font:800 26px "Barlow Condensed",sans-serif;color:#2ecc71}.wprob small{display:block;color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.wdisc{font-size:11px;color:#777;margin:8px 2px 0;line-height:1.5}.pfooter{margin-top:32px;padding:20px 4px 8px;border-top:1px solid #2a2a30;font-size:12px;color:#888}.pfooter p{margin:0 0 10px;line-height:1.5}.pfooter a{color:#c8102e;font-weight:700;text-decoration:none}.pfooter a:hover{text-decoration:underline}.pcoffee{font-size:14px} .pnav{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px solid #2a2a30;margin-bottom:8px}.pnav-home{display:flex;align-items:center;gap:8px;font:800 19px "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;color:inherit}.pnav-home img{width:30px;height:30px;object-fit:contain}.pnav-links{display:flex;gap:16px;align-items:center}.pnav-links a{font:700 15px "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;color:inherit}.pnav-links a:hover{color:#c8102e}.pnav-soon{font:700 15px "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;opacity:.4}