:root{--background-color: #F5F4EF;--text-color: #16201B}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease}@keyframes fade-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fade-in{animation:fade-in-up .3s ease both}.App{max-width:1072px;margin:0 auto;padding:8px 16px calc(112px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.App>*{width:100%;max-width:528px;margin-inline:auto}.App>.App-results{max-width:none;display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}.App>.App-results:empty{display:none}.App>.App-results>*{flex:1 1 400px;min-width:0}.App-logo{height:88px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.15));pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-float 6s ease-in-out infinite}}@keyframes App-logo-float{0%,to{transform:rotate(-30deg) translateY(0)}50%{transform:rotate(-24deg) translateY(-6px)}}.court{position:relative;width:100%;max-width:360px;margin:0 auto;aspect-ratio:250/330;border-radius:18px;overflow:hidden;box-shadow:0 1px 2px #00000014,0 12px 32px -12px #103c2873}.court>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.court-side{position:absolute!important;left:0;right:0;height:50%;transition:background-color .25s ease!important}.court-side.top{top:0}.court-side.bottom{bottom:0}.court-side.won{background-color:#ffffff24}.court-side.lost{background-color:#00000038}.court-badge{position:absolute;left:50%;translate:-50% -50%;padding:3px 10px;border-radius:999px;background:#fff;color:#1f7a55;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;animation:fade-in-up .25s ease both;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #0003}.court-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffffd9;font-weight:500;text-align:center;padding:24px}.chip{position:absolute;display:flex;justify-content:center;align-items:center;width:35%;height:27%;pointer-events:none;transition:top .5s cubic-bezier(.2,.8,.2,1),left .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.chip>span{max-width:100%;padding:6px 12px;border-radius:999px;background:#081e1447;color:#fff;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}