*{box-sizing:border-box}:root{color-scheme:light;--page: #edf2f7;--app: #f4f7fb;--surface: #ffffff;--surface-soft: #fbfcfe;--text: #202734;--text-strong: #253244;--muted: #7d8795;--subtle: #a2aab5;--border: #dce4ef;--border-soft: #eef2f6;--grid: #edf0f4;--primary: #5b7fc8;--primary-strong: #4f73bd;--hero-start: #8eb5e7;--hero-end: #a6dde2;--danger: #b14a3a;--shadow: rgba(27, 49, 78, .06)}body{margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#202734;background:#edf2f7}.securityWatermark{position:fixed;inset:0;z-index:9999;display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));align-content:space-around;gap:54px 20px;padding:44px 12px;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.securityWatermark span{justify-self:center;color:#20273415;font-size:13px;font-weight:850;line-height:1;white-space:nowrap;transform:rotate(-22deg)}button,input{font:inherit}button{cursor:pointer}button:focus:not(:focus-visible){outline:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(91,127,200,.24);outline-offset:2px}.appShell{min-height:100vh;max-width:840px;margin:0 auto;background:#f4f7fb;padding-bottom:84px}.desktopChrome{display:contents}.mobileHero{position:sticky;top:0;z-index:20;padding:18px 16px 14px;background:linear-gradient(135deg,#8eb5e7,#a6dde2);border-bottom:1px solid rgba(255,255,255,.62)}.adminHeader{position:sticky;top:0;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 16px 14px;background:linear-gradient(135deg,#8eb5e7,#a6dde2);border-bottom:1px solid rgba(255,255,255,.62)}.adminHeader h1{margin:4px 0 0;font-size:24px;line-height:1.18}.adminHeaderActions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;color:#192a3ec2;font-size:13px;font-weight:800}.adminHeader button,.uploadButton{min-height:30px;border:1px solid rgba(255,255,255,.72);border-radius:999px;padding:0 12px;color:#315f9f;background:#ffffffad;font-weight:800}.uploadButton{display:inline-flex;align-items:center;white-space:nowrap;cursor:pointer}.uploadButton input{display:none}.heroTop{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.heroActions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.heroActions:empty{display:none}.eyebrow{display:block;color:#142538b8;font-size:13px;font-weight:700}.mobileHero h1{margin:4px 0 0;font-size:24px;line-height:1.18;word-break:break-word}.iconButton{width:40px;height:40px;border:0;border-radius:999px;color:#315f9f;background:#ffffffc7;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.favoriteButton{height:34px;border:1px solid rgba(255,255,255,.72);border-radius:999px;padding:0 12px;color:#315f9f;background:#ffffffad;font-size:13px;font-weight:800;white-space:nowrap}.favoriteButton.active{color:#fff;background:#5b7fc8f2;border-color:#5b7fc8f2}.accountBar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:-6px 0 10px;color:#192a3ec2;font-size:13px;font-weight:700}.accountBar button{height:28px;border:1px solid rgba(255,255,255,.72);border-radius:999px;padding:0 12px;color:#315f9f;background:#ffffffad}.screenState{min-height:100vh;display:grid;place-items:center;color:#738092;font-weight:700}.loginShell{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(135deg,#8eb5e7,#a6dde2)}.loginPanel{width:min(100%,420px);border:1px solid rgba(255,255,255,.78);border-radius:18px;padding:26px 22px 22px;background:#ffffffeb;box-shadow:0 22px 48px #2c507e2e}.loginPanel h1{margin:6px 0 22px;font-size:30px}.feishuLoginButton{width:100%;height:44px;border:0;border-radius:999px;color:#fff;background:#1f8b4c;font-weight:900;margin-bottom:10px}.loginHelp{margin:0 0 12px;color:#64748b;font-size:13px;font-weight:750;line-height:1.55}.passwordLoginToggle{width:100%;height:42px;border:1px solid #d6deea;border-radius:999px;color:#475569;background:#fff;font-weight:850;margin:0 0 14px}.loginDivider{display:flex;align-items:center;gap:10px;color:#7b8796;font-size:12px;font-weight:800}.loginDivider:before,.loginDivider:after{content:"";flex:1;height:1px;background:#dce4ef}.loginForm{display:grid;gap:14px}.loginForm label{display:grid;gap:7px;color:#5b6879;font-size:14px;font-weight:700}.loginForm input{height:44px;border:1px solid #d6deea;border-radius:12px;padding:0 12px;outline:0;color:#202734;background:#fff}.loginForm input:focus{border-color:#5b7fc8;box-shadow:0 0 0 3px #5b7fc824}.loginForm button{height:44px;border:0;border-radius:999px;color:#fff;background:#5b7fc8;font-weight:800}.loginForm button:disabled{opacity:.64}.loginError{border-radius:12px;padding:10px 12px;color:#9c2f2f;background:#fff0f0;font-size:14px}.searchBox{height:44px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border-radius:999px;padding:0 7px 0 14px;background:#ffffffeb;box-shadow:0 10px 24px #2c507e21}.searchBox input{min-width:0;border:0;outline:0;background:transparent;color:#1f2a3a}.searchBox button{height:32px;border:0;border-radius:999px;padding:0 13px;color:#fff;background:#5b7fc8;white-space:nowrap}.suggestionList{margin-top:8px;border-radius:14px;background:#fffffff5;overflow:hidden;box-shadow:0 14px 28px #31537d29}.suggestionList button{width:100%;border:0;background:transparent;text-align:left;padding:10px 14px;color:#253244}.sourceTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.sourceTabs.compactSourceTabs{margin-top:0}.sourceTabs button{height:38px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:#ffffff9e;color:#39516e;display:inline-flex;align-items:center;justify-content:center;padding:0 12px}.sourceTabs button.active{color:#fff;background:#5b7fc8;border-color:#5b7fc8}.content{padding:14px 12px 0}.dateSelector{border:1px solid #dce4ef;border-radius:14px;background:#fff;box-shadow:0 8px 22px #1b314e0d;padding:12px;margin-bottom:12px}.emptyDateSelector{color:#788494}.dateSelectorHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.dateSelectorHeader strong{font-size:16px}.dateSelectorHeader button,.dateChips button{border:1px solid #d6deea;border-radius:999px;background:#fff;color:#4e5c6e;white-space:nowrap}.dateSelectorHeader button{height:30px;padding:0 12px}.dateChipRow{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;margin-top:8px}.dateChipRow>span{color:#707c8d;font-size:13px;font-weight:700}.dateChips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.dateChips button{height:34px;padding:0 12px;font-size:14px}.dateChips button.active{color:#fff;background:#5b7fc8;border-color:#5b7fc8}.summaryCard,.chartCard,.tableCard,.fieldCard,.retentionCard,.filterCard{background:#fff;border:1px solid #e4eaf2;border-radius:14px;box-shadow:0 8px 22px #1b314e0f;margin-bottom:12px;overflow:hidden}.subTabs,.reportTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.reportTabs{padding:0 16px 12px;margin-bottom:0}.typeSwitch{align-self:end;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:180px}.rankingHubTabs{grid-template-columns:repeat(4,minmax(0,1fr))}.rankingControls{display:grid;gap:10px}.rankingModeSwitch{grid-template-columns:repeat(3,minmax(0,1fr))}.rankingTypeSwitch{margin-bottom:12px}.subTabs button,.reportTabs button,.typeSwitch button{height:40px;border:1px solid #d6deea;border-radius:999px;color:#58667a;background:#fff;font-weight:800}.subTabs button.active,.reportTabs button.active,.typeSwitch button.active{color:#fff;background:#5b7fc8;border-color:#5b7fc8}.cardHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 8px}.cardHeader h2{margin:0;font-size:20px;line-height:1.2}.cardHeader span{color:#a2aab5;font-size:13px;white-space:nowrap}.textButton{border:0;background:transparent;color:#5b7fc8;font-size:13px;font-weight:800;white-space:nowrap;padding:2px 0}.textButton:disabled{color:#a2aab5}.metricGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 16px 16px}.metricTile{min-width:0;border-left:3px solid #6d8bcd;padding:4px 0 4px 10px}.metricTile span,.detailSummary span{display:block;color:#707c8d;font-size:13px}.metricTile strong,.detailSummary strong{display:block;margin-top:5px;font-size:24px;font-weight:500;line-height:1.15;word-break:break-word}.metricTile small{display:block;margin-top:5px;color:#9aa3ad;font-size:12px}.detailSummary{display:grid;grid-template-columns:1fr;gap:12px;padding:10px 16px 16px}.fieldGroups{padding:0 16px 16px}.fieldGroup{border-top:1px solid #eef2f6;padding:14px 0 4px}.fieldGroup:first-child{border-top:0;padding-top:4px}.fieldGroup h3{margin:0 0 10px;color:#253244;font-size:16px;line-height:1.2}.fieldList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fieldItem{min-width:0;border:1px solid #edf1f6;border-radius:10px;padding:9px 10px;background:#fbfcfe}.fieldItem span{display:block;color:#7d8795;font-size:12px;line-height:1.25}.fieldItem strong{display:block;margin-top:5px;color:#253244;font-size:16px;line-height:1.25;word-break:break-word}.chart{width:100%;height:280px}.tableScroll{overflow:auto;max-height:58vh}.tableScroll:after{content:"";position:sticky;right:0;display:block;width:18px;height:1px;margin-top:-1px;background:linear-gradient(90deg,transparent,rgba(28,46,72,.08));pointer-events:none}table{width:100%;border-collapse:collapse;min-width:620px;table-layout:auto}th,td{height:56px;border-bottom:1px solid #eef2f6;text-align:right;padding:0 14px;color:#3d4653;font-size:15px;white-space:nowrap}th{color:#9aa3ad;font-weight:500;position:sticky;top:0;z-index:3;background:#fff}th.compactTextColumn,td.compactTextColumn{width:6em;min-width:6em;max-width:6em;overflow:hidden;text-overflow:ellipsis}th.gameNameTextColumn,td.gameNameTextColumn{width:7em;min-width:7em;max-width:7em;overflow:hidden;text-overflow:ellipsis}.compactTextColumn .sortHeader span,.gameNameTextColumn .sortHeader span{min-width:0;overflow:hidden;text-overflow:ellipsis}.sortHeader{width:100%;min-height:42px;border:0;padding:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.sortHeader.active{color:#5b7fc8;font-weight:800}.sortHeader b{min-width:14px;font-size:13px}th:first-child .sortHeader{justify-content:flex-start}th:first-child,td:first-child{position:sticky;left:0;z-index:1;text-align:left;background:#fff}th:first-child{z-index:4}.emptyState,.errorState,.noticeState{padding:22px 16px;color:#788494}.errorState{color:#b14a3a}.noticeState{color:#27704c}.errorState.compact,.noticeState.compact{padding:10px 0 0}.filterContent{padding:0 16px 16px}.filterGroup{border-top:1px solid #eef2f6;padding:14px 0 2px}.filterGroup:first-child{border-top:0;padding-top:2px}.filterGroup h3{margin:0 0 10px;color:#253244;font-size:16px}.filterGrid{display:grid;grid-template-columns:1fr;gap:10px}.filterGrid label,.rangeField{min-width:0;display:grid;gap:7px;color:#707c8d;font-size:13px;font-weight:800}.filterGrid input,.filterGrid select,.rangeField input{width:100%;height:40px;border:1px solid #d6deea;border-radius:10px;padding:0 10px;outline:0;color:#202734;background:#fff}.filterGrid input:focus,.filterGrid select:focus,.rangeField input:focus{border-color:#5b7fc8;box-shadow:0 0 0 3px #5b7fc824}.rangeInputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quickChips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:2px}.quickChips button{min-height:30px;border:1px solid #d6deea;border-radius:999px;padding:0 11px;color:#6f7b8a;background:#fff;font-size:12px;font-weight:800}.quickChips button.active{color:#fff;background:#5b7fc8;border-color:#5b7fc8}.filterActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.adminContent{padding-bottom:18px}.adminSummary .detailSummary strong{font-size:20px}.adminRefresh{display:flex;align-items:end}.adminRefresh button{width:100%}.adminManualForm{display:grid;grid-template-columns:1fr;gap:10px}.adminManualForm label{display:grid;gap:7px;color:#707c8d;font-size:13px;font-weight:800}.adminManualForm input{width:100%;height:40px;border:1px solid #d6deea;border-radius:10px;padding:0 10px;outline:0;color:#202734;background:#fff}.adminManualForm input:focus{border-color:#5b7fc8;box-shadow:0 0 0 3px #5b7fc824}.adminTableScroll{max-height:66vh}.rankingPanel{overflow:hidden}.rankingList{display:grid}.rankingItem{min-width:0;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid #eef2f6;padding:14px;cursor:pointer}.rankingItem:first-child{border-top:0}.rankNumber{color:#778292;font-size:16px;font-weight:800;letter-spacing:0}.rankNumber.topRank{color:#5b7fc8}.rankingBody{min-width:0}.rankingTitle{color:#202734;font-size:17px;font-weight:900;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rankingTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.rankingTags span{min-height:22px;border:1px solid #d6deea;border-radius:6px;padding:1px 6px;color:#5b7fc8;font-size:12px;font-weight:800}.rankingMeta{margin-top:6px;display:flex;gap:8px;color:#778292;font-size:13px;min-width:0}.rankingMeta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rankingValue{display:grid;justify-items:end;gap:6px}.rankingValue strong{color:#202734;font-size:16px;font-weight:900;white-space:nowrap}.rankingValue span{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:900;white-space:nowrap}.rankUp{color:#1d7a52;background:#eaf7f0}.rankDown{color:#b14a3a;background:#fff0f0}.rankNew{color:#4f73bd;background:#edf3ff}.rankStable,.rankingStatus{color:#6d7684;background:#f0f3f7}.rankingActions{grid-column:2 / 4;display:flex;gap:8px;justify-content:flex-end}.rankingActions button,.compareChips button{min-height:30px;border:1px solid #d6deea;border-radius:999px;padding:0 11px;color:#5d6a7a;background:#fff;font-size:12px;font-weight:800}.rankingActions button.active{color:#fff;background:#5b7fc8;border-color:#5b7fc8}.compareControls{padding:0 16px 16px}.compareSearch{box-shadow:none;border:1px solid #d6deea}.compareChips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.briefingGrid{display:grid;grid-template-columns:1fr;gap:12px}.briefingSection,.briefingHero,.watchGroupCard,.watchPanel{min-width:0}.briefingList{display:grid;gap:8px;padding:8px 14px 14px}.briefingItem{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #eef2f6;border-radius:10px;padding:10px;background:#fbfcfe;cursor:pointer}.briefingItem strong,.briefingIssue strong{display:block;color:#253244;font-size:15px;line-height:1.2}.briefingItem span,.briefingIssue span,.briefingMetric small{display:block;margin-top:4px;color:#7d8795;font-size:12px}.briefingMetric{text-align:right}.briefingMetric b{color:#202734;font-size:15px}.briefingActions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px}.briefingActions button,.watchActions button,.watchRemoveList button,.watchGroupList button,.watchCompareShortcuts button{min-height:30px;border:1px solid #d6deea;border-radius:999px;padding:0 11px;color:#5d6a7a;background:#fff;font-size:12px;font-weight:800}.briefingIssue{border:1px solid #eef2f6;border-radius:10px;padding:10px;text-align:left;background:#fbfcfe}.watchCreate,.watchToolbar,.watchActions,.watchRemoveList,.watchCompareShortcuts{display:flex;flex-wrap:wrap;gap:8px}.watchCreate{padding:0 14px 12px}.watchCreate input{min-width:0;flex:1 1 160px;height:36px;border:1px solid #d6deea;border-radius:999px;padding:0 12px;background:#fff}.watchCreate button{min-height:36px;border:0;border-radius:999px;padding:0 14px;color:#fff;background:#5b7fc8;font-weight:800}.watchGroupList{display:grid;gap:8px;padding:0 14px 14px}.watchGroupList button{display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:8px 10px}.watchGroupList button.active{color:#fff;background:#5b7fc8;border-color:#5b7fc8}.watchToolbar{padding:0 14px 12px;align-items:center}.watchToolbar .searchBox{flex:1 1 280px}.watchActions{margin-left:auto}.watchActions .primaryButton{min-height:34px;height:34px}.watchRemoveList{padding:0 14px 14px}.comparePicker{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;padding:0 14px 14px}.comparePicker label{min-width:0;display:flex;align-items:center;gap:8px;border:1px solid #eef2f6;border-radius:10px;padding:9px 10px;background:#fbfcfe}.comparePicker span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watchCompareShortcuts{margin-bottom:10px}.compareChartGrid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}.compareChartGrid .chartCard{margin-bottom:0}.compareMetricCard .chart{height:248px}.compareMatrixScroll{overflow:auto;max-height:58vh}.compareMatrixScroll table{min-width:720px}.compareMatrixScroll th,.compareMatrixScroll td{min-width:132px}.compareMatrixScroll th:first-child,.compareMatrixScroll td:first-child{min-width:168px}.matrixMetricName{color:#253244;font-weight:900}.matrixGameButton{max-width:180px;min-height:36px;border:0;padding:0;color:#4f73bd;background:transparent;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metricSelect{height:34px;border:1px solid #d6deea;border-radius:999px;padding:0 12px;color:#4e5c6e;background:#fff;font-weight:800}.clickableRow{cursor:pointer}.clickableRow:hover td{background:#f7faff}.primaryButton,.secondaryButton{height:42px;border-radius:999px;font-weight:800}.primaryButton{border:0;color:#fff;background:#5b7fc8}.primaryButton:disabled{opacity:.6}.secondaryButton{border:1px solid #d6deea;color:#4e5c6e;background:#fff}.bottomNav{position:fixed;left:50%;bottom:0;z-index:30;width:min(840px,100vw);transform:translate(-50%);display:grid;grid-template-columns:repeat(4,1fr);background:#fffffff5;border-top:1px solid #e4eaf2;padding:7px 8px max(7px,env(safe-area-inset-bottom));box-shadow:0 -10px 24px #192b4414}.bottomNav button{min-width:0;border:0;background:transparent;color:#7d8795;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0}.bottomNav button.active{color:#5b7fc8}.bottomNav span{font-size:12px}@media(min-width:720px){.content{padding:18px 18px 0}.metricGrid,.detailSummary,.fieldList{grid-template-columns:repeat(4,minmax(0,1fr))}.filterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.adminManualForm{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 160px;align-items:end}.chart{height:330px}}@media(min-width:1080px){body{background:var(--page)}.securityWatermark{grid-template-columns:repeat(5,minmax(220px,1fr));gap:68px 34px;padding:52px 24px}.appShell{max-width:none;margin:0;padding-bottom:0;background:var(--app)}.mobileHero{position:static;display:grid;grid-template-columns:minmax(220px,360px) minmax(340px,1fr) auto auto;gap:8px 18px;align-items:center;padding:10px 24px;background:#fffffff0;border-bottom:1px solid var(--border);box-shadow:none}.desktopChrome{position:sticky;top:0;z-index:50;display:block;background:var(--app);box-shadow:0 10px 28px #192b4414}.heroTop{grid-column:1;grid-row:1;justify-content:flex-start;margin-bottom:0}.mobileHero h1{max-width:620px;font-size:22px;line-height:1.15}.heroActions{padding-top:1px;margin-left:14px}.accountBar{grid-column:4;grid-row:1;align-self:center;justify-content:flex-end;margin:0;min-width:max-content}.mobileHero>.searchBox{grid-column:2;grid-row:1;width:100%;box-shadow:none}.mobileHero>.suggestionList{grid-column:2;grid-row:2;z-index:25;margin-top:0}.sourceTabs{grid-column:3;grid-row:1;justify-self:end;width:260px;margin-top:0}.sourceTabs.compactSourceTabs{grid-column:3;grid-row:1;justify-self:end;width:260px}.bottomNav{position:static;left:auto;bottom:auto;z-index:20;width:auto;transform:none;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;padding:8px 24px;border-top:0;border-bottom:1px solid var(--border);background:#fffffff5;box-shadow:none}.bottomNav button{min-height:36px;flex-direction:row;justify-content:center;gap:8px;border-radius:999px;padding:0 12px}.bottomNav button.active{color:#fff;background:var(--primary)}.bottomNav span{font-size:13px;font-weight:850}.content{width:min(100%,1640px);margin:0 auto;padding:20px 24px 28px}.detailContent,.dataContent,.customContent,.overviewContent{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:start}.detailContent>*,.dataContent>*,.customContent>*,.overviewContent>*{min-width:0;margin-bottom:0}.summaryCard,.chartCard,.tableCard,.fieldCard,.retentionCard,.filterCard,.dateSelector{border-radius:10px}.cardHeader{padding:16px 18px 9px}.cardHeader h2{font-size:19px}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:10px 18px 18px}.metricTile strong,.detailSummary strong{font-size:22px}.detailContent .dateSelector,.detailContent .fieldCard,.detailContent .tableCard,.dataContent .dateSelector,.dataContent .summaryCard,.dataContent .tableCard{grid-column:1 / -1}.detailContent .fieldList{grid-template-columns:repeat(5,minmax(0,1fr))}.dataContent .chartCard{grid-column:span 6}.dataContent .retentionCard{grid-column:span 4}.dataContent .retentionCard .metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart{height:360px}.dataContent .chart{height:340px}.dateSelector{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 16px;padding:14px 16px}.dateSelectorHeader{grid-row:1 / span 2;align-self:start;margin-bottom:0}.dateChipRow{margin-top:0}.dateChips{scrollbar-width:thin}.customContent>.subTabs,.overviewContent>.rankingHubTabs{grid-column:1 / -1}.customPanel-filter>.filterCard,.customPanel-reports>.summaryCard,.overviewContent>.rankingControls,.overviewContent>.compareCard{position:sticky;top:166px}.customPanel-filter>.filterCard,.customPanel-reports>.summaryCard{grid-column:1 / span 4}.customPanel-filter>.tableCard,.customPanel-reports>.tableCard{grid-column:5 / -1}.customPanel-filter .filterGrid{grid-template-columns:1fr}.customPanel-filter .filterActions{position:sticky;bottom:0;margin:16px -16px -16px;padding:12px 16px 16px;background:var(--surface);border-top:1px solid var(--border-soft)}.customPanel-reports .detailSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.customPanel-reports .typeSwitch{grid-column:1 / -1;min-width:0}.overviewContent>.rankingHubTabs{max-width:460px;margin-bottom:0;position:sticky;top:108px;z-index:45;max-width:none;padding:0;background:var(--app)}.overviewContent>.rankingControls{grid-column:1 / span 3;align-self:start}.overviewContent>.rankingPanel{grid-column:4 / -1}.overviewContent>.briefingHero,.overviewContent>.briefingGrid{grid-column:1 / -1}.briefingGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.overviewContent>.watchGroupCard{grid-column:1 / span 4;position:sticky;top:166px}.overviewContent>.watchPanel,.overviewContent>.watchGroupComparePicker{grid-column:5 / -1}.overviewContent>.compareCard{grid-column:1 / span 4}.overviewContent>.compareChartGrid{grid-column:5 / -1;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}.overviewContent>.chartCard,.overviewContent>.tableCard{grid-column:5 / -1}.compareMetricCard .chart{height:300px}.compareMatrixScroll{max-height:54vh}.compareControls{display:grid;gap:12px;padding:0 18px 18px}.compareChips{margin-top:0}.compareChips button{max-width:100%;overflow:hidden;text-overflow:ellipsis}.rankingPanel{min-height:520px}.rankingList{grid-template-columns:repeat(auto-fill,minmax(520px,1fr));gap:12px;padding:0 14px 14px}.rankingItem{grid-template-columns:72px minmax(0,1fr) minmax(116px,auto) 118px;gap:14px;border:1px solid var(--border-soft);border-radius:8px;padding:12px}.rankingItem:first-child{border-top:1px solid var(--border-soft)}.rankingActions{grid-column:auto;flex-direction:column;justify-content:center;gap:7px}.rankingActions button{width:100%;min-height:28px}.rankingTitle{font-size:16px}.rankingValue strong{font-size:17px}.tableScroll{max-height:calc(100vh - 280px);scrollbar-width:thin}.detailContent .tableScroll,.dataContent .tableScroll,.customContent .tableScroll,.overviewContent .tableScroll{max-height:68vh}table{min-width:980px}th,td{height:44px;padding:0 12px;font-size:14px}.sortHeader{min-height:36px}th.gameNameTextColumn,td.gameNameTextColumn{width:12em;min-width:12em;max-width:12em}th.compactTextColumn,td.compactTextColumn{width:9em;min-width:9em;max-width:9em}}@media(max-width:720px){.securityWatermark{grid-template-columns:repeat(2,minmax(150px,1fr));gap:46px 12px}.securityWatermark span{font-size:12px}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--page: #101620;--app: #131b27;--surface: #192333;--surface-soft: #202c3d;--text: #eef3f8;--text-strong: #ffffff;--muted: #aeb9c8;--subtle: #8f9bad;--border: #2d3a4d;--border-soft: #263346;--grid: #263244;--primary: #7ea4ef;--primary-strong: #9ab8f4;--hero-start: #233b62;--hero-end: #225d64;--danger: #ff9b8f;--shadow: rgba(0, 0, 0, .22)}body{color:var(--text);background:var(--page)}.securityWatermark span{color:#f5f8ff16}.appShell{background:var(--app)}.mobileHero,.adminHeader,.loginShell{background:linear-gradient(135deg,var(--hero-start) 0%,var(--hero-end) 100%);border-bottom-color:#ffffff1f}.eyebrow,.mobileHero h1,.adminHeader h1,.adminHeaderActions,.accountBar{color:var(--text)}.iconButton,.accountBar button,.favoriteButton{color:var(--primary-strong);background:#ffffff1f;border-color:#ffffff29}.favoriteButton.active{color:#fff;background:var(--primary);border-color:var(--primary)}.searchBox,.suggestionList,.sourceTabs button,.subTabs button,.reportTabs button,.typeSwitch button,.watchCreate input,.watchGroupList button,.watchActions button,.watchRemoveList button,.watchCompareShortcuts button,.dateSelectorHeader button,.dateChips button,.quickChips button,.rankingActions button,.compareChips button,.metricSelect,.loginPanel,.loginForm input,.filterGrid select,.rangeField input,.secondaryButton{color:var(--text);background:var(--surface);border-color:var(--border)}.adminHeader button,.uploadButton{color:var(--primary-strong);background:#ffffff1f;border-color:#ffffff29}.searchBox input{color:var(--text)}.sourceTabs button,.subTabs button,.reportTabs button,.typeSwitch button{color:var(--muted)}.sourceTabs button.active,.subTabs button.active,.reportTabs button.active,.typeSwitch button.active,.dateChips button.active,.quickChips button.active,.rankingActions button.active,.textButton,.searchBox button,.primaryButton,.loginForm button{color:#fff;background:var(--primary);border-color:var(--primary)}.textButton{background:transparent;color:var(--primary-strong)}.summaryCard,.chartCard,.tableCard,.fieldCard,.retentionCard,.filterCard,.briefingItem,.briefingIssue,.comparePicker label,.dateSelector{color:var(--text);background:var(--surface);border-color:var(--border);box-shadow:0 8px 22px var(--shadow)}.cardHeader span,.metricTile small,th{color:var(--subtle);background:var(--surface)}.metricTile span,.detailSummary span,.dateChipRow>span,.filterGrid label,.adminManualForm label,.rangeField,.emptyState{color:var(--muted)}.filterGrid input,.adminManualForm input{color:var(--text);background:var(--surface);border-color:var(--border)}.fieldGroup,.filterGroup,.rankingItem,th,td{border-color:var(--border-soft)}.fieldItem{color:var(--text);background:var(--surface-soft);border-color:var(--border-soft)}.fieldGroup h3,.fieldItem strong,.filterGroup h3,.briefingItem strong,.briefingIssue strong,.rankingTitle,.rankingValue strong,.matrixMetricName{color:var(--text-strong)}.rankingMeta,.rankNumber{color:var(--muted)}.rankingTags span{color:var(--primary-strong);border-color:var(--border)}.rankUp{color:#7bd9aa;background:#217a5233}.rankDown{color:#ff9b8f;background:#b14a3a33}.rankNew,.rankStable{color:var(--primary-strong);background:#7ea4ef24}.matrixGameButton{color:var(--primary-strong)}.clickableRow:hover td{background:var(--surface-soft)}th:first-child,td:first-child{background:var(--surface)}td{color:var(--text)}.sortHeader.active,.bottomNav button.active{color:var(--primary)}.bottomNav{background:#192333f5;border-top-color:var(--border)}.bottomNav button{color:var(--muted)}.errorState,.loginError{color:var(--danger)}.noticeState{color:#8ee5b5}}