*,:before,:after{box-sizing:border-box}:root{--color-primary:#00df7b;--color-primary-dark:#00c96e;--color-accent:#e63946;--color-bg-dark:#0f0f23;--color-bg-section:#12122a;--color-bg-card:#ffffff0a;--color-border:#ffffff14;--color-text:#fff;--color-text-muted:#ffffff80;--color-text-dim:#ffffff4d;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:16px;line-height:1.5}body{background:var(--color-bg-dark);color:var(--color-text);margin:0;padding:0;overflow-x:hidden}#root{width:100%}.section-container{max-width:1400px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:2.5rem}.section-tag{color:#00df7b;letter-spacing:.5px;background:#00df7b1a;border:1px solid #00df7b33;border-radius:100px;margin-bottom:1rem;padding:.35rem 1rem;font-size:.8rem;font-weight:600;display:inline-block}.section-title{color:#fff;letter-spacing:-.5px;margin:0 0 .5rem;font-size:2rem;font-weight:800}.section-desc{color:#ffffff80;margin:0;font-size:.95rem}a{color:inherit;text-decoration:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}a,button,[role=button],input,select,textarea{touch-action:manipulation}html{scroll-behavior:smooth}@media (width<=768px){.section-container{padding:0 1rem;padding-left:max(1rem, var(--safe-left));padding-right:max(1rem, var(--safe-right))}.section-title{font-size:1.5rem}.section-desc{font-size:.85rem}.section-header{margin-bottom:2rem}}@media (width<=480px){.section-container{padding:0 .75rem;padding-left:max(.75rem, var(--safe-left));padding-right:max(.75rem, var(--safe-right))}.section-title{font-size:1.3rem}.section-desc{font-size:.8rem}.section-tag{letter-spacing:.3px;padding:.25rem .75rem;font-size:.72rem}.section-header{margin-bottom:1.5rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.lang-trigger-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;transition:all .2s;display:inline-flex}.lang-trigger-btn:hover{background:#ffffff24;border-color:#00df7b66}.lang-trigger-globe{opacity:.7;flex-shrink:0;width:16px;height:16px}.lang-trigger-name{font-weight:500}.lang-trigger-arrow{opacity:.6;margin-left:2px;font-size:.7rem}.lang-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#0a0a1ab3;justify-content:center;align-items:center;animation:.2s langOverlayIn;display:flex;position:fixed;inset:0}@keyframes langOverlayIn{0%{opacity:0}to{opacity:1}}.lang-modal{background:#1a1a34;border:1px solid #ffffff1a;border-radius:16px;width:420px;max-width:92vw;max-height:90vh;animation:.25s langModalIn;overflow-y:auto;box-shadow:0 24px 64px #00000080}@keyframes langModalIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.lang-modal-header{justify-content:space-between;align-items:center;padding:20px 24px 12px;display:flex}.lang-modal-title{color:#fff;margin:0;font-size:1.125rem;font-weight:600}.lang-modal-close{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;transition:all .15s;display:flex}.lang-modal-close:hover{color:#fff;background:#ffffff1f}.lang-tab-content{padding:20px 24px}.lang-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lang-option{color:#fff;cursor:pointer;text-align:left;background:#ffffff0a;border:2px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:.9rem;transition:all .2s;display:flex;position:relative}.lang-option:hover{background:#ffffff14;border-color:#fff3}.lang-option.selected{background:#00df7b14;border-color:#00df7b}.lang-option-flag{font-size:1.4rem;line-height:1}.lang-option-name{flex:1;font-weight:500}.lang-option-check{color:#00df7b;font-size:.75rem;font-weight:700;position:absolute;top:8px;right:10px}.lang-options .lang-option:nth-child(5){grid-column:1/-1;justify-self:center;max-width:calc(50% - 5px)}.lang-modal-footer{padding:0 24px 24px}.lang-confirm-btn{color:#0a0a1a;cursor:pointer;background:#00df7b;border:none;border-radius:12px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .2s}.lang-confirm-btn:hover{background:#00c96e;transform:translateY(-1px);box-shadow:0 4px 16px #00df7b4d}.lang-confirm-btn:active{transform:translateY(0)}@media (width<=480px){.lang-modal{border-radius:0;width:100%;max-width:100%;min-height:100dvh}.lang-options{grid-template-columns:1fr}.lang-options .lang-option:nth-child(5){max-width:100%}.lang-trigger-name{display:none}.lang-trigger-btn{padding:8px 10px}.lang-modal-header{padding:16px 16px 10px;padding-top:calc(16px + var(--safe-top,0px))}.lang-tab-content{padding:16px}.lang-modal-footer{padding:0 16px 16px;padding-bottom:calc(16px + var(--safe-bottom,0px))}.lang-option{padding:12px 14px}.lang-modal-title{font-size:1rem}}.hero{background:linear-gradient(135deg,#0a0a1a 0%,#1a1a3e 30%,#2d1b69 60%,#1a0a2e 100%);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.hero-lang-wrapper{top:calc(24px + var(--safe-top,0px));right:calc(32px + var(--safe-right,0px));z-index:100;position:absolute}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-bg:before{content:"";background:radial-gradient(at 30%,#00df7b14 0%,#0000 50%),radial-gradient(at 70% 30%,#e639460f 0%,#0000 50%);width:200%;height:200%;animation:20s linear infinite bgRotate;position:absolute;top:-50%;left:-50%}@keyframes bgRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.particle{background:#00df7b99;border-radius:50%;width:3px;height:3px;animation:linear infinite particleFloat;position:absolute}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)scale(1)}}.hero-content{z-index:2;text-align:center;max-width:900px;padding:2rem;position:relative}.hero-badge{color:#00df7b;letter-spacing:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00df7b0d;border:1px solid #00df7b80;border-radius:100px;margin-bottom:1.5rem;padding:.5rem 1.5rem;font-size:.85rem;display:inline-block}.hero-title{margin:0 0 1rem}.title-line{color:#fff;letter-spacing:2px;font-size:3.5rem;font-weight:800;line-height:1.2;display:block}.title-accent{background:linear-gradient(135deg,#00df7b 0%,#00c96e 50%,#00df7b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:900;line-height:1.3;display:block}.hero-subtitle{color:#ffffffb3;letter-spacing:1px;margin-bottom:2.5rem;font-size:1.15rem}.countdown-section{margin-bottom:2.5rem}.countdown-title{color:#ffffff73;letter-spacing:3px;margin-bottom:1.2rem;font-size:.85rem;font-weight:500}.countdown-cards{justify-content:center;align-items:baseline;gap:.3rem;display:flex}.countdown-card{align-items:baseline;gap:.15rem;display:flex}.countdown-number{color:#00df7b;font-variant-numeric:tabular-nums;font-size:3rem;font-weight:700;line-height:1}.countdown-label{color:#fff6;font-size:.85rem;font-weight:400}.countdown-sep{color:#fff3;-webkit-user-select:none;user-select:none;margin:0 .6rem;font-size:1.6rem;font-weight:300;line-height:1}.countdown-over{color:#00df7b;letter-spacing:2px;font-size:1.3rem;font-weight:500;animation:2s ease-in-out infinite countdownPulse}@keyframes countdownPulse{0%,to{opacity:1}50%{opacity:.5}}.hero-search{max-width:650px;margin:0 auto 3rem}.search-input-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:60px;align-items:center;padding:.4rem .4rem .4rem 1.2rem;transition:border-color .3s,box-shadow .3s;display:flex}.search-input-wrapper:focus-within{border-color:#00df7b80;box-shadow:0 0 30px #00df7b1a}.search-icon{flex-shrink:0;margin-right:.5rem;font-size:1.2rem}.search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:.8rem 0;font-size:1rem}.search-input::placeholder{color:#fff6}.search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#00df7b 0%,#00c96e 100%);border:none;border-radius:60px;padding:.8rem 2rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.search-btn:hover{transform:scale(1.05);box-shadow:0 4px 20px #00df7b66}.hero-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-number{color:#fff;font-size:2.2rem;font-weight:800;line-height:1}.stat-label{color:#ffffff80;letter-spacing:1px;margin-top:.3rem;font-size:.8rem}.stat-divider{background:#ffffff26;width:1px;height:40px}.hero-flags{justify-content:center;align-items:center;gap:1.2rem;display:flex}.hero-scroll-hint{color:#fff6;flex-direction:column;align-items:center;font-size:.8rem;animation:2s ease-in-out infinite bounce;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-arrow{margin-top:.3rem;font-size:1.2rem}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@media (width<=768px){.hero{padding:calc(56px + var(--safe-top,0px)) 0 0;flex-direction:column;justify-content:space-between}.hero-content{padding:4vh 1rem calc(3.5rem + var(--safe-bottom,0px));box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;display:flex}.hero-lang-wrapper{top:calc(16px + var(--safe-top,0px));right:calc(16px + var(--safe-right,0px))}.hero-badge{letter-spacing:2px;margin-bottom:1.2rem;padding:.4rem 1rem;font-size:.75rem}.title-line{font-size:2.2rem}.title-accent{font-size:3rem}.hero-title{margin-bottom:.6rem}.hero-subtitle{margin-bottom:2rem;font-size:1rem}.countdown-section{margin-bottom:2rem}.countdown-number{font-size:2.4rem}.countdown-label{font-size:.75rem}.countdown-sep{margin:0 .4rem;font-size:1.3rem}.hero-search{width:100%;margin:0 auto 2rem}.search-btn{padding:.7rem 1.2rem;font-size:.9rem}.hero-stats{gap:1.2rem;margin-bottom:1.5rem}.stat-number{font-size:1.8rem}.hero-flags{margin-bottom:1rem}.hero-scroll-hint{bottom:calc(1.2rem + var(--safe-bottom,0px))}}@media (width<=480px){.hero-content{padding:5vh .75rem calc(3.5rem + var(--safe-bottom,0px))}.hero-lang-wrapper{top:calc(12px + var(--safe-top,0px));right:calc(12px + var(--safe-right,0px))}.hero-badge{letter-spacing:1.5px;margin-bottom:1.2rem;padding:.35rem .8rem;font-size:.7rem}.title-line{font-size:2rem}.title-accent{font-size:2.8rem}.hero-title{margin-bottom:.5rem}.hero-subtitle{margin-bottom:2rem;font-size:.95rem}.countdown-section{margin-bottom:2rem}.countdown-title{letter-spacing:2px;margin-bottom:.8rem;font-size:.75rem}.countdown-number{font-size:1.8rem}.countdown-label{font-size:.65rem}.countdown-sep{margin:0 .3rem;font-size:1rem}.countdown-over{font-size:1rem}.hero-stats{gap:.8rem;margin-bottom:1.5rem}.stat-number{font-size:1.6rem}.stat-label{font-size:.7rem}.stat-divider{height:30px}.hero-search{margin:0 auto 2rem}.search-input-wrapper{padding:.3rem .3rem .3rem .8rem}.search-input{padding:.6rem 0;font-size:.9rem}.search-btn{padding:.6rem 1rem;font-size:.82rem}.hero-flags{gap:.8rem;margin-bottom:1rem}.hero-scroll-hint{bottom:calc(1rem + var(--safe-bottom,0px));font-size:.7rem}}@media (width<=360px){.title-line{font-size:1.5rem}.title-accent{font-size:2rem}.countdown-number{font-size:1.4rem}.countdown-sep{margin:0 .2rem;font-size:.85rem}.search-btn{padding:.5rem .8rem;font-size:.78rem}}.filter-bar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a1af2;border-bottom:1px solid #00df7b26;position:sticky;top:0}.filter-bar-outer{align-items:center;gap:0;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.filter-bar-inner{scrollbar-width:none;flex:1;align-items:center;gap:1rem;min-width:0;display:flex;overflow-x:auto}.filter-bar-inner::-webkit-scrollbar{display:none}.filter-nav{flex-shrink:0;gap:.25rem;display:flex}.nav-btn{color:#fff9;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:1rem;font-size:.85rem;font-weight:500;transition:color .2s}.nav-btn:hover{color:#00df7b}.filter-divider{background:#ffffff26;flex-shrink:0;width:1px;height:24px}.filter-stages{flex-shrink:0;gap:.25rem;display:flex}.stage-btn{color:#fff9;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;margin:.5rem 0;padding:.6rem 1rem;font-size:.8rem;transition:all .2s}.stage-btn:hover{color:#00df7b;background:#00df7b1a;border-color:#00df7b4d}.stage-btn.active{color:#fff;background:linear-gradient(135deg,#00df7b,#00c96e);border-color:#0000;font-weight:700}@media (width<=768px){.filter-bar-outer{padding:0 1rem;padding-left:max(1rem, var(--safe-left));padding-right:max(1rem, var(--safe-right))}.filter-bar-inner{-webkit-overflow-scrolling:touch}.nav-btn{padding:.8rem .7rem;font-size:.8rem}.stage-btn{padding:.5rem .8rem;font-size:.75rem}}@media (width<=480px){.filter-bar-outer{padding:0 .5rem;padding-left:max(.5rem, var(--safe-left));padding-right:max(.5rem, var(--safe-right))}.filter-bar-inner{gap:.5rem}.nav-btn{padding:.7rem .5rem;font-size:.75rem}.stage-btn{padding:.4rem .6rem;font-size:.7rem}.filter-divider{height:18px}}.featured-matches{background:linear-gradient(#12122a 0%,#1a0a2e 50%,#0f0f23 100%);padding:5rem 0}.featured-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.featured-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.featured-card:before{content:"";opacity:0;background:linear-gradient(90deg,#00df7b,#00c96e);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.featured-card:hover{border-color:#00df7b4d;transform:translateY(-4px);box-shadow:0 16px 48px #0006}.featured-card:hover:before{opacity:1}.final-card{background:linear-gradient(135deg,#00df7b0f,#00c96e08);border-color:#00df7b4d}.final-badge,.opener-badge{border-radius:100px;padding:.3rem .8rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem}.final-badge{color:#fff;background:linear-gradient(135deg,#00df7b,#00c96e)}.opener-badge{color:#fff;background:linear-gradient(135deg,#e63946,#ff6b6b)}.featured-stage{color:#ffffff80;letter-spacing:1px;margin-bottom:1rem;font-size:.8rem}.featured-teams{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.featured-team{flex-direction:column;align-items:center;gap:.3rem;min-width:80px;display:flex}.featured-flag{font-size:2.5rem}.featured-team-name{color:#fff;font-size:.9rem;font-weight:600}.featured-vs{color:#00df7b99;background:#00df7b14;border-radius:6px;padding:.3rem .6rem;font-size:1.1rem;font-weight:800}.featured-meta{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.featured-date,.featured-venue{color:#ffffff80;font-size:.82rem}.featured-bottom{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.featured-countdown{align-items:baseline;gap:.3rem;display:flex}.featured-countdown-number{color:#00df7b;font-size:1.4rem;font-weight:800}.featured-countdown-label{color:#fff6;font-size:.75rem}.featured-buy-btn{color:#fff;cursor:pointer;text-align:center;box-sizing:border-box;background:linear-gradient(135deg,#00df7b,#00c96e);border:none;border-radius:10px;width:100%;padding:.8rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:block}.featured-buy-btn:hover{transform:scale(1.02);box-shadow:0 4px 20px #00df7b66}@media (width<=768px){.featured-matches{padding:3rem 0}.featured-grid{grid-template-columns:1fr;gap:1rem}.featured-card{padding:1.2rem}}@media (width<=480px){.featured-matches{padding:2.5rem 0}.featured-card{border-radius:12px;padding:1rem}.featured-flag{font-size:2rem}.featured-team-name{font-size:.82rem}.featured-vs{padding:.2rem .5rem;font-size:.95rem}.featured-stage{font-size:.75rem}.featured-date,.featured-venue{font-size:.78rem}.featured-buy-btn{border-radius:8px;padding:.7rem;font-size:.88rem}}.app{color:#fff;background:#0f0f23;min-height:100dvh}.skip-link{color:#0f0f23;z-index:10000;background:#00df7b;border-radius:0 0 8px;padding:.8rem 1.5rem;font-weight:700;text-decoration:none;position:absolute;top:-100%;left:0}.skip-link:focus{top:0}.filter-hint{background:#00df7b14;border-top:1px solid #00df7b26;border-bottom:1px solid #00df7b26;justify-content:center;align-items:center;gap:1rem;padding:.8rem 2rem;display:flex}.filter-hint span{color:#00df7b;font-size:.9rem;font-weight:500}.clear-filter-btn{color:#fff9;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;padding:.3rem .8rem;font-size:.8rem;transition:all .2s}.clear-filter-btn:hover{color:#fff;background:#ffffff26}@media (width<=768px){.filter-hint{flex-wrap:wrap;gap:.6rem;padding:.6rem 1rem}.filter-hint span{font-size:.82rem}}@media (width<=480px){.filter-hint{gap:.5rem;padding:.5rem .75rem}.filter-hint span{font-size:.78rem}.clear-filter-btn{padding:.25rem .6rem;font-size:.75rem}}