/* Measurements from the live desktop reference: 950px content, 70/150/230px covers. */
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
body { -webkit-font-smoothing:antialiased; }
.review-row h3, .search-result h2 { font-family:var(--font-editorial); font-size:22px; line-height:1.25; }
.review-body { font-size:16px; line-height:1.5; }
.section-head { line-height:16.25px; padding-bottom:5px; font-weight:400; }
.poster { container-type:inline-size; overflow:visible; background:#12161a; box-shadow:0 1px 4px #0008; }
.poster > .poster-link, .poster > a { overflow:hidden; border-radius:4px; height:100%; }
.poster > img { border-radius:4px; }
.poster img, .poster:hover img { transform:none; }
.poster:after { z-index:3; }
.poster-title { display:none; }
/* Small identification captions, independent of text baked into Roblox artwork. */
.poster > .poster-link { display:block; position:relative; }
.cover-label {
 display:block; position:absolute; inset:auto 0 0; z-index:2; border-radius:0 0 4px 4px;
 padding:25px 9px 10px; background:linear-gradient(transparent,rgba(8,12,16,.85) 48%,rgba(8,12,16,.96));
 color:#f2f5f7; text-align:left; font:600 13px/1.25 var(--font-ui);
 letter-spacing:0; text-transform:none; text-shadow:0 1px 3px #000; pointer-events:none;
}
.cover-label > span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:normal; text-wrap:pretty; }
@container (max-width:110px) { .cover-label { padding:17px 5px 6px; font-size:10px; line-height:1.2; } }
@container (min-width:80px) and (max-width:110px) { .cover-label { font-size:11px; } }
@container (min-width:190px) { .cover-label { font-size:16px; padding:32px 13px 14px; } }
@container (min-width:120px) { .cover-title-in-art .cover-label { opacity:0; } .cover-title-in-art:focus-within .cover-label { opacity:1; } }
.review-row .cover-label,.search-result .cover-label,.list-rows .cover-label,.composer-body .cover-label { display:none; }
.list-stack .poster:not(:first-child) .cover-label { visibility:hidden; }
.list-stack .poster:hover,.list-stack .poster:focus-within { z-index:6; }
.list-stack .poster:hover .cover-label,.list-stack .poster:focus-within .cover-label { visibility:visible; }
.list-posters .list-entry { display:grid; grid-template-columns:1fr auto; gap:5px 0; align-content:start; }
.list-posters .poster { grid-column:1/-1; }
.list-posters .rank { grid-column:1/-1; grid-row:2; margin:0; line-height:24px; }
.list-posters .note-button { position:static; grid-column:2; grid-row:2; justify-self:end; height:24px; padding:2px 4px; background:none; color:#9ab; }
.cover-tooltip {
 position:fixed; inset:auto; margin:0; width:max-content; max-width:min(260px,calc(100vw - 16px));
 border:1px solid #526271; border-radius:4px; background:#25313b; color:#eef3f7;
 padding:7px 10px; font:12px/1.45 var(--font-ui); overflow-wrap:anywhere;
 box-shadow:0 3px 12px #0007; pointer-events:none;
}
.poster-tools {
 position:absolute; top:8px; bottom:auto; left:50%; right:auto; transform:translateX(-50%);
 display:flex; width:84px; max-width:calc(100% - 4px); height:28px; padding:0 4px; gap:0;
 justify-content:center; align-items:center; background:rgba(0,0,0,.82); border-radius:3px;
 opacity:0; visibility:hidden; pointer-events:none; z-index:5;
}
.poster-tools button { display:grid; place-items:center; width:25px; height:27px; min-width:0; flex:0 1 25px; padding:0; line-height:1; color:#abc; }
.poster-tools .icon { width:17px; height:17px; stroke-width:2; flex-shrink:0; }
.poster-tools button[data-key=played] .icon { fill:none; stroke-width:1.8; }
.icon[data-icon=gamepad] circle { fill:currentColor; stroke:none; }
.poster-tools button[data-key=liked] .icon { fill:currentColor; stroke:none; }
.poster-tools button[data-action=poster-menu] .icon { fill:currentColor; stroke:none; }
.poster-tools .on { color:#00e054; }
.poster-tools .liked { color:#ff8000; }
.poster:hover .poster-tools, .poster:focus-within .poster-tools { opacity:1; visibility:visible; pointer-events:auto; }
@container (max-width:90px) {
 .poster-tools { width:66px; height:24px; top:3px; bottom:auto; padding:0 2px; }
 .poster-tools button { width:20px; height:24px; flex-basis:20px; }
 .poster-tools .icon { width:15px; height:15px; }
}
.stars { display:inline-flex; align-items:center; gap:0; height:13px; color:#00e054; font-size:0; vertical-align:middle; line-height:1; white-space:nowrap; }
.rating-star { display:block; width:13px; height:13px; fill:currentColor; overflow:hidden; flex-shrink:0; }
.rating-star.is-half { width:6.5px; }
.poster-below .stars { height:10px; }
.poster-below .rating-star { height:10px; width:10px; }
.poster-below .rating-star.is-half { width:5px; }
.average .rating-star { height:9px; width:9px; }
.average .rating-star.is-half { width:4.5px; }
#action-popover { position:fixed; margin:0; inset:auto; width:225px; padding:5px 0; background:#89a; color:#234; border:0; border-radius:3px; box-shadow:0 6px 24px #0008; overflow:visible; font-size:13px; }
#action-popover::backdrop { background:transparent; }
#action-popover > button, #action-popover > a { display:block; width:100%; padding:7px 14px; text-align:left; font-size:13px; color:#234; }
#action-popover > button:hover, #action-popover > a:hover { background:#dce7ef; }
.popover-title { color:#20303e; font-weight:bold; font-size:13px; padding:7px 14px; border-bottom:1px solid #5675; overflow-wrap:anywhere; }
#action-popover .rating-control { padding:8px 0 11px; border-bottom:1px solid #5675; }
#action-popover .rating-label { display:none; }
#action-popover .half-star { color:#567; }
#action-popover .half-star.filled, #action-popover .half-star:hover { color:#fff; }
#action-popover .clear-rating { color:#456; }
.discovery-page, .catalog-page { padding-top:32px; }
.discovery-toolbar { display:flex; align-items:center; height:32px; gap:12px; text-transform:uppercase; font-size:13px; letter-spacing:1px; }
.discovery-toolbar > span { white-space:nowrap; }
.browse-choices { display:flex; height:32px; }
.browse-choice { display:inline-flex; align-items:center; min-width:0; }
.browse-choice select { color:#9ab; background:transparent; border:0; cursor:pointer; text-transform:uppercase; font-size:12px; letter-spacing:.7px; max-width:145px; padding:4px 0; }
.browse-choice option, .catalog-sort option { color:#cde; background:#293540; }
.browse-choices > .browse-choice, .browse-all { display:flex; align-items:center; border:1px solid #34414c; border-right:0; padding:0 10px; white-space:nowrap; }
.browse-choices > :first-child { border-radius:3px 0 0 3px; }
.browse-choices > :last-child { border-right:1px solid #34414c; border-radius:0 3px 3px 0; }
.browse-choices select { max-width:95px; }
.browse-all { font-size:12px; gap:6px; letter-spacing:.7px; }
.browse-all .icon { width:12px; height:12px; }
.discovery-toolbar form { margin-left:auto; display:flex; align-items:center; gap:10px; min-width:0; }
.discovery-toolbar form label { white-space:nowrap; font-size:12px; }
.discovery-toolbar form input { height:32px; width:180px; min-width:80px; padding:6px 10px; border:0; border-radius:3px; background:#2c3440; color:#cde; box-shadow:inset 0 -1px #456; }
.discovery-page .section-head { margin:32px 0 15px; }
.discovery-carousel { position:relative; }
.discovery-posters { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.poster-stats { gap:10px; font-size:12px; line-height:16px; margin:12px 0 27px; color:#789; }
.poster-stats span { white-space:nowrap; }
.poster-stats .icon { width:14px; height:14px; }
.poster-stats span:nth-child(1) .icon { color:#00e054; }
.poster-stats span:nth-child(2) .icon { color:#40bcf4; fill:currentColor; stroke:none; }
.poster-stats span:nth-child(3) .icon { color:#ff8000; fill:currentColor; stroke:none; }
.carousel-prev, .carousel-next { position:absolute; top:44%; width:28px; height:36px; border:1px solid #28323d; border-radius:50%; color:#678; font-size:30px; line-height:1; padding:0; }
.carousel-prev { left:-39px; }
.carousel-next { right:-39px; }
.carousel-prev:hover, .carousel-next:hover { color:#fff; border-color:#789; }
.discovery-banner { min-height:100px; background:linear-gradient(105deg,#293944,#172229); }
.just-reviewed { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:10px; }
.catalog-toolbar { height:31px; display:flex; align-items:flex-start; border-bottom:1px solid #456; margin-bottom:15px; gap:20px; }
.catalog-toolbar h1 { margin:0; padding:2px 0 0; color:#9ab; text-transform:uppercase; font-size:13px; font-weight:400; letter-spacing:1px; }
.catalog-options { margin-left:auto; display:flex; align-items:center; gap:16px; }
.catalog-options > button { padding:0; color:#678; display:flex; align-items:center; gap:4px; }
.catalog-options > button .icon:last-child { width:12px; height:12px; }
.catalog-sort { font-size:12px; white-space:nowrap; }
.catalog-sort select { border:0; background:transparent; color:#9ab; text-transform:uppercase; font-size:12px; letter-spacing:.5px; max-width:175px; }
.grid-switch { display:flex; gap:3px; }
.grid-switch button { color:#567; width:18px; height:22px; padding:0; font-size:16px; letter-spacing:-3px; }
.grid-switch button .icon { width:14px; height:14px; }
.grid-switch .selected { color:#abc; }
.catalog-count { min-height:40px; padding:9px 15px; text-align:center; border-radius:3px; background:#283038; color:#9ab; font-size:14px; margin-bottom:10px; }
.catalog-count > a { font-size:11px; color:#789; margin-left:15px; }
.catalog-grid { grid-template-columns:repeat(12,minmax(0,1fr)); gap:10px; }
.catalog-grid.large { grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.catalog-bottom { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-top:30px; font-size:13px; }
.catalog-bottom input { background:#2c3440; color:#cde; border:0; border-radius:3px; width:180px; padding:7px 10px; }
@media(max-width:1100px) {
 .carousel-prev { left:4px; z-index:6; background:#14181cdd; }
 .carousel-next { right:4px; z-index:6; background:#14181cdd; }
 .discovery-toolbar { gap:9px; }
 .browse-choices > .browse-choice, .browse-all { padding:0 7px; }
 .discovery-toolbar form input { width:130px; }
}
@media(max-width:900px) and (min-width:761px) {
 .discovery-toolbar form label { display:none; }
 .catalog-options { gap:10px; }
 .catalog-sort select { max-width:140px; }
}
@media(max-width:760px) {
 .poster { container-type:inline-size; }
 .poster-tools { display:none; }
 .discovery-page,.catalog-page { padding-top:22px; }
 .discovery-toolbar { height:auto; flex-wrap:wrap; gap:12px 8px; }
 .discovery-toolbar>span { font-size:11px; }
 .browse-choices { flex:1; height:30px; }
 .browse-choices>.browse-choice,.browse-all { padding:0 6px; }
 .browse-choices select { font-size:10px; max-width:62px; }
 .browse-all { font-size:10px; }
 .discovery-toolbar form { width:100%; margin:0; }
 .discovery-toolbar form label { font-size:11px; }
 .discovery-toolbar form input { flex:1; width:auto; }
 .discovery-page .section-head { margin-top:26px; }
 .discovery-posters { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
 .poster-stats { gap:3px; margin:8px 0 18px; font-size:9px; flex-wrap:wrap; line-height:12px; }
 .poster-stats .icon { width:10px; height:10px; }
 .poster-stats span:nth-child(2) { display:none; }
 .carousel-prev,.carousel-next { width:23px; height:30px; font-size:24px; top:38%; }
 .discovery-banner { min-height:84px; padding:14px; }
 .discovery-banner>span { font-size:16px; }
 .discovery-banner>a { font-size:11px; }
 .just-reviewed { grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; }
 .catalog-toolbar { height:auto; min-height:34px; align-items:flex-start; flex-wrap:wrap; gap:10px; padding-bottom:7px; }
 .catalog-options { gap:8px; flex-wrap:wrap; justify-content:flex-end; }
 .catalog-options .browse-choice select { max-width:80px; font-size:10px; }
 .catalog-sort { font-size:0; }
 .catalog-sort select { max-width:115px; font-size:10px; }
 .catalog-options>button { width:22px; }
 .catalog-options>button .icon:last-child { display:none; }
 .grid-switch { display:none; }
 .catalog-count { font-size:13px; padding:9px 10px; }
 .catalog-grid,.catalog-grid.large { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px 6px; }
 .catalog-bottom input { width:140px; }
 #action-popover { max-width:calc(100vw - 20px); }
 .review-row h3,.search-result h2 { font-size:20px; }
}
/* Signed-in poster borders and compact member navigation. */
body[data-member=true] .poster:hover:after, body[data-member=true] .poster:focus-within:after { border-color:#fff; }
body[data-member=true] .poster[data-played=true]:hover:after,body[data-member=true] .poster[data-played=true]:focus-within:after { border-color:#00e054; }
body[data-member=true] .poster[data-saved=true]:hover:after,body[data-member=true] .poster[data-saved=true]:focus-within:after { border-color:#40bcf4; }
.nav { gap:20px; }
.account summary { overflow:visible; }
.account-name { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.account summary>.icon { width:10px; height:12px; flex-shrink:0; }
.nav .activity-link { display:flex; color:#678; }
.activity-link .icon { width:19px; fill:currentColor; stroke:none; }
.log-split { display:flex; flex-shrink:0; }
.log-split .primary { padding:6px 9px; border-radius:3px 0 0 3px; font-size:12px; line-height:17px; }
.log-split .log-options { border-left:1px solid #ffffff30; padding:6px; border-radius:0 3px 3px 0; }
.log-options .icon { width:12px; height:14px; }
.nav-search { width:110px; }
.compact-profile { padding:0 0 20px; gap:10px; }
.compact-profile>.avatar { width:24px; height:24px; font-size:9px; }
.compact-profile .profile-identity h1 { font-size:17px; }
.compact-profile .profile-identity p,.compact-profile .profile-identity>span,.compact-profile .profile-controls,.compact-profile .profile-counts { display:none; }
.local-welcome { text-align:center; }
.local-welcome .avatar { margin:0 auto 15px; }
.local-welcome h3 { color:#fff; margin-bottom:5px; }
.current-game { font-size:13px; margin-top:18px; }
.current-game button { padding:0; color:#fff; text-decoration:underline; }
/* Live reference composer: 800px overall, 150px poster, 510px fields. */
.composer-modal { width:800px; max-width:calc(100vw - 40px); background:#456; }
.composer-modal .modal-head { padding:17px 20px; border-bottom:1px solid #345; }
.composer-modal .modal-head h2 { font-size:20px; line-height:21px; }
.composer-body { display:grid; grid-template-columns:150px minmax(0,1fr); gap:50px; padding:35px 45px 24px; }
.composer-fields { min-width:0; }
.composer-fields h3 { font:700 22px/28px var(--font-editorial); margin:0 0 18px; }
.composer-fields .year { font:normal 18px/28px var(--font-ui); }
.play-options { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:20px; }
.composer-fields .play-options .check-label { font-size:13px; margin:0; gap:7px; white-space:nowrap; }
.composer-fields .check-label input[type=checkbox] { width:18px; height:18px; flex-shrink:0; accent-color:#cde; }
.date-field { padding:2px 4px; font-size:12px; width:112px; background:#345; color:#fff; }
.date-field:disabled { opacity:.35; }
.composer-fields .review-input { font:14px/21px var(--font-ui); padding:7px 9px; height:122px; min-height:122px; margin:0; border-radius:3px; }
.composer-fields .spoiler-check { font-size:11px; margin:6px 0 12px; gap:6px; }
.composer-fields .spoiler-check input[type=checkbox] { width:13px; height:13px; }
.composer-bottom { display:grid; grid-template-columns:minmax(120px,1fr) 200px; gap:22px; align-items:end; }
.composer-tags .field-label { margin:0 0 6px; font-size:13px; }
.composer-tags .field-label .small { font-size:10px; }
.composer-tags .field { height:31px; padding:6px 9px; font-size:13px; }
.composer-rating { margin:0; gap:14px; }
.composer-rating .rating-label { font-size:13px; justify-content:space-between; margin-bottom:3px; }
.composer-rating .rating-label>span:first-child { font-size:0; }
.composer-rating .rating-label>span:first-child:after { content:'Rating'; font-size:13px; }
.composer-rating .rating-label .small { font-size:11px; }
.composer-rating .half-star { width:13px; height:30px; }
.composer-rating .half-star span { font-size:29px; width:26px; }
.composer-rating .half-star.right-half span { left:-13px; }
.composer-rating .clear-rating { width:12px; padding:0; font-size:16px; }
.composer-rating .like-checkbox { font-size:13px; gap:4px; }
.composer-rating .like-checkbox .icon { width:30px; height:30px; }
.composer-modal .modal-foot { padding:15px 45px; min-height:64px; background:#345; border-top:0; }
.composer-modal .modal-foot .primary { font-size:15px; padding:7px 17px; border-radius:20px; }
@media(max-width:1000px) and (min-width:761px) { .nav { gap:12px; }.nav-search { width:90px; }.nav .avatar { display:none; } }
@media(max-width:760px) {
 .compact-profile { display:flex; gap:10px; padding:0 0 16px; }
 .compact-profile>.avatar { width:24px; height:24px; font-size:9px; }
 .nav { gap:14px; }.nav-search { width:100%; }.log-split { width:100%; }.log-split>button:first-child { flex:1; }
 .composer-modal { width:100%; max-width:100%; height:100dvh; max-height:100dvh; }
 .composer-modal .modal-head { padding:20px; }.composer-modal .modal-head h2 { font-size:22px; }
 .composer-body { display:block; padding:24px 20px; }.composer-body>aside { display:none; }
 .composer-fields h3 { font-size:25px; margin-bottom:23px; }
 .play-options { flex-wrap:wrap; gap:15px; }.composer-fields .play-options .check-label { font-size:13px; }
 .composer-fields .review-input { height:210px; }
 .composer-bottom { grid-template-columns:1fr; gap:22px; }.composer-tags .field-label .small { font-size:11px; }
 .composer-tags .field { height:36px; }.composer-rating { justify-content:flex-start; gap:35px; }
 .composer-rating .half-star { width:17px; height:37px; }.composer-rating .half-star span { font-size:38px; width:34px; }.composer-rating .half-star.right-half span { left:-17px; }
 .composer-rating .like-checkbox .icon { width:36px; height:36px; }.composer-rating .rating-label { font-size:14px; }
 .composer-modal .modal-foot { padding:17px 20px; position:sticky; bottom:0; }
}
@media(max-width:760px) {
 .discovery-toolbar>.browse-choices { flex:0 0 100%; width:100%; min-width:0; }
 .browse-choices>.browse-choice { flex:1; min-width:0; padding:0 5px; }.browse-choices select { width:100%; max-width:100%; }
 .browse-all { padding:0 6px; font-size:10px; letter-spacing:0; }.browse-all .icon { width:10px; }
}
body[data-member=true] .poster:hover:after,body[data-member=true] .poster:focus-within:after { box-shadow:inset 0 0 0 3px #fff; }
body[data-member=true] .poster[data-played=true]:hover:after,body[data-member=true] .poster[data-played=true]:focus-within:after { box-shadow:inset 0 0 0 3px #00e054; }
body[data-member=true] .poster[data-saved=true]:hover:after,body[data-member=true] .poster[data-saved=true]:focus-within:after { box-shadow:inset 0 0 0 3px #40bcf4; }
.composer-modal::backdrop { background:rgba(20,24,28,.85); backdrop-filter:blur(3px); }
.visibility-options { padding:8px 14px; }
.visibility-options label { display:flex; align-items:center; justify-content:space-between; margin:5px 0; }
.visibility-options select { font:12px var(--font-ui); color:#234; background:#cde; border:0; border-radius:2px; padding:3px 5px; width:75px; }
@media(max-width:950px) {
 .header-inner { gap:12px; }
 .mobile-menu { display:block; font-size:22px; margin-left:auto; }
 .header .nav { flex:none; }
 .header .nav:not(.open)>.desktop,.header .nav:not(.open)>.account,.header .nav:not(.open)>.nav-search,.header .nav:not(.open)>.log-split { display:none; }
 .header .nav.open { display:flex; position:absolute; left:0; top:72px; right:0; background:#1d252c; padding:25px; flex-wrap:wrap; justify-content:flex-start; box-shadow:0 8px 15px #0005; }
 .header .nav.open>.desktop,.header .nav.open>.account,.header .nav.open .nav-search { display:block; }
 .header .nav.open .log-split { display:flex; }
 .nav-search { width:110px; }
 .discovery-toolbar { height:auto; min-height:32px; flex-wrap:wrap; }
 .discovery-toolbar form { margin-left:auto; }
}
@media(max-width:760px) { .header .nav.open { top:64px; }.nav-search { width:100%; } }
.list-stack { max-width:330px; }
.list-stack .poster,.lists-grid .list-stack .poster,.game-main .list-summary .list-stack .poster { width:28%; margin-right:-10%; }
.list-stack .poster:last-child { margin-right:0; }

/* Guest hover is neutral; it must not resemble a saved played state. */
body[data-member=false] .poster:hover:after,body[data-member=false] .poster:focus-within:after { box-shadow:inset 0 0 0 3px #fff; }
.popover-message { font-size:12px; line-height:1.5; padding:8px 14px; }
/* List editor and picker measured from the signed-in Letterboxd reference. */
.list-editor-title { font-size:26px; font-weight:400; color:#abc; line-height:32px; padding:0 0 13px; margin:0 0 15px; border-bottom:1px solid #456; }
.list-editor-page .editor-columns { grid-template-columns:1fr 1fr; gap:50px; }
.list-editor-page .field { background:#2c3440; color:#cde; box-shadow:inset 0 -1px #456; border:0; border-radius:3px; font-size:14px; padding:7px 10px; min-height:31px; }
.list-editor-page .field:focus { background:#cde; color:#234; }
.list-editor-page .field-label { font-size:13px; margin:20px 0 6px; color:#def; }
.list-editor-page .editor-columns>div>.field-label:first-child { margin-top:0; }
.required-label:before { content:'●'; color:#00e054; font-size:9px; margin-right:6px; }
.split-label { display:flex; justify-content:space-between; }
.split-label span,.ranked-label span { color:#789; font-size:12px; }
.list-editor-page .editor-columns textarea { height:233px; resize:vertical; }
.ranked-label { margin:19px 0 0; font-size:13px; color:#def; }
.ranked-label span { margin-left:auto; }
.editor-toolbar { display:flex; align-items:center; gap:9px; margin:28px 0; }
.editor-toolbar .primary,.editor-toolbar .secondary { font-size:14px; padding:7px 10px; line-height:18px; }
.editor-search { display:flex; position:relative; flex:1; min-width:120px; }
.editor-search>.primary { border-radius:3px 0 0 3px; }
.editor-search input { width:100%; min-width:0; background:#2c3440; color:#cde; border-radius:0 3px 3px 0; border:0; box-shadow:inset 0 -1px #456; padding:7px 10px; font-size:14px; }
.editor-search .suggestions { top:32px; }
.editor-or { font-size:13px; color:#789; }
.editor-view-switch { display:flex; margin-left:auto; padding-left:22px; }
.editor-view-switch button { width:28px; height:31px; background:#1e2831; border:1px solid #2c3945; padding:5px; }
.editor-view-switch button:first-child { border-radius:3px 0 0 3px; }.editor-view-switch button:last-child { border-radius:0 3px 3px 0; }
.editor-view-switch button[aria-pressed=true] { background:#678; color:#def; }
.editor-sort { display:flex; align-items:center; gap:5px; border:1px solid #345; padding:6px 10px; border-radius:3px; white-space:nowrap; }
.editor-sort .icon { width:14px; }.editor-sort:disabled { opacity:.45; }
.editor-entries { border:1px solid #456; border-radius:8px; overflow:hidden; padding-bottom:30px; }
.editor-entry { display:flex; align-items:center; min-height:90px; position:relative; border-bottom:1px solid #2c3945; gap:10px; padding:10px 18px 10px 50px; }
.entry-position { position:absolute; top:0; left:0; bottom:0; width:40px; background:#283139; display:grid; place-items:center; padding:0; color:#789; }
.entry-position span { font-size:20px; }.entry-position .icon { width:17px; fill:currentColor; stroke:none; }
.entry-cover { width:46px; height:69px; object-fit:cover; border-radius:3px; box-shadow:0 2px 5px #0006; }
.entry-art { position:relative; display:block; flex-shrink:0; container-type:inline-size; width:46px; }
.entry-art .cover-label { display:none; }
.entry-title { flex:1; min-width:0; }.entry-title strong { font:700 20px/1.2 var(--font-editorial); color:#fff; }.entry-title .year { font-size:16px; }
.entry-note-preview { font:13px/1.5 var(--font-editorial); color:#789; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:6px; }
.entry-note { display:flex; align-items:center; gap:5px; font-size:13px; color:#789; white-space:nowrap; }
.entry-note .icon,.entry-remove .icon { width:16px; height:16px; }.entry-remove { color:#678; padding:5px; margin-left:10px; }
.editor-entries.as-posters { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px 10px; border:0; padding:0; overflow:visible; }
.as-posters .editor-entry { display:grid; grid-template-columns:1fr 1fr; padding:0; gap:7px 0; border:0; }
.as-posters .entry-cover { grid-column:1/-1; width:100%; height:auto; aspect-ratio:2/3; }
.as-posters .entry-art { grid-column:1/-1; width:100%; }
.as-posters .entry-art .cover-label { display:block; }
.as-posters .entry-position { z-index:3; }
.as-posters .entry-title { display:none; }.as-posters .entry-position { top:6px; left:6px; bottom:auto; width:25px; height:26px; background:#14181cdd; border-radius:3px; }
.as-posters .entry-note { justify-self:start; font-size:11px; padding:3px 0; }.as-posters .entry-remove { justify-self:end; margin:0; padding:3px 0; }
.editor-scope-note { margin:20px 0 0; font-size:11px; }
.list-note-modal { width:800px; max-width:calc(100vw - 32px); background:#456; }
.list-note-modal .modal-head { padding:20px 24px; }.list-note-modal .modal-head h2 { font-size:20px; }
.list-note-modal .modal-body { padding:24px 45px 16px; }
.note-game { display:flex; align-items:center; gap:16px; margin-bottom:24px; }
.note-game img { width:46px; height:69px; object-fit:cover; border-radius:3px; }
.note-game h3 { font:700 22px var(--font-editorial); color:#fff; }.note-game .year { font:18px var(--font-ui); }
textarea.list-note-input { min-height:270px; padding:20px; font:15px/1.6 var(--font-ui); resize:vertical; }
.list-note-modal .modal-foot { padding:16px 24px; background:#345; align-items:center; }
.list-note-modal .primary,.list-picker-modal .primary { border-radius:20px; font-size:15px; padding:7px 17px; }
.list-note-modal::backdrop,.list-picker-modal::backdrop { background:#14181cdd; backdrop-filter:blur(3px); }
.list-picker-modal { width:608px; max-width:calc(100vw - 32px); background:#456; }
.list-picker-modal .modal-head { padding:20px 24px 12px; border:0; }.list-picker-modal .modal-head h2 { font-size:20px; }
.picker-tabs { display:flex; background:#345; margin:0 24px 18px; border-radius:20px; padding:2px; }
.picker-tabs button { flex:1; padding:3px 6px; border-radius:20px; font-size:13px; font-weight:bold; }
.picker-tabs [aria-selected=true] { background:#9ab; color:#234; }
.picker-toolbar { display:flex; justify-content:space-between; align-items:center; padding:12px 24px; border-top:1px solid #345; border-bottom:1px solid #345; gap:12px; }
.picker-toolbar button { padding:0; color:#cde; font-size:15px; }.picker-toolbar input { background:none; border:0; color:#def; font-size:14px; width:150px; text-align:right; padding:3px; }.picker-toolbar input::placeholder { color:#abc; }
#picker-rows { max-height:310px; overflow:auto; }.picker-empty { padding:24px 44px; font-size:15px; }
.picker-row { display:flex; align-items:center; gap:13px; padding:12px 24px; border-bottom:1px solid #3c4d5e; cursor:pointer; }.picker-row input { accent-color:#00c541; width:18px; height:18px; }.picker-row>span { flex:1; }.picker-row strong { color:#def; font-size:14px; font-weight:400; }.picker-row small { display:block; margin-top:3px; font-size:11px; color:#9ab; }.picker-row.already-added { opacity:.55; cursor:default; }.picker-row>.icon { color:#789; }
.list-picker-modal .modal-foot { padding:16px 24px; background:#345; }
@media(max-width:760px) {
 .list-editor-page .editor-columns { grid-template-columns:1fr; gap:20px; }.list-editor-page .editor-columns textarea { height:150px; }
 .editor-toolbar { flex-wrap:wrap; gap:8px; }.editor-search { flex:1 1 calc(100% - 90px); }.editor-or { display:none; }.editor-view-switch { margin:4px auto 0 0; padding:0; }.editor-sort { font-size:12px; }.editor-toolbar .primary,.editor-toolbar .secondary { font-size:13px; }
 .editor-entry { gap:8px; padding:10px 8px 10px 36px; }.entry-position { width:28px; }.entry-cover { width:35px; height:52px; }.entry-title strong { font-size:17px; }.entry-title .year { display:block; font-size:12px; }.entry-note span { display:none; }.entry-remove { margin-left:0; }
 .entry-art { width:35px; }
 .editor-entries.as-posters { grid-template-columns:repeat(4,minmax(0,1fr)); }.as-posters .entry-note span { display:none; }
 .list-note-modal { width:100%; max-width:100%; height:100dvh; max-height:100dvh; border-radius:0; }.list-note-modal .modal-body { padding:20px; }textarea.list-note-input { min-height:240px; }.list-note-modal .modal-foot { position:sticky; bottom:0; }.note-game h3 { font-size:21px; }
 .picker-toolbar { padding:12px 20px; }.picker-toolbar input { min-width:0; width:130px; }.picker-empty { padding:24px; }.list-picker-modal .modal-head h2 { font-size:19px; }
}
/* The interactive rating uses the same vector star as displayed ratings. */
.rating-buttons .half-star { width:16px; height:32px; color:#263949; }
.rating-buttons .half-star svg { position:absolute; left:0; top:0; width:32px; height:32px; fill:currentColor; }
.rating-buttons .half-star.right-half svg { left:-16px; }
.rating-buttons .half-star.filled { color:#00e054; }
.rating-buttons .clear-rating { order:-1; width:15px; padding:0; margin-right:2px; font-size:15px; color:#789; }
.rating-buttons .clear-rating:disabled { visibility:hidden; }
.rating-buttons:has(.half-star:hover) .half-star { color:#263949; }
.rating-buttons .half-star:hover,.rating-buttons .half-star:has(~.half-star:hover) { color:#00e054; }
#action-popover .rating-buttons .half-star { color:#567; }
#action-popover .rating-buttons .half-star.filled,#action-popover .rating-buttons .half-star:hover,#action-popover .rating-buttons .half-star:has(~.half-star:hover) { color:#fff; }
.composer-rating .rating-buttons .half-star { width:13px; height:26px; }
.composer-rating .rating-buttons .half-star svg { width:26px; height:26px; }
.composer-rating .rating-buttons .half-star.right-half svg { left:-13px; }
.composer-fields:has(.review-input:placeholder-shown) .spoiler-check { visibility:hidden; }
@media(max-width:760px) { .composer-rating .rating-buttons .half-star { width:17px; height:34px; }.composer-rating .rating-buttons .half-star svg { width:34px; height:34px; }.composer-rating .rating-buttons .half-star.right-half svg { left:-17px; } }
.game-sidebar .rating-buttons .clear-rating { display:block; }
.rating-buttons:has(.half-star:hover) .half-star:hover,
.rating-buttons:has(.half-star:hover) .half-star:has(~.half-star:hover) { color:#00e054; }
#action-popover .rating-buttons:has(.half-star:hover) .half-star { color:#567; }
#action-popover .rating-buttons:has(.half-star:hover) .half-star:hover,
#action-popover .rating-buttons:has(.half-star:hover) .half-star:has(~.half-star:hover) { color:#fff; }
.editor-delete { font-size:13px; padding:6px; color:#9ab; }.editor-delete:hover { color:#fff; }
.list-note-modal textarea.list-note-input { background:#eef3f9; color:#234; padding:35px 45px; }
@media(max-width:760px) { .list-note-modal textarea.list-note-input { padding:20px; } }
.diary .diary-month { width:65px; border-top-color:transparent; vertical-align:top; padding-top:14px; }
.diary .month { border-radius:4px; background:#283440; min-width:48px; text-align:center; padding:5px 5px 2px; line-height:19px; color:#bcd; border-top:3px solid #567; }
.diary .month small { border-top:1px solid #14181c66; font-size:11px; line-height:19px; font-weight:400; letter-spacing:0; color:#789; }
.diary-game { font-family:var(--font-editorial); font-size:18px; gap:10px; }.diary-game img { width:35px; height:52px; }
.diary .day { font-size:30px; font-weight:300; }.diary td { padding-top:10px; padding-bottom:10px; }
.diary-review .icon { width:16px; height:16px; }.diary-replay { font-size:21px; color:#9ab; }
.empty-diary-entry { margin:28px 0; padding:24px 20px; border:1px solid #345; border-radius:3px; color:#789; font-size:15px; line-height:1.6; text-align:center; }
.empty-diary-entry button { color:#abc; padding:0; }.empty-diary-entry button:hover { color:#fff; }
@media(max-width:760px) { .diary .diary-review { display:none; }.diary th:nth-child(8) { display:none; }.diary-game { font-size:14px; }.diary-game img { width:30px; height:45px; }.diary .diary-month { width:45px; }.diary .month { min-width:36px; font-size:10px; padding:2px; }.diary .month small { font-size:9px; }.diary .day { font-size:24px; } }
.picker-row { gap:10px; padding:10px 24px; min-height:47px; border:0; }
.picker-row:has(input:checked) { background:#345; }.picker-row.already-added { opacity:.65; }
.picker-row input { appearance:none; background:none; border:0; display:grid; place-items:center; width:14px; height:18px; padding:0; margin:0; }
.picker-row input:after { content:'✓'; color:#00e054; font-size:18px; font-weight:bold; opacity:0; }.picker-row input:checked:after { opacity:1; }
.picker-row .picker-list-name { display:flex; align-items:center; gap:8px; min-width:0; }.picker-row strong { font-size:15px; }
.picker-row .picker-list-count { flex:0 0 auto; font-size:13px; color:#9ab; }.picker-policy .icon { width:12px; height:12px; color:#bcd; }
#picker-selection-count { margin-right:auto; font-size:13px; color:#9ab; }
.list-picker-modal .modal-foot { align-items:center; }.list-picker-modal .modal-head { padding-bottom:18px; }
.picker-tabs { margin-bottom:18px; }.picker-toolbar { padding-top:16px; padding-bottom:16px; }
@media(max-width:760px) { .picker-row { padding:10px 20px; }.picker-row strong { font-size:13px; }.picker-row .picker-list-count,#picker-selection-count { font-size:11px; } }
/* Catalog navigation follows the measured 18/72-cover Letterboxd pages. */
.page-navigation { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:14px; min-height:41px; padding-top:11px; margin-top:9px; }
.page-navigation a { background:#283038; color:#9ab; font-size:12px; line-height:12px; padding:9px 15px; border-radius:3px; width:max-content; }
.page-navigation a:hover { color:#fff; background:#345; }.page-navigation .next { justify-self:end; }.page-indicator { font-size:12px; color:#678; }
.page-navigation button.page-indicator { display:flex; align-items:center; gap:5px; padding:7px 4px; border-radius:3px; color:#9ab; }
.page-indicator:hover { color:#fff; background:#202a33; }.page-indicator .icon { width:10px; height:10px; }
.page-jump-modal .field-label { margin-top:0; }.page-jump-modal .field-label .small { color:#abc; }
.catalog-source { text-align:right; color:#678; font-size:11px; line-height:1.6; margin:18px 0 0; }.catalog-source a { color:#789; }.catalog-source a:hover { color:#bcd; }
.discovery-carousel+.catalog-source { margin:-10px 0 22px; }.catalog-bottom { padding-top:15px; border-top:1px solid #283440; margin-top:20px; }
.rating-count,.no-ratings { font-size:12px; color:#789; text-align:center; margin-top:12px; }.no-ratings { padding:15px 0; }
.roblox-stats .section-head { margin-top:28px; }.roblox-stats dl { display:grid; grid-template-columns:1fr 1fr; gap:15px 10px; }.roblox-stats dl>div { display:flex; flex-direction:column-reverse; gap:3px; }
.roblox-stats dt { color:#789; font-size:10px; letter-spacing:.4px; text-transform:uppercase; }.roblox-stats dd { color:#bcd; font-size:20px; margin:0; }.roblox-stats>p { font-size:10px; color:#678; margin-top:15px; }
.game-main .synopsis { overflow-wrap:anywhere; white-space:pre-line; }.game-main h1,.entry-title strong,.search-result h2 { overflow-wrap:anywhere; }
@media(max-width:760px) { .catalog-source { font-size:10px; text-align:center; }.page-navigation { gap:8px; }.roblox-stats dl { grid-template-columns:repeat(4,minmax(0,1fr)); }.roblox-stats dd { font-size:19px; } }
.page-navigation { border-top:1px solid #456; }
.header.overlay { background:linear-gradient(180deg,rgba(20,24,28,.86),rgba(20,24,28,.4) 70%,transparent); }
.header.overlay .nav>a,.header.overlay .nav>button { color:#bcd; text-shadow:0 1px 3px #0009; }.header.overlay .nav>a:hover,.header.overlay .nav>button:hover { color:#fff; }
@media(max-width:760px) { .header.overlay { background:linear-gradient(180deg,rgba(20,24,28,.9),rgba(20,24,28,.45)); } }
.catalog-options .browse-choice select { width:78px; max-width:78px; text-overflow:ellipsis; }.catalog-options [data-filter=year] { width:62px; }
/* September 22 live comparison: list discovery, list detail, and discovery links. */
.section-head h2 { margin:0; color:inherit; font:inherit; letter-spacing:inherit; }
.section-head h2 a { font:inherit; color:inherit; letter-spacing:inherit; }
.section-head h2 a:hover { color:#fff; }
.page:has(.lists-discovery) { padding-top:30px; }
.lists-intro { text-align:center; margin:0 0 28px; }
.lists-intro h1 { margin:0; color:#abc; font:300 26px/1.3 var(--font-ui); letter-spacing:-.5px; }
.lists-intro>.secondary { background:#283038; color:#abc; display:inline-block; margin-top:18px; padding:6px 18px; font-size:13px; line-height:16px; font-weight:400; }
.lists-discovery>.section-head { margin:0 0 16px; }
.lists-discovery .lists-grid { grid-template-columns:repeat(3,minmax(0,280px)); justify-content:space-between; gap:32px 35px; }
.lists-discovery .list-summary { padding:0; border:0; }
.lists-discovery .list-stack { margin:0 0 8px; }
.lists-discovery .list-stack .poster { width:25%; margin-right:-6.25%; }
.lists-discovery .popular-list-grid .list-stack .poster { width:53.5714%; margin-right:-41.9643%; }
.lists-discovery .list-stack .poster:last-child { margin-right:0; }
.lists-discovery .list-summary h3 { margin:8px 0 4px; font-size:16px; line-height:20px; }
.lists-discovery .byline { gap:4px; flex-wrap:wrap; font-size:12px; line-height:18px; }
.lists-discovery .byline .avatar { width:18px; height:18px; font-size:8px; }
.lists-discovery .byline strong { color:#abc; }
.list-like-count { display:inline-flex; align-items:center; gap:3px; }
.list-like-count .icon { width:11px; height:11px; fill:currentColor; stroke:0; }
.lists-discovery .featured-list-grid .cover-label { font-size:9px; padding:18px 5px 5px; }
.lists-discovery .popular-list-grid .cover-label { font-size:12px; }
.list-discovery-banner { min-height:100px; display:flex; align-items:center; justify-content:space-between; gap:25px; margin:35px 0 30px; padding:20px 24px; background:linear-gradient(105deg,#293944,#172229); border-top:1px solid #456; }
.list-discovery-banner>span { color:#bcd; font:24px/1.4 var(--font-editorial); }
.list-discovery-banner>a { color:#abc; font-size:13px; white-space:nowrap; }
.list-discovery-search { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin:30px 0; }
.list-discovery-search label { text-transform:uppercase; font-size:12px; letter-spacing:1px; }
.list-discovery-search input { min-width:0; width:200px; height:32px; border:0; border-radius:3px; background:#2c3440; color:#cde; padding:6px 32px 6px 10px; }
.list-discovery-search button { width:28px; height:32px; margin-left:-40px; color:#789; padding:6px; }
.list-detail-layout { grid-template-columns:minmax(0,670px) 230px; gap:50px; }
.list-detail-layout .list-title { font:700 22px/1.25 var(--font-ui); letter-spacing:0; margin:15px 0; }
.list-detail-toolbar { margin:10px 0 15px; padding:4px 0; min-height:30px; gap:8px; }
.list-detail-toolbar>.small { white-space:nowrap; font-size:11px; color:#789; }
.list-detail-toolbar .toolbar-group { gap:10px; flex-wrap:nowrap; }
.list-detail-toolbar select { max-width:115px; font-size:10px; letter-spacing:.5px; padding:0; }
.list-detail-toolbar .browse-choice select { max-width:76px; }
.list-detail-toolbar button { padding:0; line-height:16px; color:#789; }
.list-detail-toolbar button .icon { width:16px; height:16px; }
.list-detail-layout .list-posters { margin-top:24px; }
.list-filter-summary { font-size:12px; color:#789; margin:8px 0 16px; }
.list-filter-summary a { margin-left:10px; color:#abc; }
.carousel-prev,.carousel-next { top:calc((100% - 55px)/2 - 18px); border:0; border-radius:0; font-size:30px; background:transparent; }
.carousel-prev:disabled,.carousel-next:disabled { opacity:.35; cursor:default; }
@media(max-width:1000px) {
 .lists-discovery .lists-grid { gap:30px; }
 .list-detail-layout { grid-template-columns:minmax(0,1fr) 230px; gap:30px; }
 .list-detail-toolbar { flex-wrap:wrap; }.list-detail-toolbar .toolbar-group { margin-left:auto; }
}
@media(max-width:760px) {
 .lists-intro h1 { font-size:22px; line-height:1.4; }
 .lists-discovery .lists-grid { grid-template-columns:repeat(2,minmax(0,280px)); gap:28px 20px; }
 .list-discovery-banner { flex-direction:column; align-items:flex-start; gap:12px; margin:28px 0; padding:20px; }
 .list-discovery-banner>span { font-size:21px; }.list-discovery-banner>a { white-space:normal; }
 .list-detail-layout { grid-template-columns:1fr; gap:0; }
 .list-detail-toolbar .toolbar-group { gap:6px; }.list-detail-toolbar select { max-width:105px; }
 .list-detail-layout .list-title { font-size:22px; }
 .carousel-prev,.carousel-next { width:28px; height:32px; top:38%; font-size:24px; background:#14181cdd; border-radius:3px; }
}
@media(max-width:500px) {
 .lists-discovery .lists-grid { grid-template-columns:minmax(0,280px); justify-content:center; gap:28px; }
 .list-discovery-search { flex-wrap:wrap; }.list-discovery-search input { width:180px; }
}

.list-tags .tag { display:inline-block; margin:0 4px 6px 0; font-size:11px; }.list-tags .tag:hover { background:#567; color:#fff; }
/* Community ratings lead discovery; Roblox activity remains separately labeled. */
.catalog-score { display:flex; justify-content:center; align-items:center; gap:4px; margin-top:7px; min-height:17px; font:12px/17px var(--font-ui); color:#789; }
.catalog-score .icon { width:13px; height:13px; fill:#00e054; stroke:none; }.catalog-score strong { color:#abc; font-weight:400; }.catalog-score>span { font-size:10px; }
.rated-featured .catalog-score { margin-bottom:4px; }.rating-stats { justify-content:center; }.rating-stats .catalog-score { margin:0; font-size:16px; }.rating-stats .catalog-score .icon { width:16px; height:16px; }.rating-stats .catalog-score>span { display:inline; font-size:12px; }
.catalog-grid.small .catalog-score { gap:3px; font-size:11px; }.catalog-grid.small .catalog-score .icon { width:11px; height:11px; }
@media(max-width:760px) { .catalog-score { font-size:11px; gap:3px; }.rating-stats .catalog-score { font-size:13px; }.rating-stats .catalog-score>span { font-size:10px; } }

/* Member profile proportions measured against the public Letterboxd profile. */
.profile-layout { grid-template-columns:minmax(0,630px) minmax(0,250px); gap:70px; }
.profile-heading:not(.compact-profile)>.avatar { width:100px; height:100px; flex-shrink:0; }
.profile-identity h1 { font-family:var(--font-ui); font-size:22px; }
.profile-counts { gap:0; }
.profile-counts>a { min-width:76px; padding:0 12px; border-right:1px solid #283038; }
.profile-counts>a:last-child { border:0; padding-right:0; }
.profile-counts strong { font-family:var(--font-editorial); font-size:24px; }
.profile-counts span { font-size:10px; letter-spacing:.7px; }
.profile-sidebar .section-head { margin-top:30px; }
.profile-sidebar .section-head:first-child { margin-top:0; }
.profile-sidebar .related-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.profile-following { display:flex; gap:8px; flex-wrap:wrap; }
.profile-following .avatar { width:32px; height:32px; }
.profile-diary-row { display:grid; grid-template-columns:38px 19px minmax(0,1fr); gap:5px; font-size:13px; line-height:19px; padding:2px 0; }
.profile-diary-row.new-month { border-top:1px solid #283038; margin-top:10px; padding-top:10px; }
.profile-diary-row:first-child { border-top:0; margin-top:0; padding-top:0; }
.mini-month { text-transform:uppercase; font-size:10px; }
.profile-distribution { display:flex; gap:7px; align-items:flex-end; height:52px; }
.profile-distribution>div { display:flex; flex:1; align-items:flex-end; gap:2px; height:48px; }
.profile-distribution>div>a { flex:1; height:var(--bar-height); background:#456; border-radius:2px 2px 0 0; min-width:0; }
.profile-distribution>div>a:hover,.profile-distribution>div>a:focus-visible { background:#40bcf4; }
.profile-distribution>.icon { width:10px; height:10px; fill:#00e054; stroke:none; }
.profile-distribution>.stars { gap:0; color:#00e054; }
.profile-distribution>.stars .rating-star { width:10px; height:10px; }
.account-challenge { margin-top:20px; min-height:65px; max-width:100%; }
@media(max-width:1000px) { .profile-layout { gap:35px; grid-template-columns:minmax(0,1fr) 230px; } .profile-counts>a { min-width:62px; padding:0 8px; } }
@media(max-width:760px) { .profile-layout { display:block; } .profile-layout>.profile-sidebar { display:block; margin-top:30px; } .profile-sidebar .related-grid { max-width:300px; } .profile-distribution { max-width:300px; } .profile-heading:not(.compact-profile)>.avatar { width:65px; height:65px; } .profile-counts { gap:0; justify-content:space-between; } .profile-counts>a { min-width:0; flex:1; padding:0 6px; } .profile-counts strong { font-size:22px; } .profile-counts span { font-size:9px; } }
.page:has(.profile-heading) { padding-top:20px; }
.profile-heading:not(.compact-profile) { padding-bottom:24px; }
.profile-nav { height:46px; justify-content:center; gap:22px; background:transparent; border-color:#283038; margin-bottom:38px; }
.profile-nav a { font-size:15px; }
.profile-nav .active:after { height:1px; bottom:-14px; }
.profile-layout>section>.section-head:first-child { margin-top:0; }
.profile-heading:not(.compact-profile) .profile-controls { align-self:center; margin-top:0; }
@media(max-width:760px) { .profile-nav { justify-content:flex-start; gap:22px; } .profile-nav a { font-size:13px; } }
/* Member subpages use the same compact identity/navigation bar as the reference. */
.profile-nav-links { display:flex; align-items:center; justify-content:center; gap:22px; white-space:nowrap; }
.member-bar { height:46px; margin:0 0 34px; padding:0 12px; justify-content:space-between; gap:20px; border:0; border-radius:3px; background:#2c3440; }
.member-bar .member-bar-identity { display:flex; align-items:center; gap:8px; min-width:100px; max-width:220px; flex:1; color:#fff; }
.member-bar-identity strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.member-bar .avatar { width:24px; height:24px; font-size:9px; flex-shrink:0; }
.member-bar .profile-nav-links { gap:18px; }
.member-bar a { font-size:13px; }
.member-bar .active:after { bottom:-15px; }
.collection-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #456; min-height:30px; margin-bottom:15px; }
.collection-toolbar .page-tabs { display:flex; flex-wrap:wrap; gap:12px; border:0; padding:0; margin:0; }
.collection-toolbar .page-tabs a { position:relative; padding:0 0 6px; font-size:13px; line-height:18px; color:#9c9; text-transform:uppercase; letter-spacing:1px; }
.collection-toolbar .page-tabs a.active { color:#fff; border:0; }
.collection-toolbar .page-tabs .active:after { content:''; height:1px; background:#fff; position:absolute; bottom:-1px; left:0; right:0; }
.collection-sort { display:flex; align-items:center; gap:3px; white-space:nowrap; color:#789; font-size:11px; padding-bottom:6px; }
.collection-sort select { color:#9ab; background:transparent; border:0; text-transform:uppercase; font-size:11px; max-width:150px; padding:0; }
.collection-sort option { color:#def; background:#283440; }
.profile-review-collection { max-width:670px; }
.profile-collection .review-row:first-of-type { padding-top:0; }
.tag-directory { list-style:none; padding:0; margin:0; columns:4; column-gap:50px; }
.tag-directory li { display:flex; align-items:center; justify-content:space-between; gap:8px; break-inside:avoid; margin-bottom:8px; min-height:21px; }
.tag-directory .tag { display:inline-block; max-width:calc(100% - 32px); padding:3px 13px 3px 5px; margin:0; border-radius:0; background:#456; clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%); color:#bcd; font-size:12px; line-height:15px; overflow-wrap:anywhere; }
.tag-directory .tag:hover { background:#678; color:white; }
.tag-directory li>span { color:#678; font-size:12px; }
.tag-selection { display:flex; align-items:center; gap:5px; font-size:14px; margin:20px 0; }
.tag-selection strong { color:#def; overflow-wrap:anywhere; }
.tag-selection>a { margin-left:auto; color:#9ab; font-size:12px; white-space:nowrap; }
@media(max-width:1000px) { .member-bar .profile-nav-links { gap:12px; } .member-bar { gap:14px; } }
@media(max-width:760px) {
 .profile-nav:not(.member-bar) { overflow-x:auto; }
 .profile-nav-links { justify-content:flex-start; gap:22px; }
 .member-bar { display:block; height:auto; padding:10px 12px 0; margin:0 0 25px; overflow:visible; }
 .member-bar .member-bar-identity { max-width:100%; margin-bottom:8px; }
 .member-bar .profile-nav-links { overflow-x:auto; gap:18px; height:37px; padding-bottom:2px; }
 .member-bar .active:after { bottom:-11px; }
 .collection-toolbar { gap:10px; flex-wrap:wrap; }
 .collection-toolbar .page-tabs { gap:10px; }
 .collection-toolbar .page-tabs a { font-size:11px; }
 .collection-sort { margin-left:auto; }
 .tag-directory { columns:2; column-gap:25px; }
 .tag-selection { flex-wrap:wrap; }
}
.page:has(.member-bar) { padding-top:32px; }
.profile-review-collection .byline { flex-wrap:wrap; }
.profile-review-collection .byline time { white-space:nowrap; color:#789; }
/* Missing games stay part of search, with a quiet request link. */
.missing-game-prompt { margin:20px 0; padding:14px 0; border-top:1px solid #2c3640; font-size:13px; color:#89a; }
.missing-game-prompt button { padding:0 0 0 4px; color:#40bcf4; }
.missing-game-prompt button:hover { color:#fff; }
.log-results .missing-game-prompt,.suggestions .missing-game-prompt { margin:0; padding:13px 15px; color:#456; border-color:#5673; }
.log-results .missing-game-prompt button,.suggestions .missing-game-prompt button { color:#234; text-decoration:underline; text-underline-offset:3px; }
.log-results>.quiet,.suggestions>.quiet { color:#456; }
.game-request-modal .modal-head { padding:19px 24px; }
.game-request-modal .modal-head h2 { font-size:21px; }
.game-request-modal .modal-body { padding:20px 24px 24px; }
.game-request-modal .modal-foot { padding:16px 24px; align-items:center; gap:16px; background:#345; }
.game-request-modal .modal-foot .text-button { margin-right:auto; }
.game-request-modal .field-label { margin-top:20px; }
.game-request-modal .field-label .quiet { margin-left:6px; font-weight:normal; color:#abc; }
.request-intro,.request-confirmation p { color:#c2d1df; font-size:14px; line-height:1.55; }
.request-help { font-size:12px; color:#abc; line-height:1.5; margin-top:10px; }
.requested-game { display:flex; align-items:center; gap:16px; margin-top:22px; }
.requested-game img { width:52px; height:72px; object-fit:cover; border-radius:3px; }
.requested-game strong { color:white; font-size:18px; }
.requested-game p { font-size:12px; color:#abc; }
.queue-loading { padding:30px 0; }
.queue-toolbar { margin-top:30px; }
.queue-toolbar .page-tabs span { color:#789; margin-left:4px; }
.queue-toolbar .toolbar-group { display:flex; align-items:center; gap:18px; padding-bottom:6px; }
.queue-refresh { font-size:12px; color:#abc; }
.queue-explanation,.queue-privacy { margin:18px 0; color:#789; font-size:12px; }
.demand-table-head,.demand-row { display:grid; grid-template-columns:minmax(0,1fr) 75px 80px 210px; gap:20px; align-items:center; }
.demand-table-head { padding:9px 0; color:#789; font-size:11px; text-transform:uppercase; letter-spacing:1px; border-bottom:1px solid #456; }
.demand-row { padding:18px 0; border-bottom:1px solid #2c3640; }
.demand-row h2 { font-size:17px; line-height:1.4; overflow-wrap:anywhere; }
.demand-source { display:block; width:fit-content; font-size:12px; margin-top:5px; color:#89a; }
.demand-count { font-size:18px; color:#abc; }
.demand-row time { font-size:12px; color:#789; }
.demand-actions { display:flex; align-items:center; gap:12px; justify-content:flex-end; }
.demand-actions button { font-size:11px; }
.demand-actions .secondary { padding:7px 10px; }
@media(max-width:600px) {
 .queue-toolbar .page-tabs { width:100%; }
 .demand-table-head { display:none; }
 .demand-row { grid-template-columns:minmax(0,1fr) 35px 45px; gap:12px; }
 .demand-actions { grid-column:1/-1; justify-content:flex-start; }
 .game-request-modal .modal-body,.game-request-modal .modal-head { padding:20px; }
 .game-request-modal .modal-foot { padding:16px 20px; }
}

/* Member directory and network: Letterboxd's avatar cards and 670px table. */
.members-intro { font:400 25px/1.4 var(--font-ui); text-align:center; color:#9ab; margin:2px 0 32px; }
.featured-members { display:grid; grid-template-columns:repeat(var(--featured-count),minmax(0,1fr)); gap:20px; margin:20px 0 48px; }
.featured-member { min-width:0; max-width:180px; width:100%; margin:auto; text-align:center; }
.featured-member-avatar { display:block; margin:0 auto 12px; width:min(150px,100%); }
.featured-member-avatar .avatar.big { width:100%; height:auto; aspect-ratio:1; font-size:44px; box-shadow:inset 0 0 0 1px #ffffff30; }
.featured-member h2 { font-size:16px; line-height:21px; overflow-wrap:anywhere; }
.featured-member>p { color:#89a; font-size:12px; line-height:20px; margin-bottom:8px; }
.member-favorites { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; }
.member-favorites .poster { border-radius:2px; }
.member-favorites .cover-label { padding:14px 3px 4px; font-size:8px; }
.member-favorites .cover-label>span { -webkit-line-clamp:2; }
.member-directory-layout { display:grid; grid-template-columns:minmax(0,670px) minmax(0,230px); gap:50px; align-items:start; }
.member-directory-layout>section,.member-directory-layout>aside { min-width:0; }
.member-directory-toolbar { margin:0; min-height:31px; gap:14px; }
.member-directory-toolbar>h2 { font-size:13px; font-weight:400; letter-spacing:1px; text-transform:uppercase; padding-bottom:6px; }
.member-directory-toolbar .collection-sort { margin-left:auto; padding-bottom:6px; white-space:nowrap; }
.member-directory-toolbar .page-tabs a { color:#00d44d; }
.member-directory-toolbar .page-tabs a.active { color:#fff; }
.member-table-head,.member-row.directory-member { display:grid; grid-template-columns:minmax(0,1fr) 72px 58px 66px 36px; gap:10px; align-items:center; }
.member-table-head { min-height:27px; padding:3px 0; background:#14181c60; border-bottom:1px solid #2c3440; text-transform:uppercase; font-size:11px; color:#567; }
.member-table-head>span:not(:first-child) { text-align:center; }
.member-row.directory-member { min-height:63px; padding:10px 0; border-bottom:1px solid #2c3440; }
.member-row.directory-member .member-cell { display:flex; align-items:center; gap:10px; min-width:0; }
.member-cell>div { min-width:0; }
.member-avatar-link { flex-shrink:0; }
.member-avatar-link .avatar { width:40px; height:40px; font-size:12px; box-shadow:inset 0 0 0 1px #ffffff30; }
.member-row.directory-member h2 { font-size:16px; line-height:20px; margin:0; font-weight:bold; overflow-wrap:anywhere; }
.member-row.directory-member .member-cell p { color:#678; font-size:12px; line-height:18px; margin:0; }
.member-number { display:flex; align-items:center; justify-content:center; gap:4px; color:#789; font-size:12px; }
.member-number .icon { width:17px; height:17px; flex-shrink:0; }
.member-number.played .icon { color:#00d44d; }
.member-number.lists .icon { color:#40bcf4; fill:currentColor; stroke-width:0; }
.member-number.likes .icon { color:#ff8000; fill:currentColor; }
.member-follow-cell { display:flex; justify-content:flex-end; }
.member-follow { border:1px solid #456; border-radius:50%; width:30px; height:30px; display:grid; place-items:center; color:#9ab; padding:0; }
.member-follow.is-following { background:#00ac1c; border-color:#32bc40; color:white; }
.member-follow:hover { color:white; border-color:#9ab; }
.member-follow.is-following:hover { background:#678; }
.member-follow .icon { width:19px; height:19px; }
.member-search-form .field-label { margin:0 0 8px; font-size:12px; color:#9ab; }
.member-search-form>div { display:flex; align-items:center; border-radius:3px; background:#2c3440; padding-right:6px; }
.member-search-form input { width:100%; min-width:0; border:0; background:transparent; color:#cde; padding:7px 10px; font-size:13px; }
.member-search-form button { padding:3px; }
.member-search-form .icon { width:16px; height:16px; }
.member-directory-help { font-size:13px; line-height:1.6; color:#789; margin:20px 0 12px; }
.member-directory-link { font-size:12px; color:#9ab; }
.member-search-summary { margin:14px 0; font-size:13px; color:#89a; overflow-wrap:anywhere; }
.member-search-summary a { margin-left:8px; color:#40bcf4; }
@media(max-width:1000px) {
 .member-directory-layout { grid-template-columns:minmax(0,1fr) 200px; gap:30px; }
 .member-table-head,.member-row.directory-member { grid-template-columns:minmax(0,1fr) 60px 44px 52px 30px; gap:8px; }
}
@media(max-width:760px) {
 .members-intro { font-size:22px; margin-bottom:25px; }
 .featured-members { gap:20px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:35px; }
 .featured-member-avatar { width:112px; }
 .featured-member-avatar .avatar.big { font-size:34px; }
 .member-directory-layout { display:flex; flex-direction:column; gap:20px; }
 .member-directory-layout>section,.member-directory-layout>aside { width:100%; }
 .member-directory-layout>aside { order:-1; }
 .member-directory-help,.member-directory-link { display:none; }
 .member-search-form>div { max-width:none; }
 .member-search-form .field-label { margin-bottom:6px; }
 .member-directory-toolbar { flex-wrap:wrap; }
 .member-table-head,.member-row.directory-member { grid-template-columns:minmax(0,1fr) 48px 38px 45px 28px; gap:6px; }
 .member-row.directory-member h2 { font-size:14px; }
 .member-row.directory-member .member-cell p { font-size:11px; line-height:15px; }
 .member-row.directory-member .member-cell { gap:8px; }
 .member-avatar-link .avatar { width:32px; height:32px; font-size:10px; }
 .member-number { font-size:11px; gap:3px; }
 .member-number .icon { width:13px; height:13px; }
 .member-follow { width:26px; height:26px; }
 .member-table-head { font-size:9px; }
}
@media(max-width:380px) {
 .member-table-head,.member-row.directory-member { grid-template-columns:minmax(0,1fr) 38px 28px 35px 24px; gap:4px; }
 .member-number { flex-wrap:wrap; gap:1px; }
 .member-follow { width:24px; height:24px; }
 .member-row.directory-member .member-cell { gap:6px; }
 .member-avatar-link .avatar { width:26px; height:26px; }
}
/* Member Played collections and the five-column Play later reference layout. */
.game-collection { min-width:0; }
.game-collection .library-toolbar { min-height:31px; height:auto; }
.library-toolbar .catalog-options { gap:12px; }
.library-toolbar .catalog-sort select { max-width:164px; }
.library-grid { row-gap:10px; }
.library-item { min-width:0; }
.library-markers { height:17px; display:flex; align-items:center; gap:4px; overflow:hidden; color:#678; }
.library-markers .stars { color:#678; height:9px; flex-shrink:0; gap:0; }
.library-markers .rating-star { width:9px; height:9px; }
.library-markers .rating-star.is-half { width:4.5px; }
.library-markers .icon { width:10px; height:10px; display:block; }
.library-markers a:hover { color:#def; }
.library-like .icon { fill:currentColor; stroke-width:0; }
.library-filter-summary { display:flex; align-items:center; gap:14px; justify-content:space-between; color:#9ab; font-size:12px; margin:0 0 15px; }
.library-filter-summary a { color:#789; white-space:nowrap; }
.library-search { display:flex; justify-content:flex-end; align-items:center; gap:10px; margin-top:25px; font-size:12px; }
.library-search>div { display:flex; align-items:center; border-radius:3px; background:#293540; }
.library-search input { width:160px; min-width:0; background:none; border:0; padding:7px 8px; color:#cde; }
.library-search button { color:#9ab; padding:4px 7px; }
.library-search .icon { width:15px; height:15px; }
.library-watchlist { grid-template-columns:minmax(0,670px) minmax(0,230px); gap:50px; }
.library-watchlist .section-head { margin-top:0; }
.library-watchlist .game-collection>.section-head { margin-bottom:0; }
.library-watchlist .library-toolbar { min-height:31px; justify-content:flex-end; align-items:center; margin-bottom:15px; }
.library-watchlist .library-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.watchlist-sidebar { min-width:0; }
.watchlist-sidebar>p { font-size:14px; line-height:1.5; color:#89a; margin:0 0 15px; }
.watchlist-sidebar>p .icon { width:17px; height:17px; vertical-align:middle; }
.watchlist-sidebar>p strong { font-weight:400; color:#bcd; }
#watchlist-results { margin-bottom:30px; }
#watchlist-results .game-suggestion { padding:8px 0; gap:10px; align-items:center; border-bottom:1px solid #28333e; }
#watchlist-results .game-suggestion img { width:30px; height:45px; object-fit:cover; flex-shrink:0; }
#watchlist-results .game-suggestion>span { min-width:0; text-align:left; }
#watchlist-results strong { display:block; font:600 13px/1.3 var(--font-ui); }
#watchlist-results small { font-size:11px; overflow-wrap:anywhere; }
#watchlist-results .game-suggestion:disabled { cursor:default; opacity:.55; }
#watchlist-results .missing-game-prompt { display:block; line-height:1.6; }
@media(max-width:1000px) {
 .library-watchlist { grid-template-columns:minmax(0,1fr) 210px; gap:25px; }
 .library-toolbar .catalog-options { gap:8px; flex-wrap:wrap; }
 .library-toolbar .catalog-sort select { max-width:140px; }
}
@media(max-width:760px) {
 .library-watchlist { grid-template-columns:minmax(0,1fr); gap:30px; }
 .library-watchlist .library-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px 6px; }
 .library-toolbar { padding-bottom:8px; gap:8px; }
 .library-toolbar .catalog-options { justify-content:flex-end; gap:8px; }
 .library-toolbar .catalog-sort select { max-width:112px; font-size:10px; }
 .library-markers { height:18px; }
 .library-search { flex-wrap:wrap; gap:8px; }
 .library-search>div { min-width:0; max-width:100%; }
 .library-search input { flex:1; }
 .watchlist-sidebar { max-width:100%; }
}

.watchlist-add-shortcut { display:none; }
@media(max-width:760px) { .watchlist-add-shortcut { display:block; font-size:11px; letter-spacing:0; white-space:nowrap; } .library-watchlist .section-head { gap:10px; } }

/* Shared account sign-in choices, sized for the existing Letterboxd-style modal. */
.account-providers{display:grid;justify-items:center;gap:10px;margin-top:22px}
.account-providers .provider-button{width:180px;max-width:100%;min-height:40px;text-transform:none;letter-spacing:0;font-size:14px;white-space:normal}
.account-providers .google-signin{padding:0;border:0;background:none;box-shadow:none;border-radius:4px;line-height:0}
.account-providers .google-signin img{display:block;width:180px;height:40px;max-width:100%;object-fit:contain}
.account-providers .google-signin:hover:not(:disabled){box-shadow:0 0 0 1px #a8c7fa}
.account-divider{display:flex;align-items:center;gap:12px;color:#9ab;font-size:12px;margin:22px 0}
.account-divider:before,.account-divider:after{content:"";flex:1;height:1px;background:#456}
.account-settings{border-top:1px solid #345;margin-top:40px;padding-top:24px}
.account-settings h2{font-size:20px;color:#def;margin-bottom:12px}
.account-settings p{margin-bottom:16px}
#modal-error:not(:empty){color:#ffb4a6;font-size:14px;line-height:1.5;margin:14px 0}
/* Live Chrome comparison, 23 Sep: attributed activity cards and review hierarchy. */
.member-home { padding-top:32px; }
.member-home .welcome { font:300 26px/32px var(--font-ui); color:#abc; padding:0; margin:0 0 32px; text-align:center; }
.member-home .welcome a { color:#fff; }
.member-home .follow-hint { margin:-10px 0 29px; font-size:14px; text-align:center; }
.home-activity { padding-bottom:0; }
.home-activity>.section-head { margin-top:0; }
.home-activity-card { min-width:0; }
.attributed-cover { border-radius:4px; background:#456; }
.attributed-cover .poster { box-shadow:none; }
.attributed-cover .poster>.poster-link { border-radius:4px 4px 0 0; }
.cover-attribution { display:flex; align-items:center; gap:5px; height:28px; padding:0 5px; color:#bcd; font-size:12px; border-radius:0 0 3px 3px; }
.cover-attribution strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cover-attribution .avatar { width:16px; height:16px; font-size:7px; flex-shrink:0; }
.activity-card-meta { display:flex; align-items:center; gap:4px; height:27px; color:#678; }
.activity-card-meta .stars { color:#789; }
.activity-card-meta .icon { width:12px; height:12px; }
.activity-card-meta .heart .icon,.review-reaction .heart .icon { fill:currentColor; stroke:none; }
.activity-card-meta time { margin-left:auto; font-size:10px; white-space:nowrap; }
.page:has(.review-detail) { padding-top:32px; }
.review-detail { padding-top:0; row-gap:32px; align-items:start; }
.review-content { min-width:0; }
.review-detail>.review-sidebar { grid-column:3; grid-row:1 / span 2; min-width:0; }
.review-author { min-height:33px; padding-bottom:8px; border-bottom:1px solid #456; font-size:13px; }
.review-author .avatar { width:24px; height:24px; font-size:9px; }
.review-title { font:700 22px/27.5px var(--font-editorial); letter-spacing:-.3px; margin:15px 0 6px; }
.review-title .year { font:400 18px/1.25 var(--font-ui); margin-left:5px; color:#89a; letter-spacing:0; }
.review-reaction { display:flex; align-items:center; gap:8px; min-height:20px; margin-bottom:6px; }
.review-reaction .stars,.review-reaction .rating-star { height:18px; }
.review-reaction .rating-star { width:18px; }
.review-reaction .rating-star.is-half { width:9px; }
.review-reaction .icon { width:16px; height:16px; }
.review-date { display:block; font-size:13px; color:#789; margin:0; }
.review-content .detail-body { font:18px/26px var(--font-editorial); color:#abc; margin:20px 0 24px; }
.review-tags { margin:0 0 20px; }
.review-detail-likes { margin-top:22px; }
.review-detail-likes button { display:inline-flex; align-items:center; gap:7px; font-size:13px; }
.review-detail-likes .icon { width:18px; height:18px; fill:currentColor; stroke:none; }
.review-detail #comments { grid-column:1 / 3; margin:0; min-width:0; }
.review-comments>.section-head { margin-top:0; }
.review-comments .comment-list:empty { display:none; }
.review-comments .comment { padding:18px 0; }
.review-comments .comment>.avatar,.review-comments .comment>a .avatar { width:40px; height:40px; font-size:14px; }
.review-comments .comment>div { flex:1; min-width:0; }
.comment-byline { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.review-comments .comment p { font-size:14px; line-height:1.6; }
.review-comments form { margin-top:18px; }
.comment-submit { display:flex; justify-content:flex-end; margin-top:12px; }
.reply-signin { font-size:14px; color:#789; margin-top:20px; }
.reply-signin button { color:#bcd; }
.reply-signin button:hover,.review-join button:hover { color:#fff; }
.review-join { padding:15px; margin:0 0 20px; border-radius:3px; background:#283038; color:#89a; font-size:13px; line-height:18px; }
.review-join strong { font-weight:400; color:#bcd; }
.review-join button { color:#bcd; }
.review-sidebar .game-actions { font-size:13px; }
.review-sidebar .game-actions>button,.review-sidebar .game-actions>a { padding:9px 10px; }
.review-author-more .section-head h2 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.review-author-more .section-head>a { flex-shrink:0; }
.author-review-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
@media(max-width:760px) {
 .member-home .welcome { font-size:22px; line-height:29px; text-align:left; margin-bottom:24px; }
 .member-home .follow-hint { text-align:left; font-size:13px; line-height:20px; margin:0 0 24px; }
 .home-activity-grid { gap:20px 10px; }
 .cover-attribution { font-size:11px; }
 .activity-card-meta .rating-star { width:10px; height:10px; }
 .activity-card-meta .rating-star.is-half { width:5px; }
 .activity-card-meta { gap:3px; }
 .review-detail { display:flex; flex-direction:column; position:relative; gap:26px; }
 .review-detail>.review-cover { position:absolute; right:0; top:0; width:75px; }
 .review-detail>.review-content { width:100%; }
 .review-top { padding-right:95px; min-height:125px; }
 .review-author { font-size:12px!important; gap:5px; }
 .review-author>a { display:none; }
 .review-title { font-size:22px; line-height:27px; }
 .review-title .year { font-size:16px; }
 .review-content .detail-body { font-size:17px; line-height:25px; }
 .review-detail>.review-sidebar { width:100%; order:3; }
 .review-detail #comments { width:100%; order:2; }
 .review-sidebar .game-actions { display:block; border-radius:4px; }
 .review-author-more { max-width:300px; }
 .comment-byline { flex-wrap:wrap; gap:2px 10px; }
}
@media(max-width:380px) {
 .home-activity-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}


/* Film-detail comparison: 230px cover beside a 670px content column. */
.game-page { padding-top:472px; }
.film-backdrop,.film-backdrop img { height:675px; }
.game-layout { grid-template-columns:230px minmax(0,670px); gap:50px; }
.game-main { display:grid; grid-template-columns:minmax(0,390px) 230px; column-gap:50px; row-gap:28px; min-width:0; }
.game-heading,.game-reviews,.game-similar,.game-lists { grid-column:1/-1; min-width:0; }
.game-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:0 10px; }
.game-main .game-heading h1 { font:700 32px/40px var(--font-editorial); letter-spacing:-.6px; min-height:0; margin:0; }
.game-main .game-subtitle { display:flex; align-items:baseline; flex-wrap:wrap; gap:0 7px; font-size:15px; line-height:24px; margin:0; min-height:0; }
.game-subtitle span { display:inline; font-size:15px; text-transform:none; color:#89a; margin:0; }
.game-overview { min-width:0; }
.game-tagline { margin:0 0 10px; font-size:13px; line-height:20px; letter-spacing:.6px; }
.game-main .synopsis { font:16px/24px var(--font-editorial); margin:0; color:#abc; }
.game-sidebar { min-width:0; }
.game-sidebar .guest-game-actions { font-size:13px; }
.guest-game-actions>button { padding:11px 8px; }
.game-save-note { margin-top:20px; }
.game-play-panel { margin-top:20px; }
.game-play-panel>.section-head { margin:0; padding:7px 10px; border:1px solid #345; border-radius:3px 3px 0 0; font-size:11px; }
.game-play-panel .play-roblox { margin:0; border-top:0; border-radius:0 0 3px 3px; }
.game-play-panel>p { font-size:11px; text-align:center; margin-top:9px; }
.metadata-tabs { gap:18px; margin:26px 0 16px; padding-bottom:8px; }
.metadata-tabs [role=tab] { font-size:12px; color:#789; }
.metadata-tabs [aria-selected=true] { color:#fff; }
.metadata-content { min-height:115px; }
.game-facts { margin:0; font-size:13px; line-height:20px; }
.game-facts>div { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:baseline; gap:12px; margin-bottom:10px; }
.game-facts dt { color:#789; text-transform:uppercase; font-size:11px; letter-spacing:.5px; }
.game-facts dd { margin:0; min-width:0; color:#abc; }
.game-facts .tag { margin:0 3px 4px 0; padding:2px 5px; font-size:12px; line-height:18px; }
.game-reviews .section-head,.game-similar .section-head,.game-lists>.section-head { margin-top:0; }
.game-recent-reviews { margin-top:32px; }
.game-main .game-review { display:grid; grid-template-columns:40px minmax(0,1fr); gap:15px; padding:20px 0; margin:0; }
.game-review-avatar .avatar { width:40px; height:40px; font-size:14px; }
.game-review .byline { min-height:20px; gap:8px; }
.game-review-author { font-size:13px; }
.game-review .byline .heart .icon { fill:currentColor; stroke:none; width:13px; height:13px; }
.game-review .byline>a:last-child .icon { width:12px; height:12px; }
.game-review .review-body { font:16px/24px var(--font-editorial); margin:12px 0 14px; }
.game-review .review-meta button { display:inline-flex; align-items:center; gap:5px; font-size:12px; }
.game-review .review-meta [data-action=review-like] .icon { width:14px; height:14px; fill:currentColor; stroke:none; }
.game-review-spoiler { margin:14px 0; font:16px/24px var(--font-editorial); }
.game-review-spoiler summary { color:#789; cursor:pointer; }
.game-review-spoiler summary span { color:#abc; }
.game-lists .list-summary { display:grid; grid-template-columns:230px minmax(0,1fr); column-gap:25px; align-content:start; padding:20px 0; margin:0; }
.game-lists .list-stack { grid-row:1/3; margin:0; }
.game-lists .list-summary h3 { margin:0 0 8px; font-size:18px; }
.game-lists .list-summary .byline { align-self:start; }
@media(max-width:1000px) and (min-width:761px) {
 .game-layout { grid-template-columns:180px minmax(0,1fr); gap:25px; }
 .game-main { grid-template-columns:minmax(0,1fr) 205px; column-gap:25px; }
 .game-facts>div { grid-template-columns:75px minmax(0,1fr); gap:8px; }
 .game-lists .list-summary { grid-template-columns:180px minmax(0,1fr); gap:15px; }
}
@media(max-width:760px) {
 .game-page { padding-top:260px; }
 .film-backdrop,.film-backdrop img { height:365px; }
 .game-layout { display:block; position:relative; }
 .game-cover { position:absolute; top:0; right:0; width:100px; }
 .game-cover .game-play-panel { display:block; margin-top:8px; }
 .game-cover .game-play-panel>.section-head,.game-cover .game-play-panel>p { display:none; }
 .game-cover .game-play-panel .play-roblox { font-size:11px; line-height:15px; padding:6px 4px; border-top:1px solid #345; border-radius:3px; }
 .game-main { display:flex; flex-direction:column; gap:26px; }
 .game-heading { min-height:195px; max-width:calc(100% - 120px); display:block; }
 .game-main .game-heading h1 { font-size:28px; line-height:32px; margin:0 0 8px; }
 .game-main .game-subtitle { font-size:13px; line-height:20px; display:block; }
 .game-subtitle span { font-size:12px; margin:0 4px; }
 .game-overview .mobile-action-strip { margin:0 0 24px; }
 .game-overview .game-tagline { margin-top:0; }
 .game-sidebar { width:100%; }
 .game-sidebar .game-rating-summary { display:block; }
 .game-rating-summary>.section-head { margin-top:0; }
 .game-sidebar .game-rating-summary>.roblox-stats { margin-top:24px; }
 .game-sidebar .roblox-stats dl { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .game-sidebar .histogram { width:100%; max-width:none; }
 .game-facts>div { grid-template-columns:95px minmax(0,1fr); }
 .game-similar .poster-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .game-lists .list-summary { grid-template-columns:130px minmax(0,1fr); column-gap:15px; }
 .game-lists .list-summary h3 { font-size:16px; }
 .game-review .byline { gap:5px; }
}
@media(max-width:380px) {
 .game-heading { max-width:calc(100% - 100px); }
 .game-cover { width:80px; }
 .game-sidebar .game-rating-summary { display:block; }
 .game-sidebar .roblox-stats { margin-top:24px; }
 .game-lists .list-summary { grid-template-columns:100px minmax(0,1fr); }
}
/* Live profile/activity comparison, 23 Sep. Keep the same compact social hierarchy. */
.profile-counts strong { font-weight:700; }
.profile-layout .recent-grid { gap:10px; }
.profile-cover-meta { display:flex; align-items:center; justify-content:center; gap:6px; min-height:28px; color:#789; }
.profile-cover-meta .stars { color:#789; gap:0; }
.profile-cover-meta .rating-star { width:13px; height:13px; }
.profile-cover-meta .rating-star.is-half { width:6.5px; }
.profile-cover-meta .icon { width:12px; height:12px; }
.profile-cover-meta .heart { color:#789; }
.profile-cover-meta .heart .icon { fill:currentColor; }
.profile-review { grid-template-columns:70px minmax(0,1fr); gap:20px; }
.profile-review h3 { font:700 22px/1.2 var(--font-editorial); }
.profile-review h3 .year { font:400 18px var(--font-ui); }
.profile-review-meta { display:flex; align-items:center; gap:7px; flex-wrap:wrap; color:#789; font-size:12px; margin:8px 0 12px; }
.profile-review-meta .stars { gap:0; }
.profile-review-meta .rating-star { width:16px; height:16px; }
.profile-review-meta .rating-star.is-half { width:8px; }
.profile-review-meta .icon { width:13px; height:13px; fill:currentColor; }
.profile-review-meta a { color:#789; }
.profile-review .review-body { font-size:18px; line-height:1.5; margin-top:0; }
.profile-review-collection { max-width:670px; }
.profile-empty { font-size:14px; padding:8px 0 12px; }
.profile-tags { display:flex; gap:5px; flex-wrap:wrap; }
.profile-tags .tag { font-size:11px; padding:4px 7px; }
.activity-layout { grid-template-columns:minmax(0,670px) minmax(0,230px); gap:50px; }
.activity-toolbar { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #456; min-height:24px; }
.activity-tabs { display:flex; gap:14px; min-width:0; }
.activity-tabs a { position:relative; padding-bottom:7px; color:#9bc49d; font-size:13px; text-transform:uppercase; letter-spacing:.7px; overflow-wrap:anywhere; }
.activity-tabs a.active { color:#fff; }
.activity-tabs a.active:after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:1px; background:#fff; }
.activity-timeline,.activity-summary { list-style:none; margin:0; padding:0; }
.activity-event { display:flex; gap:12px; align-items:baseline; padding:11px 10px; border-bottom:1px solid #283038; font:13px/1.5 var(--font-ui); color:#789; }
.activity-timeline .activity-event:nth-child(odd) { background:#ffffff03; }
.activity-event p { flex:1; min-width:0; margin:0; overflow-wrap:anywhere; }
.activity-event a { color:#abc; }
.activity-event a:first-child { font-weight:700; }
.activity-event a:hover { color:#fff; }
.activity-event time { flex-shrink:0; font-size:11px; color:#678; }
.activity-event .stars { color:#9ab; display:inline-flex; gap:0; vertical-align:middle; }
.activity-event .rating-star { width:12px; height:12px; }
.activity-event .rating-star.is-half { width:6px; }
.activity-event .heart { color:#9ab; }
.activity-event .icon { height:11px; width:11px; fill:currentColor; }
.activity-summary .activity-event { padding:8px 0; font-size:12px; gap:8px; }
.activity-summary .activity-event:first-child { padding-top:0; }
.activity-summary .activity-event:last-child { border:0; }
.activity-sidebar .section-head { margin-top:0; }
.activity-sidebar .profile-following { gap:10px; }
.activity-sidebar .avatar { width:30px; height:30px; font-size:10px; }
.activity-filters { position:relative; align-self:flex-start; }
.activity-filters summary { list-style:none; cursor:pointer; color:#789; padding:0 0 5px 8px; }
.activity-filters summary::-webkit-details-marker { display:none; }
.activity-filters .icon { width:18px; height:18px; }
.activity-filters>div { position:absolute; right:0; top:25px; z-index:5; width:215px; background:#2c3440; border:1px solid #456; box-shadow:0 7px 20px #0006; padding:12px; border-radius:3px; }
.activity-filters label { display:flex; align-items:center; gap:8px; font-size:12px; padding:7px 0; color:#cde; }
.activity-filters input { accent-color:#00e054; }
.activity-load-error:empty { display:none; }
.activity-load-error { color:#f9b5aa; margin-top:15px; font-size:13px; }
button.load-activity { width:100%; }
.load-activity { display:block; text-align:center; margin-top:20px; text-transform:none; }
@media(max-width:1000px) { .activity-layout { grid-template-columns:minmax(0,1fr) 210px; gap:30px; } }
@media(max-width:760px) {
 .activity-layout { display:block; }
 .activity-layout>.activity-sidebar { display:block; margin-top:30px; }
 .activity-event { padding:10px 7px; gap:8px; font-size:12px; }
 .profile-review { grid-template-columns:50px minmax(0,1fr); gap:14px; }
 .profile-review h3 { font-size:20px; }
 .profile-review .review-body { font-size:16px; }
 .profile-review-meta { font-size:11px; gap:5px; }
 .profile-layout .recent-grid { gap:7px; }
 .profile-cover-meta { gap:4px; }
 .profile-cover-meta .rating-star { width:11px; height:11px; }
 .profile-cover-meta .rating-star.is-half { width:5.5px; }
}
.activity-timeline .activity-event:focus-visible { outline:1px solid #40bcf4; outline-offset:2px; }
/* Populated Letterboxd comment thread: 190px author rail, 10px gap, 470px text. */
.review-comments .comments-heading { display:grid; grid-template-columns:190px minmax(0,1fr); gap:10px; justify-content:start; }
.comments-heading .comment-window { color:#789; font-size:13px; line-height:18px; text-transform:none; letter-spacing:0; }
.comment-window button { color:#def; padding:0; }
.review-comments .comment { display:grid; grid-template-columns:190px minmax(0,1fr); gap:10px; padding:14px 0 22px; min-height:74px; scroll-margin-top:20px; }
.review-comments .comment-person { display:flex; gap:8px; align-items:flex-start; padding-right:10px; }
.review-comments .comment-person .avatar { width:24px; height:24px; font-size:9px; flex-shrink:0; }
.review-comments .comment-byline { display:block; min-width:0; font-size:12px; line-height:17px; overflow-wrap:anywhere; }
.comment-byline>a:first-child { color:#9ab; }
.comment-byline .comment-permalink { display:block; font-size:11px; color:#678; }
.comment-edited { display:block; font-size:9px; text-transform:uppercase; color:#678; letter-spacing:.4px; }
.review-comments .comment-content>p { margin:0; font:13px/19.5px var(--font-ui); color:#abc; white-space:normal; }
.comment-actions { display:flex; gap:12px; margin-top:8px; font-size:11px; color:#678; }
.comment-actions button { padding:0; }
.comment-actions button:hover { color:#def; }
.comment:target { background:#1c2630; box-shadow:0 0 0 6px #1c2630; }
.comment:focus-visible { outline:1px solid #40bcf4; outline-offset:4px; }
.review-comments form { margin:0; }
.review-comments .comment-reply { margin-top:24px; margin-left:200px; }
.review-comments textarea { min-height:120px; font:14px/20px var(--font-ui); }
.review-comments .comment-submit { gap:10px; }
.review-comments .comment-error:empty { display:none; }
.review-comments .comment-error:not(:empty) { margin-top:10px; font-size:13px; color:#ffb4a6; }
.review-comments .reply-signin { margin-left:200px; font-size:13px; }
@media(min-width:761px) and (max-width:1000px) {
 .review-comments .comment,.review-comments .comments-heading { grid-template-columns:155px minmax(0,1fr); }
 .review-comments .comment-reply,.review-comments .reply-signin { margin-left:165px; }
}
@media(max-width:760px) {
 .review-comments .comments-heading { grid-template-columns:auto minmax(0,1fr); gap:14px; }
 .comment-window { text-align:right; }
 .review-comments .comment { display:block; padding:15px 0 18px; }
 .review-comments .comment-person { margin-bottom:8px; padding-right:0; }
 .review-comments .comment-byline { display:flex; align-items:baseline; gap:4px 9px; flex-wrap:wrap; }
 .comment-byline>a:first-child { flex-basis:100%; }
 .comment-byline .comment-permalink,.comment-edited { display:inline; }
 .review-comments .comment-content { margin-left:32px; }
 .review-comments .comment-reply,.review-comments .reply-signin { margin-left:0; }
 .review-comments .comment-content>p { font-size:14px; line-height:21px; }
}