@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-color: #000000;--card-bg: #0a0a0a;--accent-color: #ffffff;--text-primary: #ffffff;--text-secondary: #888888;--live-red: #ff3e3e;--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-size:1.35rem;font-weight:900;color:#fff;text-transform:uppercase;cursor:pointer;letter-spacing:-.5px}.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{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}.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}.badge-container{position:absolute;top:.75rem;left:.75rem;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.live-badge{background:#ff3e3e;color:#fff;padding:.25rem .6rem;border-radius:4px;font-size:.65rem;font-weight:800;letter-spacing:.05em;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.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 14px;border-radius:6px;border:1px solid #282828;background:#0a0a0a;color:var(--text-secondary);cursor:pointer;font-weight:600;font-size:.8rem;transition:all .15s}.tab-btn:hover{border-color:#444;color:#fff}.tab-btn.active{background:#fff;color:#000;border-color:#fff;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:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem}.modal-content{background:#080808;border:1px solid var(--glass-border);border-radius:12px;width:100%;max-width:550px;position:relative;max-height:90vh;overflow-y:auto}input,select{width:100%;background:#050505;border:1px solid var(--glass-border);color:#fff;padding:9px 12px;border-radius:6px;outline:none;font-size:.85rem}input:focus,select:focus{border-color:#444}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}}