/* Playtable's reading room: real covers, readable stories, a personal shelf. */
:root{--paper:#fffdf6;--navy:#253f77;--ink:#293952;--muted:#6e7784;--line:#e3e2d9;--yellow:#efc653}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header,main,footer{max-width:1200px}.site-header{padding-top:18px;padding-bottom:18px}.site-header nav a{font-size:13px}.site-header nav a[aria-current]{border-color:var(--yellow)}main{padding-top:38px}
.review-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:44px;padding:10px 0 25px}.review-hero .intro{max-width:none}.review-hero h1{font-size:clamp(38px,5.5vw,64px);letter-spacing:-2.8px;margin:0 0 18px}.review-hero .intro>p{font-size:16px;line-height:1.75;max-width:530px;margin-bottom:20px}.review-hero .intro>.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:18px}.review-hero h1 span{background:none;position:relative;white-space:nowrap}.review-hero h1 span:after{content:'';position:absolute;left:2px;right:0;bottom:0;height:7px;background:var(--yellow);border-radius:6px;z-index:-1}.review-hero-link{display:inline-flex;align-items:center;gap:24px;text-decoration:none;font-size:13px;font-weight:700;padding:9px 0}.review-hero-link>span{font-size:19px}
.hero-shelf{position:relative;display:flex;justify-content:center;align-items:center;min-height:230px;gap:0;padding:26px 16px 40px;border-radius:50% 50% 16px 16px;background:#f5f1e5}.hero-shelf>a{width:34%;height:164px;display:flex;align-items:center;justify-content:center;background:#fffefa;border:1px solid #e1dece;border-radius:12px;padding:9px;box-shadow:0 9px 15px #26375410;transform:rotate(-8deg)}.hero-shelf>a:nth-child(2){transform:translateY(-12px) rotate(0);z-index:1}.hero-shelf>a:nth-child(3){transform:rotate(8deg)}.hero-shelf img{width:100%;height:100%;object-fit:contain}.hero-shelf-note{position:absolute;bottom:15px;text-align:center;font-size:11px;letter-spacing:.5px;color:#7f755c}
.review-page-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:12px 0 26px}.review-page-tabs a{position:relative;min-height:47px;display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:14px;font-weight:650;color:var(--muted)}.review-page-tabs a[aria-current]{color:var(--navy)}.review-page-tabs a[aria-current]:after{content:'';position:absolute;left:0;right:0;height:3px;border-radius:2px;bottom:-1px;background:var(--navy)}
.my-review-shelf{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 25px;padding:23px 25px;border:1px solid #dfddcc;border-radius:18px;background:#f8f5e9;margin-bottom:30px}.my-review-shelf .eyebrow{font-size:9px;letter-spacing:1.6px;margin:0 0 7px}.my-review-shelf h2{font-size:22px;letter-spacing:-.7px;margin:0 0 7px}.my-review-shelf p:last-child{font-size:13px;line-height:1.65;margin:0;color:var(--muted);max-width:650px}.shelf-action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:44px;border:1px solid #c8cbbd;border-radius:11px;padding:9px 16px;font-size:12px;font-weight:750;white-space:nowrap;background:#fffdf7}.my-games-preview{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}.my-games-preview>a{display:flex;align-items:center;gap:10px;min-width:0;padding:9px;background:#fffefa;border:1px solid #e4e1d4;border-radius:10px;text-decoration:none}.my-games-preview .cover{flex:0 0 48px;width:48px;height:56px;padding:3px;aspect-ratio:auto;background:none}.my-games-preview strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.4}.my-games-preview small{font-size:10px;display:block;color:var(--muted);margin-top:4px}
.review-explore-tools{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:10px 18px;position:sticky;top:0;z-index:10;background:#fffdf6f5;backdrop-filter:blur(10px);padding:14px 0;border-bottom:1px solid #e7e5db}.review-explore-tools .search{max-width:none;min-width:0}.review-explore-tools .search>div{margin:0;gap:0;align-items:center;border:1px solid #d1d5dc;border-radius:12px;padding:0 5px 0 13px;background:#fff}.search-symbol{font-size:27px;line-height:1;color:#6b7891;margin-right:7px}.review-explore-tools .search input{border:0;background:none;min-height:44px;padding:10px 8px;outline-offset:-3px;font-size:13px;min-width:0}.review-explore-tools .search button{font-size:12px;min-height:34px;border-radius:8px;padding:6px 14px}.review-explore-tools .review-sort{min-width:0}.review-sort select{font-size:12px;min-height:46px;background:#fffdf6;border-color:#d1d5dc}.review-explore-tools .review-filters{grid-column:1/-1;gap:7px;margin:0}.review-filters button{min-height:34px;font-size:11px;border-radius:20px;padding:5px 13px;border-color:#d9dbd7}.review-filters button[aria-pressed=true]{background:#edf2fa;border-color:#c6d2e6;color:#253f77}
.section-heading{margin:31px 0 18px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:7px}.section-heading h2{font-size:25px;letter-spacing:-.8px}.section-heading>span{font-size:11px}#browse-status:empty{display:none}.game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 17px}.game-card{border:0;border-radius:0;overflow:visible;background:transparent}.game-card .cover{position:relative;aspect-ratio:1;background:#f2f1e9;border:1px solid #e7e4d8;border-radius:14px;padding:19px;overflow:hidden}.game-card .cover img{filter:drop-shadow(0 5px 6px #24334d0a)}.game-card>div:last-child{padding:11px 1px 0!important;background:transparent!important}.game-card h3{font-size:14px;line-height:1.45;margin:0 0 5px;letter-spacing:-.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-card p{font-size:11px;color:#79818c}.cover-rating{position:absolute;left:9px;bottom:9px;padding:3px 8px;border:1px solid #e0d3a5;border-radius:7px;background:#fff7dbf2;color:#735819;font-size:11px;font-weight:800}.game-card .read-reviews{display:flex;justify-content:space-between;font-size:10px;font-weight:600;margin:8px 0 0;color:#586b8c}.game-card:hover .cover{border-color:#b5c2d8}.game-card:hover h3{text-decoration:underline;text-underline-offset:3px}
.recent-grid{gap:18px}.story-card{min-width:0;padding:23px;border:1px solid var(--line);border-radius:18px;background:#fffefa}.story-card:only-child{grid-column:1/-1;max-width:780px}.story-game{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:750;text-decoration:none;min-width:0}.story-game>img{width:52px;height:60px;flex:0 0 52px;object-fit:contain;border-radius:6px}.story-game>span{overflow-wrap:anywhere}.story-top{border-bottom:1px solid #edeae1;padding-bottom:16px}.story-person{display:flex;gap:9px;align-items:center;margin-top:17px;min-width:0}.review-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#edf1f9;color:#3c5887;font-size:14px;font-weight:750}.story-person>div{min-width:0}.story-person strong{display:block;font-size:12px;overflow-wrap:anywhere}.story-proof{display:block;font-size:9px;color:#718571}.story-person .stars{margin-left:auto;white-space:nowrap;font-size:14px;letter-spacing:0}.story-body{font-size:14px;line-height:1.8;color:#536174;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:15px 0}.story-bottom{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-top:18px}.story-bottom time{color:#8a8c8d}.story-bottom a{font-weight:650;text-decoration:none}.story-card .review-photos button{width:76px;height:70px}#recent-section{margin-top:42px;padding-top:8px;border-top:1px solid var(--line)}
#member{max-width:1050px;margin:auto}#member .intro{max-width:700px}#member .intro .review-page-title{font-size:clamp(34px,5vw,50px);letter-spacing:-1.8px}#member .intro>p:last-child{font-size:16px;line-height:1.75}#member-status{font-size:13px;color:#6d788b;max-width:760px}.member-account{padding:13px 17px;border-color:#dedbc9;background:#f7f4e8;margin:20px 0}.member-account p{font-size:12px}.member-account button{font-size:11px;min-height:36px}#member-picker{margin-top:24px}.member-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.member-filters button{font-size:12px;min-height:40px;padding:7px 13px;border:1px solid #d6dbde;background:transparent;color:#64738a;border-radius:22px}.member-filters button[aria-pressed=true]{background:#253f77;color:white;border-color:#253f77}.member-filters button span{font:inherit;font-size:10px;display:inline-block;margin-left:7px;opacity:.8}.member-games{gap:15px}.member-game{grid-template-columns:100px minmax(0,1fr);padding:18px;border-radius:16px;gap:18px;align-items:center}.member-game .cover{height:116px;aspect-ratio:auto;background:#f5f3eb;border-radius:11px;padding:10px}.member-game h3{font-size:16px;line-height:1.45;letter-spacing:-.3px;margin:4px 0 8px}.member-game-kicker{font-size:8px;letter-spacing:1.4px;color:#7f8b9b;font-weight:650}.member-game-note{font-size:10px;line-height:1.6;margin:0 0 10px;color:#788270}.member-game button{font-size:11px;min-height:38px;border-radius:10px;padding:7px 12px;display:inline-flex;gap:18px;align-items:center}.member-game.is-reviewable{border-color:#dfd7b5}.member-game.is-reviewed{background:#f8f9f5}.member-review-state{font-size:11px;margin:0 0 7px}.member-game a{font-size:11px}.member-empty{text-align:center;padding:42px 20px;background:#f7f5ec;border:1px dashed #d6d4c8;border-radius:18px;margin-top:18px}.member-empty>span{display:block;font-size:32px;color:#b59945;margin-bottom:10px}.member-empty h2{font-size:22px}.member-empty p{font-size:13px;line-height:1.8;color:#748091;max-width:480px;margin:0 auto 18px}.member-empty a{font-size:12px;font-weight:650}.member-email-login{display:block;margin-top:14px;min-height:44px;font-size:13px;font-weight:650}.member-search-form .search{max-width:none}
#write{padding:28px;border:1px solid #e1dfd2;border-radius:20px;background:#fffefa}#write .review-page-title{font-size:34px;line-height:1.25}#write>.eyebrow{font-size:10px}.stars-input label{border-radius:12px}.stars-input label:has(input:checked){background:#f9e4a0;border-color:#ac8733}.invitation-note a{white-space:normal}#detail>h2{font-size:24px;margin-top:30px}.review-top .stars{white-space:nowrap}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.game-card .cover img{transition:transform 160ms ease}.game-card:hover .cover img{transform:translateY(-3px)}.hero-shelf a{transition:filter 160ms ease}.hero-shelf a:hover{filter:brightness(1.03)}}
@media(max-width:900px){.review-hero{gap:22px}.hero-shelf{min-height:200px}.hero-shelf>a{height:133px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.my-games-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.site-header,main,footer{padding-left:18px;padding-right:18px}.site-header{padding-top:15px;padding-bottom:15px}.site-header nav{gap:13px}.site-header nav a{font-size:11px}.site-header nav a:last-child{display:none}.brand{font-size:25px}.brand img{width:38px;height:38px}.brand small{font-size:7px}main{padding-top:29px}.review-hero{display:block;padding-bottom:8px}.review-hero h1{font-size:40px;letter-spacing:-2px;margin-bottom:14px}.review-hero .intro>.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:13px}.review-hero .intro>p{font-size:14px;line-height:1.7;margin-bottom:12px}.review-hero .intro>p br{display:none}.review-hero-link{font-size:12px;padding:5px 0}.hero-shelf{min-height:0;height:145px;width:100%;max-width:340px;margin:16px auto 18px;padding:15px 32px 26px;border-radius:18px;background:#f5f1e6}.hero-shelf>a{height:110px;max-width:92px;padding:6px;border-radius:9px}.hero-shelf>a:nth-child(2){transform:translateY(-7px)}.hero-shelf-note{font-size:9px;bottom:6px}.review-page-tabs{gap:22px;margin:10px 0 19px}.review-page-tabs a{font-size:11px;min-height:42px;gap:6px}.my-review-shelf{padding:18px;gap:13px;margin-bottom:18px;grid-template-columns:1fr;border-radius:15px}.my-review-shelf h2{font-size:20px}.my-review-shelf p:last-child{font-size:12px}.my-review-shelf .eyebrow{font-size:8px}.shelf-action{justify-self:start;min-height:36px;font-size:11px;padding:7px 12px}.my-games-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}.my-games-preview>a{padding:7px;gap:7px}.my-games-preview .cover{flex-basis:35px;width:35px;height:43px}.my-games-preview strong{font-size:10px}.my-games-preview small{font-size:9px}.review-explore-tools{grid-template-columns:minmax(0,1fr) 139px;gap:8px;padding:10px 0}.review-explore-tools .search{grid-column:1/-1}.review-explore-tools .search>div{flex-wrap:nowrap;padding-left:10px}.review-explore-tools .search input{min-width:0;font-size:12px;min-height:42px}.review-explore-tools .search button{padding:5px 12px}.review-explore-tools .review-filters{grid-column:1;grid-row:2;gap:5px;align-items:center}.review-sort{grid-column:2;grid-row:2}.review-sort select{font-size:10px;padding:7px 24px 7px 9px;min-height:34px;border-radius:20px}.review-filters button{font-size:10px;padding:5px 10px;min-height:34px}.section-heading{margin:24px 0 15px;gap:8px}.section-heading h2{font-size:21px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.section-heading>span{font-size:10px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 11px}.game-card .cover{padding:10px;border-radius:10px}.game-card h3{font-size:12px;line-height:1.4;margin-bottom:4px}.game-card p{font-size:9px;line-height:1.5}.game-card .read-reviews{font-size:8px;gap:4px;margin-top:6px}.cover-rating{font-size:9px;left:5px;bottom:5px;padding:2px 5px;border-radius:5px}.recent-grid{grid-template-columns:1fr;gap:13px}.story-card{padding:18px;border-radius:15px}.story-game{font-size:16px}.story-body{font-size:13px}.story-person strong{font-size:12px}.story-bottom{font-size:10px}.story-person .stars{font-size:12px}.story-proof{font-size:8px}#recent-section{margin-top:30px}.member-filters{gap:6px;margin-bottom:18px}.member-filters button{font-size:10px;padding:7px 10px;min-height:37px}.member-filters button span{font-size:9px;margin-left:4px}.member-games{grid-template-columns:1fr;gap:11px}.member-game{grid-template-columns:83px minmax(0,1fr);padding:14px;gap:14px}.member-game .cover{height:100px;padding:8px}.member-game h3{font-size:15px}.member-game-note{font-size:10px}.member-account{gap:6px}.member-account p{font-size:11px}#member .intro .review-page-title{font-size:35px}#member .intro>p:last-child{font-size:14px}#member-status{font-size:12px}.member-empty{padding:30px 17px}.member-empty p{font-size:12px}#write{padding:20px 16px;border-radius:16px}#write .review-page-title{font-size:28px}#write .stars-input{justify-content:space-between;gap:6px}#write .stars-input label{width:50px}.review-top .stars{font-size:13px}}
@media(max-width:359px){.review-page-tabs{gap:14px}.review-page-tabs a{font-size:10px}.review-explore-tools{grid-template-columns:minmax(0,1fr) 121px}.review-filters button{padding:5px 8px;font-size:9px}.game-grid{gap:16px 9px}.game-card h3{font-size:11px}}

@media(max-width:640px){.review-hero .intro>p{font-size:13px;margin-bottom:8px}.review-hero-link{display:none}.hero-shelf{height:102px;margin:12px auto 10px;padding:7px 64px 20px;max-width:330px}.hero-shelf>a{height:78px;max-width:74px;padding:5px}.hero-shelf-note{font-size:8px;bottom:3px}.review-page-tabs{margin-top:4px}.my-review-shelf{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:15px}.my-review-shelf h2{font-size:17px}.my-review-shelf p:last-child{font-size:10px;line-height:1.7}.my-review-shelf .shelf-action{font-size:10px;padding:6px 10px;align-self:center}.my-review-shelf .my-games-preview{display:none}.review-hero h1{font-size:38px}.review-explore-tools{margin-top:4px}}

.review-top .review-author{display:flex;align-items:flex-start;gap:10px}.review-author>div{min-width:0}.review-author .review-avatar{margin-top:2px}.review-card .review-body{font-size:15px;line-height:1.85;margin-top:18px}.review-card .review-context{margin-top:18px}@media(max-width:600px){.review-top .review-author{gap:8px}.review-author .review-avatar{width:29px;height:29px;flex-basis:29px;font-size:12px}.review-card .review-body{font-size:14px}}

@media(max-width:640px){.member-filters button{font-size:9px;padding:7px 8px}.member-account{align-items:center}.member-account p{flex:1;flex-basis:auto;min-width:0}.member-account button{flex:0 0 auto}}