:root{color:#25344c;background:#f0f3f9;font-family:Inter,system-ui,"Microsoft YaHei",sans-serif}header{padding:20px max(24px,calc((100vw - 1400px)/2));background:#14263e}header h1{font-size:22px}main{max-width:1440px;margin:22px auto}nav{gap:8px}nav button,.analysis-tabs button{background:#e8edf6;color:#52627c}nav button:hover:enabled,.analysis-tabs button:hover:enabled{background:#d9e5f8;color:#244d8b}.analysis-tabs button.selected{background:#356fd6;color:#fff}section{border-color:#e3e8f0;border-radius:14px;padding:24px;box-shadow:0 2px 5px #24395503}h2{font-size:21px;margin:0 0 12px}h3{font-size:16px;color:#263b5b;margin:0 0 16px}h4{font-size:14px;margin:25px 0 10px}p{font-size:13px;line-height:1.7}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title h2{margin-bottom:2px}.section-title p{margin:0}.source-tag{font-size:12px;color:#56806d;padding:6px 12px;border-radius:18px;background:#edf7f2}.filter-form{padding:16px;background:#f7f9fc;border:1px solid #edf0f6;border-radius:10px;gap:12px}.filter-form label{min-width:125px;font-size:12px;color:#596983}.filter-form label:has(#report-population){min-width:215px}.filter-form label:has(#report-build){flex:1;min-width:210px}.filter-form input,.filter-form select{padding:8px 10px;min-height:38px;font-size:13px;width:100%}.filter-form #report-realm{max-width:145px}button{font-size:13px;padding:10px 16px;border-radius:8px;background:#356fd6}button.secondary{background:#fff;border:1px solid #d9e1ed;color:#536884}button.secondary:hover:enabled{background:#edf3fd}.stat-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.stat-card{position:relative;background:#fff;border-color:#e2e8f1;padding:18px 16px;min-height:144px;border-radius:12px}.stat-card span{font-size:12px;padding-right:24px;color:#5c6d88}.stat-card strong{font-size:25px;font-weight:680;color:#1d3355;display:block;margin:10px 0 5px;letter-spacing:-.6px}.stat-card small{font-size:10px;line-height:1.55;color:#8a97aa;letter-spacing:0;display:block}.metric-icon{position:absolute;right:14px;top:14px;width:25px;height:25px;color:#4f83df}.metric-icon svg{width:100%;height:100%}.stat-card:nth-child(3) .metric-icon{color:#8962c6}.stat-card:nth-child(5) .metric-icon,.stat-card:nth-child(6) .metric-icon{color:#cb912c}.data-note{border-left:3px solid #88a7dc;padding:10px 14px;background:#f5f8fd;margin:16px 0 24px;color:#6a7d9a}.analysis-tabs{display:flex;gap:8px;padding-bottom:16px;margin-bottom:10px;flex-wrap:wrap;border-bottom:1px solid #e6ebf3}.analysis-tabs button{padding:9px 16px;font-size:13px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart-card{border:1px solid #e5eaf2;border-radius:12px;background:#fff;padding:20px;margin-bottom:18px;min-width:0}.chart-grid .chart-card{margin-bottom:0}.chart-grid{margin-bottom:18px}.chart-card p{font-size:11px;color:#8290a5;margin-bottom:0}.chart svg{width:100%;display:block;max-height:265px}.axis-label{font:11px system-ui;fill:#8693a8}.chart-legend{display:flex;justify-content:center;gap:20px;font-size:11px;color:#677c97;margin-top:6px;flex-wrap:wrap}.chart-legend span:before{content:'';background:var(--series);width:14px;height:3px;display:inline-block;margin:0 6px 3px 0;border-radius:2px}.empty-state{display:flex;align-items:center;justify-content:center;min-height:150px;font-size:12px;line-height:1.7;padding:20px;color:#8998ad;background:repeating-linear-gradient(0deg,#fff,#fff 35px,#f7f9fc 35px,#f7f9fc 36px);border-radius:8px}.funnel-row{display:grid;grid-template-columns:115px 1fr 80px 55px;gap:10px;align-items:center;margin:12px 0;font-size:12px}.funnel-row b{font-weight:550;text-align:right;color:#354d70}.funnel-row small{text-align:right;letter-spacing:0;color:#6987b3}.funnel-track{height:17px;background:#eff3fa;border-radius:4px;overflow:hidden}.funnel-track i{display:block;background:#5682d5;height:100%;border-radius:4px;min-width:0}#ad-funnel .funnel-track i{background:#dcaa54}.hero-bar-row{display:grid;grid-template-columns:80px 1fr 70px 65px;gap:16px;align-items:center;font-size:12px;min-height:34px}.hero-bar-row b{font-weight:550;text-align:right;color:#486dae}.hero-bar-row small{letter-spacing:0;color:#8a98ad;text-align:right}.hero-bar-track{height:14px;background:#f1f4fa;border-radius:4px;overflow:hidden}.hero-bar-track i{display:block;height:100%;background:linear-gradient(90deg,#7199de,#396ac3);border-radius:4px}.retention-table{min-width:650px}.retention-table th{font-size:12px;font-weight:550;color:#63728b}.retention-cell{text-align:center;padding:11px;border:4px solid #fff;min-width:95px;border-radius:6px}.retention-cell b{display:block;font-size:13px;font-weight:600}.retention-cell small{display:block;font-size:10px;color:inherit;opacity:.7;letter-spacing:0}.retention-cell.pending{background:#f1f4f8;color:#8c9bb0}.retention-cell.pending b{font-size:11px;font-weight:450}.churn-card{display:flex;align-items:center;gap:36px}.churn-card h3{margin-bottom:5px}.churn-card strong{font-size:34px;color:#5966a0}.churn-card p{margin:4px 0;font-size:12px}th,td{padding:12px 10px;border-color:#eef1f6;white-space:nowrap}th{background:#f8fafc;font-size:11px;font-weight:600;color:#62718a}td{font-size:12px;color:#334962}td:first-child{font-family:inherit}#players-list td:first-child{font-family:monospace;font-size:11px}#report-note{font-size:12px;background:#f7f9fc;margin-top:18px;padding:10px 14px}.table-wrap{margin:14px 0!important}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;background:#fff;padding:4px 0 16px;z-index:2}.detail-header h2{margin:0}.detail-header p{margin:4px 0 0;font-size:11px;font-family:monospace;color:#8290a3;overflow-wrap:anywhere}dialog{width:min(1180px,94vw);max-height:91vh;padding:24px;border:1px solid #dbe2ec;border-radius:15px;box-shadow:0 24px 90px #162c4d33;color:#25344c}dialog::backdrop{background:#182c4670;backdrop-filter:blur(3px)}.detail-panel{border:0;box-shadow:none;padding:12px 0;margin:8px 0}.detail-pairs{display:grid;grid-template-columns:135px 1fr 135px 1fr;gap:12px 16px;font-size:12px;margin:24px 0}.detail-pairs dt{color:#8a98aa}.detail-pairs dd{margin:0;overflow-wrap:anywhere;color:#354d6e}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detail-metrics div{background:#f4f7fc;padding:16px;border-radius:9px}.detail-metrics span{color:#6d7e98;font-size:12px;display:block}.detail-metrics strong{display:block;font-size:23px;color:#325786;margin-top:5px}.detail-chart{max-width:760px}.detail-hint{font-size:11px;color:#8a98ab;background:#f7f9fc;padding:10px 14px;border-radius:8px}.detail-panel .table-wrap{max-height:430px}.detail-panel th{position:sticky;top:0}.detail-panel td{white-space:normal}.detail-panel table{min-width:620px}#player-detail-content{min-height:300px}#player-result{font-size:12px;color:#7b8ca5}@media(max-width:1150px){.stat-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){main{padding:0 10px}section{padding:16px}.stat-cards{grid-template-columns:repeat(2,1fr)}.stat-card strong{font-size:22px}.chart-grid{grid-template-columns:1fr}.section-title{align-items:start}.source-tag{display:none}.filter-form label{flex:1;min-width:130px}.hero-bar-row{gap:8px;grid-template-columns:60px 1fr 60px 45px}.funnel-row{grid-template-columns:90px 1fr 55px 42px;gap:6px;font-size:11px}.detail-pairs{grid-template-columns:115px 1fr}.detail-metrics{grid-template-columns:repeat(2,1fr)}dialog{padding:16px}.churn-card{gap:20px;align-items:start}.detail-header{align-items:start}}

.live-online{display:flex;align-items:center;gap:22px;padding:18px 22px;margin:20px 0;background:#f2f7ff;border:1px solid #d8e6fb;border-radius:12px}.live-online-value{display:flex;align-items:baseline;gap:9px;white-space:nowrap;color:#345c91}.live-online-value strong{font-size:36px;line-height:1.1;font-weight:650}.live-online-copy{flex:1}.live-online-copy p{font-size:12px;line-height:1.7;margin:2px 0;color:#70839e}.live-online-copy p:first-child{color:#357852}.live-online[data-state="error"] .live-online-copy p:first-child{color:#9a6531}.live-online[data-state="paused"] .live-online-copy p:first-child{color:#778497}@media(max-width:720px){.live-online{flex-wrap:wrap;padding:15px;gap:12px}.live-online-copy{order:3;flex-basis:100%}.live-online button{margin-left:auto}}

.online-history{margin:0 0 22px}.online-history-title{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.online-history-title h3{margin:0}.online-history-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.online-history-controls button{padding:7px 11px;font-size:12px;background:#edf3fc;color:#52709a}.online-history-controls button.selected{background:#447bd1;color:white}.online-history-controls label{min-width:0;display:flex;flex-direction:row;align-items:center;gap:6px;font-size:12px;color:#6e819b}.online-history-controls input{padding:5px 8px;font-size:12px;min-width:0}.online-history svg{width:100%;display:block;min-height:150px}.online-history .online-history-hover{min-height:20px;color:#3868a4}.online-history-empty{padding:55px 15px;text-align:center;background:#f8fafc;border-radius:8px}.online-history p{font-size:12px;line-height:1.7}