*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #56C6FE;--primary-dark: #3BA8E0;--primary-light: #7DD4FF;--secondary: #181F29;--secondary-light: #242D3A;--secondary-lighter: #2F3B4C;--background: #0D1117;--surface: #161B22;--surface-elevated: #1C2128;--accent: #FF6B9D;--accent-orange: #FF8A4C;--success: #3FB950;--warning: #D29922;--error: #F85149;--text-primary: #FFFFFF;--text-secondary: #8B949E;--text-muted: #6E7681;--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);--gradient-accent: linear-gradient(135deg, var(--accent) 0%, var(--accent-orange) 100%);--gradient-surface: linear-gradient(180deg, var(--surface-elevated) 0%, var(--surface) 100%);--glass-bg: rgba(22, 27, 34, .85);--glass-border: rgba(86, 198, 254, .1);--glass-blur: blur(20px);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(86, 198, 254, .3);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--nav-height: 80px;--header-height: 56px;--max-width: 480px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--background);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md);transition:max-width var(--transition-normal)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.bg-surface{background:var(--surface)}.bg-elevated{background:var(--surface-elevated)}.moderated-blur{filter:blur(8px) grayscale(.5);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;transition:all var(--transition-normal);position:relative}.moderated-blur-simple{filter:blur(8px);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;transition:all var(--transition-normal)}.moderated-blur:after{content:"MODERAT";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-xs);font-weight:800;letter-spacing:2px;color:var(--text-primary);background:#0006;padding:4px 12px;border-radius:var(--radius-sm);z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--secondary-lighter);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:var(--gradient-primary);color:var(--secondary);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #56c6fe80}.btn-secondary{background:var(--secondary-lighter);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--secondary-light)}.btn-accent{background:var(--gradient-accent);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--secondary-lighter)}.app-layout{display:flex;flex-direction:column;min-height:100vh;padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom))}.page-content{flex:1;padding:var(--space-md);overflow-y:auto}.app-header{position:relative;margin:0 auto;width:100%;max-width:var(--max-width);z-index:10;display:flex;align-items:center;justify-content:flex-start;padding:var(--space-lg) calc(var(--space-md) * 2) var(--space-sm);background:var(--background)}.app-header__logo{width:68px;height:68px;object-fit:contain;pointer-events:auto;transition:transform var(--transition-fast);flex-shrink:0;margin-left:auto}.app-header__logo:hover{transform:scale(1.05)}.install-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#56c6fe26;border:1px solid rgba(86,198,254,.35);color:var(--primary);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.03em;border-radius:var(--radius-full);cursor:pointer;pointer-events:auto;transition:all var(--transition-fast);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:nowrap;text-transform:uppercase}.install-btn:hover{background:#56c6fe47;border-color:var(--primary);box-shadow:0 0 16px #56c6fe33;transform:translateY(-1px)}.install-btn:active{transform:translateY(0)}.pwa-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-md);padding-bottom:calc(var(--nav-height) + var(--space-md));animation:fadeIn .25s ease;pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pwa-modal{background:var(--surface-elevated);border:1px solid rgba(86,198,254,.2);border-radius:var(--radius-xl);padding:var(--space-lg);width:100%;max-width:420px;box-shadow:0 -4px 40px #0009;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.pwa-modal__title-block{display:flex;align-items:center;gap:var(--space-sm)}.pwa-modal__icon{font-size:2rem;line-height:1}.pwa-modal__title{font-size:var(--font-size-lg);font-weight:800;color:var(--text-primary);margin-bottom:2px}.pwa-modal__subtitle{font-size:var(--font-size-xs);color:var(--text-muted)}.pwa-modal__close{background:var(--secondary-lighter);border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.pwa-modal__close:hover{background:var(--secondary-light);color:var(--text-primary)}.pwa-steps{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.pwa-step{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--secondary);border-radius:var(--radius-md);border:1px solid var(--secondary-lighter)}.pwa-step__num{width:28px;height:28px;background:var(--gradient-primary);color:var(--secondary);font-weight:800;font-size:var(--font-size-sm);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-step__content{flex:1;display:flex;align-items:center;gap:var(--space-sm)}.pwa-step__img{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-sm);flex-shrink:0;background:var(--secondary-lighter);padding:4px}.pwa-step__emoji{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.pwa-step__text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.45}.pwa-modal__note{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;padding:var(--space-sm) var(--space-md);background:#ff8a4c14;border:1px solid rgba(255,138,76,.2);border-radius:var(--radius-md);line-height:1.5}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-area-bottom));padding-bottom:calc(var(--safe-area-bottom) + var(--space-sm));background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);display:flex;justify-content:center;align-items:center;z-index:1000;transition:max-width var(--transition-normal);max-width:var(--max-width);padding-left:var(--space-md);padding-right:var(--space-md);pointer-events:none;margin:0 auto}.bottom-nav__container{display:flex;align-items:center;justify-content:space-around;gap:var(--space-xs);background:#181f29f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);padding:var(--space-sm) var(--space-md);border:1px solid rgba(86,198,254,.15);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d inset;width:100%;max-width:400px;pointer-events:auto}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) var(--space-sm);color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);position:relative;min-width:52px}.nav-item:hover{color:var(--text-secondary)}.nav-item.active{color:var(--primary);background:#56c6fe1f}.nav-item__icon-wrapper{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.nav-item__icon{width:22px;height:22px;transition:transform var(--transition-fast)}.nav-item.active .nav-item__icon{transform:scale(1.1)}.nav-item__label{font-size:10px;font-weight:600;white-space:nowrap;letter-spacing:.02em}.page-header{margin-bottom:var(--space-lg)}.page-header__title{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-xs);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.live-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--error);color:#fff;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;border-radius:var(--radius-full);animation:pulse 2s infinite}.live-badge:before{content:"";width:8px;height:8px;background:#fff;border-radius:50%;animation:blink 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.standings-table{width:100%;border-collapse:collapse}.standings-table th,.standings-table td{padding:var(--space-sm) var(--space-xs);text-align:left;font-size:var(--font-size-sm)}.standings-table th{color:var(--text-muted);font-weight:500;font-size:var(--font-size-xs);text-transform:uppercase;border-bottom:1px solid var(--secondary-lighter)}.standings-table tr{border-bottom:1px solid var(--secondary-lighter)}.standings-table tr:last-child{border-bottom:none}.standings-table tr.highlight{background:#56c6fe1a}.standings-table tr.highlight td{color:var(--primary);font-weight:600}.standings-table .team-cell{display:flex;align-items:center;gap:var(--space-sm)}.standings-table .team-logo{width:24px;height:24px;border-radius:var(--radius-sm);object-fit:contain;background:#fff}.standings-table .position{font-weight:700;color:var(--text-muted);width:24px;text-align:center}.standings-table .stat{text-align:center;color:var(--text-secondary)}.standings-table .percentage{font-weight:700;color:var(--success)}.match-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--secondary-lighter)}.match-card__date{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--space-md)}.match-card__teams{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.match-card__team{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);flex:1}.match-card__team-logo{width:64px;height:64px;border-radius:var(--radius-md);background:#fff;padding:var(--space-xs);object-fit:contain}.match-card__team-name{font-size:var(--font-size-sm);font-weight:600;text-align:center}.match-card__vs{font-size:var(--font-size-lg);font-weight:700;color:var(--text-muted)}.match-card__info{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--secondary);border-radius:var(--radius-md)}.match-card__info-row{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.match-card__info-row svg{width:16px;height:16px;color:var(--primary)}.news-feed{display:flex;flex-direction:column;gap:var(--space-md)}.news-item{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--secondary-lighter);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.news-item:hover{background:var(--surface-elevated);border-color:var(--primary)}.news-item__image{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.news-item__content{flex:1;min-width:0}.news-item__source{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--primary);margin-bottom:var(--space-xs)}.news-item__title{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-item__date{font-size:var(--font-size-xs);color:var(--text-muted)}.podcast-container{display:flex;flex-direction:column;gap:var(--space-lg)}.podcast-embed{border-radius:var(--radius-lg);overflow:hidden}.podcast-embed iframe{border-radius:var(--radius-lg)}.podcast-cta{display:flex;gap:var(--space-md)}.live-container{display:flex;flex-direction:column;gap:var(--space-lg)}.live-player{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--secondary-lighter);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.live-player__visualization{width:120px;height:120px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;animation:sound-wave 2s ease-in-out infinite}@keyframes sound-wave{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.live-player__status{font-size:var(--font-size-lg);font-weight:700}.live-player__info{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}.share-list{display:flex;flex-direction:column;gap:var(--space-md)}.share-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--secondary-lighter)}.share-item__avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--secondary);flex-shrink:0}.share-item__content{flex:1;min-width:0}.share-item__title{font-weight:600;margin-bottom:var(--space-xs)}.share-item__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.share-item__action{flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.empty-state__icon{width:64px;height:64px;color:var(--text-muted);margin-bottom:var(--space-md)}.empty-state__title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-sm)}.empty-state__description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-lg)}.countdown{display:flex;justify-content:center;gap:var(--space-md)}.countdown__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.countdown__value{font-size:var(--font-size-3xl);font-weight:800;color:var(--primary);background:var(--surface);padding:var(--space-sm) var(--space-xs);min-width:50px;text-align:center}.countdown__label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase}.skeleton{background:linear-gradient(90deg,var(--secondary) 25%,var(--secondary-lighter) 50%,var(--secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:32px;height:32px;border:3px solid var(--secondary-lighter);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs{display:flex;background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-xs);margin-bottom:var(--space-lg)}.tab{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tab.active{background:var(--primary);color:var(--secondary)}.tab:not(.active):hover{color:var(--text-primary)}@media(min-width:768px){:root{--max-width: 600px}.bottom-nav{left:50%;transform:translate(-50%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}}@media(min-width:1024px){:root{--max-width: 800px}}.forum-nickname-screen{display:flex;align-items:center;justify-content:center;min-height:40vh;padding:var(--space-lg) 0}.forum-nickname-card{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;text-align:center}.forum-nickname-emoji{font-size:3rem;margin-bottom:var(--space-md)}.forum-nickname-card h2{font-size:var(--font-size-xl);font-weight:800;margin-bottom:var(--space-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.forum-nickname-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.forum-input{width:100%;background:var(--secondary);border:1px solid var(--secondary-lighter);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-md);transition:border-color var(--transition-fast);box-sizing:border-box}.forum-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #56c6fe26}.forum-textarea{resize:vertical;min-height:80px;line-height:1.5}.forum-feed{display:flex;flex-direction:column;gap:var(--space-md)}.forum-new-post-btn{width:100%}.forum-post-card{background:var(--surface);border:1px solid var(--secondary-lighter);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:all var(--transition-fast)}.forum-post-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.forum-post-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.forum-post-card__author{font-weight:700;font-size:var(--font-size-sm);color:var(--primary)}.forum-post-card__time{font-size:var(--font-size-xs);color:var(--text-muted)}.forum-post-card__content{font-size:var(--font-size-md);color:var(--text-primary);line-height:1.6;margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.forum-post-card__footer{display:flex;gap:var(--space-md);align-items:center}.forum-post-card__replies{font-size:var(--font-size-sm);color:var(--text-secondary)}.like-btn{background:var(--secondary);border:1px solid var(--secondary-lighter);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.like-btn:hover{border-color:var(--primary);color:var(--primary)}.like-btn--active{background:#56c6fe26;border-color:var(--primary);color:var(--primary)}.forum-post-detail{display:flex;flex-direction:column;gap:var(--space-lg)}.forum-back-btn{padding-left:0;color:var(--primary);width:fit-content}.forum-post-original{background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-md)}.forum-replies-section{display:flex;flex-direction:column;gap:var(--space-sm)}.forum-replies-title{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.forum-reply{background:var(--secondary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);border-left:2px solid var(--secondary-lighter)}.forum-compose{display:flex;flex-direction:column;gap:var(--space-sm)}.forum-compose--top{background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-md)}.forum-loading{text-align:center;color:var(--text-muted);padding:var(--space-2xl);font-size:var(--font-size-sm)}.forum-empty{text-align:center;color:var(--text-secondary);padding:var(--space-2xl);font-size:var(--font-size-md);line-height:2}@media(min-width:769px){.install-btn{display:none!important}}