@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&display=swap";:root{--background-color: #0d0f21;--card-color: #161a33;--text-color: #ffffff;--text-color-secondary: #a0a3b8;--accent-color: #00a8f3;--goal-color: #00ff94;--yellow-card-color: #ffd600;--red-card-color: #f5c542;--status-color: #8e44ad;--team-home-border: rgba(0, 168, 243, .45);--team-away-border: rgba(255, 77, 92, .45);--team-home-bg: rgba(0, 168, 243, .12);--team-away-bg: rgba(255, 77, 92, .12);font-family:Poppins,sans-serif;color:var(--text-color);background-color:var(--background-color)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{background-color:var(--background-color);display:flex;justify-content:center;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:428px;width:100%;height:100%;max-height:926px;display:flex;flex-direction:column;border-left:1px solid var(--card-color);border-right:1px solid var(--card-color);position:relative;background-color:var(--background-color)}.app-container{display:flex;flex-direction:column;height:100%;width:100%;padding:1.5rem 1rem;z-index:1;min-height:0}.scoreboard{display:flex;justify-content:space-around;align-items:center;text-align:center;padding:1rem 0}.team{display:flex;flex-direction:column;align-items:center;width:100px;gap:.25rem}.cheer-button{background:var(--card-color);border:1px solid var(--accent-color);border-radius:50%;width:60px;height:60px;cursor:pointer;font-size:1.8rem;transition:transform .2s,background-color .2s;display:flex;justify-content:center;align-items:center;color:var(--text-color)}.cheer-button:hover{background-color:var(--accent-color)}.cheer-button:active{transform:scale(.9)}.cheer-count{display:flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--text-color-secondary)}.team-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.team-name-button{border:none;background:none;color:var(--text-color);font:inherit;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;cursor:pointer}.team-name-button:hover{color:var(--accent-color)}.score{font-size:clamp(2.4rem,9vw,3.6rem);font-weight:900;margin:0 .75rem;min-width:0;letter-spacing:.06em;line-height:1;white-space:nowrap}.score-digit{display:inline-block;animation:goal-flash .5s ease-out}.match-status{text-align:center;padding:1rem 0}.time-progress-bar{width:100%;height:6px;background-color:var(--card-color);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.time-progress{width:0;height:100%;background-color:var(--accent-color);border-radius:3px;transition:width 1s linear}.time-info{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem}.time,.match-period{font-weight:700;font-size:1rem}.view-count{display:flex;align-items:center;gap:.3rem;font-weight:600;font-size:.9rem;color:var(--text-color-secondary)}.event-feed-scroll{flex:1 1 auto;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;min-height:0;pointer-events:auto;touch-action:pan-y}.event-feed-scroll::-webkit-scrollbar{display:none}.event-feed{padding-top:1rem}.event-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.event-item{display:flex;align-items:center;padding:.75rem;background-color:var(--card-color);border-radius:8px;animation:slide-in .5s ease-out}.event-item.team-home{background:linear-gradient(90deg,var(--team-home-bg),var(--card-color) 65%);box-shadow:inset 0 0 0 1px var(--team-home-border);border-left:4px solid var(--team-home-border)}.event-item.team-away{background:linear-gradient(90deg,var(--team-away-bg),var(--card-color) 65%);box-shadow:inset 0 0 0 1px var(--team-away-border);border-left:4px solid var(--team-away-border)}.event-icon{width:24px;height:24px;margin-right:1rem;flex-shrink:0}.event-details{flex-grow:1}.event-description{font-weight:600;font-size:.9rem}.event-player{font-size:.8rem;color:var(--text-color-secondary)}.event-time{font-weight:600;font-size:.9rem;color:var(--text-color-secondary)}.event-item.goal{border-left:4px solid var(--goal-color)}.event-item.penalty{border-left:4px solid var(--yellow-card-color)}.event-item.timeout{border-left:4px solid var(--red-card-color)}.event-item.status{border-left:4px solid var(--status-color)}.event-item.team-home{border-left-color:var(--team-home-border)}.event-item.team-away{border-left-color:var(--team-away-border)}.cheer-animation-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:10}.floating-emoji{position:absolute;bottom:120px;font-size:2rem;animation:float-up 3s ease-out forwards;text-shadow:0 0 5px rgba(0,0,0,.5)}.fallback{padding:32px 24px;color:var(--text-color)}.flip-card{position:relative;flex-grow:1;perspective:1200px;min-height:0;height:100%}.flip-inner{position:relative;width:100%;height:100%;transition:transform .6s ease;transform-style:preserve-3d}.flip-inner.is-flipped{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;display:flex;flex-direction:column;min-height:0;height:100%}.flip-back{transform:rotateY(180deg)}.flip-front{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.team-board{width:100%;height:100%;border:none;background:none;color:inherit;text-align:left;padding:1rem 0 0;cursor:pointer}.team-board-header{padding:.75rem .75rem 1rem;background:var(--card-color);border-radius:8px;margin-bottom:.75rem}.team-board-title{font-size:1.2rem;font-weight:700}.team-board-subtitle{font-size:.8rem;color:var(--text-color-secondary);margin-top:.2rem}.team-board-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;max-height:calc(100% - 96px);padding-right:.25rem;-ms-overflow-style:none;scrollbar-width:none}.team-board-list::-webkit-scrollbar{display:none}.team-board-row{display:grid;grid-template-columns:48px 1fr 64px;align-items:center;padding:.5rem .75rem;background:var(--card-color);border-radius:8px;font-size:.9rem}.team-board-row--header{font-weight:700;color:var(--text-color-secondary);background:transparent;border:1px solid var(--card-color)}.team-board-row--subheader{display:block;font-weight:700;color:var(--text-color-secondary);background:transparent;border:1px solid var(--card-color);text-transform:uppercase;letter-spacing:.08em}.team-board-row--coach{grid-template-columns:1fr}.team-board-goals{text-align:right}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-500px) scale(.5);opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes goal-flash{0%{color:var(--text-color);text-shadow:none}50%{color:var(--goal-color);text-shadow:0 0 15px var(--goal-color);transform:scale(1.2)}to{color:var(--text-color);text-shadow:none;transform:scale(1)}}