:root{--primary:#ff6b00;--dark:#1a1a1a;--dark-lighter:#2a2a2a;--text:#fff;--text-secondary:#999;--radius:8px;--transition:all 0.3s ease}.live-title{position:relative;font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:1.5rem;padding-left:1rem;text-transform:uppercase;letter-spacing:.5px}.live-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1.25rem;background:var(--primary);border-radius:2px}@media (max-width:640px){.live-title{font-size:1rem;margin-bottom:1rem}.live-title:before{height:1rem}}.live-room{padding:2rem 0}.match-info{background:var(--dark-lighter);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.match-info__league{text-align:center;color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.match-info__teams{display:flex;align-items:center;justify-content:center;gap:2rem}.match-info__team{display:flex;flex-direction:column;align-items:center;gap:.75rem}.match-info__team img{width:4rem;height:4rem;-o-object-fit:contain;object-fit:contain}.match-info__team-name{font-size:1rem;font-weight:500;color:var(--text);text-align:center}.match-info__time{display:flex;flex-direction:column;align-items:center;gap:.5rem}.match-info__time-value{font-size:1.5rem;font-weight:700;color:var(--text)}.match-info__date{font-size:.875rem;color:var(--text-secondary)}.match-info__score{display:flex;align-items:center;gap:.5rem;font-size:2rem;font-weight:700;color:var(--primary)}.match-info__score .away-score,.match-info__score .home-score{min-width:2rem;text-align:center}.match-info__score .score-separator{color:var(--text-secondary);font-weight:400}.match-info__status{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);padding:.25rem .75rem;border-radius:4px;background:hsla(0,0%,100%,.05)}.match-info__status.live{color:#fff;background:#dc3545;animation:pulse 1.5s infinite}.match-info__status.finished{color:#fff;background:#666;font-weight:600}.api-football-loading{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:rgba(255,107,0,.1);border-radius:var(--radius);color:var(--primary);font-size:.875rem;font-weight:500}.api-football-loading i{font-size:1rem}.api-football-info{margin-top:1.5rem;padding:1.5rem;background:rgba(0,0,0,.4);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.refresh-results-btn{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0,color-mix(in srgb,var(--primary),#000 20%) 100%);color:#fff;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.refresh-results-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,0,.3)}.refresh-results-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-results-btn i{font-size:.875rem}@media (max-width:640px){.api-football-info{padding:1rem}.league-info{gap:.5rem}.detail-item,.league-info{flex-direction:column;align-items:flex-start}.detail-item{gap:.25rem}.refresh-results-btn{width:100%;justify-content:center}}.live-content{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media (min-width:1024px){.live-content{grid-template-columns:2fr 350px}}.video-player{background:#000;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden}.video-player,.video-unavailable{display:flex;align-items:center;justify-content:center}.video-unavailable{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.unavailable-content{text-align:center;color:var(--text-secondary);max-width:300px;padding:2rem}.unavailable-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.unavailable-title{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.unavailable-text{font-size:.875rem;line-height:1.5}.chat-section{background:var(--dark-lighter);border-radius:var(--radius);overflow:hidden;height:100%;display:flex;flex-direction:column}.chat-tabs{display:flex;align-items:center;background:rgba(0,0,0,.2);border-bottom:1px solid hsla(0,0%,100%,.05);padding:0 .5rem;gap:.25rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.chat-tabs::-webkit-scrollbar{display:none}.chat-tabs__button{padding:.75rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px;position:relative;min-width:80px;white-space:nowrap}.chat-tabs__button--active,.chat-tabs__button:hover{color:var(--primary)}.chat-tabs__button--active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--primary)}.chat-wrapper{flex:1;position:relative;min-height:400px;display:flex;flex-direction:column}.chat-content{flex:1;overflow:hidden}.chat-messages{height:100%;padding:1rem;overflow-y:auto}.chat-input{position:sticky;bottom:0;left:0;right:0;padding:1rem;background:var(--dark-lighter);border-top:1px solid hsla(0,0%,100%,.05);display:flex;gap:.5rem;z-index:10}.chat-input input{flex:1;padding:.5rem .75rem;background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius);color:var(--text);font-size:.875rem}.chat-input button{padding:.5rem 1rem;background:var(--primary);border:none;border-radius:var(--radius);color:var(--text);font-weight:500;cursor:pointer;transition:var(--transition)}.chat-input button:hover{background:#ff8533}.commentator-section{margin-bottom:1.5rem}.commentator-section__title{position:relative;font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:1rem;padding-left:1rem}.commentator-section__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1.25rem;background:var(--primary)}.commentator-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.commentator-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--dark-lighter);border:none;border-radius:var(--radius);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--transition)}.commentator-button i{font-size:.625rem}.commentator-button:hover{background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.commentator-button--active{background:var(--primary);color:var(--text)}.match-intro{background:var(--dark-lighter);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.match-intro__title{position:relative;font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:1rem;padding-left:1rem}.match-intro__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1.25rem;background:var(--primary)}.match-intro__content{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.match-intro__content p+p{margin-top:1rem}.live-rooms{margin-bottom:2rem}.live-rooms__title{position:relative;font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:1rem;padding-left:1rem}.live-rooms__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1.25rem;background:var(--primary)}.live-rooms__grid{display:grid;gap:1rem;grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.live-rooms__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.live-rooms__grid{grid-template-columns:repeat(4,1fr)}}.room-card{background:var(--dark-lighter);border-radius:var(--radius);overflow:hidden;transition:var(--transition)}.room-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.room-card__header{display:flex;justify-content:space-between;align-items:center;padding:1rem}.room-card__name{color:var(--text);font-size:.875rem;font-weight:500}.room-card__quality{background:var(--primary);color:var(--text);font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius)}.room-card__teams{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem}.room-card__team{width:2.5rem;height:2.5rem;-o-object-fit:contain;object-fit:contain}@media (min-width:768px){.room-card__team{width:3rem;height:3rem}}.room-card__vs{color:var(--text-secondary);font-size:.875rem}.room-card__footer{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(0,0,0,.2)}.room-card__viewers{color:var(--text-secondary);font-size:.75rem;display:flex;align-items:center;gap:.25rem}.room-card__button{background:var(--primary);color:var(--text);border:none;padding:.5rem .75rem;border-radius:var(--radius);font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--transition)}.room-card__button:hover{background:#ff8533;transform:translateY(-1px)}.countdown{text-align:center;padding:3rem 2rem;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.9));height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.countdown__title{color:var(--text);font-size:1.25rem;font-weight:700;margin-bottom:2rem;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:fadeInDown .5s ease}.countdown__timer{display:inline-flex;align-items:center;gap:1.5rem;background:rgba(0,0,0,.6);padding:2rem 3rem;border-radius:var(--radius);box-shadow:0 8px 32px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .5s ease}.countdown__item{display:flex;flex-direction:column;align-items:center;min-width:80px;position:relative}.countdown__item:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:var(--primary);border-radius:2px}.countdown__value{font-size:3rem;font-weight:700;color:var(--primary);line-height:1;margin-bottom:.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 2px 8px rgba(255,107,0,.3);animation:pulse 1s infinite}.countdown__label{font-size:.75rem;color:var(--text-secondary);font-weight:600;letter-spacing:2px;text-transform:uppercase}.countdown__separator{color:var(--text-secondary);font-size:2.5rem;font-weight:300;line-height:1;margin-top:-1rem;opacity:.5;animation:blink 1.5s infinite}@media (max-width:640px){.countdown{padding:2rem 1rem}.countdown__timer{padding:1.5rem;gap:.75rem}.countdown__item{min-width:60px}.countdown__value{font-size:2rem}.countdown__label{font-size:.625rem}.countdown__separator{font-size:1.75rem}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes blink{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-secondary)}.chat-empty__icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.chat-empty__title{font-size:1.125rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.chat-empty__text{font-size:.875rem;line-height:1.5;max-width:250px}.current-caster{margin-top:1rem;padding:.75rem 1rem;background:rgba(255,107,0,.1);border-radius:var(--radius);font-size:.875rem;color:var(--text-secondary)}.current-caster strong{color:var(--primary);font-weight:600}
/*# sourceMappingURL=f6d883559c1541ec.css.map*/