.publicReportLoadingShell{min-height:410px;display:grid;align-content:start;gap:12px}
.publicReportSkeletonHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;height:36px}
.publicReportSkeletonHeader i{display:block;height:13px;width:min(48%,250px);border-radius:8px;background:#203653}
.publicReportSkeletonHeader i:first-child{width:min(46%,210px);height:20px}
.publicReportSkeletonMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.publicReportSkeletonMetrics.secondary{grid-template-columns:repeat(3,minmax(0,1fr))}
.publicReportSkeleton{display:block;height:74px;border-radius:11px}
.publicReportSkeletonChart{height:150px;border-radius:10px;background:linear-gradient(180deg,transparent 0 35%,#182b45 35% 100%);border-top:1px solid #2a405f}
.publicReportSkeletonNote{display:block;width:70%;height:12px;border-radius:8px;background:#203653}
@media(max-width:950px){.publicReportSkeletonMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.publicReportLoadingShell{min-height:0}.publicReportSkeletonMetrics,.publicReportSkeletonMetrics.secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.publicReportSkeletonChart{height:135px}}
@media(max-width:420px){#publicParentReport .publicReportHeaderLine{display:block}#publicParentReport .publicReportUpdated{margin-top:6px}#publicParentReport .publicReportSecondary{grid-template-columns:repeat(2,minmax(0,1fr))}.publicReportSkeletonMetrics{gap:7px}.publicReportSkeleton{height:68px}.publicReportSkeletonChart{height:135px}}
/* /play on phones: the title gets its own full-width row instead of being squeezed between the back link and the fullscreen button. */
@media(max-width:600px){.publicPlayer .publicPlayerToolbar{justify-content:space-between}.publicPlayer .publicPlayerToolbar h1#publicGameTitle{order:3;flex:1 0 100%;font-size:18px;line-height:1.25}}