@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/big-shoulders-display-latin-900-normal-CW8trzgu.woff2)format("woff2"),url(/assets/big-shoulders-display-latin-900-normal-DMT-1gsg.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-orange:#fb4f14;--color-orange-deep:#c93a08;--color-ink:#0e0b09;--color-ink-raised:#1a1411;--color-bone:#f6ede4;--color-muted:#a8978a;--font-display:"Big Shoulders Display", "Arial Narrow", Impact, sans-serif;--font-label:"Barlow Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--gutter:16px;--wall-gap:6px;--tile-min:340px;--stripe-height:22px}:root.joe-cool{--color-orange:#7fd3ff;--color-orange-deep:#3a9fd6;--color-ink:#070b10;--color-ink-raised:#0f1820;--color-bone:#eef8ff;--color-muted:#8fa7b8}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{min-height:100vh;background:var(--color-ink);min-height:100dvh;color:var(--color-bone);font-family:var(--font-label);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;margin:0;font-weight:500;line-height:1.4;display:flex}main{flex:1}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--color-bone);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--gutter);z-index:10;background:var(--color-bone);color:var(--color-ink);padding:10px 14px;font-weight:700;text-decoration:none;position:absolute;top:-100px}.skip-link:focus{top:calc(var(--gutter) + env(safe-area-inset-top,0px))}.stripes{height:var(--stripe-height);background:repeating-linear-gradient(115deg, var(--color-ink) 0 14px, transparent 14px 38px, var(--color-ink) 38px 46px, transparent 46px 70px), var(--color-orange);flex-shrink:0}.btn{font:700 .95rem/1 var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink);background:var(--color-orange);cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);border:0;padding:12px 20px 11px;transition:background-color .15s,color .15s}.btn:hover{background:var(--color-orange-deep);color:var(--color-bone)}.btn--light{background:var(--color-bone)}@media not ((hover:hover) and (pointer:fine)){.btn--hover-only{display:none}}.btn--light:hover{background:var(--color-muted);color:var(--color-ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sitenav{z-index:15;padding:8px var(--gutter);padding-top:calc(8px + env(safe-area-inset-top,0px));border-bottom:2px solid var(--color-orange);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0b09f0;align-items:center;gap:12px;display:flex;position:sticky;top:0}.sitenav__brand{color:var(--color-bone);font:900 1.5rem/1 var(--font-display);letter-spacing:.02em;text-decoration:none}.sitenav__tabs{flex:1;justify-content:center;gap:clamp(10px,4vw,28px);display:flex}.sitenav__tab{color:var(--color-muted);letter-spacing:.14em;text-transform:uppercase;border-bottom:3px solid #0000;padding:8px 2px 6px;font-weight:700;text-decoration:none}.sitenav__tab:hover{color:var(--color-bone)}.sitenav__tab[aria-current=page]{color:var(--color-bone);border-bottom-color:var(--color-orange)}.sitenav__ig{width:36px;height:36px;color:var(--color-bone);place-items:center;display:grid}.sitenav__ig:hover{color:var(--color-orange)}.sitenav__ig svg{width:22px;height:22px}html{scroll-padding-top:64px}.sitenav__cool{width:40px;height:36px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.sitenav__cool svg{width:30px;height:14px}.sitenav__cool:hover,.sitenav__cool[aria-pressed=true]{color:var(--color-orange)}.sitenav__cool[aria-pressed=true]{background:#7fd3ff1f}.sitenav__cool{position:relative}.sitenav__tip{z-index:20;background:var(--color-bone);width:max-content;max-width:220px;color:var(--color-ink);font:500 .9rem/1.25 var(--font-label);letter-spacing:.03em;text-align:left;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:2px;padding:8px 12px;transition:opacity .12s,transform .12s,visibility .12s;display:flex;position:absolute;top:calc(100% + 10px);right:-6px;transform:translateY(-4px);box-shadow:0 8px 24px #00000073}.sitenav__tip strong{letter-spacing:.08em;text-transform:uppercase;font-weight:700}.sitenav__tip:before{content:"";border:6px solid #0000;border-top:0;border-bottom-color:var(--color-bone);position:absolute;top:-6px;right:20px}.sitenav__cool:focus-visible .sitenav__tip{opacity:1;visibility:visible;transform:none}@media (hover:hover){.sitenav__cool:hover .sitenav__tip{opacity:1;visibility:visible;transform:none}}.cool-on,:root.joe-cool .cool-off{display:none}:root.joe-cool .cool-on{display:inline}.share-button{border:1px solid var(--color-orange);color:var(--color-orange);font:700 .8rem/1 var(--font-label);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 12px 5px;display:inline-flex}.share-button:hover{background:var(--color-orange);color:var(--color-ink)}.share-button svg{width:14px;height:14px}.share-dialog{border:2px solid var(--color-orange);background:var(--color-ink);width:min(92vw,440px);max-height:92vh;color:var(--color-bone);padding:0}.share-dialog::backdrop{background:#000000bf}.share-dialog__inner{flex-direction:column;gap:14px;padding:16px;display:flex}.share-dialog__status,.share-dialog__hint{color:var(--color-muted);text-align:center;letter-spacing:.04em;margin:0}.share-dialog__preview{object-fit:contain;width:100%;height:auto;max-height:60vh}.share-dialog__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.share-dialog__actions>*{background:var(--color-bone);color:var(--color-ink);font:700 .95rem/1 var(--font-label);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;padding:12px 20px 11px;text-decoration:none}.share-dialog__actions .share-dialog__share{background:var(--color-orange)}.share-dialog__actions .share-dialog__close{color:var(--color-muted);background:0 0}.masthead{padding:28px var(--gutter) 22px;text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.masthead__photo{object-fit:cover;border:4px solid var(--color-orange);background:var(--color-ink-raised);border-radius:50%;width:128px;height:128px}.masthead__title{font-family:var(--font-display);letter-spacing:.005em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(2.1rem,7.5vw,5.2rem);font-weight:900;line-height:.92}.masthead__accent{color:var(--color-orange)}.masthead__controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.appreciate{flex-direction:column;align-items:center;gap:8px;margin:4px 0 6px;display:flex}.appreciate__button{background:var(--color-orange);color:var(--color-ink);font:700 1.35rem/1 var(--font-label);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;align-items:center;gap:10px;padding:16px 30px 14px;transition:transform 80ms,background-color .15s;display:inline-flex;position:relative}.appreciate__button:hover{background:var(--color-bone)}.appreciate__button:active{transform:scale(.95)}.appreciate__icon{width:24px;height:24px}.appreciate__pop{color:var(--color-orange);font:900 1.4rem/1 var(--font-display);pointer-events:none;animation:.7s ease-out forwards appreciate-pop;position:absolute;top:0;left:50%}@keyframes appreciate-pop{0%{opacity:1;transform:translate(calc(-50% + var(--x,0px)), 0)}to{opacity:0;transform:translate(calc(-50% + var(--x,0px)), -48px)}}@media (prefers-reduced-motion:reduce){.appreciate__pop{display:none}}.appreciate__count{color:var(--color-muted);letter-spacing:.14em;text-transform:uppercase;flex-direction:column;align-items:center;gap:2px;margin:0;font-size:.95rem;display:flex}.appreciate__total{color:var(--color-bone);font:900 clamp(2.2rem, 7vw, 3.4rem) / 1 var(--font-display);letter-spacing:.02em;font-variant-numeric:tabular-nums}.appreciate__mine{letter-spacing:.1em;color:var(--color-muted);opacity:.8;font-size:.8rem}.appreciate__mine:empty{display:none}.gameday{padding:10px var(--gutter);background:var(--color-orange);color:var(--color-ink);letter-spacing:.1em;text-transform:uppercase;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;margin:0;font-weight:700;display:flex}.gameday__tag{background:var(--color-ink);color:var(--color-orange);align-items:center;gap:8px;padding:3px 9px 2px;display:inline-flex}.gameday__game{font:900 1.3rem/1 var(--font-display);letter-spacing:.04em}.gameday__detail{font-size:.9rem}.gameday[data-phase=live] .gameday__tag:before{content:"";background:#ff3b30;border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite gameday-pulse}@keyframes gameday-pulse{50%{opacity:.25}}.milestone{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:20;background:var(--color-ink);border:3px solid var(--color-orange);text-align:center;width:min(92vw,440px);padding:20px 22px 18px;animation:.35s ease-out milestone-in;position:fixed;transform:translate(-50%);box-shadow:0 12px 40px #00000080}.milestone__title{font:900 clamp(1.6rem, 6vw, 2.2rem) / 1.05 var(--font-display);text-transform:uppercase;margin:0}.milestone__title strong{color:var(--color-orange);font-size:1.6em;display:block}.milestone__note{color:var(--color-muted);letter-spacing:.04em;margin:8px 0 14px}.milestone__close{background:var(--color-orange);color:var(--color-ink);font:700 .95rem/1 var(--font-label);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;padding:10px 22px 9px}@keyframes milestone-in{0%{opacity:0;transform:translate(-50%,20px)}}.confetti{z-index:19;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti span{width:9px;height:14px;animation:linear forwards confetti-fall;position:absolute;top:-12px}@keyframes confetti-fall{to{transform:translate(var(--drift,0), 105vh) rotate(var(--spin,360deg))}}.masthead__photo-wrap{display:inline-block;position:relative}.masthead__shades{opacity:0;pointer-events:none;width:46%;transition:opacity .25s,transform .45s cubic-bezier(.2,1.4,.4,1);position:absolute;top:35%;left:27%;transform:translateY(-60px)rotate(-8deg)}:root.joe-cool .masthead__shades{opacity:1;transform:none}.milestone__actions{justify-content:center;align-items:center;gap:12px;display:flex}.last-game{margin:0 var(--wall-gap) 10px;padding:10px var(--gutter);border-top:2px solid var(--color-orange);border-bottom:2px solid var(--color-orange);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 12px;font-weight:700;display:flex}.last-game__tag{background:var(--color-orange);color:var(--color-ink);padding:3px 8px 2px}.last-game__result{color:var(--color-orange)}.wall{align-items:flex-start;column-gap:var(--wall-gap);padding:0 var(--wall-gap) var(--wall-gap);display:flex}.wall__col{gap:var(--wall-gap);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.wall-sentinel{height:1px}.tile{background:var(--color-ink-raised);max-width:100%;position:relative;overflow:hidden}.tile--clip{aspect-ratio:16/9}.tile--post:not([data-state=ready]){min-height:420px}.tile--post[data-state=ready]{background:0 0}.tile__post{justify-content:center;display:flex}.tile__post .twitter-tweet{width:100%!important;margin:0!important}.tile--post[data-state=ready] .tile__link{display:none}.tile__thumb{object-fit:cover;filter:saturate(.85)brightness(.8);width:100%;height:100%;position:absolute;inset:0}.tile__frame,.tile__frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.tile__frame{opacity:0;transition:opacity .4s}.tile[data-state=ready] .tile__frame{opacity:1}.tile__badge{z-index:3;background:var(--color-orange);color:var(--color-ink);font:700 .75rem/1.2 var(--font-label);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;padding:5px 9px 4px;position:absolute;top:0;left:0}.tile__hit{z-index:1;cursor:pointer;position:absolute;inset:0}.tile__sound{z-index:2;width:36px;height:36px;color:var(--color-bone);cursor:pointer;opacity:0;background:#0e0b09b8;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .15s,background-color .15s;display:grid;position:absolute;top:8px;right:8px}.tile__sound svg{width:20px;height:20px}.tile__sound .tile__sound-on,.tile__sound[aria-pressed=true] .tile__sound-off{display:none}.tile__sound[aria-pressed=true] .tile__sound-on{display:block}.tile:hover .tile__sound,.tile__sound:focus-visible,.tile__sound[aria-pressed=true]{opacity:1}.tile__sound:hover,.tile__sound[aria-pressed=true]{background:var(--color-orange);color:var(--color-ink)}.tile__sound:focus-visible{outline-offset:2px}.tile--audible:before{content:"";z-index:1;border:3px solid var(--color-orange);pointer-events:none;position:absolute;inset:0}.tile[data-state=loading]:after{content:"";background:var(--color-orange);width:40%;height:3px;animation:1.1s ease-in-out infinite alternate tile-loading;position:absolute;bottom:0;left:0}@keyframes tile-loading{0%{transform:translate(-100%)}to{transform:translate(250%)}}.tile__link{z-index:2;background:var(--color-orange);max-width:100%;color:var(--color-ink);font:700 .8rem/1.2 var(--font-label);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;opacity:0;padding:6px 10px 5px;text-decoration:none;transition:opacity .15s,transform .15s;position:absolute;bottom:0;left:0;overflow:hidden;transform:translateY(100%)}.tile:hover .tile__link,.tile__link:focus-visible,.tile--post .tile__link,.tile[data-state=offline] .tile__link{opacity:1;transform:none}.tile__link:focus-visible{outline-offset:-3px}@media (hover:none){.tile__link{opacity:1;transform:none}.tile__sound{opacity:1;width:44px;height:44px}}.wall-status{padding:40px var(--gutter);text-align:center;color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1.1rem}.potw{width:min(100% - 2 * var(--wall-gap), 760px);border:2px solid var(--color-orange);background:var(--color-ink-raised);margin:4px auto 18px;padding:18px 18px 14px}.potw__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:12px;display:flex}.potw__title{font:900 1.8rem/1 var(--font-display);text-transform:uppercase;margin:0}.potw__sub{color:var(--color-muted);letter-spacing:.1em;text-transform:uppercase;margin:0}.potw__list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.potw__item{background:var(--color-ink);border-left:4px solid #0000;gap:6px;padding:10px 12px;display:grid}.potw__item.is-mine{border-left-color:var(--color-orange)}.potw__item.is-winner{border-left-color:#f4c542}.potw__row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.potw__name{letter-spacing:.04em;font-size:1.1rem;font-weight:700}.potw__watch{color:var(--color-orange);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;font-weight:700;text-decoration:none}.potw__vote{background:var(--color-orange);color:var(--color-ink);font:700 .95rem/1 var(--font-label);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;justify-self:start;padding:9px 22px 8px}.potw__vote:hover{background:var(--color-bone)}.potw__vote:disabled{opacity:.5;cursor:wait}.potw__bar{background:var(--color-ink-raised);height:10px}.potw__bar span{background:var(--color-orange);height:100%;transition:width .4s ease-out;display:block}.potw__item.is-winner .potw__bar span{background:#f4c542}.potw__result,.potw__note{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.9rem}.potw__note{margin:10px 0 0}.potw__note:empty{display:none}.footer{padding:20px var(--gutter) 26px;text-align:center;color:var(--color-muted);flex-direction:column;align-items:center;gap:8px;display:flex}.footer p{margin:0}.footer__names{letter-spacing:.12em;text-transform:uppercase;font-size:.95rem}.footer__accent{color:var(--color-orange);font-weight:700}.footer__fine{letter-spacing:.02em;opacity:.8;max-width:60ch;font-size:.8rem}.footer .footer__credit{letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-top:4px;font-size:.75rem}.footer__author{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--color-orange);text-decoration-color:var(--color-orange)}.footer__credit a{color:inherit;text-underline-offset:3px}.footer__credit a:hover{color:var(--color-orange)}.about{max-width:62ch;padding:26px var(--gutter) 0;border-top:2px solid var(--color-orange);text-align:center;color:var(--color-bone);letter-spacing:.01em;margin:36px auto 8px;font-size:1.1rem;line-height:1.6}.about p{margin:0 0 10px}.about__title{font:900 clamp(1.6rem, 5vw, 2.2rem) / 1 var(--font-display);text-transform:uppercase;color:var(--color-orange);margin:0 0 12px}.footer__social{letter-spacing:.1em;font-weight:700}.footer__social a{color:var(--color-bone);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.footer__social a:hover{color:var(--color-orange)}.footer__ig-icon{width:20px;height:20px}
