.report-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px;padding:4px 2px}.report-head h2{font-size:1.6rem;margin:0 0 8px}.report-head h2 span{font-weight:400;color:var(--muted)}.report-head p:last-child{color:var(--muted);font-size:.83rem;margin:0}.live-badge{border:1px solid #264b43;background:#122b29;color:var(--mint);padding:7px 11px;border-radius:99px;font-size:.75rem;white-space:nowrap}.live-badge i{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:6px;box-shadow:0 0 8px var(--mint)}
.report-section{background:linear-gradient(145deg,#121b2c,#0f1726);border:1px solid var(--line);border-radius:14px;padding:17px;margin-bottom:14px}.report-section h3{font-size:1rem;margin:0 0 13px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid:not(.six)>.report-metric:last-child:nth-child(odd){grid-column:1/-1}.report-metric{position:relative;background:#0d1422;border:1px solid #202c42;border-radius:10px;min-height:94px;padding:13px 14px 12px 18px;overflow:hidden}.report-metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tone)}.report-metric>span{display:block;color:#b4bed0;font-size:.76rem}.report-metric strong{display:block;color:var(--tone);font-size:1.5rem;line-height:1.25;margin:6px 0 2px;font-weight:650}.report-metric small{display:block;text-align:right;color:var(--muted);font-size:.7rem}.cyan{--tone:#4fb7e8}.green{--tone:#68b565}.pink{--tone:#ef7fa8}.purple{--tone:#8d75d0}.red{--tone:#e86678}
.report-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-grid-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-panel{min-width:0}.chart-panel .chart{height:205px}.legend{font-size:.7rem;color:var(--muted)}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 4px 0 9px}.cyan-dot{background:#4fb7e8}.pink-dot{background:#ef7fa8}.red-dot{background:#e86678}.green-dot{background:#68b565}.axis-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem;margin-top:-5px}.bar-chart{height:188px;display:flex;align-items:flex-end;gap:5px;padding:18px 12px 0;border-bottom:1px solid #27334a;background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#27334a 45px)}.bar-chart i{flex:1;border-radius:4px 4px 1px 1px;opacity:.9;min-width:3px}.empty-chart{height:190px;display:grid;place-items:center;color:var(--muted);font-size:.8rem}
.health{margin-bottom:0}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 24px}.compare{display:grid;grid-template-columns:105px 1fr 165px;gap:12px;align-items:center;font-size:.76rem}.compare-track{height:9px;background:#283246;border-radius:9px;overflow:hidden}.compare-track i{display:block;height:100%;background:var(--tone);border-radius:9px}.compare small{color:var(--muted);text-align:right}.health .notice{margin:18px 0 0}.section-title h3{margin:0}
.axis-text{fill:#7f8ca3;font-size:10px;font-family:Inter,"Noto Sans JP",sans-serif}.axis-line,.axis-tick{stroke:#526079;stroke-width:1;fill:none}.bar-value{fill:#dce6f5;font-size:10px;font-weight:700}.chart-panel .chart svg{overflow:visible}.chart-panel .chart-grid{stroke:#27334a;stroke-width:1}
.event-detail-panel{grid-column:1/-1}.event-chart{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;margin-top:14px}.event-chart-row{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;background:#0d1422;border:1px solid #202c42;border-radius:10px;padding:11px}.event-rank{color:#64738d;font-size:.72rem;font-weight:800;padding-top:3px}.event-name{display:flex;align-items:center;justify-content:space-between;gap:12px}.event-name b{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-name strong{color:#4fb7e8;font-size:1.05rem}.event-name strong small{font-size:.65rem;margin-left:2px}.event-track{height:8px;background:#243048;border-radius:8px;overflow:hidden;margin:7px 0 9px}.event-track i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#4fb7e8,#54e3b4)}.event-meta{display:flex;flex-wrap:wrap;gap:6px 13px;color:#7f8ca3;font-size:.68rem}.event-meta b{color:#bcc7d8;margin-left:3px}
@media(max-width:1050px){.metric-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid-wrap{grid-template-columns:1fr}.compare{grid-template-columns:95px 1fr}.compare small{grid-column:2;text-align:left;margin-top:-8px}}
@media(max-width:760px){.report-head{align-items:flex-start;gap:12px}.report-head h2{font-size:1.3rem}.report-columns{grid-template-columns:1fr}.metric-grid.six{grid-template-columns:1fr 1fr}.live-badge{display:none}}
@media(max-width:760px){.event-chart{grid-template-columns:1fr}}
@media(max-width:520px){.metric-grid,.metric-grid.six{grid-template-columns:1fr}.report-metric{min-height:84px}.report-metric strong{font-size:1.35rem}.chart-panel{padding:14px 10px}.legend{display:none}.health-grid{grid-template-columns:1fr}}