.b50-image-view {display:flex;flex-direction:column;align-items:center;gap:16px;}
.b50-image-view>img {width:100%;height:auto;aspect-ratio:5/7;object-fit:contain;}
.chat-b50 {display:block;width:100%;max-width:330px;height:auto;aspect-ratio:5/7;object-fit:contain;}
.chat-message p {white-space:pre-line;}
.chat-image-button {display:block;padding:0;border:0;background:transparent;max-width:100%;cursor:zoom-in;}
.chat-meta {line-height:1.7;overflow-wrap:anywhere;}
.view-toggle {display:flex;gap:8px;}
.view-toggle [aria-pressed=true] {background:var(--green);color:white;}
.selection-slots {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:12px 0;}
.selection-slots button {text-align:left;white-space:normal;overflow-wrap:anywhere;min-height:48px;}
.stamp-status {display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;}
@media(max-width:560px){.view-toggle {flex-wrap:wrap;}.selection-slots {grid-template-columns:1fr;}.partner-choices select {max-width:100%;}.chat-message>div:last-child {min-width:0;}.chat-b50 {max-width:100%;}}
.segment-outcome{font-size:12px;line-height:1.6;margin:8px 0 0;overflow-wrap:anywhere}
.segment-outcome.passed{color:#19836f}.segment-outcome.failed{color:#b64c61}
.collection-status{margin-bottom:12px;flex-wrap:wrap}

.rating-line{min-height:60px}
.player-title{border-radius:999px;max-width:100%;overflow-wrap:anywhere}
.mainland-rating{position:relative;width:220px;max-width:100%;aspect-ratio:296/86;flex:none}
.mainland-rating>img{display:block;width:100%;height:100%}
.mainland-rating-digits{position:absolute;left:41.2%;right:4.7%;top:23%;height:50%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;justify-items:center}
.mainland-rating-digits img{display:block;width:85%;height:100%;object-fit:contain}
@media(max-width:650px){.mainland-rating{width:208px}}
.course-fixed-charts>section{padding-top:12px}.course-track-number{font-size:12px;font-weight:700;color:#587880}.course-fixed-charts .song-row{margin-top:4px}.course-fixed-charts .song-info{min-width:0}.course-fixed-charts .song-info>b{white-space:normal;overflow-wrap:anywhere}.course-fixed-charts .record-score{flex-shrink:0}@media(max-width:480px){.course-fixed-charts .song-row{flex-wrap:wrap}.course-fixed-charts .record-score{width:100%;text-align:right}.course-fixed-charts .song-info{flex:1}}
.topbar nav{align-self:stretch;margin-top:0;margin-bottom:0}.nav-item.active::after{left:50%;transform:translateX(-50%);bottom:10px;width:28px;height:3px}.date-toolbar{position:sticky;top:0;z-index:20;background:var(--bg,#f7f9f4);padding:12px 0;box-shadow:0 1px 0 #dce5d6}.mode-select>button.selected{background:#fffef7;color:#2d704d;box-shadow:inset 0 -3px #3e7752,0 1px 4px #38572213;font-weight:700}.mode-status{display:flex;align-items:center;gap:6px;color:#2d704d;font-size:12px;margin:8px 0}.mode-status svg,.selection-mark svg{width:14px;height:14px}.arcade-option.selected{background:#edf5e6;box-shadow:inset 3px 0 #3e7752;padding-left:10px}.selection-mark{display:inline-flex;align-items:center;gap:3px;font-size:10px;margin-left:7px;color:#2d704d}.phone-shell .arcade-option.selected>div>b{color:#2d704d}