*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Arial,Noto Sans Thai,Tahoma,sans-serif;background:#070e16;color:#f6f5ed}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffcf6b;outline-offset:2px}.appShell{background:radial-gradient(ellipse at 70% 20%,#122439 0,#070e16 55%)}.appShell,.sidebar{min-height:100vh;display:flex}.sidebar{width:244px;flex:none;border-right:1px solid #2b3844;padding:19px 14px;flex-direction:column;background:#060c13}.brand{display:flex;align-items:center;gap:9px;padding:7px 8px 25px;border-bottom:1px solid #35414d}.brand span{font-size:45px}.brand b{display:block;color:#ffdc83;font-size:29px;letter-spacing:-1px;font-style:italic}.brand small{font-size:10px;letter-spacing:1px;color:#d9c49a}.sidebar nav{display:grid;grid-gap:9px;gap:9px;margin-top:25px}.sidebar nav button{background:none;border:1px solid transparent;border-radius:10px;color:#abc7e3;padding:13px 12px;display:flex;align-items:center;gap:14px;text-align:left;font-size:15px}.sidebar nav button svg{width:21px;height:21px}.sidebar nav .navActive,.sidebar nav button:hover{border-color:#b88628;background:linear-gradient(90deg,#4e3d16,#231f13);color:#ffd263}.vip{margin-top:auto;padding:17px;border:1px solid #8f6a1d;border-radius:12px;background:linear-gradient(160deg,#2d230e,#0a1119)}.vip svg{color:#f5c747}.vip b{display:block;margin-top:7px;color:#ffe59b}.vip p{color:#c0c5d0;line-height:1.65;font-size:13px}.vip span{display:block;background:#ffc855;border-radius:8px;color:#211506;text-align:center;padding:10px;font-weight:700}.content{min-width:0;flex:1 1}.topbar{justify-content:space-between;gap:14px;padding:19px 20px;border-bottom:1px solid #20313d;min-height:105px}.dateNav,.topbar{display:flex;align-items:center}.dateNav{gap:12px;border:1px solid #34495e;border-radius:13px;padding:9px}.dateNav button,.iconButton{border:0;color:#f4f1ea;background:#1a2937;border-radius:8px;padding:8px;display:grid;place-items:center}.dateNav small,.dateNav strong{display:block}.dateNav small{margin-top:3px;font-size:12px;color:#c0d5e4}.stats{display:flex;border:1px solid #34495e;border-radius:14px;padding:10px;gap:0}.stats>div{min-width:92px;padding:0 13px;border-right:1px solid #233340;text-align:center;display:grid;grid-template-columns:auto auto;grid-column-gap:7px;column-gap:7px;align-items:center;justify-content:center;font-size:20px}.stats>div:last-child{border:0}.stats small{font-size:11px;color:#b4c7d9;grid-column:1/3}.userInfo{display:flex;align-items:center;gap:10px;color:#c6d8e6;font-size:12px}.userInfo small{display:block;color:#ffc857;margin-top:4px}.avatar{font-size:26px;background:#253e57;border-radius:50%;padding:5px}.pageBody{padding:22px 20px 45px;max-width:1600px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}.heading h1{font-size:22px;margin:0 0 5px}.heading p{color:#a5bbd0;font-size:13px;margin:0}.demoSwitch{gap:8px;color:#ffd07b;white-space:nowrap}.demoSwitch,.error,.notice{display:flex;align-items:center;font-size:13px}.error,.notice{gap:9px;padding:12px 14px;margin-bottom:14px;color:#ffdb8e;border:1px solid #786021;background:#392c0f;border-radius:9px}.error{border-color:#96423b;background:#381816;color:#ffc1b9}.error button{margin-left:auto;color:#ffdb8e;background:none;border:1px solid;border-radius:7px;padding:5px 10px}.filters{display:grid;grid-template-columns:minmax(200px,2fr) minmax(145px,1fr) minmax(165px,1fr) minmax(155px,1fr);grid-gap:12px;gap:12px}.dateInput,.filters select,.searchBox{border:1px solid #536d84;background:#0c1723;color:#d7e9f6;border-radius:10px;min-height:47px;padding:0 13px}.dateInput,.searchBox{display:flex;align-items:center;gap:10px}.searchBox{width:100%}.dateInput input,.searchBox input{min-width:0;background:none;color:#e5eff9;border:0;outline:0;flex:1 1;width:100%}.dateInput input{color-scheme:dark}.leagueTabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 16px;padding:7px;background:#0b151e;border:1px solid #243746;border-radius:12px}.leagueTabs button{flex:1 1;min-width:108px;border:0;background:none;color:#bcd1e3;padding:10px 8px;border-radius:8px;white-space:nowrap}.leagueTabs button.active{color:#2b1d05;background:#ffcc5d;font-weight:700}.listTitle{display:flex;justify-content:space-between;align-items:center;margin:14px 0 12px}.listTitle h2{font-size:18px;margin:0}.listTitle span{color:#8da4b8;font-size:12px}.matchGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:13px;gap:13px}.matchCard{min-width:0;border-radius:13px;border:1px solid #9b7936;background:linear-gradient(145deg,rgba(16,33,46,.95),rgba(5,12,20,.98)),radial-gradient(at 50% 70%,#31485a,transparent);box-shadow:inset 0 0 30px #0d1a2b;padding:12px;transition:transform .15s}.matchCard:hover{transform:translateY(-2px);border-color:#ffcf6e}.matchTop{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px}.matchTop strong{color:#ffcb61;font-size:14px}.leagueTag{font-size:11px;color:#d2ddf0;background:#232c51;border-radius:7px;overflow:hidden;text-overflow:ellipsis}.leagueTag,.state{padding:5px 8px;white-space:nowrap}.state{color:#a8c3d8;background:#213244;border-radius:8px}.state.live{color:#57e9a7}.state.finished{color:#f3d183}.versus{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:8px;gap:8px;min-height:114px}.team,.versus{align-items:center}.team{min-width:0;display:flex;flex-direction:column;gap:9px;text-align:center}.team b{font-size:13px;line-height:1.25;min-height:30px;display:grid;place-items:center}.teamLogo{height:48px;width:48px;object-fit:contain}.logoFallback{height:48px;width:48px;border-radius:50%;display:grid;place-items:center;background:#243344;border:2px solid #7d93a7;font-weight:700;color:#f3d387}.vs{font-size:19px;font-weight:700;color:#ffe39b}.cardBtns{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.primaryBtn,.secondaryBtn{min-height:39px;border-radius:8px;padding:8px 10px;font-weight:700;border:1px solid #e7ad41;display:flex;align-items:center;justify-content:center;gap:6px}.primaryBtn{background:linear-gradient(#ffe194,#ffc449);color:#1b160b}.secondaryBtn{background:linear-gradient(#233b4d,#172737);color:#e1eefa;border-color:#567187}.empty{border:1px dashed #42546a;border-radius:12px;text-align:center;padding:60px 20px;color:#a2bed3}.mobileMenu{display:none}.loginWrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at center,#17283b,#030912 70%);padding:20px}.loginCard{max-width:450px;width:100%;border:1px solid #be933d;background:#0d1722;padding:36px;border-radius:20px;text-align:center;box-shadow:0 20px 80px #000a}.rooster{font-size:68px}.loginCard h1{font-size:42px;color:#ffd06d;margin:12px}.loginCard h1 small{display:block;font-size:12px;color:#d7c08a;letter-spacing:3px}.loginCard p{color:#c8d6e6;line-height:1.7}.loginNotice{color:#ead09b;font-size:13px;background:#2a2518;padding:12px;border-radius:8px;margin:20px 0}.loginButton{width:100%}.modalBackdrop{position:fixed;inset:0;background:#01050bd9;display:grid;place-items:center;padding:20px;z-index:30}.modal{width:min(560px,100%);background:#0c1c2b;border:1px solid #cca052;border-radius:16px;padding:25px;position:relative;max-height:calc(100vh - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;display:flex;flex-direction:column;max-height:calc(100dvh - 40px);overflow:hidden}.modal,.modalScroll{overscroll-behavior:contain;min-height:0}.modalScroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:6px;scrollbar-width:thin;touch-action:pan-y}.modal h2{font-size:23px;line-height:1.4}.modal p{color:#c0d0db;line-height:1.6}.close{position:absolute;right:15px;top:15px;background:#253446;color:white;border:0;border-radius:7px;padding:5px}.divider{border-bottom:1px solid #435266;margin:20px 0}.languageSwitch{border:1px solid #4b6073;border-radius:8px;padding:2px;background:#0b151e}.languageSwitch button{border:0;border-radius:6px;padding:5px 7px;color:#bcd1e3;font-weight:700}.languageSwitch button.active{background:#ffcc5d;color:#2b1d05}@media(max-width:1300px){.stats>div{min-width:70px;padding:0 7px}.userInfo{font-size:0}.matchGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:940px){.sidebar{width:210px}.filters{grid-template-columns:1fr 1fr}.stats{display:none}.matchGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.sidebar{display:none}.sidebar.open{display:flex;position:fixed;top:0;bottom:0;left:0;z-index:20;overflow-y:auto;box-shadow:0 0 0 200vw #0008}.mobileMenu{display:grid}.topbar{padding:10px;min-height:76px}.dateNav{padding:5px;gap:5px}.dateNav small{font-size:10px}.userInfo>span:not(.avatar),.userInfo>svg{display:none}.pageBody{padding:14px 10px}.heading h1{font-size:18px}.heading p{font-size:11px}.heading{align-items:flex-start}.filters{grid-template-columns:1fr 1fr;gap:8px}.searchBox{grid-column:1/3}.dateInput,.filters select{font-size:12px;padding:0 9px}.matchGrid{grid-template-columns:1fr}.leagueTabs{overflow:auto;flex-wrap:nowrap}.leagueTabs button{min-width:max-content}.versus{min-height:110px}.matchCard{padding:10px}}.otherCompetitions{margin:0 0 16px;padding:10px 12px;border:1px solid #243746;border-radius:12px;background:#08121c}.otherCompetitionsHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;color:#d7e9f6;font-size:13px}.otherCompetitionsHeader button{border:0;background:none;color:#ffcf6b;padding:4px 0}.otherCompetitionList{display:flex;gap:7px;overflow-x:auto;padding:1px 0 6px;scrollbar-width:thin}.otherCompetitionList button{flex:none;border:1px solid #40576b;background:#10202e;color:#bcd1e3;border-radius:999px;padding:7px 10px;white-space:nowrap;font-size:12px}.otherCompetitionList button span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 5px;border-radius:999px;background:#263d50;color:#fff}.otherCompetitionList button.active{border-color:#ffcc5d;background:#ffcc5d;color:#2b1d05;font-weight:700}.otherCompetitionList button.active span{background:#2b1d05;color:#ffcc5d}.fixtureGroups{display:grid;grid-gap:22px;gap:22px}.fixtureGroupTitle{display:flex;align-items:center;gap:9px;margin:0 0 10px}.fixtureGroupTitle h3{margin:0;font-size:17px;color:#f6f5ed}.fixtureGroupTitle span{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:#263d50;color:#d7e9f6;font-size:12px;font-weight:700}.fixtureGroup.live .fixtureGroupTitle h3{color:#57e9a7}.fixtureGroup.scheduled .fixtureGroupTitle h3{color:#ffcf6b}.fixtureGroup.finished .fixtureGroupTitle h3{color:#a8c3d8}.featurePage{min-height:100vh;background:radial-gradient(ellipse at 70% 10%,#13263a 0,#07101a 58%);color:#f6f5ed;padding:clamp(18px,4vw,52px)}.featurePageInner{max-width:1180px;margin:0 auto;display:grid;grid-gap:20px;gap:20px}.featurePageInner.narrow{max-width:760px}.featureHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.featureHeader h1{display:flex;align-items:center;gap:10px;margin:0 0 7px}.featureHeader p{margin:0;color:#a9bfd2}.featureHeader a,.historyCard a{color:#ffcf6b;text-decoration:none}.featureSearch{display:flex;align-items:center;gap:10px;border:1px solid #4d667b;background:#0c1824;border-radius:11px;padding:0 14px;min-height:48px}.featureSearch input{flex:1 1;min-width:0;border:0;outline:0;background:none;color:#eef6ff}.featureEmpty,.featureError{padding:42px 20px;border:1px dashed #496176;border-radius:13px;text-align:center;color:#b8cbdb}.featureError{border-color:#934c46;color:#ffc2bb;background:#321918}.historyGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.detailPanel,.historyCard,.matchHero,.settingsCard{border:1px solid #3d566b;border-radius:15px;background:#0c1926;padding:20px}.historyCard h2{font-size:18px}.historyCard h2 span{color:#ffcf6b;margin:0 7px}.historyCard p{display:flex;align-items:center;gap:7px;color:#b7cad9;font-size:13px}.historyLeague{color:#e6c57f;font-size:13px}.historyCard a{display:inline-block;margin-top:8px;border:1px solid #ae8334;border-radius:8px;padding:9px 13px}.settingsCard{display:grid;grid-gap:24px;gap:24px}.settingsCard fieldset{border:0;padding:0;margin:0}.settingsCard legend{font-weight:700;margin-bottom:10px}.choiceRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.choiceRow button{border:1px solid #4c6477;background:#152534;color:#d9e7f2;border-radius:9px;padding:12px}.choiceRow button.selected{border-color:#ffcb5b;background:#493b19;color:#ffe198}.toggleSetting{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #3e566a;border-radius:10px}.toggleSetting input{margin-top:3px}.toggleSetting small{display:block;margin-top:5px;color:#a9bdcc}.analyzeDetailButton,.saveSettings{border:0;border-radius:9px;background:#ffca55;color:#211706;padding:12px 18px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.matchDetailPage{max-width:1240px}.matchHero{border-color:#a67c32}.matchHeroMeta{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:#b9ccda;font-size:13px}.matchHeroMeta span{display:flex;align-items:center;gap:6px}.detailVersus{grid-template-columns:1fr auto 1fr;grid-gap:24px;gap:24px;margin:28px auto;max-width:760px}.detailVersus>div{display:grid;justify-items:center;grid-gap:10px;gap:10px}.detailVersus>strong{font-size:27px;color:#ffd36b}.detailLogoFallback,.detailTeamLogo{width:72px;height:72px;object-fit:contain}.detailLogoFallback{display:grid;place-items:center;border:2px solid #6e8498;border-radius:50%;background:#26394a}.matchFacts{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;color:#b8cad8;font-size:13px}.analyzeDetailButton{margin:20px auto 0}.detailStatus{color:#9bdeb4}.detailPanel h2{margin-top:0}.standingsWrap{overflow-x:auto}.standingsTable{border-collapse:collapse;width:100%;min-width:720px}.standingsTable td,.standingsTable th{padding:10px 9px;border-bottom:1px solid #263c4e;text-align:center}.standingsTable td:nth-child(2),.standingsTable th:nth-child(2){text-align:left}.standingsTable tr.highlight{background:#3c321a}.standingTeam{display:flex;align-items:center;gap:8px}.standingTeam img{width:25px;height:25px;object-fit:contain}@media(max-width:680px){.featurePage{padding:18px 10px}.featureHeader{display:grid}.historyGrid{grid-template-columns:1fr}.detailVersus{gap:10px}.detailLogoFallback,.detailTeamLogo{width:54px;height:54px}.matchFacts{display:grid;grid-gap:8px;gap:8px}.choiceRow{grid-template-columns:1fr}}.venueDetails{display:flex;align-items:center;gap:14px;text-align:left;max-width:620px;margin:20px auto 0;padding:12px;border:1px solid #344c60;border-radius:11px;background:#08131e}.venueDetails img{width:100px;height:72px;object-fit:cover;border-radius:8px}.venueDetails div{display:grid;grid-gap:4px;gap:4px}.venueDetails span{font-size:13px;color:#b8cad8}@media(max-width:680px){.venueDetails{align-items:flex-start}.venueDetails img{width:78px;height:60px}}.matchHero{position:relative;border-color:#2f4356;text-align:center;padding:32px;background:linear-gradient(145deg,#101925,#0b1520)}.matchLeagueBadge{display:inline-flex;position:absolute;right:22px;top:18px;padding:6px 11px;border-radius:999px;background:#172638;color:#9fc4e7;font-size:12px;border:1px solid #263d53}.detailVersus{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,190px) minmax(0,1fr);align-items:center;grid-gap:28px;margin:18px auto 28px;max-width:900px}.detailTeam{display:grid;justify-items:center;grid-gap:12px;gap:12px;min-width:0}.detailTeam>b{font-size:19px;max-width:100%;overflow-wrap:anywhere}.detailLogoFrame{display:grid;place-items:center;width:96px;height:96px;border-radius:13px;background:#182c40;border:1px solid #29445d}.detailTeam:first-child .detailLogoFrame{background:#3b183b;border-color:#57234f}.detailTeam:last-child .detailLogoFrame{background:#0c402e;border-color:#16543f}.detailLogoFrame .detailTeamLogo{width:64px;height:64px;object-fit:contain}.detailLogoFrame .detailLogoFallback{display:block;width:54px;height:54px;color:#e63ba0;background:transparent;border:0;border-radius:0}.detailTeam:last-child .detailLogoFallback{color:#16d979}.detailCenter{display:grid;justify-items:center;grid-gap:7px;gap:7px;color:#9ebbd6}.detailCenter>strong{font-size:38px;line-height:1;color:#f4f7fa}.detailCenter>span{font-size:14px}.detailCenter>small{color:#728ba2}.detailForm{display:flex;justify-content:center;gap:6px}.detailForm span{display:grid;place-items:center;width:25px;height:25px;border-radius:5px;font-size:12px;font-weight:900;background:#1a2938;color:#8fa4b5}.detailForm .win{background:#073e27;color:#10d977}.detailForm .draw{background:#4a3510;color:#f8bd37}.detailForm .loss{background:#4b1720;color:#ff6d7d}.detailStatsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin:0 auto;max-width:900px}.detailStatsGrid>div{display:grid;grid-gap:4px;gap:4px;padding:18px;border-radius:12px;background:#07111d;border:1px solid #111f2d}.detailStatsGrid>div:nth-child(2) b{color:#438cff}.detailStatsGrid span{font-size:12px;color:#8eb5d6}.matchHero .analyzeDetailButton{width:100%;max-width:900px;margin:26px auto 0;background:#3f82ee;color:white;border-radius:11px;padding:13px 18px}.matchHero .analyzeDetailButton:hover{background:#5593f3}.matchHero .analyzeDetailButton:disabled{opacity:.65}.matchMoreInfo{max-width:900px;margin:16px auto 0;border-top:1px solid #24394b;padding-top:12px;text-align:left}.matchMoreInfo>summary{cursor:pointer;color:#b7c9d8;font-size:13px}.matchMoreInfo .matchHeroMeta,.matchMoreInfo .venueDetails{margin-top:14px}@media(max-width:680px){.matchHero{padding:48px 14px 20px}.matchLeagueBadge{top:13px;right:13px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detailVersus{grid-template-columns:1fr 86px 1fr;gap:7px;margin:10px auto 20px}.detailLogoFrame{width:66px;height:66px}.detailLogoFrame .detailTeamLogo{width:45px;height:45px}.detailLogoFrame .detailLogoFallback{width:40px;height:40px}.detailTeam{gap:8px}.detailTeam>b{font-size:14px}.detailCenter>strong{font-size:27px}.detailCenter>span{font-size:11px}.detailCenter>small{font-size:10px}.detailForm{gap:3px}.detailForm span{width:19px;height:21px;font-size:10px}.detailStatsGrid{gap:7px}.detailStatsGrid>div{padding:13px 5px}.detailStatsGrid b{font-size:21px}.detailStatsGrid span{font-size:10px}.matchHero .analyzeDetailButton{margin-top:18px}}.featurePageInner.matchDetailPage{max-width:900px}.matchDetailPage{gap:16px}.matchDetailPage>.featureHeader{align-items:center;padding:2px 4px 6px}.matchDetailPage>.featureHeader h1{font-size:clamp(22px,3vw,30px);letter-spacing:-.02em}.matchDetailPage>.featureHeader p{font-size:13px}.matchDetailPage>.featureHeader a{display:inline-flex;align-items:center;border:1px solid #2d4357;border-radius:10px;padding:9px 13px;background:#0b1722;color:#d9e7f1;font-size:13px}.matchHero{isolation:isolate;min-width:0;width:100%;box-sizing:border-box;padding:22px 28px 26px;border:1px solid #334b5d;border-radius:20px;background:linear-gradient(145deg,#111f2d,#0a141f 58%,#08131d);box-shadow:0 22px 55px rgba(0,0,0,.28);overflow:hidden}.matchHero>:not(.matchHeroGlow){position:relative;z-index:1}.matchHeroGlow{position:absolute;z-index:0;inset:-1px;background:radial-gradient(circle at 18% 22%,rgba(255,196,71,.11),transparent 28%),radial-gradient(circle at 82% 20%,rgba(23,211,125,.1),transparent 28%),linear-gradient(90deg,transparent 49.8%,rgba(105,142,169,.055) 50%,transparent 50.2%);pointer-events:none}.matchHeroGlow:after{content:"";position:absolute;left:50%;top:74px;width:280px;height:280px;transform:translateX(-50%);border:1px solid rgba(128,160,185,.055);border-radius:50%;box-shadow:0 0 0 48px rgba(128,160,185,.025)}.matchHeroTopbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.matchLeagueBadge,.matchStateBadge{position:static;display:inline-flex;align-items:center;gap:7px;min-width:0;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:750}.matchLeagueBadge{max-width:68%;background:rgba(25,42,57,.78);border:1px solid #314b61;color:#c4d9e9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matchLeagueBadge svg{flex:0 0 auto;color:#ffc857}.matchStateBadge{border:1px solid #425263;background:#152432;color:#b9cad8}.matchStateBadge.scheduled{border-color:#775d27;background:#2c2515;color:#ffd36b}.matchStateBadge.live{border-color:#11613d;background:#0b3525;color:#41e89a;box-shadow:0 0 22px rgba(26,222,130,.12)}.matchStateBadge.finished{border-color:#334b5e;background:#142331;color:#b9ccda}.matchInsightLabel{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px 0 0;color:#ffcf69;font-size:10px;font-weight:900;letter-spacing:.14em}.detailVersus{grid-template-columns:minmax(0,1fr) minmax(142px,180px) minmax(0,1fr);gap:28px;min-width:0;width:100%;max-width:820px;box-sizing:border-box;margin:14px auto 24px}.detailTeam{gap:9px}.detailTeam>small{color:#7892a7;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.detailTeam>b{min-height:25px;font-size:18px;line-height:1.3;color:#f6f8fa}.detailLogoFrame{width:92px;height:92px;border-radius:26px;background:linear-gradient(145deg,#34251d,#1e1c1b);border:1px solid #6c4c24;box-shadow:0 13px 28px rgba(0,0,0,.25)}.detailTeam:first-child .detailLogoFrame{background:linear-gradient(145deg,#372918,#211b13);border-color:#725728}.detailTeam:last-child .detailLogoFrame{background:linear-gradient(145deg,#103d2d,#0a251d);border-color:#176144}.detailLogoFrame .detailTeamLogo{width:62px;height:62px}.detailLogoFrame .detailLogoFallback{color:#ffc857}.detailTeam:last-child .detailLogoFallback{color:#1edd86}.detailCenter{gap:6px}.detailCenter>strong{font-size:42px;font-weight:900;letter-spacing:-.04em;color:#f8f6ed;text-shadow:0 5px 22px rgba(0,0,0,.34)}.detailRound{display:inline-flex;padding:4px 9px;border-radius:999px;background:#172635;color:#8da9bf;font-size:10px}.detailKickoff,.detailTime{display:flex;align-items:center;justify-content:center;gap:6px;color:#9bb4c7;font-size:12px}.detailTime{color:#ffcf69;font-weight:800}.detailForm{margin-top:2px}.detailForm span{width:24px;height:24px;border-radius:7px;border:1px solid rgba(255,255,255,.04)}.detailStatsGrid{gap:10px;min-width:0;width:100%;max-width:820px;box-sizing:border-box;padding:8px;border:1px solid #1d3244;border-radius:16px;background:rgba(5,14,23,.72)}.detailStatsGrid>div{position:relative;min-width:0;gap:3px;min-height:94px;padding:13px 10px;border:0;border-radius:11px;background:#0d1a26}.detailStatsGrid>div+div:before{content:"";position:absolute;left:-5px;top:18%;bottom:18%;width:1px;background:#203547}.detailStatsGrid small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6f899e;font-size:10px;font-weight:750}.detailStatsGrid b{font-size:27px;color:#f7f7f2}.detailStatsGrid .primaryStat{background:linear-gradient(145deg,#13263a,#0d1b29)}.detailStatsGrid .primaryStat b{color:#25db87}.detailStatsGrid span{color:#9bb3c6;font-size:11px}.matchHero .analyzeDetailButton{max-width:820px;margin-top:18px;border:1px solid #e9ac32;border-radius:12px;background:linear-gradient(180deg,#ffd56f,#f5b938);color:#251a07;box-shadow:0 9px 24px rgba(229,163,35,.16);transition:transform .18s ease,filter .18s ease}.matchHero .analyzeDetailButton:hover{background:linear-gradient(180deg,#ffde82,#ffc44e);filter:brightness(1.02);transform:translateY(-1px)}.matchMoreInfo{max-width:820px;border-top:1px solid #233a4c}.matchMoreInfo>summary{color:#93aabd}.matchMoreInfo>summary:hover{color:#ffcf69}.detailPanel{border-color:#2c4356;border-radius:18px;background:linear-gradient(145deg,#0d1a27,#0a1621);box-shadow:0 14px 36px rgba(0,0,0,.16)}.detailPanel h2{font-size:19px;color:#f5f5ee}.standingsTable tr.highlight{background:linear-gradient(90deg,rgba(255,196,71,.15),rgba(255,196,71,.05));color:#ffe094}@media(max-width:680px){.matchDetailPage>.featureHeader{align-items:start}.matchDetailPage>.featureHeader a{padding:8px 10px}.matchHero{padding:16px 12px 20px;border-radius:16px}.matchLeagueBadge{max-width:58%}.matchStateBadge{flex:0 0 auto;padding:6px 9px}.matchInsightLabel{margin-top:13px}.detailVersus{grid-template-columns:1fr 76px 1fr;gap:6px;margin:12px auto 18px}.detailTeam{gap:7px}.detailTeam>b{min-height:36px;font-size:13px}.detailTeam>small{font-size:9px}.detailLogoFrame{width:64px;height:64px;border-radius:18px}.detailLogoFrame .detailTeamLogo{width:43px;height:43px}.detailLogoFrame .detailLogoFallback{width:38px;height:38px}.detailCenter>strong{font-size:27px}.detailRound{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detailKickoff{font-size:10px}.detailTime{font-size:11px}.detailForm{gap:2px}.detailForm span{width:18px;height:20px;border-radius:5px;font-size:9px}.detailStatsGrid{gap:4px;padding:5px}.detailStatsGrid>div{min-height:82px;padding:11px 4px}.detailStatsGrid>div+div:before{left:-2px}.detailStatsGrid b{font-size:20px}.detailStatsGrid small,.detailStatsGrid span{font-size:9px}}body,html{max-width:100%;overflow-x:hidden}.appShell{width:100%;max-width:100vw;overflow-x:clip}.content{width:calc(100% - 244px);max-width:100%}.navBackdrop,.sidebarClose{display:none}.dateNav>div{min-width:0;text-align:center}.dateNav small,.dateNav strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leagueTabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.leagueTabs::-webkit-scrollbar,.otherCompetitionList::-webkit-scrollbar{display:none}.leagueTabs button{flex:1 0 max-content;min-width:clamp(118px,10vw,180px)}.otherCompetitionList{scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}@media(max-width:1100px){.stats{display:none}.topbar{justify-content:flex-start}.userInfo{margin-left:auto}.matchGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.content{width:100%}.sidebar{width:min(292px,calc(100vw - 56px));min-height:100dvh;transform:translateX(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s ease}.sidebar,.sidebar.open{display:flex;position:fixed;z-index:50;inset:0 auto 0 0;overflow-y:auto;box-shadow:18px 0 45px rgba(0,0,0,.45)}.sidebar.open{transform:translateX(0);visibility:visible}.navBackdrop{display:block;position:fixed;z-index:49;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,5,11,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.brand{position:relative;padding-right:46px}.sidebarClose{display:grid;place-items:center;position:absolute;right:0;top:8px;width:38px;height:38px;padding:0;border:1px solid #33495c;border-radius:9px;background:#142331;color:#e8f0f7}.sidebarClose svg{width:20px;height:20px}.mobileMenu,.topbar{display:grid}.topbar{grid-template-columns:auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;min-height:78px;padding:10px 14px}.dateNav{width:min(100%,250px);min-width:0;justify-self:start}.userInfo{min-width:0;margin-left:0;justify-self:end}.userInfo>span:not(.avatar),.userInfo>svg{display:none}.pageBody{padding:18px 14px 42px}.filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.filters>select:last-child,.searchBox{grid-column:1/-1}}@media(max-width:640px){.topbar{gap:7px;padding:9px 10px}.iconButton{padding:7px}.dateNav{gap:4px;padding:4px;max-width:210px}.dateNav button{padding:7px}.dateNav strong{font-size:13px}.dateNav small{font-size:9px;max-width:116px}.userInfo{gap:5px}.userInfo .avatar{display:none}.userInfo>.iconButton{width:34px;height:34px;padding:6px}.languageSwitch button{padding:5px 6px}.pageBody{padding:14px 10px 38px}.heading{align-items:flex-start;flex-direction:column;gap:10px}.demoSwitch{align-self:flex-end}.filters{gap:8px}.dateInput,.filters select,.searchBox{min-height:45px}.leagueTabs{margin:14px 0 13px;padding:6px}.leagueTabs button{min-width:max-content;padding:9px 13px}.otherCompetitions{padding:10px}.listTitle{align-items:flex-start;flex-direction:column;gap:6px}.listTitle span{line-height:1.45}.matchGrid{grid-template-columns:1fr}}@media(max-width:420px){.topbar{grid-template-columns:38px minmax(0,1fr) auto}.dateNav{max-width:none}.dateNav small{max-width:90px}.userInfo>.iconButton{display:none}.filters{grid-template-columns:1fr}.filters>select:last-child,.searchBox{grid-column:auto}.otherCompetitionsHeader{align-items:flex-start;flex-direction:column;gap:4px}.modalBackdrop{padding:8px}.modal{padding:20px 14px}}@media(max-width:680px){.featurePage{width:100%;max-width:100vw;overflow-x:hidden;padding:16px 10px 32px}.featurePageInner,.featurePageInner.matchDetailPage,.matchDetailPage{width:100%;min-width:0;max-width:100%;margin:0}.matchDetailPage>*{width:100%;min-width:0;max-width:100%}.matchDetailPage>.featureHeader{grid-template-columns:minmax(0,1fr);gap:12px;padding:0 2px 4px}.matchDetailPage>.featureHeader h1,.matchDetailPage>.featureHeader p{max-width:100%;overflow-wrap:anywhere}.matchDetailPage>.featureHeader a{width:max-content;max-width:100%;white-space:normal}.matchHero{width:100%;min-width:0;max-width:100%;padding:14px 10px 18px;overflow:hidden}.matchHeroTopbar{min-width:0;gap:7px}.matchLeagueBadge{max-width:58%;min-width:0}.matchStateBadge{max-width:42%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detailVersus{grid-template-columns:minmax(0,1fr) minmax(64px,72px) minmax(0,1fr);gap:4px}.detailCenter,.detailTeam,.detailVersus{width:100%;min-width:0;max-width:100%;overflow:hidden}.detailTeam>b{width:100%;min-width:0;min-height:34px;font-size:12px;overflow-wrap:anywhere}.detailLogoFrame{max-width:100%}.detailCenter>strong{max-width:100%;font-size:24px;white-space:nowrap}.detailKickoff,.detailTime{width:100%;min-width:0;gap:3px;font-size:9px;text-align:center}.detailKickoff{white-space:normal;line-height:1.25;overflow-wrap:anywhere}.detailTime{white-space:nowrap}.detailKickoff svg,.detailTime svg{width:11px;height:11px;flex:0 0 auto}.detailForm{width:100%;min-width:0;gap:2px;overflow:hidden}.detailForm span{flex:0 1 18px;width:clamp(14px,4.5vw,18px);min-width:0;height:20px}.detailStatsGrid,.matchHero .analyzeDetailButton,.matchMoreInfo{width:100%;min-width:0;max-width:100%}.detailStatsGrid>div{min-width:0;overflow:hidden}.matchHero .analyzeDetailButton{white-space:normal;overflow-wrap:anywhere}.detailPanel{width:100%;min-width:0;max-width:100%;overflow:hidden;padding:16px 12px}}.filters{display:block}.filters>.searchBox{width:100%;min-width:0}.analysisAccessPanel{padding:16px 20px;border:1px solid #61563f;border-radius:14px;background:#13202b;color:#e5ecf5;margin-bottom:18px}.analysisAccessPanel>strong{color:#f0c675}.analysisAccessPanel p{margin:9px 0}.analysisAccessPanel small{color:#adb9c8;line-height:1.6}.analysisAccessPanel.compact{margin:14px 0;padding:12px;border-color:#5f4b24;border-radius:10px;background:#111b23}.analysisAccessPanel.compact>strong{display:block;margin:0;color:#f3ce7d;font-size:11px;line-height:1.5}.analysisAccessPanel.compact p{margin:7px 0;color:#eff4f8;font-size:12px;font-weight:800;line-height:1.5}.analysisAccessPanel.compact small{display:block;color:#91a2b1;font-size:9px;line-height:1.55}.analysisModal{width:min(860px,100%)}.goalTrendGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.goalTrendCard,.teamGoalsCard{min-width:0}@media(max-width:680px){.analysisModal{width:100%;padding:18px 12px}.analysisModal h2{font-size:18px;padding-right:36px}.analysisModal .divider{margin:14px 0}.goalTrendPanel{padding:10px!important}.goalTrendPanel>h3{font-size:17px}.goalTrendPanel>p{font-size:12px;line-height:1.45}.goalTrendGrid{gap:7px!important}.goalTrendCard,.teamGoalsCard{padding:10px 8px!important}.goalTrendCard h4{font-size:15px!important}.goalTrendCard strong{display:block;font-size:14px!important;line-height:1.35}.goalTrendCard p{font-size:12px;line-height:1.4}.goalTrendCard p b{font-size:18px!important}.goalTrendCard small{display:block;font-size:10px;line-height:1.35}.teamGoalsCard h4{font-size:13px!important;overflow-wrap:anywhere}.goalSequence{grid-template-columns:1fr!important;gap:4px!important}.goalSequence>strong{font-size:11px!important}.goalSequence>div{gap:2px!important;flex-wrap:nowrap!important}.goalSequence span{width:clamp(18px,5.5vw,27px)!important;height:26px!important;font-size:12px}}.languageSwitch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #40576a;border-radius:12px;background:linear-gradient(145deg,#111f2c,#08131d);box-shadow:inset 0 1px rgba(255,255,255,.035),0 6px 18px rgba(0,0,0,.16)}.languageSwitchIcon{display:grid;place-items:center;width:29px;height:30px;color:#e3bd6b;border-right:1px solid #2f4354}.languageSwitch button{display:grid;place-items:center;min-width:37px;min-height:30px;padding:4px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#91a8ba;font-size:11px;font-weight:900;line-height:1;transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.languageSwitch button:hover{color:#f2f6f9;background:#182938}.languageSwitch button.active{border-color:#efbd58;background:linear-gradient(145deg,#ffdc7f,#edb746);color:#211704;box-shadow:0 3px 10px rgba(231,177,65,.22)}.languageSwitch button:focus-visible{outline:2px solid #ffda78;outline-offset:3px}.fixtureLoading{position:relative;overflow:hidden;padding:18px;border:1px solid #30485b;border-radius:16px;background:linear-gradient(145deg,rgba(15,31,44,.96),rgba(7,17,27,.98));box-shadow:inset 0 1px rgba(255,255,255,.025)}.fixtureLoadingHead{display:flex;align-items:center;gap:12px;margin-bottom:17px}.fixtureLoadingHead>span:last-child{display:grid;grid-gap:4px;gap:4px;min-width:0}.fixtureLoadingHead strong{font-size:14px;color:#f0f5f8}.fixtureLoadingHead small{font-size:11px;line-height:1.5;color:#8299aa}.fixtureLoaderIcon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid #715a2e;border-radius:11px;background:#2c2413;color:#ffd16d}.fixtureLoaderIcon svg{width:20px;height:20px}.fixtureSkeletonGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:13px;gap:13px}.fixtureSkeletonCard{min-width:0;padding:12px;border:1px solid #263d4e;border-radius:13px;background:#091722}.skeletonActions,.skeletonTop{display:grid;grid-template-columns:1.5fr .7fr 1fr;grid-gap:8px;gap:8px}.skeletonActions i,.skeletonTeams b,.skeletonTeams i,.skeletonTop i{display:block;position:relative;overflow:hidden;background:#172b3b}.skeletonTop i{height:21px;border-radius:7px}.skeletonTop i:nth-child(2){width:70%;justify-self:center}.skeletonTop i:nth-child(3){width:80%;justify-self:end}.skeletonTeams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:10px;gap:10px;min-height:112px}.skeletonTeams>span{display:grid;justify-items:center;grid-gap:9px;gap:9px}.skeletonTeams i{width:48px;height:48px;border-radius:50%}.skeletonTeams b{width:76%;height:12px;border-radius:999px}.skeletonTeams em{color:#4d6171;font-style:normal;font-size:13px;font-weight:900}.skeletonActions{grid-template-columns:1fr 1fr}.skeletonActions i{height:38px;border-radius:8px}.skeletonActions i:after,.skeletonTeams b:after,.skeletonTeams i:after,.skeletonTop i:after{content:"";position:absolute;inset:0;transform:translateX(-105%);background:linear-gradient(90deg,transparent,rgba(154,184,207,.13),transparent);animation:fixtureShimmer 1.35s ease-in-out infinite}@keyframes fixtureShimmer{to{transform:translateX(105%)}}.fixtureLoaderIcon{animation:fixturePulse 1.4s ease-in-out infinite}@keyframes fixturePulse{50%{border-color:#d5a84e;background:#382d16;transform:translateY(-1px)}}@media(max-width:1300px){.fixtureSkeletonGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fixtureSkeletonCard:nth-child(3){display:none}}@media(max-width:680px){.languageSwitch{padding:2px;border-radius:10px}.languageSwitchIcon{width:27px;height:28px}.languageSwitch button{min-width:34px!important;min-height:28px!important;padding:3px 6px!important;font-size:10px}.fixtureLoading{padding:13px;border-radius:13px}.fixtureLoadingHead{align-items:flex-start;margin-bottom:13px}.fixtureLoadingHead strong{font-size:13px}.fixtureLoadingHead small{font-size:10px}.fixtureLoaderIcon{width:34px;height:34px;flex-basis:34px}.fixtureSkeletonGrid{grid-template-columns:1fr}.fixtureSkeletonCard:nth-child(n+2){display:none}}@media(prefers-reduced-motion:reduce){.languageSwitch button{transition:none}.fixtureLoaderIcon,.skeletonActions i:after,.skeletonTeams b:after,.skeletonTeams i:after,.skeletonTop i:after{animation:none}}.matchLoadingPage{padding-top:clamp(24px,4vw,48px)}.matchDetailLoading{width:100%;gap:16px}.matchLoadingHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 4px 6px}.matchLoadingHeader>div{display:grid;grid-gap:9px;gap:9px;width:min(280px,55%)}.matchLoadingAction,.matchLoadingBack,.matchLoadingBar,.matchLoadingForm i,.matchLoadingLogo,.matchLoadingPill,.matchLoadingStats>span{display:block;position:relative;overflow:hidden;background:#172b3b}.matchLoadingAction:after,.matchLoadingBack:after,.matchLoadingBar:after,.matchLoadingForm i:after,.matchLoadingLogo:after,.matchLoadingPill:after,.matchLoadingStats>span:after{content:"";position:absolute;inset:0;transform:translateX(-105%);background:linear-gradient(90deg,transparent,rgba(166,196,217,.14),transparent);animation:fixtureShimmer 1.35s ease-in-out infinite}.matchLoadingBar{height:12px;border-radius:999px}.matchLoadingBar.title{width:100%;height:28px}.matchLoadingBar.subtitle{width:45%;height:11px}.matchLoadingBack{width:116px;height:38px;border:1px solid #2d4357;border-radius:10px}.matchLoadingHero{isolation:isolate;position:relative;overflow:hidden;min-height:438px;padding:22px 28px 26px;border:1px solid #334b5d;border-radius:20px;background:linear-gradient(145deg,#111f2d,#0a141f 58%,#08131d);box-shadow:0 22px 55px rgba(0,0,0,.28)}.matchLoadingHero>:not(.matchLoadingGlow){position:relative;z-index:1}.matchLoadingGlow{position:absolute;inset:0;background:radial-gradient(circle at 18% 24%,rgba(255,196,71,.09),transparent 28%),radial-gradient(circle at 82% 24%,rgba(23,211,125,.08),transparent 28%),linear-gradient(90deg,transparent 49.8%,rgba(105,142,169,.045) 50%,transparent 50.2%)}.matchLoadingGlow:after{content:"";position:absolute;left:50%;top:85px;width:270px;height:270px;transform:translateX(-50%);border:1px solid rgba(128,160,185,.05);border-radius:50%;box-shadow:0 0 0 46px rgba(128,160,185,.02)}.matchLoadingTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.matchLoadingPill{width:132px;height:29px;border-radius:999px}.matchLoadingPill.compact{width:82px}.matchLoadingMessage{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px auto 4px;text-align:left}.matchLoadingMessage>span:last-child{display:grid;grid-gap:3px;gap:3px;min-width:0}.matchLoadingMessage small{display:flex;align-items:center;gap:5px;color:#e7bd61;font-size:9px;font-weight:900;letter-spacing:.12em}.matchLoadingMessage strong{font-size:14px;color:#eef4f7}.matchLoadingMessage em{color:#7891a5;font-size:10px;font-style:normal}.matchLoadingSpinner{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid #745c2c;border-radius:12px;background:#2e2513;color:#ffd16d}.matchLoadingSpinner svg{animation:matchLoadingSpin 1s linear infinite}@keyframes matchLoadingSpin{to{transform:rotate(1turn)}}.matchLoadingVersus{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,150px) minmax(0,1fr);align-items:center;grid-gap:24px;gap:24px;width:100%;max-width:760px;margin:20px auto 24px}.matchLoadingTeam{display:grid;justify-items:center;grid-gap:10px;gap:10px}.matchLoadingLogo{width:84px;height:84px;border:1px solid #604b2b;border-radius:24px;background:#2b241a}.matchLoadingLogo.away{border-color:#18563f;background:#0d3427}.matchLoadingBar.teamName{width:min(150px,76%);height:15px}.matchLoadingForm{display:flex;gap:5px}.matchLoadingForm i{width:22px;height:22px;border-radius:6px}.matchLoadingCenter{display:grid;justify-items:center;grid-gap:9px;gap:9px}.matchLoadingCenter b{color:#536b7e;font-size:31px}.matchLoadingBar.round{width:42px;height:18px}.matchLoadingBar.kickoff{width:105px;height:11px}.matchLoadingStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;width:100%;max-width:760px;margin:0 auto;padding:7px;border:1px solid #1d3244;border-radius:16px;background:rgba(5,14,23,.72)}.matchLoadingStats>span{height:76px;border-radius:11px;background:#102130}.matchLoadingAction{width:100%;max-width:760px;height:45px;margin:17px auto 0;border-radius:12px;background:#483d20}.matchLoadingPanels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.matchLoadingPanels>div{display:grid;grid-gap:12px;gap:12px;min-height:112px;padding:18px;border:1px solid #263e50;border-radius:16px;background:linear-gradient(145deg,#0d1a27,#0a1621)}.matchLoadingBar.panelTitle{width:42%;height:16px}.matchLoadingBar.panelLine{width:100%;height:10px}.matchLoadingBar.panelLine.short{width:68%}@media(max-width:680px){.matchLoadingPage{padding:18px 10px}.matchLoadingHeader{align-items:flex-start}.matchLoadingHeader>div{width:58%}.matchLoadingBar.title{height:22px}.matchLoadingBack{width:94px;height:34px}.matchLoadingHero{min-height:400px;padding:15px 12px 18px;border-radius:16px}.matchLoadingPill{width:104px;height:27px}.matchLoadingPill.compact{width:68px}.matchLoadingMessage{justify-content:flex-start;margin-top:13px}.matchLoadingMessage strong{font-size:12px}.matchLoadingMessage em{max-width:230px;font-size:9px}.matchLoadingSpinner{width:34px;height:34px;flex-basis:34px}.matchLoadingVersus{grid-template-columns:1fr 66px 1fr;gap:5px;margin:19px auto}.matchLoadingLogo{width:62px;height:62px;border-radius:18px}.matchLoadingBar.teamName{height:12px}.matchLoadingForm{gap:3px}.matchLoadingForm i{width:17px;height:19px;border-radius:5px}.matchLoadingCenter b{font-size:24px}.matchLoadingBar.kickoff{width:62px}.matchLoadingStats{gap:4px;padding:5px}.matchLoadingStats>span{height:66px}.matchLoadingAction{height:42px;margin-top:14px}.matchLoadingPanels{grid-template-columns:1fr}.matchLoadingPanels>div:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){.matchLoadingAction:after,.matchLoadingBack:after,.matchLoadingBar:after,.matchLoadingForm i:after,.matchLoadingLogo:after,.matchLoadingPill:after,.matchLoadingSpinner svg,.matchLoadingStats>span:after{animation:none}}.lockBallBrand{display:inline-flex;align-items:center;gap:12px;color:#ffd264;min-width:0}.lockBallMark{width:43px;height:50px;flex-shrink:0}.lockBallWordmark{display:grid;grid-gap:3px;gap:3px;min-width:0}.lockBallWordmark strong{font-size:23px;font-weight:900;letter-spacing:.035em;white-space:nowrap;color:#ffe1a0}.lockBallWordmark small{font-size:11px;line-height:1.5;color:#b7c7d5}.authPage{min-height:100svh;display:flex;flex-direction:column;padding:32px clamp(20px,5vw,90px) 22px;background:linear-gradient(90deg,rgba(5,13,23,.48),rgba(5,13,23,.82)),url(/images/lock-ball-stadium.webp) 50%/cover no-repeat,#08121e;color:#f5f7fa}.authHeader{display:flex;justify-content:space-between;align-items:center;gap:18px;max-width:1320px;width:100%;margin:auto auto 0}.authHeader .languageSwitch{flex-shrink:0}.authHeader .languageSwitch button{min-height:36px;min-width:40px}.authLayout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-gap:clamp(32px,7vw,100px);gap:clamp(32px,7vw,100px);align-items:center;width:100%;max-width:1240px;margin:auto;padding:60px 0}.authStory{padding:0 0 70px;min-width:0}.authStory .lockBallBrandHero{margin-bottom:32px;gap:20px}.lockBallBrandHero .lockBallMark{width:82px;height:96px}.lockBallBrandHero .lockBallWordmark strong{font-size:52px;line-height:1.2;color:#fff4da;font-style:italic}.lockBallBrandHero .lockBallWordmark b{font-size:23px;letter-spacing:.18em;color:#ffd264}.lockBallBrandHero .lockBallWordmark small{font-size:18px;color:#e8c270}@media(min-width:721px){.authHeader>.lockBallBrand{visibility:hidden}}.authEyebrow{color:#e8c270;font-size:12px;letter-spacing:.13em;font-weight:700;margin:0 0 16px}.authStory h1{font-size:clamp(32px,3.6vw,54px);line-height:1.38;letter-spacing:-.035em;margin:0;font-weight:850}.authStory h1 em{color:#ffd369;font-style:normal}.authDescription{max-width:460px;font-size:16px;line-height:1.9;color:#b8c9d9;margin:24px 0 32px}.authFeatures{display:flex;flex-wrap:wrap;gap:18px 24px;color:#c8d3df;font-size:12px}.authFeatures>span{display:flex;align-items:center;gap:8px}.authFeatures svg{width:18px;color:#ffd264;flex-shrink:0}.authCard{min-width:0;padding:clamp(24px,3vw,44px);border:1px solid #3c4a58;border-radius:24px;background:linear-gradient(140deg,rgba(25,39,55,.96),rgba(9,20,33,.96));box-shadow:0 28px 80px #0006;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.authCard h2{font-size:32px;line-height:1.4;margin:0 0 8px;color:#fff}.authCard .authEyebrow{margin-bottom:9px}.authSubtitle{margin:0 0 28px;color:#9eb1c6;font-size:14px;line-height:1.7}.authMethods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:5px;gap:5px;padding:5px;border:1px solid #2c4052;background:#0a1622;border-radius:12px;margin-bottom:26px}.authMethods button{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;min-height:44px;padding:8px 6px;background:transparent;border:0;border-radius:8px;color:#9aafc3;font:inherit;font-size:14px;cursor:pointer}.authMethods button[aria-pressed=true]{background:#253749;color:#ffe2a1}.authMethods small{font-size:10px;border:1px solid #6d5935;padding:1px 5px;border-radius:5px;color:#f0ce8a}.authForm{display:grid;grid-gap:10px;gap:10px;min-width:0}.authForm>label{font-size:14px;color:#d9e3ee;margin-top:6px}.authInput{display:flex;align-items:center;gap:12px;min-width:0;min-height:54px;padding:0 14px;border:1px solid #3c5062;border-radius:10px;background:#091521;color:#829bb1}.authInput:focus-within{border-color:#ffd264;box-shadow:0 0 0 3px #ffd26418}.authInput>svg{flex-shrink:0}.authInput input{width:100%;min-width:0;background:transparent;color:#f6f8fc;border:0;outline:0;padding:14px 0;font:inherit;font-size:16px}.authInput input::placeholder{color:#7890a5}.authInput input:-moz-read-only{color:#a8bbca}.authInput input:read-only{color:#a8bbca}.authInput button{display:grid;place-items:center;flex-shrink:0;min-width:40px;min-height:44px;padding:0;border:0;background:transparent;color:#b8c7d3;cursor:pointer}.authSubmit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;margin-top:18px;padding:13px 16px;border:1px solid #e8b653;border-radius:10px;background:linear-gradient(100deg,#ffe08d,#eeb94e);color:#201807;font:inherit;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 6px 24px #eabb4320}.authSubmit:hover{filter:brightness(1.06)}.authPage button:disabled{opacity:.55;cursor:wait}.authPage a:focus-visible,.authPage button:focus-visible{outline:2px solid #ffe08d;outline-offset:4px}.authSignup{margin:28px 0 0;border-top:1px solid #2a3b4e;padding-top:24px;color:#9fb2c6;text-align:center;font-size:14px;line-height:1.7}.authSignup a{color:#ffdc86;font-weight:700;text-decoration:none}.authSignup a:hover{text-decoration:underline}.authError{color:#ffb2ad;font-size:13px;line-height:1.7;margin:5px 0;overflow-wrap:anywhere}.authDemoNotice{padding:12px 14px;margin:0 0 16px;background:#e3b4470c;border:1px solid #79623a;border-radius:9px;font-size:12px;line-height:1.8;color:#e6cb94}.authDemoSuccess{color:#acedd0;line-height:1.8;font-size:14px}.authTextButton{justify-self:start;border:0;background:transparent;color:#ffda85;padding:6px 0;min-height:36px;font:inherit;font-size:13px;cursor:pointer}.phoneVerified{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:12px 14px;border:1px solid #276a53;border-radius:10px;background:#0d3026;color:#bdf5da}.phoneVerified>svg{flex-shrink:0}.phoneVerified>span{display:grid;grid-gap:2px;gap:2px;min-width:0;flex:1 1}.phoneVerified b{font-size:13px}.phoneVerified small{color:#8fcbb0;font-size:11px}.phoneVerified button{border:0;background:transparent;color:#ffda85;padding:7px;font:inherit;font-size:12px;cursor:pointer}.signupAccountForm{animation:authReveal .18s ease-out}@keyframes authReveal{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}.authFooter{font-size:11px;letter-spacing:.03em;color:#9dabb9;text-align:center;padding-top:16px;line-height:1.7}.authFooter span{padding:0 9px;color:#d7b66a}.sidebar .brand{padding-left:0;gap:0}.sidebar .brand .lockBallMark{width:32px;height:40px}.sidebar .brand .lockBallBrand{gap:9px}.sidebar .brand .lockBallWordmark strong{font-size:19px}.sidebar .brand .lockBallWordmark small{font-size:9px;letter-spacing:0;white-space:normal}@media(max-width:940px) and (min-width:901px){.content{width:calc(100% - 210px)}.sidebar .brand .lockBallWordmark strong{font-size:16px}}@media(max-width:900px){.sidebar,.sidebar.open{height:100dvh;min-height:0;overscroll-behavior:contain;transition:transform .22s ease}.sidebar .brand{flex-shrink:0}.authLayout{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.authStory h1{font-size:34px}.lockBallBrandHero .lockBallMark{width:60px;height:75px}.lockBallBrandHero .lockBallWordmark strong{font-size:38px}.lockBallBrandHero .lockBallWordmark b{font-size:18px}.lockBallBrandHero .lockBallWordmark small{font-size:14px}}@media(max-width:720px){.authPage{padding:16px 14px;background-position:30%}.authLayout{grid-template-columns:minmax(0,1fr);gap:14px;max-width:420px;padding:20px 0 12px}.authStory{padding:0;text-align:center}.authStory h1{font-size:25px;line-height:1.35}.authDescription,.authFeatures,.authStory>.lockBallBrandHero{display:none}.authCard{padding:20px 18px;border-radius:17px}.authHeader{max-width:460px}.authHeader .lockBallMark{width:32px;height:40px}.authHeader .lockBallWordmark strong{font-size:19px}.authHeader .lockBallWordmark small{font-size:9px}.authCard h2{font-size:25px;line-height:1.3}.authCard .authEyebrow{margin-bottom:5px;font-size:10px}.authSubtitle{font-size:13px}.authMethods,.authSubtitle{margin-bottom:16px}.authMethods button{min-height:40px;padding:6px}.authForm{gap:7px}.authForm>label{font-size:13px;margin-top:3px}.authInput{min-height:46px;padding:0 11px}.authInput input{padding:10px 0;font-size:15px}.authSubmit{min-height:46px;margin-top:11px;padding:10px 14px}.authSignup{margin-top:18px;padding-top:15px}.authDemoNotice{margin-bottom:12px;padding:10px 12px;line-height:1.6}.phoneVerified{margin-bottom:13px;padding:10px 11px}}@media(max-width:640px){.topbar{grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center}.topbar .mobileMenu{grid-row:1;grid-column:1;width:44px;height:44px}.topbar .userInfo{grid-row:1;grid-column:2;display:flex}.topbar .userInfo>.iconButton{display:grid;width:44px;height:44px;place-items:center}.topbar .languageSwitch button{min-width:40px;min-height:36px}.topbar .dateNav{grid-row:2;grid-column:1/-1;width:100%;max-width:none;display:flex;justify-content:space-between;gap:12px}.topbar .dateNav small{font-size:12px;max-width:none;white-space:normal}.topbar .dateNav button{width:44px;height:44px;flex-shrink:0}.filters>*{min-width:0;max-width:100%}.dateInput input,.searchBox input{min-width:0;width:100%}.cardBtns>*{min-width:0;white-space:normal}}@media(max-width:360px){.authPage{padding:16px 12px}.authHeader{gap:8px}.authHeader .lockBallBrand{gap:7px}.authHeader .lockBallWordmark strong{font-size:16px}.authHeader .lockBallWordmark small{font-size:8px}.authHeader .languageSwitch button{min-width:34px}.authCard{padding:17px 14px}.authStory h1{font-size:23px}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}.authSrOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.authReferencePage{position:relative;width:100%;min-height:100vh;min-height:100svh;overflow:hidden;background:#020a12 url(/images/lock-ball-login-reference.png) 50%/100% 100% no-repeat;color:#f5f7fa;font-family:Arial,Noto Sans Thai,Tahoma,sans-serif}.authReferenceCard{position:absolute;z-index:2;left:61.9%;top:15.55%;width:33.85%;height:75.25%;min-width:0;padding:0;border:0;background:transparent;box-shadow:none}.authReferenceCard>.authEyebrow,.authReferenceCard>.authSubtitle,.authReferenceCard>.loginReferenceIntro,.authReferenceCard>h2{display:none}.authReferenceCard .loginReferenceForm{position:static;min-width:0}.authReferenceCard .loginReferenceForm>.authSrOnly{display:block}.authReferenceCard .loginReferenceForm>.authInput{position:absolute;left:9.3%;right:9.3%;height:8.58%;min-height:0;max-height:none;padding:0 20px;border:1px solid #718194;border-radius:13px;background:#07131f;color:#aab7c6;box-shadow:inset 0 1px 10px rgba(0,0,0,.24)}.authReferenceCard .loginReferenceForm>.loginEmailInput{top:36.71%}.authReferenceCard .loginReferenceForm>.loginPasswordInput{top:47.96%}.authReferenceCard .loginReferenceForm>.authInput:focus-within{border-color:#ffd05b;box-shadow:0 0 0 2px rgba(255,205,82,.15),inset 0 1px 10px rgba(0,0,0,.24)}.authReferenceCard .loginReferenceForm>.authInput input{font-size:clamp(14px,1.17vw,20px);color:#f4f6f8}.authReferenceCard .loginReferenceForm>.authInput input::placeholder{color:#8290a0;opacity:1}.authReferenceCard .loginReferenceForm>.authInput>svg{width:22px;height:22px}.authReferenceCard .loginReferenceForm>.authInput button{color:#a7b6c7}.loginReferenceOptions{position:absolute;left:9.3%;right:9.3%;top:59.15%;display:flex;align-items:center;justify-content:space-between;gap:16px;height:5%;padding:0 1px;background:#07131f;font-size:clamp(13px,1.1vw,18px)}.loginReferenceOptions label{display:flex;align-items:center;gap:11px;color:#e4e7eb;cursor:pointer}.loginReferenceOptions input{width:24px;height:24px;margin:0;accent-color:#ffd461}.loginReferenceOptions button{padding:4px 0;border:0;background:transparent;color:#ffd25c;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.authReferenceCard .loginReferenceForm>.authSubmit{top:66.81%;height:9.57%;margin:0;border:0;border-radius:20px;background:linear-gradient(180deg,#fff2a4,#ffd150 45%,#e9a917);color:#1b1305;font-size:clamp(18px,1.42vw,24px);font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.7),0 8px 24px rgba(235,175,30,.28)}.authReferenceCard .loginReferenceForm>.authSubmit,.loginReferenceTrial{position:absolute;left:9.3%;right:9.3%;width:auto;min-height:0;max-height:none}.loginReferenceTrial{top:78.2%;display:flex;align-items:center;justify-content:center;gap:14px;height:8.58%;padding:0 16px;border:2px solid #dba82f;border-radius:19px;background:#07131f;color:#f5f5f3;font:inherit;font-size:clamp(16px,1.2vw,21px);font-weight:800;cursor:pointer}.loginReferenceTrial:hover{background:#10202d}.authReferenceCard .loginReferenceForm>.authError{position:absolute;z-index:5;left:9.3%;right:9.3%;top:87.2%;margin:0;padding:8px 12px;border:1px solid #8d3d3b;border-radius:9px;background:#280e11;color:#ffc2bb;text-align:center}.authReferenceCard>.authSignup{position:absolute;left:9%;right:9%;bottom:3.7%;margin:0;padding:8px 18px;border:0;background:transparent;color:#b9c1ca;font-size:clamp(13px,1vw,17px);line-height:1.4;opacity:0}.authReferenceCard>.authSignup:focus-within{opacity:1;background:#07131f}.authReferenceCard>.authSignup a{color:#ffd05a;font-weight:800}.loginReferencePhone{position:absolute;z-index:3;inset:18% 6% 7%;padding:26px 28px;border:1px solid #5b4b2d;border-radius:18px;background:linear-gradient(155deg,rgba(9,24,37,.99),rgba(3,13,22,.99));box-shadow:0 0 42px rgba(255,190,47,.14);overflow-y:auto}.loginReferencePhone .authForm{gap:10px}.loginBackToEmail{margin-bottom:10px}@media(min-width:901px){.authReferenceCard .loginReferenceForm>.authInput,.authReferenceCard .loginReferenceForm>.authSubmit,.loginReferenceOptions,.loginReferenceTrial{opacity:0}.authReferenceCard .loginReferenceForm>.authInput:focus-within,.authReferenceCard .loginReferenceForm>.authInput:has(input:not(:placeholder-shown)){opacity:1}}@media(max-width:900px){.authReferencePage{display:grid;place-items:center;min-height:100svh;padding:22px 14px;background-image:linear-gradient(rgba(2,9,16,.42),rgba(2,9,16,.78)),url(/images/lock-ball-stadium.webp);background-size:cover;background-position:30%}.authReferenceCard{position:relative;left:auto;top:auto;width:min(100%,430px);height:auto;min-height:0;padding:26px 22px 22px;border:1px solid #d9a72f;border-radius:22px;background:linear-gradient(155deg,rgba(8,23,35,.97),rgba(3,13,22,.98));box-shadow:0 0 0 1px rgba(255,234,160,.18),0 0 34px rgba(255,188,45,.28),0 22px 70px rgba(0,0,0,.62)}.authReferenceCard>.loginReferenceIntro{display:grid;justify-items:center;grid-gap:2px;gap:2px;margin-bottom:25px;color:#ffd461}.loginReferenceIntro strong{font-size:24px;font-weight:950;letter-spacing:.055em;text-shadow:0 2px 10px rgba(255,191,44,.28)}.loginReferenceIntro small{color:#eef1f3;font-size:9px;letter-spacing:.2em}.authReferenceCard>.authEyebrow{display:none}.authReferenceCard>h2{display:block;margin:0 0 6px;text-align:center;font-size:34px;color:#f7f7f7}.authReferenceCard>.authSubtitle{display:block;margin:0 0 23px;text-align:center;color:#b8c2ce;font-size:14px}.authReferenceCard .loginReferenceForm{position:static;display:grid;grid-gap:14px;gap:14px}.authReferenceCard .loginReferenceForm>.authInput{position:static;left:auto;right:auto;top:auto;height:58px;min-height:58px;max-height:none;padding:0 15px;opacity:1}.authReferenceCard .loginReferenceForm>.authInput input{font-size:16px}.loginReferenceOptions{position:static;left:auto;right:auto;top:auto;min-height:30px;height:auto;margin:0;padding:0;background:transparent;font-size:14px;opacity:1}.loginReferenceOptions input{width:21px;height:21px}.authReferenceCard .loginReferenceForm>.authSubmit{height:58px;min-height:58px;font-size:18px}.authReferenceCard .loginReferenceForm>.authSubmit,.loginReferenceTrial{position:static;left:auto;right:auto;top:auto;width:100%;max-height:none;border-radius:14px;opacity:1}.loginReferenceTrial{height:54px;min-height:54px;font-size:16px}.authReferenceCard .loginReferenceForm>.authError{position:static;margin:0}.authReferenceCard>.authSignup{position:static;margin:20px 0 0;padding:17px 0 0;border-top:1px solid #263b4d;background:transparent;font-size:14px;opacity:1}.loginReferencePhone{position:static;inset:auto;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}}@media(max-width:380px){.authReferencePage{padding:12px}.authReferenceCard{padding:21px 16px 18px;border-radius:18px}.authReferenceCard>.loginReferenceIntro{margin-bottom:18px}.authReferenceCard>h2{font-size:29px}.authReferenceCard>.authSubtitle{margin-bottom:18px;font-size:13px}.authReferenceCard .loginReferenceForm{gap:11px}.authReferenceCard .loginReferenceForm>.authInput,.authReferenceCard .loginReferenceForm>.authSubmit{height:52px;min-height:52px}.loginReferenceTrial{height:50px;min-height:50px}.loginReferenceOptions{font-size:12px}}@font-face{font-family:LockBallThai;src:url(/fonts/noto-sans-thai.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:u+0e00-0e7f,u+200c-200d,u+25cc}.authLoginPage{--room-line:#1c3c50;position:relative;isolation:isolate;min-height:100svh;background:#020b12;color:#eff4f9;color-scheme:dark;font-family:LockBallThai,Arial,sans-serif}.authLoginPage *{box-sizing:border-box}.authLoginAtmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 80%,#18314666,transparent 55%),linear-gradient(120deg,#031522,#020a11 65%,#0b2030)}.authLoginAtmosphere:after{content:"";position:absolute;inset:65px 0 0;background:repeating-linear-gradient(0deg,transparent 0 69px,#4a94c80b 70px),repeating-linear-gradient(90deg,transparent 0 89px,#4a94c80b 90px);-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}.authLoginHeader{height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 32px;border-bottom:1px solid var(--room-line);background:#020c15e8}.authLoginBrand{display:flex;align-items:center;gap:24px;min-width:0}.controlBrand{display:inline-flex;align-items:center;gap:20px;white-space:nowrap}.controlBrand>svg{width:46px;height:46px;flex:none;color:#efbd52}.controlBrand>strong{font-family:Arial,sans-serif;font-size:30px;letter-spacing:.025em;font-weight:850;color:#f4f7fb}.controlBrand em{font-style:normal;color:#f3c45f}.authLoginProduct{padding-left:24px;border-left:1px solid #254153;font-size:17px;font-weight:600}.authLoginHeader .languageSwitch{border-color:#435563;border-radius:6px;background:#06121c}.authLoginHeader .languageSwitchIcon{display:none}.authLoginHeader .languageSwitch button{min-height:36px;min-width:64px;border-radius:3px;font-size:16px}.authLoginHeader .languageSwitch button.active{background:linear-gradient(135deg,#59421b80,#1a2228);box-shadow:inset 0 0 0 1px #e6b64d;color:#f6cc68}.controlNav{position:absolute;top:66px;bottom:0;left:0;width:110px;border-right:1px solid #142e3f;background:#02101bbf;padding-top:28px}.controlNav a{position:relative;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid #13304480;text-decoration:none;color:#759cb7;font-size:14px}.controlNav a.active,.controlNav a:hover{color:#f6cc65;background:linear-gradient(90deg,#ead07529,#b69b4210)}.controlNav a.active:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#f6ce62;border-radius:3px}.authLoginLayout{display:grid;grid-template-columns:minmax(0,1.98fr) minmax(380px,1fr);align-items:stretch;grid-gap:24px;gap:24px;max-width:1740px;margin:0 auto 0 110px;padding:28px 40px 16px 24px}.loginAnalysisPreview{display:grid;grid-template-rows:auto auto 1fr;grid-gap:14px;gap:14px;min-width:0;align-self:stretch}.authLoginCard,.authMemberPanel,.loginMatchPanel,.loginPeriodCard,.loginTrendCard,.loginVerdictCard{border:1px solid var(--room-line);border-radius:10px;background:linear-gradient(140deg,#071d2bdb,#020e17f5);box-shadow:inset 0 1px 0 #ffffff03}.loginMatchPanel{position:relative;isolation:isolate;overflow:hidden;padding:20px 28px 16px;scroll-margin-top:20px}.loginMatchMeta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;color:#b4c5d3}.loginMatchMeta>span{display:flex;align-items:center;gap:9px}.loginMatchMeta>span:first-child{color:#f2f6fa;font-size:17px}.loginMatchMeta svg{width:23px;height:23px;flex:none}.loginMatchMeta .loginSampleLabel{font-size:12px;color:#8ea9bb;text-align:center}.loginPitch{position:absolute;z-index:-1;inset:5px -70px 0;border:2px solid #244d602b;transform:perspective(450px) rotateX(32deg);background:linear-gradient(90deg,transparent 49.8%,#26526b33 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.7%,#26526b33 50%,transparent 50.3%)}.loginPitch:after,.loginPitch:before{content:"";position:absolute;top:23%;width:16%;height:53%;border:2px solid #26526b40}.loginPitch:before{left:0}.loginPitch:after{right:0}.loginPitch i{position:absolute;left:40%;top:25%;width:20%;height:50%;border:2px solid #26526b40;border-radius:50%}.loginMatchTeams{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);align-items:center;grid-gap:12px;gap:12px;padding-top:18px;padding-bottom:8px}.loginPreviewTeam{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;min-width:0}.loginPreviewTeam>img{width:132px;height:132px;object-fit:contain;filter:drop-shadow(0 8px 14px #0005)}.loginPreviewTeam>strong{font-size:24px;line-height:1.4;color:#f5f7fa}.loginPreviewTeam>small{font-size:17px;color:#dce5ec}.loginVersus{align-self:start;margin-top:48px;text-align:center;font-family:Arial,sans-serif;font-size:44px;font-weight:850;color:#d7e3ee;text-shadow:0 4px 12px #0009}.loginFormChips{display:flex;gap:12px}.loginFormChips span{width:35px;height:36px;display:grid;place-items:center;border-radius:6px;font:700 19px Arial,sans-serif;box-shadow:inset 0 1px 2px #ffffff30}.loginFormChips .w{background:linear-gradient(#12c78f,#06986d)}.loginFormChips .d{background:linear-gradient(#8aa0b0,#526e81)}.loginFormChips .l{background:linear-gradient(#f04b55,#c32033)}.loginPeriodGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;scroll-margin-top:20px}.loginPeriodCard{padding:15px 18px 12px;min-width:0}.loginPeriodCard header{display:grid;grid-template-columns:1.55fr 1fr 1fr;align-items:center;grid-gap:8px;gap:8px;padding-bottom:9px;border-bottom:1px solid #1d3543}.loginPeriodCard h2,.loginTrendCard h2,.loginVerdictCard h2{display:flex;align-items:center;gap:10px;margin:0;font-size:21px;line-height:1.4}.loginPeriodCard h2 svg,.loginTrendCard h2 svg{width:24px;height:24px;color:#f4c451;flex:none}.loginPeriodCard header>img{width:32px;height:32px;justify-self:center;object-fit:contain}.loginStatRow{display:grid;grid-template-columns:minmax(106px,1.4fr) 38px minmax(78px,1.5fr) 38px;align-items:center;grid-gap:8px;gap:8px;min-height:38px;font-size:15px;color:#c7d4df}.loginStatRow>b{text-align:center;font-size:17px;color:#eff4f7;font-weight:600}.loginAnalysisBars{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.loginAnalysisBars i{height:9px;background:#253946;border-radius:20px;overflow:hidden}.loginAnalysisBars b{display:block;height:100%;background:linear-gradient(90deg,#2794d2,#56b8ed);border-radius:inherit}.loginAnalysisBars i:last-child b{background:linear-gradient(90deg,#efb73d,#ffda79)}.loginAnalysisBottom{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);grid-gap:16px;gap:16px}.loginTrendCard{padding:16px 18px 10px;min-width:0;scroll-margin-top:20px}.loginTrendCard>header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.loginChartLegend{display:flex;gap:15px;font-size:11px;color:#d1dde7}.loginChartLegend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#42a8e5;margin-right:6px}.loginChartLegend span:last-child:before{background:#f5c24c}.loginTrendCard>svg{display:block;width:100%;height:auto;margin-top:4px}.loginChartGrid{stroke:#1b3546;stroke-width:1;fill:none}.loginChartAway,.loginChartHome{stroke:#49a9df;stroke-width:2.5;fill:none;stroke-linejoin:round}.loginChartAway{stroke:#f1c457}.loginChartLabels{fill:#b4c5d2;font-size:13px}.loginVerdictCard{padding:18px;min-width:0;border-color:#155241;background:linear-gradient(145deg,#02312788,#001814d9);scroll-margin-top:20px}.loginVerdictCard h2{color:#5ae3b0;font-size:20px}.loginVerdictCard h2 svg{width:26px;height:26px;flex:none}.loginVerdictCard>strong{display:block;margin:13px 0;color:#64e8b9;font-size:23px;line-height:1.4}.loginVerdictCard p{margin:0;color:#cedddc;font-size:16px;line-height:1.65}.authMemberPanel{padding:24px 24px 18px;min-width:0;background:linear-gradient(135deg,#0a2333ed,#020c14f5)}.authMemberBrand{text-align:center;padding:20px 0 34px}.authMemberBrand .controlBrand{gap:16px}.authMemberBrand .controlBrand>svg{width:66px;height:66px}.authMemberBrand .controlBrand>strong{font-size:32px}.authMemberBrand p{margin:-8px 0 13px;padding-left:65px;font-size:18px}.authMemberBrand>span{font-size:16px;color:#a5b9ca}.authLoginCard{position:relative;padding:28px 28px 24px;min-width:0;background:linear-gradient(145deg,#091d2a9c,#020d16a8)}.authLoginCard:before{content:"";position:absolute;top:-2px;left:calc(50% - 34px);width:68px;height:3px;background:#edc75c;border-radius:3px}.authLoginCard>.authEyebrow{display:none}.authLoginCard>h2{margin:0 0 8px;font-size:32px;color:#f6f8fa;line-height:1.4}.authLoginCard>.authSubtitle{margin:0 0 26px;font-size:16px;color:#9db3c4;line-height:1.65}.authLoginCard .authForm{gap:18px}.authLoginCard .authInput{min-height:53px;border-radius:7px;border-color:#466071;background:#051520aa}.authLoginCard .authInput input{border:0;background:transparent;color:#f4f7fa;font-size:17px;padding:13px 0;box-shadow:none}.authLoginCard .authInput input:-webkit-autofill{border:0;-webkit-text-fill-color:#f4f7fa;caret-color:#f4f7fa;box-shadow:inset 0 0 0 1000px #06131e;-webkit-transition:background-color 9999s ease-out 0s;transition:background-color 9999s ease-out 0s}.authLoginCard .authInput input:-webkit-autofill,.authLoginCard .authInput input:-webkit-autofill:focus,.authLoginCard .authInput input:-webkit-autofill:hover,.authLoginCard .authInput input:autofill{border:0;-webkit-text-fill-color:#f4f7fa;caret-color:#f4f7fa;box-shadow:inset 0 0 0 1000px #06131e;-webkit-transition:background-color 9999s ease-out 0s;transition:background-color 9999s ease-out 0s}.loginOptions{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;color:#ced9e3}.loginOptions label{display:flex;align-items:center;gap:9px}.loginOptions input{width:20px;height:20px;accent-color:#f5c75f;margin:0}.loginOptions button{padding:8px 0;border:0;background:none;color:#f1cb63;font:inherit;font-weight:600;cursor:pointer}.authLoginCard .authSubmit{min-height:58px;border-radius:7px;margin-top:2px;font-size:21px;background:linear-gradient(110deg,#ffda70,#d9ad4c);box-shadow:inset 0 1px #ffea9f}.authLoginCard .authSubmit:disabled{opacity:.6;cursor:wait}.loginDivider{display:flex;align-items:center;gap:18px;font-size:15px;color:#c3d1db;text-align:center}.loginDivider:after,.loginDivider:before{content:"";height:1px;flex:1 1;background:#38505f}.loginSecondaryButton{min-height:56px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #ddbd69;border-radius:8px;background:#020d16;color:#f4f7fa;font:inherit;font-size:19px;font-weight:700;cursor:pointer}.loginSecondaryButton:hover{background:#112330}.authLoginCard>.authSignup{margin:22px 0 0;padding:0;border:0;font-size:15px;text-align:center;color:#a4b8c8}.authLoginCard .authSignup a{color:#f5cc66}.authLoginFooter{margin-left:110px;padding:0 24px 14px;font-size:10px;color:#6e8799;text-align:center}.authLoginFooter span{padding:0 8px}.authLoginPage a:focus-visible,.authLoginPage button:focus-visible,.authLoginPage input:focus-visible{outline:2px solid #f3c759;outline-offset:4px}@media(min-width:1850px){.authLoginLayout{margin-left:auto;padding-left:125px}}@media(max-width:1450px) and (min-width:1001px){.authLoginLayout{gap:18px;padding:24px 24px 16px 20px;grid-template-columns:minmax(0,1.85fr) minmax(350px,1fr);margin-left:88px}.controlNav{width:88px}.controlNav a{font-size:12px;min-height:88px}.loginMatchPanel{padding:18px}.loginMatchMeta{font-size:12px}.loginMatchMeta>span:first-child{font-size:14px}.loginMatchMeta .loginSampleLabel{font-size:10px}.loginPreviewTeam>img{width:112px;height:112px}.loginPreviewTeam>strong{font-size:21px}.loginPeriodCard{padding:13px 12px}.loginPeriodCard h2,.loginTrendCard h2{font-size:18px}.loginStatRow{grid-template-columns:minmax(90px,1fr) 30px minmax(60px,1fr) 30px;gap:5px;font-size:12px}.loginStatRow>b{font-size:14px}.loginAnalysisBars{gap:10px}.loginAnalysisBottom{grid-template-columns:1.55fr 1fr}.loginVerdictCard{padding:14px}.loginVerdictCard>strong{font-size:20px}.loginVerdictCard p{font-size:14px}.authMemberPanel{padding:20px 16px 16px}.authMemberBrand{padding:20px 0 32px}.authMemberBrand .controlBrand>strong{font-size:27px}.authMemberBrand .controlBrand>svg{width:52px;height:52px}.authMemberBrand p{font-size:16px;margin-top:0}.authLoginCard{padding:24px 20px}.authLoginCard>.authSubtitle{font-size:14px}.authLoginCard>h2{font-size:30px}.authLoginCard .authForm{gap:16px}.loginOptions{font-size:12px}.authLoginFooter{margin-left:88px}}@media(max-width:1150px) and (min-width:1001px){.loginAnalysisBottom{grid-template-columns:1fr}.loginVerdictCard>strong{margin:8px 0}.loginMatchMeta>span:last-child{display:none}.loginPreviewTeam>strong{font-size:17px}.loginFormChips{gap:7px}.loginFormChips span{width:29px;height:31px}.loginPeriodGrid{grid-template-columns:1fr}.loginStatRow{font-size:14px}}@media(max-width:1000px){.authLoginHeader{padding:0 20px}.authLoginProduct,.controlNav{display:none}.authLoginLayout{display:flex;flex-direction:column;margin:0 auto;padding:22px 18px;max-width:760px;gap:22px}.authMemberPanel{order:-1;width:min(100%,520px);align-self:center}.authMemberBrand{padding:8px 0 24px}.authLoginCard{padding:26px}.authLoginFooter{margin-left:0}.loginMatchMeta{font-size:12px}.loginMatchMeta>span:first-child{font-size:14px}.loginMatchMeta .loginSampleLabel{font-size:10px}.loginStatRow{grid-template-columns:minmax(90px,1.4fr) 32px minmax(60px,1fr) 32px;font-size:12px;gap:5px}.loginStatRow>b{font-size:14px}.loginPeriodCard{padding:13px}.loginPeriodCard h2{font-size:18px}.loginAnalysisBars{gap:8px}.loginAnalysisBottom{grid-template-columns:1.5fr 1fr}.loginVerdictCard>strong{font-size:20px}.loginVerdictCard p{font-size:14px}}@media(max-width:560px){.authLoginHeader{height:62px;padding:0 14px;gap:8px}.authLoginBrand .controlBrand{gap:8px}.authLoginBrand .controlBrand>svg{width:32px;height:32px}.authLoginBrand .controlBrand>strong{font-size:20px}.authLoginHeader .languageSwitch button{min-width:36px;min-height:32px;font-size:12px;padding:4px 7px}.authLoginLayout{padding:14px 12px 20px;gap:18px}.authMemberPanel{padding:18px 12px 12px}.authMemberBrand{padding:0 0 22px}.authMemberBrand .controlBrand{gap:10px}.authMemberBrand .controlBrand>svg{width:45px;height:45px}.authMemberBrand .controlBrand>strong{font-size:27px}.authMemberBrand p{font-size:14px;padding-left:45px;margin:0 0 10px}.authMemberBrand>span{font-size:12px}.authLoginCard{padding:21px 17px}.authLoginCard>h2{font-size:27px}.authLoginCard>.authSubtitle{font-size:13px;margin-bottom:20px}.authLoginCard .authForm{gap:14px}.authLoginCard .authInput{min-height:48px;padding:0 10px;gap:9px}.authLoginCard .authInput input{font-size:16px;padding:11px 0}.loginOptions{font-size:12px}.loginOptions input{width:17px;height:17px}.authLoginCard .authSubmit{min-height:49px;font-size:18px}.loginSecondaryButton{min-height:48px;font-size:16px}.loginDivider{font-size:13px}.authLoginCard>.authSignup{font-size:13px;margin-top:20px}.loginMatchPanel{padding:14px 12px}.loginMatchMeta{flex-wrap:wrap;gap:8px}.loginMatchMeta>span:last-child{display:none}.loginMatchMeta>span:first-child{font-size:13px}.loginMatchMeta svg{width:18px;height:18px}.loginMatchMeta .loginSampleLabel{font-size:9px}.loginMatchTeams{grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);gap:3px;padding-top:16px}.loginPreviewTeam{gap:7px}.loginPreviewTeam>img{width:80px;height:80px}.loginPreviewTeam>strong{font-size:15px}.loginPreviewTeam>small{font-size:12px}.loginVersus{font-size:25px;margin-top:28px}.loginFormChips{gap:5px}.loginFormChips span{width:23px;height:26px;font-size:13px;border-radius:4px}.loginPeriodGrid{grid-template-columns:1fr}.loginPeriodCard{padding:14px}.loginStatRow{grid-template-columns:minmax(104px,1.25fr) 35px minmax(65px,1fr) 35px;min-height:34px;font-size:13px}.loginPeriodCard h2{font-size:19px}.loginAnalysisBottom{grid-template-columns:1fr}.loginTrendCard{padding:15px 12px 8px}.loginTrendCard h2{font-size:19px}.loginTrendCard>header{row-gap:10px}.loginChartLegend{font-size:10px}.loginVerdictCard{padding:17px}.loginVerdictCard>strong{font-size:21px}.loginVerdictCard p{font-size:14px}}@media(prefers-reduced-motion:reduce){.authLoginPage *{scroll-behavior:auto!important;transition:none!important}}.memberControlRoom{--member-line:#1c3c50;--member-gold:#f3c45f;display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto 1fr;min-height:100svh;background:radial-gradient(ellipse at 75% 15%,#102a3c70,transparent 60%),#020b12;font-family:LockBallThai,Arial,sans-serif}.memberMasthead{grid-column:1/-1;justify-content:space-between;gap:20px;min-height:66px;padding:10px 28px;border-bottom:1px solid var(--member-line);background:#020c15}.memberIdentity,.memberMasthead{display:flex;align-items:center;min-width:0}.memberIdentity{gap:22px}.memberBrandLink{display:inline-flex;text-decoration:none;flex:none}.memberMasthead .controlBrand{gap:12px}.memberMasthead .controlBrand>svg{width:42px;height:42px}.memberMasthead .controlBrand>strong{font-size:27px}.memberProduct{padding-left:22px;border-left:1px solid #254153;color:#c9d8e3;font-size:14px;white-space:nowrap}.memberMasthead .userInfo{display:flex;align-items:center;gap:14px;flex:none;font-size:13px}.memberAccountLink{display:flex;align-items:center;gap:8px;min-height:40px;color:#b8ccdb;text-decoration:none}.memberAccountLink:hover{color:var(--member-gold)}.memberMasthead .iconButton{width:38px;height:38px;background:#0c2130;border:1px solid #253e50;border-radius:7px;color:#c9d8e3}.memberMasthead .userInfo>.iconButton{display:grid;place-items:center}.memberMasthead .languageSwitch{background:#06121c;border-color:#435563;border-radius:6px;box-shadow:none}.memberMasthead .languageSwitchIcon{display:none}.memberMasthead .languageSwitch button{min-width:42px;min-height:32px;border-radius:3px;font-size:13px}.memberMasthead .languageSwitch button.active{background:linear-gradient(135deg,#59421b80,#1a2228);border-color:#e6b64d;color:#f6cc68;box-shadow:none}.memberControlRoom>.sidebar{grid-column:1;grid-row:2;width:auto;min-height:calc(100svh - 66px);padding:20px 12px;background:#03111b;border-right:1px solid var(--member-line)}.memberControlRoom .sidebar>.brand{display:flex;align-items:center;justify-content:space-between;padding:0 12px 18px;border-bottom:1px solid #173142}.memberControlRoom .brand>.memberNavLabel{font-size:12px;letter-spacing:.07em;font-weight:600;color:#7c9aaf}.memberControlRoom .sidebar nav{gap:6px;margin-top:18px}.memberControlRoom .sidebar nav button{position:relative;min-height:48px;padding:12px 14px;border:1px solid transparent;border-radius:7px;color:#9ab7cc;font-size:14px;line-height:1.6;gap:12px}.memberControlRoom .sidebar nav button svg{width:21px;height:21px;flex:none;color:inherit}.memberControlRoom .sidebar nav button:hover{background:#0b2331;border-color:#224253;color:#e0eaf1}.memberControlRoom .sidebar nav .navActive{background:linear-gradient(90deg,#ead07524,#b69b4208);border-color:#85703966;color:var(--member-gold)}.memberControlRoom .sidebar nav .navActive:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--member-gold)}.memberControlRoom .vip{margin-top:auto;border-radius:10px;border-color:#68542b;background:linear-gradient(145deg,#242317,#07141d);padding:15px}.memberControlRoom>.content{grid-column:2;grid-row:2;width:100%;min-width:0;background:transparent}.memberControlRoom .topbar{min-height:92px;padding:14px 26px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--member-line);background:#05131d88}.memberControlRoom .dateNav{background:#071b28;border-color:#284657;border-radius:8px;min-width:0;max-width:330px}.memberControlRoom .dateNav small{color:#91abbf;font-size:11px;line-height:1.6}.memberControlRoom .dateNav button{flex:none;border-radius:6px;background:#102b3d}.memberControlRoom .stats{background:#061722;border-color:#284657;border-radius:9px}.memberControlRoom .stats>div{min-width:94px;padding:0 12px}.memberControlRoom .pageBody{padding:24px 26px}.memberControlRoom a:focus-visible,.memberControlRoom button:focus-visible{outline:2px solid var(--member-gold);outline-offset:3px}@media(max-width:1200px){.memberProduct{display:none}.memberControlRoom{grid-template-columns:200px minmax(0,1fr)}.memberControlRoom .topbar{padding:14px 18px;gap:12px}.memberControlRoom .stats>div{min-width:78px;padding:0 8px}.memberControlRoom .pageBody{padding:22px 18px}}@media(max-width:900px){.memberControlRoom{grid-template-columns:minmax(0,1fr)}.memberMasthead{padding:10px 16px;gap:12px}.memberIdentity{gap:12px}.memberControlRoom>.content{grid-column:1}.memberControlRoom>.sidebar{display:none}.memberControlRoom>.sidebar.open{display:flex;position:fixed;z-index:60;inset:0 auto 0 0;width:min(300px,calc(100vw - 42px));height:100dvh;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 14px;box-shadow:16px 0 60px #0008}.memberControlRoom .navBackdrop{position:fixed;inset:0;z-index:50;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.memberControlRoom .sidebarClose{display:grid;place-items:center;width:36px;height:36px;flex:none}.memberControlRoom .mobileMenu{display:grid;place-items:center;flex:none}.memberControlRoom .vip{margin-top:24px}.memberMasthead .memberAccountLink span{display:none}}@media(max-width:560px){.memberMasthead{min-height:62px;padding:10px;gap:8px;flex-wrap:nowrap}.memberIdentity{gap:7px}.memberMasthead .controlBrand{gap:6px}.memberMasthead .controlBrand>svg{width:27px;height:27px}.memberMasthead .controlBrand>strong{font-size:18px;letter-spacing:0}.memberMasthead .userInfo{gap:5px}.memberMasthead .memberAccountLink{display:none}.memberMasthead .iconButton{width:30px;height:32px}.memberMasthead .iconButton svg{width:18px}.memberMasthead .languageSwitch button{min-width:30px!important;min-height:28px!important;padding:3px 4px!important;font-size:11px}.memberControlRoom .topbar{min-height:80px;padding:12px;gap:10px}.memberControlRoom .dateNav{width:100%;max-width:none;justify-content:space-between;padding:6px}.memberControlRoom .dateNav>div{text-align:center}.memberControlRoom .dateNav small{font-size:11px}.memberControlRoom .pageBody{padding:18px 12px}}@media(prefers-reduced-motion:reduce){.memberControlRoom *{scroll-behavior:auto!important}}.adminPage{min-height:100vh;background:radial-gradient(circle at 85% 0,#172c40 0,transparent 32%),linear-gradient(145deg,#07111b,#091725 52%,#07111b);color:#edf4fb;padding:28px clamp(14px,3vw,42px) 56px}.adminShell{width:min(1180px,100%);margin:0 auto;display:grid;grid-gap:22px;gap:22px}.adminTopbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border:1px solid #2b4052;border-radius:18px;background:#0b1824d9;box-shadow:0 18px 48px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.adminTopbar>a{min-width:0}.adminTopbar .lockBallBrand,.adminTopbar>a{text-decoration:none}.adminNav{display:flex;align-items:center;gap:7px;min-width:0;padding:5px;border:1px solid #293e50;border-radius:12px;background:#07131e}.adminNav a,.adminNav button{display:flex;align-items:center;gap:8px;min-height:40px;padding:9px 13px;border:0;border-radius:8px;background:transparent;color:#a9bdce;text-decoration:none;font:inherit;font-size:13px;font-weight:700;white-space:nowrap}.adminNav a.active,.adminNav a:hover,.adminNav button.active,.adminNav button:hover{background:#24384a;color:#ffe09a}.adminHero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:18px 2px 2px}.adminHeroCopy{max-width:720px}.adminEyebrow{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#e8be69;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.adminHero h1{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.18;letter-spacing:-.035em}.adminHero p{margin:10px 0 0;color:#9fb2c3;line-height:1.75;font-size:14px}.adminRoleBadge{display:flex;align-items:center;gap:9px;flex-shrink:0;padding:10px 14px;border:1px solid #7b6131;border-radius:999px;background:#2b220f;color:#ffda81;font-size:12px;font-weight:800}.adminStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.adminStat{position:relative;overflow:hidden;min-height:112px;padding:17px;border:1px solid #2e4354;border-radius:16px;background:linear-gradient(145deg,#122333,#0b1723)}.adminStat:after{content:"";position:absolute;width:84px;height:84px;right:-30px;bottom:-35px;border-radius:50%;background:#e8b95716}.adminStatHeader{display:flex;align-items:center;gap:8px;color:#9fb2c4;font-size:12px}.adminStatHeader svg{color:#e8b957}.adminStat strong{display:block;margin-top:13px;font-size:28px;letter-spacing:-.03em}.adminStat small{display:block;margin-top:3px;color:#7f94a7;font-size:11px}.adminGrid{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,1.55fr);grid-gap:16px;gap:16px;align-items:start}.adminPanel{min-width:0;padding:20px;border:1px solid #2d4254;border-radius:18px;background:linear-gradient(155deg,#101f2d,#0a1621);box-shadow:0 14px 38px #0002}.adminPanelHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px}.adminPanelHeader h2{display:flex;align-items:center;gap:9px;margin:0;font-size:18px;line-height:1.35}.adminPanelHeader h2 svg{color:#edc36f}.adminPanelHeader p{margin:6px 0 0;color:#8fa4b6;font-size:12px;line-height:1.55}.adminCount{padding:5px 9px;border-radius:999px;background:#213649;color:#bcd1e2;font-size:11px;font-weight:800}.adminSearch{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 12px;border:1px solid #395267;border-radius:11px;background:#07131e;color:#7891a6}.adminSearch:focus-within{border-color:#e6bb65;box-shadow:0 0 0 3px #e6bb6515}.adminSearch input{min-width:0;width:100%;padding:11px 0;border:0;outline:0;background:transparent;color:#edf5fb;font:inherit;font-size:13px}.adminUserList{display:grid;grid-gap:8px;gap:8px;margin-top:13px;max-height:490px;overflow:auto;padding-right:4px;scrollbar-width:thin}.adminUserCard{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;width:100%;padding:11px;border:1px solid #263b4d;border-radius:12px;background:#0a1722;color:#e9f0f7;text-align:left}.adminUserCard:hover{border-color:#536f84;background:#102233}.adminUserCard[aria-pressed=true]{border-color:#d5a94f;background:linear-gradient(110deg,#2b2516,#10202e);box-shadow:inset 3px 0 #f0c567}.adminAvatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#304c64,#192b3d);color:#ffe09a;font-size:14px;font-weight:900}.adminUserMeta{min-width:0;display:grid;grid-gap:3px;gap:3px}.adminUserMeta small,.adminUserMeta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminUserMeta strong{font-size:12px}.adminUserMeta small{color:#8399ac;font-size:10px}.adminRolePill{padding:4px 7px;border:1px solid #355068;border-radius:999px;color:#9eb5c8;font-size:9px;font-weight:800;white-space:nowrap}.adminRolePill.admin,.adminRolePill.super_admin{border-color:#80652f;background:#2b230f;color:#ffd981}.adminWorkspace{display:grid;grid-gap:16px;gap:16px;min-width:0}.adminMemberBanner{display:flex;align-items:center;gap:13px;padding:15px 17px;border:1px solid #31495d;border-radius:15px;background:#0b1925}.adminMemberBanner .adminAvatar{width:46px;height:46px;border-radius:14px}.adminMemberBanner>div{min-width:0;flex:1 1}.adminMemberBanner h2{margin:0;font-size:18px;overflow-wrap:anywhere}.adminMemberBanner p{margin:4px 0 0;color:#8fa4b6;font-size:12px;overflow-wrap:anywhere}.adminStatus{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#123126;color:#9ce3bd;font-size:10px;font-weight:800}.adminStatus.suspended{background:#351d1c;color:#ffb0aa}.adminFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.adminForm{display:grid;grid-gap:12px;gap:12px;min-width:0}.adminFormTitle{display:flex;align-items:center;gap:10px;margin:0;font-size:16px}.adminFormTitle svg{color:#e8ba61}.adminForm label{display:grid;grid-gap:7px;gap:7px;color:#b9c8d5;font-size:12px;font-weight:700}.adminField{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #3b5367;border-radius:10px;background:#07131e;color:#f1f5f9;font:inherit;font-size:13px;outline:0}.adminField:focus{border-color:#e6bb65;box-shadow:0 0 0 3px #e6bb6515}.adminField:disabled{opacity:.65}.adminInlineFields{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.adminHelp{margin:0;color:#8397a8;font-size:11px;line-height:1.65}.adminWarning{margin:0;padding:10px 11px;border:1px solid #6e582f;border-radius:9px;background:#2b220f;color:#f2cf8d;font-size:11px;line-height:1.6}.adminButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 15px;border:1px solid #e2b75e;border-radius:10px;background:linear-gradient(105deg,#ffdc81,#eab852);color:#211806;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.adminButton:hover{filter:brightness(1.06)}.adminButton:disabled{opacity:.55;cursor:wait}.adminButton.secondary{border-color:#405b70;background:#172a3b;color:#dbe8f2}.adminEmpty{display:grid;place-items:center;min-height:290px;padding:35px;text-align:center;border:1px dashed #344c60;border-radius:16px;color:#8096a8}.adminEmpty svg{margin-bottom:12px;color:#d1a653}.adminMessage{display:flex;align-items:flex-start;gap:9px;margin:0;padding:11px 13px;border:1px solid #31624d;border-radius:11px;background:#0d2a21;color:#a6e8c6;font-size:12px;line-height:1.6}.adminMessage.error{border-color:#753e3d;background:#301b1b;color:#ffb0ac}.adminDepositList{display:grid;grid-gap:8px;gap:8px}.adminDepositRow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:12px 13px;border:1px solid #283f51;border-radius:11px;background:#091722}.adminDepositRow strong{font-size:13px}.adminDepositRow p{margin:4px 0 0;color:#8197a9;font-size:10px}.adminDepositAmount{text-align:right;color:#b8ebcd;font-size:14px;font-weight:900}.adminAccessSection{display:grid;grid-gap:16px;gap:16px}.adminAccessForm{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.25fr);grid-gap:16px;gap:16px}.adminPermissionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px;margin:0;padding:0;border:0}.adminPermissionGrid legend{grid-column:1/-1;margin-bottom:3px;color:#b9c8d5;font-size:12px;font-weight:800}.adminPermission{display:flex;gap:10px;align-items:flex-start;min-height:68px;padding:11px;border:1px solid #2d4456;border-radius:11px;background:#0a1722;color:#c5d2dd;font-size:11px;line-height:1.5;cursor:pointer}.adminPermission:has(input:checked){border-color:#927339;background:#292312;color:#ffe0a0}.adminPermission input{margin-top:2px;accent-color:#e8b957}.adminAuditList{display:grid;grid-gap:9px;gap:9px;max-height:520px;overflow:auto;padding-right:4px;scrollbar-width:thin}.adminAuditItem{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-gap:11px;gap:11px;padding:13px;border:1px solid #293f51;border-radius:12px;background:#091722}.adminAuditIcon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#1f3547;color:#e8bd69}.adminAuditBody{min-width:0}.adminAuditBody strong{font-size:12px}.adminAuditBody p{margin:5px 0;color:#a9bac8;font-size:11px;line-height:1.55;overflow-wrap:anywhere}.adminAuditBody small{color:#748b9d;font-size:10px}.adminAuditTime{color:#8499aa;font-size:10px;white-space:nowrap}.adminLoading{display:flex;align-items:center;gap:9px;color:#9fb2c3;font-size:12px}.adminSpinner{width:15px;height:15px;border:2px solid #50667a;border-top-color:#f0c46e;border-radius:50%;animation:adminSpin .8s linear infinite}@keyframes adminSpin{to{transform:rotate(1turn)}}@media(max-width:1120px){.adminNav a,.adminNav button{flex:0 0 38px;min-height:38px;padding:0;justify-content:center;font-size:0}.adminNav a svg,.adminNav button svg{width:18px}}@media(max-width:900px){.adminStats{grid-template-columns:repeat(2,minmax(0,1fr))}.adminGrid{grid-template-columns:1fr}.adminUserList{grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px}.adminAccessForm{grid-template-columns:1fr}}@media(max-width:640px){.adminPage{padding:12px 10px 36px}.adminTopbar{align-items:center;gap:6px;padding:10px;border-radius:14px}.adminTopbar .lockBallBrand{gap:6px}.adminTopbar .lockBallWordmark small{display:none}.adminTopbar .lockBallMark{width:27px;height:33px}.adminTopbar .lockBallWordmark strong{font-size:14px}.adminNav{flex:1 1;justify-content:flex-end;gap:2px;padding:3px;overflow:hidden;scrollbar-width:none}.adminNav a,.adminNav button{flex:0 0 32px;min-height:34px;padding:0;font-size:0;justify-content:center}.adminNav a svg,.adminNav button svg{width:17px}.adminHero{align-items:flex-start;flex-direction:column;padding-top:10px}.adminHero h1{font-size:29px}.adminRoleBadge{align-self:flex-start}.adminStats{gap:8px}.adminStat{min-height:96px;padding:13px}.adminStat strong{font-size:23px}.adminPanel{padding:15px;border-radius:15px}.adminUserList{max-height:360px}.adminFormGrid,.adminInlineFields,.adminPermissionGrid,.adminUserList{grid-template-columns:1fr}.adminMemberBanner{align-items:flex-start;flex-wrap:wrap}.adminMemberBanner .adminStatus{margin-left:59px}.adminDepositRow{grid-template-columns:1fr}.adminDepositAmount{text-align:left}.adminAuditItem{grid-template-columns:30px minmax(0,1fr)}.adminAuditTime{grid-column:2;white-space:normal}.adminPermission{min-width:0;min-height:auto}}@media(max-width:380px){.adminNav a[href="/"]{display:none}.adminTopbar{padding-inline:9px}.adminNav a,.adminNav button{flex-basis:30px}}@media(prefers-reduced-motion:reduce){.adminSpinner,.signupAccountForm{animation:none}}