@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;height:100%;container-type:inline-size}.stream-count-pill{white-space:nowrap!important;flex-shrink:0!important}@container (max-width: 260px){.stream-count-text{display:none!important}}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(2,minmax(0,1fr))!important;gap:.65rem!important;margin-bottom:2rem}body.mobile-single-col .match-grid,.match-grid.single-col{grid-template-columns:1fr!important;gap:1rem!important}.section-header{margin-top:2rem;margin-bottom:1rem}.player-container{border-radius:8px}.match-card{border-radius:12px}body:not(.mobile-single-col) .badge-container{top:6px!important;left:6px!important;gap:3px!important}body:not(.mobile-single-col) .live-badge{font-size:.52rem!important;padding:2px 6px!important;border-radius:8px!important}body:not(.mobile-single-col) .match-info{padding:.5rem .65rem!important;height:72px!important;min-height:72px!important;max-height:72px!important;box-sizing:border-box!important;overflow:hidden!important}body:not(.mobile-single-col) .match-meta{padding:0!important;height:22px!important;min-height:22px!important;max-height:22px!important;font-size:.68rem!important;white-space:nowrap!important;overflow:hidden!important}body:not(.mobile-single-col) .match-poster.tv-poster+.match-meta{padding:0 .65rem!important;height:36px!important;min-height:36px!important;max-height:36px!important;font-size:.68rem!important}body:not(.mobile-single-col) .tv-poster-spacer{margin-bottom:36px!important}body:not(.mobile-single-col) .match-category{font-size:.62rem!important;margin-bottom:.04rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}body:not(.mobile-single-col) .match-title{font-size:.82rem!important;margin-bottom:.18rem!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}.stream-count-text,.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-chat-wrapper{min-height:380px!important}}.tita-settings-tab-btn{transition:background-color .15s ease,color .15s ease}.tita-settings-tab-btn:hover{background:#141414!important;color:#fff!important}.tita-settings-mobile-tab-btn{transition:background-color .15s ease,color .15s ease}.tita-settings-mobile-tab-btn:hover{background:#141414!important;color:#fff!important}.tita-settings-card-item{transition:border-color .15s ease,background-color .15s ease}.tita-settings-card-item:hover{border-color:#242424!important;background-color:#0b0b0b!important}.tita-settings-action-btn{transition:filter .15s ease,background-color .15s ease}.tita-settings-action-btn:hover{filter:brightness(.9)}.tita-settings-action-btn:active{filter:brightness(.8)}.tita-settings-avatar-item{transition:transform .15s ease,border-color .15s ease}.tita-settings-avatar-item:hover{transform:scale(1.06);border-color:#ef4444!important}.tita-settings-close-btn{transition:background-color .15s ease,color .15s ease}.tita-settings-close-btn:hover{background-color:#1a1a1a!important;color:#fff!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}.avatar-circle,.user-avatar,.profile-avatar,.tita-avatar-img,.tita-settings-avatar-item,img[alt*=avatar i],img[alt*=User i]{aspect-ratio:1 / 1!important;border-radius:50%!important;object-fit:cover!important;-webkit-clip-path:circle(50% at 50% 50%)!important;clip-path:circle(50% at 50% 50%)!important;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:-webkit-radial-gradient(white,black);transform:translateZ(0)}input[type=range].tita-range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#181818;border-radius:4px;outline:none;border:1px solid #262626;margin:10px 0 6px;transition:background .2s ease}input[type=range].tita-range-slider:hover{background:#202020}input[type=range].tita-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#b91c1c;border:2px solid #ffffff;box-shadow:0 0 6px #b91c1c99;cursor:pointer;transition:transform .15s ease,background .15s ease}input[type=range].tita-range-slider::-webkit-slider-thumb:hover{transform:scale(1.15);background:#dc2626}input[type=range].tita-range-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#b91c1c;border:2px solid #ffffff;box-shadow:0 0 6px #b91c1c99;cursor:pointer;transition:transform .15s ease,background .15s ease}input[type=range].tita-range-slider::-moz-range-thumb:hover{transform:scale(1.15);background:#dc2626}