@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@font-face{font-family:American Uncial Bold;src:url(/fonts/americanuncial-bold.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-color: #000000;--card-bg: #0a0a0a;--accent-color: #b91c1c;--text-primary: #ffffff;--text-secondary: #888888;--live-red: #b91c1c;--glass-border: #1c1c1c;--radius: 10px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#222;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}header{padding:.75rem 4%;display:flex;justify-content:space-between;align-items:center;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);position:fixed;width:100%;top:0;z-index:1000}.logo{font-family:American Uncial Bold,serif;font-size:1.45rem;font-weight:400;color:#fff;text-transform:lowercase;cursor:pointer;letter-spacing:.02em}.logo span{color:#666;margin-left:2px}main{max-width:1400px;margin:5.5rem auto 3rem;padding:0 4%}.section-title{font-size:1.05rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;display:flex;align-items:center;gap:8px}.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:3rem}.match-card,a.match-card{background:#0a0a0a;border:1px solid #1c1c1c;border-radius:var(--radius);overflow:hidden;transition:transform .18s ease,border-color .18s ease;cursor:pointer;position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit}a.match-card:hover{text-decoration:none;color:inherit}.match-card:hover{transform:translateY(-3px);border-color:#383838}.match-poster{width:100%;aspect-ratio:16 / 9;height:auto;background-size:cover;background-position:center;position:relative;background-color:#000}.match-poster.tv-poster{aspect-ratio:auto!important;flex:1 1 auto}.badge-container{position:absolute;top:.75rem;left:.75rem;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.live-badge{background:#0a0a0ae0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #242424;color:#e5e5e5;padding:3px 9px;border-radius:12px;font-size:.63rem;font-weight:700;letter-spacing:.04em;display:inline-flex;align-items:center;gap:5px;text-transform:uppercase}.live-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:#b91c1c;display:inline-block;flex-shrink:0}.match-info{padding:1rem;flex-grow:1;display:flex;flex-direction:column}.match-category{font-size:.72rem;color:#666;margin-bottom:.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.match-title{font-size:.92rem;font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.match-meta{display:flex;justify-content:space-between;align-items:center;color:#666;font-size:.78rem;margin-top:auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;margin-bottom:1.25rem;gap:1rem;white-space:nowrap}.tab-btn{padding:6px 13px;border-radius:14px;border:1px solid #1a1a1a;background:#0c0c0c;color:#888;cursor:pointer;font-weight:600;font-size:.76rem;transition:border-color .15s ease,color .15s ease,background .15s ease}.tab-btn:hover{border-color:#2a2a2a;color:#e5e5e5;background:#141414}.tab-btn.active{background:#181818;color:#fff;border-color:#2e2e2e;font-weight:700}.player-container{background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9;width:100%;border:1px solid var(--glass-border)}iframe{width:100%;height:100%;border:none}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem}.modal-content{background:#080808f5;border:1px solid #1a1a1a;border-radius:14px;width:100%;max-width:550px;position:relative;max-height:90vh;overflow-y:auto}input,select{width:100%;background:#0c0c0c;border:1px solid #1c1c1c;color:#e5e5e5;padding:9px 12px;border-radius:10px;outline:none;font-size:.84rem;transition:border-color .15s ease}input:focus,select:focus{border-color:#2e2e2e}footer{margin-top:6rem;padding:2.5rem 4%;border-top:1px solid #141414;text-align:center;color:#555;font-size:.78rem}.mobile-close-icon{display:none}@media (max-width: 768px){main{margin:4.5rem auto 1.5rem;padding:0 4%}.match-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.section-header{margin-top:2rem;margin-bottom:1rem}.player-container{border-radius:8px}.search-desktop-hints,.desktop-esc-hint{display:none!important}.mobile-close-icon{display:inline-block}.search-modal-card{max-height:92vh!important;border-radius:14px!important}.modal-dialog-card{padding:1.1rem!important;max-height:94vh!important;border-radius:14px!important}}@media (max-width: 600px){header{padding:.6rem 3%!important}.header-nav-text,.header-username,.logout-text,.login-text{display:none}.logo{font-size:1.15rem}.match-grid{grid-template-columns:1fr;gap:1rem}.match-chat-wrapper{min-height:380px!important}}@keyframes skeletonWaveSweep{0%{transform:translate(-150%) skew(-20deg);opacity:0}20%{opacity:1}60%{transform:translate(250%) skew(-20deg);opacity:1}to{transform:translate(250%) skew(-20deg);opacity:0}}.skeleton-shimmer-card{position:relative;overflow:hidden}.skeleton-shimmer-wave{position:absolute;top:-20%;left:0;width:120%;height:140%;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 25%,rgba(255,255,255,.14) 50%,rgba(185,28,28,.12) 55%,rgba(255,255,255,.03) 75%,transparent 100%);animation:skeletonWaveSweep 2.2s cubic-bezier(.4,0,.2,1) infinite;z-index:5}@keyframes streamBlurReveal{0%{filter:blur(12px);opacity:0;transform:translateY(8px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.streams-blur-reveal{animation:streamBlurReveal .38s cubic-bezier(.16,1,.3,1) forwards;will-change:filter,opacity,transform}