body{background-color:#1f1f1ffa;min-width:320px;min-height:100vh;margin:0}.app-title{color:#ffefd7;font-family:Forev,Georgia,serif}.character-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:12px;display:grid}.character-button{cursor:pointer;background:0 0;border:2px solid #777;border-radius:50%;justify-self:center;width:72px;height:72px;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:block;overflow:hidden}.character-button__image{object-fit:cover;width:100%;height:100%;display:block}.character-button:hover{border-color:#ddd;transform:scale(1.05)}.character-button:focus-visible{outline-offset:3px;outline:3px solid #fff}.character-button--selected{border-color:#f4c542;box-shadow:0 0 0 3px #f4c54255}.character-button--selected .character-button__image{transform-origin:50%;animation:3s step-end infinite sway}@keyframes sway{0%{transform:rotate(-.7eg)}25%{transform:rotate(1.2deg)}50%{transform:rotate(-.6deg)}75%{transform:rotate(.5deg)}}@media (prefers-reduced-motion:reduce){.character-button--selected .character-button__image,.player-row__steam-user--featured{animation:none!important}}.match-card{box-sizing:border-box;background-color:#383838;border:1px solid #777;border-radius:8px;width:60%;margin:16px 0;padding:16px}.match-card__header{text-align:center;margin-bottom:16px}.match-card__header h3,.match-card__header p{margin:0}.match-card__header p{color:#ccc;margin-top:4px}.match-card__teams{grid-template-columns:minmax(0,.8fr) minmax(64px,.4fr) minmax(64px,.4fr) minmax(0,.8fr);grid-template-areas:"team0 worth0 worth1 team1";align-items:stretch;gap:12px;display:grid}.match-card__team h4{margin-top:0}.match-card__team{border:1px solid;border-radius:8px;min-width:0;padding:12px}.match-card__team--team0{background-color:#9a4b14;border-color:#f2a75f;grid-area:team0}.match-card__team--team1{background-color:#174d7a;border-color:#55a9e6;grid-area:team1}.match-card__net-worth{text-align:center;flex-direction:column;align-self:center;display:flex}.match-card__net-worth strong{font-size:1.75rem}.match-card__net-worth--team0{grid-area:worth0}.match-card__net-worth--team1{grid-area:worth1}.match-card__team ul{margin:0;padding:0;list-style:none}.player-row{box-sizing:border-box;background-color:#2e2e2e;min-height:48px;margin:4px 0;padding:6px 8px;display:flex}.player-row--streamer{background:0 0;padding:0}.player-row__identity{align-items:center;gap:6px;width:100%;display:inline-flex}.player-row__hero{object-fit:cover;border-radius:50%;width:30px;height:30px;display:block}.player-row__hero-container{background-color:#747474;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.player-row__stream-link{box-sizing:border-box;color:#fff;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:48px;padding:6px 8px;text-decoration:none;transition:filter .15s,transform .15s;display:flex}.player-row__stream-content{flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.player-row__steam-user,.player-row__twitch-user{white-space:nowrap;max-width:20ch;display:block}.player-row__steam-user--featured{transform-origin:50%;animation:3s step-end infinite sway}.player-row__player-details{flex-direction:column;gap:2px;display:flex}.player-row__character-name{color:#d0d0d0;font-size:.75rem}.player-row__stream-link:hover{filter:brightness(1.2);transform:translateY(-1px)}.player-row__stream-link:focus-visible{outline-offset:2px;outline:2px solid #fff}.player-row__stream-link--featured{background-color:#55246f;border-color:#ba78e8}.player-row__stream-link--live{background-color:#174d7a;border-color:#55a9e6}.player-row__twitch-user{text-align:right;font-size:.875rem;font-weight:700}@media (width<=700px){.match-card{width:100%}.match-card__teams{grid-template-columns:minmax(0,1fr) minmax(72px,.35fr);grid-template-areas:"team0 worth0""worth1 team1"}}
