.yr-mobile-summary,.yr-details-button{display:none}
@media(max-width:760px){
 html:has(body.is-year-review){overflow-y:auto;scrollbar-gutter:auto}
 .is-year-review .site-wrap{width:100%;height:100dvh;min-height:0;margin:0!important;padding:0!important;border:0!important;border-radius:0;box-shadow:none}
 .is-year-review .site-wrap #bgm-controls{display:none!important}
 .is-year-review #app{height:100%;min-height:0;padding:0}
 .is-year-review #app>.year-review{height:100%;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}
 .yr-top{flex:none;padding:12px 18px;font-size:10px;gap:8px}
 .yr-layout{flex:1;min-height:0;display:flex;flex-direction:column}
 .yr-layout>.yr-content{display:none}
 .yr-art{flex:1;min-height:0}
 .yr-art figcaption{min-height:0;height:100%;padding:16px 20px;justify-content:flex-end}
 .yr-art figcaption>span{font-size:11px;letter-spacing:1px}
 .yr-art h1{font-size:clamp(20px,5.5vw,26px);line-height:1.35;margin:7px 0}
 .yr-art p{font-size:13px;line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .yr-art small{display:none}
 .yr-mobile-summary{display:block;flex:none;padding:12px 18px;background:#242830;border-top:1px solid #cfb57744}
 .yr-mobile-summary>strong{font-size:13px;color:#f5dba4}
 .yr-mobile-summary>p{font-size:12px;line-height:1.6;color:#dadee6;margin:6px 0 0}
 .yr-mobile-deltas{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
 .yr-mobile-deltas>span{font-size:11px;padding:3px 6px;border:1px solid #d2b37044;border-radius:4px;color:#dadee6}
 .yr-mobile-deltas b{color:#f4cf80}.yr-mobile-deltas .negative b{color:#edaaa0}
 .yr-mobile-death{color:#f1b7a6!important}
 .yr-controls{position:static;flex:none;display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 18px max(12px,env(safe-area-inset-bottom))}
 .yr-controls>span{grid-column:1;grid-row:1;font-size:10px;text-align:left;align-self:center}
 .yr-details-button{display:block;grid-column:2;grid-row:1;padding:5px 0;color:#ebd29b;font-size:12px;background:none;border:0}
 .yr-controls>div{grid-column:1/-1;gap:8px;min-width:0}
 .yr-next-button{min-height:44px;padding:9px 8px;font-size:12px}
 .yr-back{padding:8px 0;font-size:11px;white-space:nowrap}
 .yr-full-record{margin:0;border:0}.yr-full-record>.yr-content{padding:16px}
}
@media(max-width:760px) and (max-height:650px){
 .yr-top{padding:9px 14px}.yr-art figcaption{padding:12px 16px}.yr-art h1{font-size:20px}.yr-art p{font-size:12px;line-height:1.5;-webkit-line-clamp:2}
 .yr-mobile-summary{padding:9px 14px}.yr-mobile-summary>p{font-size:11px;line-height:1.5}.yr-mobile-deltas{gap:4px;margin-top:6px}.yr-mobile-deltas>span{font-size:10px;padding:2px 5px}
 .yr-controls{padding:7px 14px max(8px,env(safe-area-inset-bottom));gap:4px}
}

@media(max-width:760px){.is-year-review #app>.support-panel{display:none}}
