.app{--team-color: #2b3160;--team-accent: #ffd100;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px 16px 32px;background:radial-gradient(circle at 50% 0%,rgba(255,209,0,.12),transparent 55%),linear-gradient(180deg,#0c1024,#10143a);position:relative;overflow-x:hidden}.app--shake{animation:screen-shake .4s ease}@keyframes screen-shake{0%{transform:translate(0)}15%{transform:translate(-8px,2px)}30%{transform:translate(7px,-3px)}45%{transform:translate(-6px,3px)}60%{transform:translate(5px,-2px)}75%{transform:translate(-3px,1px)}to{transform:translate(0)}}.app__flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:.85;pointer-events:none;z-index:50;animation:flash-fade .14s ease-out forwards}@keyframes flash-fade{0%{opacity:.85}to{opacity:0}}.app__header{text-align:center;margin-bottom:8px}.app__logo{width:88px;height:88px;border-radius:18px;object-fit:cover;box-shadow:0 10px 24px -8px #00000080}.app__tagline{margin:10px auto 0;color:#b7bbe0;font-size:14px;font-weight:600}.app__tagline-brand{font-family:Rubik,sans-serif;font-weight:800;color:var(--team-accent, #ffd100)}@media (max-width: 480px){.app__tagline-brand{display:block;margin-top:2px}}.app__main{width:100%;max-width:960px;display:flex;flex-direction:column;align-items:center}.app__footer{margin-top:auto;padding-top:24px;font-size:11px;color:#6a6ea0;text-align:center}.batter-select{width:100%}.batter-select__heading{text-align:center;font-size:18px;color:#fff;margin:16px 0 14px}.batter-select__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%}.batter-select__grid .batter-card{flex:0 1 180px}.batter-card{position:relative;background:linear-gradient(160deg,#171b3d,#12152f);border:2px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 10px 14px;text-align:left;cursor:pointer;color:#fff;display:flex;flex-direction:column;gap:6px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;overflow:hidden}.batter-card:hover{transform:translateY(-3px);border-color:var(--card-accent)}.batter-card:active{transform:translateY(-1px) scale(.99)}.batter-card--selected{border-color:var(--card-accent);box-shadow:0 0 0 2px var(--card-color),0 8px 20px -6px var(--card-color);background:linear-gradient(160deg,color-mix(in srgb,var(--card-color) 35%,#171b3d),#12152f)}.batter-card__team-strip{position:absolute;top:0;right:0;background:var(--card-color);color:#fff;font-weight:800;font-size:11px;letter-spacing:.5px;padding:3px 8px;border-bottom-left-radius:10px}.batter-card__icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(150deg,var(--card-color),color-mix(in srgb,var(--card-color) 55%,#000 0%));border:2px solid var(--card-accent);align-self:flex-start;margin-top:6px;display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1}.batter-card__nickname{font-family:Rubik,sans-serif;font-weight:900;font-size:17px;line-height:1.2;color:#fff}.batter-card__name-row{display:flex;align-items:baseline;gap:6px;flex-wrap:nowrap;min-width:0}.batter-card__name{font-size:12px;font-weight:700;letter-spacing:.2px;color:var(--card-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batter-card__position{font-size:11px;color:#a7abd6;white-space:nowrap;flex-shrink:0}.batter-card__stats{font-size:11px;color:var(--card-accent);font-weight:700}.batter-card__note{font-size:10.5px;color:#8d91c0;font-style:italic}.batter-card__check{position:absolute;bottom:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--card-accent);color:#12152f;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center}.batter-select__cta{display:flex;justify-content:center;margin-top:22px}.pitch-button{background:linear-gradient(135deg,var(--team-accent, #ffd100),#ff8a00);color:#12152f;border:none;border-radius:999px;font-weight:900;font-size:17px;padding:14px 36px;cursor:pointer;box-shadow:0 10px 24px -8px #ffa60099;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;letter-spacing:.3px}.pitch-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px -8px #ffa600bf}.pitch-button:active:not(:disabled){transform:translateY(0) scale(.98)}.pitch-button:disabled{background:#33375f;color:#7a7ea8;cursor:not-allowed;box-shadow:none}.at-bat{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:20px}.at-bat__label{font-family:Rubik,sans-serif;font-weight:800;font-size:clamp(18px,5vw,26px);color:var(--team-accent, #ffd100);min-height:32px;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.4)}.field{position:relative;width:100%;max-width:520px;height:380px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#163a1f,#0f2916 70%,#6b4423 70%,#7a4e2a);border:3px solid rgba(255,255,255,.08);box-shadow:inset 0 0 60px #0006}.field__grass{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 40px,transparent 40px,transparent 80px)}.field__fence{position:absolute;top:26px;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,#b5433a 0,#b5433a 18px,#963731 18px,#963731 20px);box-shadow:0 2px 6px #0006}.field__foul-line{position:absolute;bottom:30px;width:3px;height:260px;background:#ffffff80;transform-origin:bottom center}.field__foul-line--left{left:50%;transform:rotate(-34deg) translate(-130px)}.field__foul-line--right{left:50%;transform:rotate(34deg) translate(130px)}.pitcher{position:absolute;top:70px;left:50%;transform:translate(-50%);font-size:34px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.pitcher--windup{animation:pitcher-windup .65s ease-in-out}.pitcher--release{animation:pitcher-release .2s ease-out}@keyframes pitcher-windup{0%{transform:translate(-50%) rotate(0) scale(1)}40%{transform:translate(-50%) rotate(-18deg) scale(1.08)}70%{transform:translate(-50%) rotate(10deg) scale(1.05)}to{transform:translate(-50%) rotate(0) scale(1)}}@keyframes pitcher-release{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(24deg)}}.batter-sprite{position:absolute;bottom:44px;left:50%;transform:translate(-50%) scaleX(-1);font-size:36px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4));transform-origin:bottom center}.batter-sprite--swing{animation:batter-swing .26s ease-out}.batter-sprite--flip{animation:batter-flip .9s ease-in-out}@keyframes batter-swing{0%{transform:translate(-50%) scaleX(-1) rotate(0)}50%{transform:translate(-50%) scaleX(-1) rotate(-70deg)}to{transform:translate(-50%) scaleX(-1) rotate(-20deg)}}@keyframes batter-flip{0%{transform:translate(-50%) scaleX(-1) rotate(-20deg)}20%{transform:translate(-50%) scaleX(-1) rotate(40deg) translateY(-6px)}45%{transform:translate(-50%) scaleX(-1) rotate(-30deg) translateY(0)}70%{transform:translate(-50%) scaleX(-1) rotate(15deg)}to{transform:translate(-50%) scaleX(-1) rotate(0)}}.ball{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#e8e2c8 60%,#cfc7a1);box-shadow:0 2px 4px #00000059}.ball--pitch{top:90px;left:50%;animation:ball-pitch .45s linear forwards}@keyframes ball-pitch{0%{transform:translate(-50%) scale(.7);opacity:.6}to{transform:translate(-50%,240px) scale(1.1);opacity:1}}.ball--contact{top:330px;left:50%;transform:translate(-50%);animation:ball-wobble .26s ease-in-out}@keyframes ball-wobble{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%,-6px) scale(1.4)}to{transform:translate(-50%) scale(1)}}.ball--flight{top:330px;left:50%;width:16px;height:16px;animation:ball-flight .9s cubic-bezier(.25,.6,.35,1) forwards;box-shadow:0 0 18px 6px #ffffc88c}@keyframes ball-flight{0%{transform:translate(-50%) scale(1);opacity:1}55%{transform:translate(calc(-50% + 90px),-340px) scale(.8);opacity:1}to{transform:translate(calc(-50% + 220px),-20px) scale(.2);opacity:0}}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#060814b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.celebration__confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-20px;border-radius:2px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translate(var(--drift),105vh) rotate(var(--rotate));opacity:.9}}.celebration__card{position:relative;width:100%;max-width:420px;background:linear-gradient(165deg,#171b3d,#10132c);border:2px solid var(--team-accent, #ffd100);border-radius:20px;padding:26px 24px 24px;text-align:center;box-shadow:0 20px 60px -10px #0009;animation:celebration-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes celebration-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.celebration__headline{font-family:Rubik,sans-serif;font-weight:900;font-size:24px;color:var(--team-accent, #ffd100);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}.celebration__fireworks{animation:firework-pulse 1.1s ease-in-out infinite}@keyframes firework-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25) rotate(8deg)}}.celebration__batter{margin:4px 0 2px;font-size:19px}.celebration__team{margin:0 0 16px;color:#a7abd6;font-size:13px}.celebration__fact{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;margin-bottom:20px;text-align:left}.celebration__fact-heading{margin:0 0 8px;font-size:15px;font-weight:800;color:#fff}.celebration__fact-label{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--team-color, #ffd100);background:color-mix(in srgb,var(--team-accent) 25%,#fff 0%);background:var(--team-accent, #ffd100);padding:2px 8px;border-radius:999px;margin-bottom:8px}.celebration__fact-text{margin:0;font-size:14px;line-height:1.45;color:#f0f1ff}.celebration__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.learn-more-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#fff;border:2px solid var(--team-accent, #ffd100);border-radius:999px;font-weight:800;font-size:15px;padding:12px 26px;text-decoration:none;transition:background .12s ease,transform .12s ease}.learn-more-button:hover{background:#ffffff14;transform:translateY(-2px)}.learn-more-button:active{transform:translateY(0) scale(.98)}@media (max-width: 420px){.field{height:340px}.batter-select__grid .batter-card{flex:0 1 140px}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#0c1024;color:#fff;overscroll-behavior:none}body{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh}button{font-family:inherit}h1,h2,h3{font-family:Rubik,Inter,system-ui,sans-serif}