.goatGame{max-width:980px;margin:auto}.goatGame h1{font-size:clamp(48px,7vw,80px);margin:18px 0}.goatDeck{font-size:15px;color:#a6b6c0}.goatChoose{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:36px 0}.goatChoose button{display:flex;flex-direction:column;align-items:center;border:1px solid #ffffff35;background:radial-gradient(at center,color-mix(in srgb,var(--fighter) 20%,#111b25),#111b25);border-radius:18px;padding:22px;transition:transform .2s,border-color .2s}.goatChoose button:hover{transform:translateY(-5px);border-color:var(--fighter)}.goatChoose img{height:250px;width:100%;object-fit:contain}.goatChoose small{font-size:9px;color:var(--fighter);letter-spacing:2px;margin:12px 0}.goatChoose strong{font:600 36px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}.goatChoose span{font-size:11px;margin-top:15px;color:#afc4c8}.goatSelectHint{text-align:center}.goatRules,.goatHistory{border-top:1px solid #ffffff24;margin-top:30px;padding:18px 0;font-size:11px;color:#91a7b3}.goatRules summary,.goatHistory summary{cursor:pointer;color:#c2d5d8;min-height:30px}.goatRules p{font-size:11px}.goatScoreboard{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#0e1c27;border:1px solid #a3c4c12e;border-radius:15px;padding:20px 28px;margin:30px 0 24px}.goatScoreboard>span{display:flex;align-items:center;gap:20px;font-size:14px}.goatScoreboard b{font:600 48px/1 'Barlow Condensed',sans-serif;color:#e4eddf}.goatScoreboard>div{text-align:center}.goatScoreboard small{font-size:8px;letter-spacing:2px;color:#a2b6c2}.goatScoreboard strong{display:block;font:600 22px/1.2 'Barlow Condensed',sans-serif;margin-top:6px}.goatBattleCards{display:grid;grid-template-columns:1fr 1fr;gap:65px;position:relative;max-width:780px;margin:auto}.goatVersus{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font:600 26px/1 'Barlow Condensed',sans-serif;color:#a5babd}.goatBattleCard{background:radial-gradient(at top right,color-mix(in srgb,var(--fighter) 18%,#17232c),#0d1823);border:1px solid #79989455;border-radius:17px;padding:20px;overflow:hidden;box-shadow:0 16px 35px #0005;transition:border-color .3s}.goatBattleCard.hasBall{border-color:var(--fighter);box-shadow:0 0 24px color-mix(in srgb,var(--fighter) 10%,transparent),0 16px 35px #0005}.goatCardTop{display:flex;justify-content:space-between;gap:8px;font-size:7px;letter-spacing:1.3px;color:#b6c6c8}.goatCardTop b{color:var(--fighter);font-weight:600}.goatPortrait{height:180px;position:relative;margin:14px -20px 0;overflow:hidden;border-bottom:1px solid #ffffff20;background:url('/coach-playbook.svg') center/100% 100% no-repeat}.goatPortrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.goatPortrait span{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#0c1822e6;padding:7px;font-size:7px;letter-spacing:2px;color:var(--fighter)}.goatBattleCard h2{font:600 31px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:19px 0}.goatBattleCard dl{margin:0}.goatBattleCard dl>div{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px;margin:11px 0}.goatBattleCard dt{font-size:8px;letter-spacing:1px;color:#adbdc6}.goatBattleCard dd{position:relative;margin:0;display:flex;align-items:center;justify-content:end;background:#ffffff09;height:17px;border-radius:3px;overflow:hidden}.goatBattleCard dd i{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--fighter) 28%,transparent)}.goatBattleCard dd b{position:relative;font-size:10px;color:#f1f3e6;padding-right:6px}.goatCardBuff{border-top:1px solid #ffffff20;padding-top:12px;margin-top:15px;color:var(--fighter);font-size:7px;letter-spacing:1px;min-height:23px}.goatPlayByPlay{margin:26px 0 24px;background:#13232c;border:1px solid #9bbcb440;border-left:3px solid #b0d4c4;padding:17px 22px;border-radius:10px;min-height:100px}.goatPlayByPlay small{font-size:8px;letter-spacing:2px;color:#a8d3be}.goatPlayByPlay p{font-size:15px;line-height:1.5;color:#e1eae3;margin:9px 0 0}.goatMoveHeading h2{font:500 32px/1 'Barlow Condensed',sans-serif;margin:0}.goatMoveHeading p{font-size:12px;margin:9px 0 18px}.goatMoves{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.goatMoves button{text-align:left;border:1px solid #9cbfb866;background:#13252f;border-radius:12px;padding:15px 12px;min-height:180px;transition:background .2s,transform .2s}.goatMoves button:not(:disabled):hover{background:#203d43;transform:translateY(-3px)}.goatMoves button:disabled{opacity:.35;cursor:not-allowed}.goatMoves button>span{display:block;font:600 22px/1 'Barlow Condensed',sans-serif}.goatMoves button>strong{display:block;font:600 33px/1 'Barlow Condensed',sans-serif;color:#bee4ca;margin-top:12px}.goatMoves strong small{font-size:15px}.goatMoves p{font-size:10px;line-height:1.4;color:#b1c2cb;min-height:45px}.goatMoves button>small{font-size:6px;letter-spacing:1px;color:#b9cdc9;line-height:1.4;display:block}.goatOddsNote{font-size:10px;color:#8099a3}.goatText{display:block;background:none;border:0;color:#adbdc3;text-decoration:underline;text-underline-offset:5px;font-size:11px;margin:15px auto;padding:12px;min-height:44px}.goatFinish{text-align:center;padding:5px 0 20px}.goatFinish h2{font:600 46px/1 'Barlow Condensed',sans-serif}.goatFinish>button:not(.goatText){background:#d4e8dd;border:0;border-radius:25px;color:#10231c;padding:15px 40px;font-weight:700}.goatHistory li{padding:8px 5px;line-height:1.5;border-bottom:1px solid #ffffff15}.battleFlash{animation:goatFlash .6s ease-out}@keyframes goatFlash{35%{filter:brightness(1.4);transform:translateY(-4px)}100%{filter:brightness(1);transform:none}}@media(prefers-reduced-motion:reduce){.battleFlash{animation:none}.goatChoose button,.goatMoves button{transition:none}}@media(max-width:650px){.goatChoose{gap:12px}.goatChoose button{padding:15px 8px}.goatChoose img{height:180px}.goatChoose strong{font-size:27px}.goatBattleCards{gap:23px}.goatBattleCard{padding:12px;border-radius:12px}.goatCardTop{font-size:5px;letter-spacing:.4px;gap:4px}.goatPortrait{height:135px;margin:12px -12px 0}.goatPortrait span{font-size:5px;letter-spacing:1px}.goatBattleCard h2{font-size:24px;margin:13px 0}.goatBattleCard dl>div{grid-template-columns:42px 1fr;gap:5px;margin:9px 0}.goatBattleCard dt{font-size:6px;letter-spacing:0}.goatBattleCard dd{height:15px}.goatBattleCard dd b{font-size:9px}.goatCardBuff{font-size:5px;letter-spacing:.3px}.goatVersus{font-size:15px}.goatScoreboard{padding:16px 14px}.goatScoreboard>span{gap:8px;font-size:11px}.goatScoreboard b{font-size:36px}.goatScoreboard strong{font-size:17px}.goatScoreboard small{font-size:6px;letter-spacing:1px}.goatMoves{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.goatMoves button{padding:13px 10px;min-height:160px}.goatMoves button>span{font-size:21px}.goatMoves p{font-size:9px;min-height:40px}.goatPlayByPlay{padding:14px 16px}.goatPlayByPlay p{font-size:13px}.goatGame h1{font-size:54px}}@media(max-width:360px){.goatBattleCard h2{font-size:21px}.goatMoves{grid-template-columns:1fr 1fr}}

.goatLiveCourt{margin:26px 0 0;padding:18px;background:#0c1b24;border:1px solid #9bbcb440;border-radius:15px}.goatCourtHeader{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 5px 12px}.goatCourtHeader span{font-size:8px;letter-spacing:2px;color:#94b4b8}.goatCourtHeader b{font-size:11px;font-weight:500;color:#d0e7da}.goatLiveCourt svg{display:block;width:100%;max-height:380px;margin:auto}.goatCourtLegend{display:flex;justify-content:center;gap:24px;margin:13px 0 2px;flex-wrap:wrap}.goatCourtLegend span{display:flex;gap:6px;align-items:center;color:#a8c1c3;font-size:10px}.goatCourtLegend i{height:8px;width:8px;border-radius:50%}.goatMoves button:disabled{transition:opacity .2s}@media(max-width:650px){.goatLiveCourt{padding:12px 7px}.goatCourtHeader span{font-size:6px;letter-spacing:1px}.goatCourtHeader b{font-size:9px}.goatCourtLegend{gap:15px}.goatCourtLegend span{font-size:8px}}

@media(min-width:651px){.goatMoves{grid-template-columns:repeat(4,minmax(0,1fr))}}
.goatMatchupGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:35px 0}.goatMatchupGrid>button{display:flex;flex-direction:column;text-align:left;overflow:hidden;padding:22px 18px;border:1px solid #a8c7bd3b;border-radius:17px;background:radial-gradient(at top right,#82988920,transparent 75%),#101f2a;transition:transform .2s,border-color .2s}.goatMatchupGrid>button:hover{transform:translateY(-4px);border-color:#b8d5bd}.goatMatchupGrid>button>small{font-size:7px;letter-spacing:1.3px;color:#aac4be;min-height:20px}.goatMatchupFaces{display:flex;position:relative;width:100%;height:165px;align-items:end;margin:12px 0 20px;border-bottom:1px solid #9cb3af33}.goatMatchupFaces img{width:50%;height:100%;object-fit:cover;object-position:center top}.goatMatchupFaces b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #a0c8bd66;border-radius:50%;background:#12232b;padding:8px;font-size:9px;color:#d9e9db}.goatMatchupGrid>button>strong{font:600 30px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}.goatMatchupGrid>button>p{font-size:11px;line-height:1.6;flex:1;color:#9fb4bf}.goatMatchupGrid>button>span{font-size:10px;color:#d2e4c0;margin-top:12px}.goatChoose+.goatSelectHint{margin-top:24px}@media(max-width:750px){.goatMatchupGrid{grid-template-columns:1fr;gap:18px;max-width:420px;margin-left:auto;margin-right:auto}.goatMatchupFaces{height:180px}.goatMatchupFaces img{object-fit:contain}.goatMatchupGrid>button>p{margin:12px 0}.goatMatchupGrid>button>small{min-height:0}}
.goatRatings>summary{font-size:9px;letter-spacing:1px;color:#bad1c8;cursor:pointer;padding:8px 0;min-height:32px}.goatRatings[open]>summary{border-bottom:1px solid #ffffff16;margin-bottom:8px}.goatRatings{margin-top:6px}
@media(max-width:650px){
 #packScreen:has(.goatGame){padding-left:14px;padding-right:14px;padding-top:20px}
 #packScreen:has(.goatGame) .collectionTabs{flex-wrap:nowrap;overflow-x:auto;margin-bottom:20px;gap:7px;scrollbar-width:none;padding:2px 0 6px}
 #packScreen:has(.goatGame) .collectionTabs button{flex:0 0 auto;white-space:nowrap;font-size:10px;padding:10px 13px}
 .goatPlaying>h1{font-size:32px;margin:8px 0 12px}.goatPlaying>.eyebrow{font-size:7px;letter-spacing:1.5px}.goatPlaying>.goatDeck{display:none}
 .goatPlaying .goatScoreboard{margin:8px 0 12px;padding:10px 12px;border-radius:10px}.goatPlaying .goatScoreboard b{font-size:31px}.goatPlaying .goatScoreboard strong{font-size:15px;margin-top:3px}
 .goatPlaying .goatBattleCards{gap:22px}.goatPlaying .goatBattleCard{padding:9px 10px}.goatPlaying .goatPortrait{height:65px;margin:7px -10px 0}.goatPlaying .goatPortrait span{display:none}.goatPlaying .goatBattleCard h2{font-size:20px;line-height:1.05;margin:8px 0 0}.goatPlaying .goatCardTop{font-size:5px;letter-spacing:.3px}.goatPlaying .goatCardBuff{font-size:5px;margin-top:4px;padding-top:6px;min-height:14px}
 .goatPlaying .goatRatings{margin:0}.goatPlaying .goatRatings>summary{padding:8px 0;font-size:8px;min-height:32px}.goatPlaying .goatRatings dl{padding-top:2px}.goatPlaying .goatBattleCards:has(.goatRatings[open]){align-items:start}
 .goatPlaying .goatLiveCourt{margin-top:12px;padding:10px 6px 8px}.goatPlaying .goatLiveCourt svg{height:clamp(145px,23svh,205px);width:100%}.goatPlaying .goatCourtHeader{margin-bottom:4px}.goatPlaying .goatCourtLegend{margin:5px 0 0;font-size:7px;gap:15px}
 .goatPlaying .goatPlayByPlay{margin:10px 0;padding:10px 12px;min-height:65px}.goatPlaying .goatPlayByPlay small{font-size:6px}.goatPlaying .goatPlayByPlay p{font-size:12px;line-height:1.4;margin-top:5px}
 .goatPlaying .goatMoveHeading h2{font-size:23px;margin:14px 0 10px}.goatPlaying .goatMoveHeading p{display:none}
 .goatPlaying .goatMoves{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.goatPlaying .goatMoves.isDefense{grid-template-columns:1fr 1fr}.goatPlaying .goatMoves button{min-height:76px;padding:10px 9px;border-radius:10px;touch-action:manipulation}.goatPlaying .goatMoves button>span{font-size:20px}.goatPlaying .goatMoves button>strong{font-size:25px;margin-top:6px}.goatPlaying .goatMoves button>p{display:none}.goatPlaying .goatMoves button>small{font-size:5px;letter-spacing:.4px;margin-top:5px}.goatPlaying .goatOddsNote{font-size:9px;line-height:1.5;margin:10px 0}.goatPlaying .goatText{margin:8px auto;padding:10px}
 .goatPlaying .goatRules,.goatPlaying .goatHistory{margin-top:15px;padding-top:14px}.goatPlaying .goatMoves button:disabled{opacity:.45}
}
