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