.recent-streams .panel-header{align-items:baseline;padding-bottom:20px}.recent-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;display:grid}.recent-card{border-bottom:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.recent-thumbnail{aspect-ratio:16/9;text-align:left;cursor:pointer;background:#252723;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.recent-thumbnail img{object-fit:cover;width:100%;height:100%;transition:filter .18s;display:block;position:absolute;inset:0}.recent-thumbnail img[hidden]{display:none}.recent-thumbnail:hover img{filter:brightness(1.12)}.thumbnail-fallback{color:var(--muted);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.thumbnail-duration{color:#f4efe6;font:12px/1.2 var(--mono);font-variant-numeric:tabular-nums;background:#111e;padding:4px 6px;position:absolute;bottom:9px;right:9px}.recent-card-body{flex-direction:column;flex:1;padding-top:14px;display:flex}.recent-card-meta{color:var(--muted);font:11px/1.6 var(--mono);justify-content:space-between;align-items:center;display:flex}.recent-episode{color:var(--gold);letter-spacing:.04em}.recent-card h3{margin:9px 0 7px;font-size:16px;font-weight:500;line-height:1.65}.recent-card-title{color:var(--text);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;-webkit-line-clamp:2;background:0 0;border:0;-webkit-box-orient:vertical;min-height:3.3em;padding:0;display:-webkit-box;overflow:hidden}.recent-card-title:hover{color:var(--gold)}.recent-card-game{color:var(--muted);margin:0 0 19px;font-size:10px;line-height:1.6}.recent-card-game span{color:#6c6d62;margin:0 5px}.recent-card-record{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-top:auto;padding-bottom:12px;display:flex}.recent-card-record>span{color:var(--muted);font-size:11px}.recent-card-record strong{font:22px/1.2 var(--serif);font-variant-numeric:tabular-nums}.recent-card-record .unreviewed{color:var(--muted);font:13px/1.6 var(--font)}.recent-card-ending{align-items:baseline;gap:10px;min-height:58px;padding:15px 0;display:flex}.recent-ending-label{color:var(--muted);flex-shrink:0;font-size:10px}.recent-ending-link{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;gap:8px;padding:0;font-size:12px;display:flex}.recent-ending-link>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-ending-link:hover{color:var(--gold)}.recent-ending-time{color:var(--gold);font:11px/1.7 var(--mono);flex-shrink:0}.recent-ending-time .icon{vertical-align:middle;width:12px;height:12px;margin-left:3px}.recent-ending-empty{color:var(--muted);font-size:12px}.recent-card-actions{justify-content:space-between;align-items:center;gap:12px;padding:3px 0 14px;display:flex}.recent-detail-link{min-height:40px;font-size:12px}.recent-detail-link .icon{vertical-align:middle;width:14px;height:14px;margin-left:5px}.recent-card-actions .icon-btn{width:40px;height:40px}.recent-streams+.record-analysis{margin-top:40px}.recent-thumbnail:focus-visible,.recent-card-title:focus-visible,.recent-ending-link:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.grid-charts>.panel,.duration-ledger button span{min-width:0}.duration-ledger strong{flex-shrink:0}@media (width<=1100px){.recent-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.recent-card-grid{grid-template-columns:minmax(0,1fr);gap:30px}.recent-card h3{font-size:17px}.recent-card-title{min-height:0}.recent-card-game{font-size:11px}.recent-card-actions{padding-bottom:13px}}@media (width<=700px){.grid-charts{grid-template-columns:minmax(0,1fr)}body[data-view=overview] #developmentNotice{width:auto;height:auto;margin:0 0 12px;padding:0;line-height:1.7}}@media (prefers-reduced-motion:reduce){.recent-thumbnail img{transition:none}}body[data-view=overview] .hero{min-height:0}body[data-view=overview] .hero-content{padding:24px 0 30px}.overview-stats{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.overview-stats .stat-card{min-width:0;padding:22px 14px}.overview-stats .stat-card:first-child{padding-left:0}.overview-stats .stat-value{overflow-wrap:anywhere;white-space:normal;font-size:clamp(24px,2.5vw,34px)}.trend-panel{min-width:0}.trend-panel .panel-header{flex-wrap:wrap;align-items:center;padding-bottom:20px}.trend-panel .panel-header h3{font-size:16px}.trend-chart{grid-template-columns:46px minmax(0,1fr);display:grid}.trend-axis{height:212px;color:var(--muted);font:10px var(--mono);flex-direction:column;justify-content:space-between;margin-top:34px;display:flex}.trend-axis span{transform:translateY(-50%)}.trend-scroll{min-width:0;padding:34px 0 36px;overflow-x:auto}.trend-plot{height:212px;min-width:var(--plot-width);position:relative}.trend-grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.trend-grid i{border-top:1px solid var(--line);width:100%}.trend-bars{grid-template-columns:repeat(var(--count), minmax(0, 1fr));gap:8px;padding:0 6px;display:grid;position:absolute;inset:0}.trend-column{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:flex-end;height:100%;padding:0;display:flex;position:relative}.trend-bar{width:100%;max-width:26px;height:var(--bar-height);background:#aaa28f}.trend-column:hover .trend-bar,.trend-column:focus-visible .trend-bar{background:var(--red)}.trend-column:focus-visible,.trend-scroll:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.trend-value{text-align:center;width:100%;color:var(--muted);font:10px var(--mono);white-space:nowrap;position:absolute;top:-23px}.trend-label{color:var(--muted);font:10px var(--mono);white-space:nowrap;position:absolute;top:calc(100% + 10px)}.trend-column.is-zero .trend-bar{height:2px}.trend-column.is-unknown .trend-bar{height:0}.trend-hint{color:var(--muted);justify-content:space-between;gap:12px;padding:5px 0 12px;font-size:10px;display:flex}@media (width<=900px){.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-stats .stat-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 12px}.overview-stats .stat-card:nth-child(2n){border-right:0}.overview-stats .stat-card:last-child{border:0;grid-column:1/-1}.record-analysis .grid-charts{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.trend-panel .panel-header{gap:12px}.trend-panel .segmented{margin:0}.trend-hint{flex-wrap:wrap}}.archive-stream-cell{align-items:center;gap:16px;display:flex}.archive-stream-info{min-width:0}.archive-thumbnail{aspect-ratio:16/9;cursor:pointer;background:#252723;border:0;flex:0 0 144px;width:144px;padding:0;position:relative;overflow:hidden}.archive-thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.archive-thumbnail img[hidden]{display:none}.archive-thumbnail .thumbnail-fallback{text-align:center;padding:10px;font-size:10px}.archive-thumbnail:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.archive-thumbnail:hover img{filter:brightness(1.12)}.stream-table.has-thumbnails .stream-title,.ranking-table .stream-title{white-space:normal;overflow-wrap:anywhere}.ranking-table th:first-child{width:60px}.ranking-table th:last-child{width:120px}@media (width<=700px){.ranking-table th:first-child{width:36px}.ranking-table th:last-child{width:85px}}body[data-view=archives] .view-tools{justify-content:flex-end}.death-card .death-youtube{flex-direction:column;align-items:flex-end;gap:5px;min-width:max-content;text-decoration:none;display:flex}.death-youtube span{font:12px var(--font)}.death-youtube small{font:11px var(--mono);color:var(--muted)}.death-youtube:hover{color:var(--gold)}@media (width<=1000px){.archive-stream-cell{gap:10px}.archive-thumbnail{flex-basis:104px;width:104px}}@media (width<=700px){.archive-stream-cell{flex-direction:column;align-items:flex-start;gap:8px}.archive-thumbnail{flex:none;width:min(180px,100%)}.archive-stream-info{width:100%}.death-card .death-youtube{align-items:flex-start}}