:root{color:#241c16;background:#7a3526;font-family:Georgia,Times New Roman,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #241c16;--paper: #fff5df;--paper-deep: #ead8b9;--court: #7a3526;--court-dark: #4f241d;--ball: #c8642b;--rim: #8d2f25;--sky: #28628a}*{box-sizing:border-box}body{min-width:320px;margin:0;background:linear-gradient(90deg,rgb(255 245 223 / .05) 1px,transparent 1px),linear-gradient(0deg,rgb(255 245 223 / .04) 1px,transparent 1px),radial-gradient(circle at 14% 10%,rgb(245 199 109 / .28),transparent 18rem),linear-gradient(135deg,#4f241d,#7a3526 52%,#2b3f63);background-size:30px 30px,30px 30px,auto,auto}button{cursor:pointer;font:inherit}button:disabled{cursor:default}a{color:#8d2f25}.empty-shell{display:grid;min-height:100vh;place-items:center;padding:2rem;text-align:center}.empty-card{max-width:38rem;border:2px solid var(--ink);padding:clamp(1.5rem,5vw,3rem);background:var(--paper)}.empty-card h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,4rem);line-height:1}.empty-card code{display:inline-block;margin-top:1rem;border:1px solid var(--ink);padding:.75rem .85rem;background:#fffaf0;color:var(--ink)}.app-shell{--match-left-primary: #7a3526;--match-left-secondary: #f5c76d;--match-right-primary: #2b3f63;--match-right-secondary: #fff5df;position:relative;z-index:0;width:min(1360px,calc(100% - 24px));min-height:100vh;margin:0 auto;padding:clamp(1rem,2vw,1.5rem) 0 1rem}.app-shell:before{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(255 245 223 / .05) 1px,transparent 1px),linear-gradient(0deg,rgb(255 245 223 / .04) 1px,transparent 1px),radial-gradient(circle at 16% 14%,color-mix(in srgb,var(--match-left-secondary),transparent 38%),transparent 18rem),radial-gradient(circle at 84% 12%,color-mix(in srgb,var(--match-right-secondary),transparent 40%),transparent 17rem),linear-gradient(118deg,color-mix(in srgb,var(--match-left-primary),#241c16 48%),color-mix(in srgb,var(--match-left-primary),var(--match-right-primary) 34%) 36%,color-mix(in srgb,var(--match-right-primary),#241c16 46%));background-size:30px 30px,30px 30px,auto,auto,auto;content:""}.game-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:end;border:2px solid var(--ink);border-bottom-width:3px;padding:.75rem .85rem;background:linear-gradient(90deg,rgb(200 100 43 / .16),transparent 34%),var(--paper)}.game-header>div{min-width:0}.eyebrow{margin:0 0 .28rem;color:var(--rim);font-family:Avenir Next,Segoe UI,system-ui,sans-serif;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.result-label.is-correct{color:#2f7d45}.result-label.is-incorrect{color:#a8342d}.game-header h1{margin:0;color:var(--ink);font-size:clamp(1.45rem,2.4vw,2.25rem);line-height:1.02;letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance}.header-actions{display:flex;align-items:center;justify-self:end;gap:.75rem;color:#3a2e24;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}.game-table{display:grid;gap:.9rem;padding-top:.9rem}.next-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.35rem;border:2px solid var(--ink);padding:.42rem .65rem;background:var(--paper-deep);color:var(--ink);font-family:Avenir Next,Segoe UI,system-ui,sans-serif;font-size:.86rem;font-weight:900}.next-button:hover,.next-button:focus-visible{background:#f5c76d}.matchup-grid{display:grid;grid-template-columns:minmax(0,1fr) 4.5rem minmax(0,1fr);align-items:stretch;gap:.75rem}.versus{--ball-line: rgb(36 28 22 / .76);position:relative;display:grid;align-self:center;width:4.5rem;aspect-ratio:1;place-items:center;border:2px solid var(--ink);background:linear-gradient(90deg,transparent calc(50% - 1px),var(--ball-line) calc(50% - 1px),var(--ball-line) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),var(--ball-line) calc(50% - 1px),var(--ball-line) calc(50% + 1px),transparent calc(50% + 1px)),radial-gradient(ellipse 74% 104% at -16% 50%,transparent 47%,var(--ball-line) 48%,var(--ball-line) 51%,transparent 52%),radial-gradient(ellipse 74% 104% at 116% 50%,transparent 47%,var(--ball-line) 48%,var(--ball-line) 51%,transparent 52%),linear-gradient(135deg,color-mix(in srgb,var(--match-left-secondary),var(--ball) 58%),var(--ball) 45%,color-mix(in srgb,var(--match-right-secondary),var(--ball) 62%));color:#fffaf0;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;font-size:1rem;font-weight:950;overflow:hidden}.versus:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none}.versus:before{background:radial-gradient(circle at 34% 24%,rgb(255 245 223 / .24),transparent 24%)}.choice-card{--team-a: #7b3429;display:grid;grid-template-rows:1fr auto;min-width:0;border:2px solid var(--ink);background:var(--paper);color:var(--ink);transition:transform .16s ease,filter .16s ease}.choice-card:has(.choice-hitarea:not(:disabled):hover),.choice-card:has(.choice-hitarea:not(:disabled):focus-visible){filter:saturate(1.04);transform:translateY(-8px)}.choice-card.is-correct-answer{outline:5px solid #2f7d45;outline-offset:-7px}.choice-card.is-wrong-pick{outline:5px solid #a8342d;outline-offset:-7px}.choice-card.has-result:not(.was-picked):not(.is-correct-answer){opacity:.72}.choice-hitarea{display:grid;grid-template-rows:auto minmax(18rem,1fr) auto;min-width:0;border:0;padding:0;background:transparent;color:inherit;text-align:left}.choice-hitarea:focus-visible{outline:4px solid #8d3d2e;outline-offset:-6px}.team-line{display:flex;align-items:center;gap:.65rem;min-width:0;border-bottom:2px solid var(--ink);padding:.68rem .75rem;background:color-mix(in srgb,var(--team-a),var(--paper) 68%);font-family:Avenir Next,Segoe UI,system-ui,sans-serif;font-size:.82rem;font-weight:950;text-transform:uppercase}.team-line img{width:2rem;height:2rem;flex:0 0 auto;object-fit:contain}.team-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jersey-art{display:grid;place-items:center;min-width:0;padding:clamp(1rem,3vw,2rem);background:linear-gradient(45deg,rgb(47 37 29 / .06) 25%,transparent 25%),#fffaf0;background-size:18px 18px}.jersey-art img{width:100%;max-width:min(30rem,94%);max-height:min(46vh,31rem);object-fit:contain}.jersey-info{display:grid;gap:.32rem;border-top:2px solid var(--ink);padding:.75rem;background:color-mix(in srgb,var(--team-a),var(--paper) 90%)}.jersey-detail{font-family:Avenir Next,Segoe UI,system-ui,sans-serif}.jersey-info strong{display:block;color:var(--ink);font-size:clamp(1.7rem,3.4vw,2.8rem);line-height:1.12;letter-spacing:0}.jersey-detail{overflow:hidden;color:#47392d;font-size:clamp(.95rem,1.7vw,1.2rem);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.choice-percent{color:var(--rim);font-family:Avenir Next,Segoe UI,system-ui,sans-serif;font-size:clamp(1rem,1.9vw,1.35rem);font-weight:950}.choice-card.is-correct-answer .choice-percent{color:#2f7d45}.choice-card.is-wrong-pick .choice-percent{color:#a8342d}.site-footer{padding:.75rem 0 0;color:#fff5dfc2;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;font-size:.76rem;font-weight:700;text-align:center}.site-footer a{color:#f5c76d}@media(max-width:900px){.app-shell{width:min(100% - 20px,42rem)}.game-header{grid-template-columns:1fr}.header-actions{flex-wrap:wrap;justify-self:start}.matchup-grid{grid-template-columns:1fr}.versus{justify-self:center;width:3.25rem}.choice-hitarea{grid-template-rows:auto minmax(13rem,1fr) auto}.jersey-art img{max-height:22rem}}@media(max-width:640px){.app-shell{width:min(100% - 14px,42rem);padding-top:.45rem}.game-header{padding:.75rem}.game-header h1{max-width:16ch;font-size:clamp(1.3rem,6vw,1.65rem)}.header-actions{align-items:stretch;flex-direction:column;gap:.55rem}.next-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}