:root{--bg:#000;--surface:#0b0b0b;--surface-2:#0f0f0f;--card:#151515;--card-2:#1e1e1e;--muted:#aeb4ba;--text:#fff;--accent:#e7cd49;--chip:#111417;--chip-active:#1a1f24;--border:hsla(0,0%,100%,.08);--shadow:0 10px 30px rgba(0,0,0,.5)}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{background:none;cursor:pointer}button,input{border:0;color:inherit;font:inherit}input{background:transparent}@font-face{font-family:Quicksand;src:url(/fonts/Quicksand-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/fonts/Quicksand-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/fonts/Quicksand-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/fonts/Quicksand-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/fonts/Quicksand-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}body{font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:20px}.loading-logo-wrapper{position:relative;width:80px;height:80px}.loading-logo{width:80px;height:80px;border-radius:16px;animation:logoPulse 1.5s ease-in-out infinite;display:block}.loading-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;border:3px solid rgba(231,205,73,.2)}.loading-ripple-1{width:100px;height:100px;animation:ripple 1.5s ease-out infinite}.loading-ripple-2{width:120px;height:120px;border-color:rgba(231,205,73,.1);animation:ripple 1.5s ease-out .5s infinite}@keyframes logoPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.stream-placeholder-logo,.stream-placeholder-logo-img{position:relative;width:120px;height:120px}.stream-placeholder-logo-img{border-radius:50%;animation:logoPulse 2s ease-in-out infinite;display:block;z-index:2}.stream-placeholder-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;border:2px solid var(--accent)}.stream-placeholder-ripple-1{width:120px;height:120px;opacity:.6;animation:streamRipple 2s ease-out infinite;z-index:1}.stream-placeholder-ripple-2{width:140px;height:140px;opacity:.4;border-color:rgba(231,205,73,.5);animation:streamRipple 2s ease-out .5s infinite;z-index:1}@keyframes streamRipple{0%{transform:translate(-50%,-50%) scale(.8);opacity:.6}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.container{max-width:1400px;width:100%;margin:0 auto;padding:16px 24px 32px;overflow-x:hidden}.shell{display:grid;grid-template-columns:280px 1fr 360px;grid-gap:16px;gap:16px;align-items:start}.left,.right{z-index:4;max-height:none!important;overflow-y:visible!important}.header,.left,.right{position:static!important;top:auto!important}.header{gap:16px;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);z-index:1000;margin-bottom:16px}.brand,.header{display:flex;align-items:center}.brand{gap:10px;font-weight:700}.brand img{width:34px;height:34px;border-radius:8px;display:block}.header-nav{display:flex;align-items:center;gap:8px;flex:1 1;justify-content:center}.header-nav-item{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;padding:8px 16px;transition:all .2s;font-weight:500}.header-nav-item:hover{color:var(--text)}.header-nav-item.active{color:var(--accent)}.search{flex:1 1;display:flex;align-items:center;gap:10px;background:var(--chip);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.search input{width:100%;outline:none}.actions{display:flex;align-items:center;gap:8px;margin-left:auto}.action{height:38px;min-width:38px;display:grid;place-items:center;border-radius:10px;background:var(--chip);border:1px solid var(--border)}.action:hover{border-color:var(--accent);box-shadow:inset 0 0 0 2px rgba(231,205,73,.2)}.profile{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;background:var(--chip);border:1px solid var(--border)}.avatar{width:28px;height:28px;border-radius:50%;background:#334655}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.accent-edge{border-left:3px solid var(--accent)}.card-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.card-body{padding:12px}.chips{display:flex;gap:8px}.chip{background:var(--chip);border:1px solid var(--border);padding:8px 12px;border-radius:10px;color:var(--muted);transition:all .2s;font-size:13px}.chip.active,.chip:hover{border-color:var(--accent);color:var(--text)}.chip.active{background:rgba(231,205,73,.08);box-shadow:inset 0 0 0 1px rgba(231,205,73,.2)}.sidebar-section{padding:12px}.sidebar-title{padding:10px 12px;color:var(--muted);font-weight:600}.list{display:flex;flex-direction:column;gap:8px}.list-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:hsla(0,0%,100%,.02);border:1px solid var(--border);transition:border-color .2s}.list-item:hover{border-color:var(--accent)}.flag{background:#2a3b47}.flag,.flag-img{width:18px;height:18px;border-radius:50%}.flag-img{object-fit:cover;display:block}.feed-tabs{display:flex;gap:8px;padding:10px 12px}.date-input{background:var(--chip);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:10px}.date-input-hidden{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.date-button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.match{display:flex;flex-direction:column;gap:8px;border-radius:12px;background:hsla(0,0%,100%,.02);border:1px solid var(--border)}.match-row{display:flex;justify-content:space-between;align-items:center;padding:12px}.match-row .live{color:#ff6b6b;font-weight:700}.odds{display:flex;gap:6px}.odd{min-width:56px;text-align:center;padding:8px;border-radius:8px;background:#0f1d16;border:1px solid #1c392e;color:#8de7b8;background:#1a1608;border-color:#3a3210;color:#e7cd49}.vs{color:var(--text);padding:2px 8px;border-radius:999px;background:rgba(231,205,73,.08);border:1px solid var(--accent)}.right-widget .title{display:flex;align-items:center;gap:8px}.weekly{display:flex;flex-direction:column;gap:8px}.featured{display:flex;gap:12px;align-items:center}.score{font-size:24px;font-weight:700}.slider-container{position:relative;overflow:hidden;border-radius:14px;min-height:320px;height:320px}.slider-wrapper{transition:transform .4s ease-in-out}.slider-slide,.slider-wrapper{display:flex;width:100%;height:100%}.slider-slide{min-width:100%;flex-shrink:0;position:relative;align-items:center;justify-content:center;padding:0;background:var(--card);border:1px solid var(--border)}.slider-content{text-align:center;position:relative;z-index:2;padding:24px}.slider-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px}.slider-subtitle{font-size:14px;color:var(--muted)}.slider-dots{display:flex;justify-content:center;gap:8px;padding:12px;position:absolute;bottom:0;left:0;right:0}.slider-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);border:0;cursor:pointer;transition:all .2s;padding:0}.slider-dot.active{background:var(--accent);width:24px;border-radius:4px}@media (max-width:1200px){.shell{grid-template-columns:1fr;gap:12px}.left,.right{order:2;position:static!important;max-height:none!important;overflow-y:visible}.center{order:1}.container{padding:12px 16px 24px}}@media (max-width:768px){.container{padding:8px 12px 16px}.header{padding:14px 16px;gap:14px;border-radius:0;border-left:0;border-right:0;border-top:0;box-shadow:0 2px 10px rgba(0,0,0,.4);margin:-8px calc(-50vw + 50%) 16px;width:100vw;max-width:100vw}.brand{gap:10px}.brand img{width:32px;height:32px;border-radius:10px}.brand>div{font-size:16px;font-weight:700}.header-nav{display:none}.actions{gap:8px}.action{height:38px;min-width:38px}.action,.profile{border-radius:12px}.profile{padding:6px 10px;gap:8px}.profile span{font-size:13px!important}.avatar{width:24px;height:24px}.shell{gap:12px}.left,.right{display:none!important}.header{position:static;z-index:10}.card{border-radius:12px}.card-header{padding:12px}.tournament-country{font-size:11px!important}.tournament-name{font-size:12px!important;font-weight:600!important}.card-body{padding:10px}.feed-tabs{flex-wrap:wrap;gap:6px;padding:12px}.chip{padding:8px 12px;font-size:13px;font-weight:500}.feed-tabs>div:last-child{margin-left:auto;display:flex;align-items:center;gap:6px}.date-button{font-size:12px!important;padding:6px 10px!important}.slider-container{min-height:200px;height:200px;border-radius:12px}.slider-title{font-size:16px}.slider-subtitle{font-size:12px}.slider-content{padding:16px}.match-row{padding:12px 10px;flex-wrap:nowrap;gap:8px}.match-time{min-width:45px!important;flex-shrink:0}.match-time span{font-size:12px!important;font-weight:600}.match-teams{flex:1 1;min-width:0;gap:8px!important}.match-team-away,.match-team-home{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-name{font-size:13px!important;font-weight:500}.team-round{font-size:11px!important}.match-score{flex-shrink:0}.vs{font-size:12px!important;padding:4px 8px;white-space:nowrap}.match-actions{min-width:36px!important;flex-shrink:0}.match-actions .action{width:32px;height:32px;min-width:32px}.list-item{padding:8px;gap:8px}}@media (max-width:480px){.container{padding:6px 8px 12px}.header{padding:12px 14px;gap:12px;border-radius:0;border-left:0;border-right:0;border-top:0;box-shadow:0 2px 10px rgba(0,0,0,.4);position:static;margin:-6px calc(-50vw + 50%) 16px;width:100vw;max-width:100vw}.brand img{width:30px;height:30px;border-radius:10px}.brand>div{font-size:15px;font-weight:700}.action{height:36px;min-width:36px}.action,.profile{border-radius:11px}.profile{padding:5px 9px}.profile span{font-size:12px!important;display:inline-block}.card-header{padding:10px}.card-body{padding:8px}.feed-tabs{padding:10px 8px}.chip{padding:6px 10px;font-size:11px}.slider-container{min-height:160px;height:160px}.slider-title{font-size:14px}.slider-subtitle{font-size:11px}.slider-content{padding:12px}.match-row{padding:10px 8px}.match-time{min-width:40px!important}.match-time span{font-size:11px!important}.match-team-away span,.match-team-home span{font-size:12px!important}.vs{font-size:11px!important;padding:3px 6px}.match-actions .action{width:28px;height:28px;min-width:28px}.list-item{padding:6px;font-size:12px}.flag,.flag-img{width:16px;height:16px}}@media (max-width:768px){.modal-overlay{padding:0!important;align-items:flex-end!important}.modal-container{max-width:100%!important;width:100%!important;max-height:90vh;margin:0;border-radius:16px 16px 0 0!important;padding:20px!important}input[type=email],input[type=password],input[type=text]{font-size:16px!important}.match-teams{grid-template-columns:1fr auto 1fr!important;gap:6px!important}.match-team-home{justify-self:end!important;text-align:right!important;padding-right:4px}.match-team-away{justify-self:start!important;text-align:left!important;padding-left:4px}.match-score{justify-self:center}.feed-tabs{flex-direction:row;align-items:center;justify-content:space-between}.feed-tabs>div:first-child{display:flex;gap:6px;flex-wrap:wrap}.feed-tabs>div:last-child{flex-shrink:0;margin-left:auto}.match-detail-grid{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.match-detail-grid>div:first-child{width:100%!important;max-width:100%!important;overflow:hidden!important;min-height:200px!important}.stream-container{min-height:auto!important;aspect-ratio:16/9!important;height:auto!important}.stream-container,.stream-container>div{display:flex!important;align-items:center!important;justify-content:center!important}.stream-container>div{height:100%!important}.stream-container>div,.stream-container>div>div{flex-direction:column!important;width:100%!important}.stream-container>div>div{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}.stream-placeholder-logo{position:relative!important;left:auto!important;right:auto!important;transform:none!important;flex-shrink:0!important}.stream-placeholder-logo,.stream-placeholder-logo-img{margin:0 auto!important;display:block!important;width:60px!important;height:60px!important}.stream-placeholder-ripple-1{width:60px!important;height:60px!important}.stream-placeholder-ripple-2{width:75px!important;height:75px!important}.stream-placeholder-title{font-size:16px!important;font-weight:600!important;margin-top:12px!important;margin-bottom:4px!important;line-height:1.2!important}.stream-placeholder-subtitle{font-size:12px!important;margin-top:0!important;margin-bottom:0!important;line-height:1.2!important;color:var(--muted)!important}.match-detail-grid iframe{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:contain}.container{padding-left:12px!important;padding-right:12px!important;overflow-x:hidden!important}.in-game-lineups-container{padding:12px!important;overflow-x:auto!important}.lineup-header,.lineup-player-row{grid-template-columns:1.5fr 32px 24px 24px 24px 40px 60px!important;gap:6px!important;min-width:0!important}.lineup-header>div,.lineup-player-row>div{font-size:10px!important;padding:0 2px!important}.lineup-player-row{padding:6px!important}.map-bans-analysis-container{flex-direction:column!important;gap:12px!important}.map-analysis-card,.map-bans-picks-card{width:100%!important;max-width:100%!important;padding:16px!important}.map-analysis-card{min-width:0!important}.stream-match-info-mobile{display:block!important}.match-info-score-card,.match-info-sidebar>div:first-child{display:none!important}.stream-map-scores-mobile{display:block!important}.match-info-map-scores{display:none!important}.stream-streams-list-mobile{display:block!important}.map-performance-comparison-container{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;padding:12px!important}.map-performance-title{font-size:14px!important;margin-bottom:12px!important}.map-performance-filters{gap:6px!important;margin-bottom:12px!important}.map-performance-filters button{padding:6px 12px!important;font-size:11px!important}.map-stats-grid{grid-template-columns:1fr!important;gap:8px!important}.map-stat-card,.map-stats-grid{width:100%!important;max-width:100%!important}.map-stat-card{box-sizing:border-box!important;overflow:hidden!important;padding:10px!important}.map-header{margin-bottom:10px!important;gap:8px!important}.map-color-bar{width:4px!important;height:30px!important}.map-thumbnail{width:40px!important;height:28px!important}.map-name{font-size:13px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important}.team-comparison-grid{grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;max-width:100%!important}.team-stat-item{padding:8px!important;gap:6px!important}.team-logo,.team-logo-placeholder{width:24px!important;height:24px!important}.team-name{font-size:11px!important;margin-bottom:2px!important}.team-stat-value{font-size:10px!important;line-height:1.2!important}.map-performance-comparison-container>div:last-child{margin-top:12px!important;padding:8px!important;font-size:10px!important}.match-info-streams-list{display:none!important}}.container .header,.header{position:static!important;top:auto!important;transform:none!important}.container .shell .left,.container .shell .right,.left,.right,.shell .left,.shell .right{position:static!important;top:auto!important;max-height:none!important;overflow-y:visible!important;transform:none!important}@media (max-width:768px){footer{padding:30px 16px!important}footer .container>div:first-child{grid-template-columns:1fr!important;gap:30px!important}footer .container>div:last-child{flex-direction:column!important;text-align:center!important}}