.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.collection-card{padding:22px;transition:border-color .15s}.collection-card:hover{border-color:var(--accent)}.collection-covers{background:var(--recess);height:155px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:5px;margin-bottom:23px;display:flex;overflow:hidden}.collection-covers .cover{border-radius:5px;flex-shrink:0;width:24%}.collection-card .section-heading{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:13px}.collection-card h2{font-size:20px}.collection-card p{color:var(--muted);font-size:13px}.collection-card>small{color:var(--muted);font-size:11px}.collection-empty-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px;display:grid}.collection-empty-grid .panel{padding:30px}.collection-empty-grid svg{color:var(--accent);margin-bottom:28px}.collection-empty-grid h2{margin-bottom:15px;font-size:22px}.collection-empty-grid p{color:var(--muted);font-size:14px}.narrow-form{max-width:720px}.tier-board{border:1px solid var(--line);border-radius:10px;overflow:hidden}.tier-row{border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:112px minmax(0,1fr);min-height:145px;display:grid}.tier-row:last-child{border:0}.tier-label{color:#292b25;text-align:center;flex-direction:column;justify-content:center;padding:18px 12px;display:flex}.tier-label strong{overflow-wrap:anywhere;font-size:29px;font-weight:500}.tier-label button{color:#3c4035;min-height:35px;margin-top:5px;font-size:10px;text-decoration:underline}.tier-games{flex-wrap:wrap;align-items:flex-start;gap:15px;padding:18px;display:flex}.tier-games>p{color:var(--muted);margin:auto;font-size:12px}.tier-game{width:90px;min-width:0}.tier-game .cover{border-radius:5px;width:70px}.tier-game>span{text-overflow:ellipsis;margin:7px 0;font-size:10px;line-height:1.4;display:block;overflow:hidden}.tier-game select{width:85px;min-height:33px;padding:4px;font-size:10px}.tier-game .text-link{min-height:25px;font-size:10px}.collection-items{border-top:1px solid var(--line)}.collection-item{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:20px 0;display:flex}.collection-item .cover{flex-shrink:0;width:70px}.collection-item>div:first-of-type{flex:1}.collection-item h3{font-size:17px}.collection-item p{color:var(--muted);margin:6px 0 12px;font-size:12px}.collection-item input{background:0 0;border-color:#0000;min-height:35px;padding:5px 0;font-size:13px}.collection-item input:focus{background:var(--surface);border-color:var(--line);padding:5px 10px}.smart-rules{margin-bottom:25px}.smart-rules select[multiple]{min-height:125px}.smart-rules .actions .button{margin-left:auto}.diary-toolbar{align-items:center;gap:15px;margin-bottom:30px;display:flex}.diary-toolbar>input[type=search]{max-width:280px;margin-left:auto}.diary-toolbar>input[type=month]{max-width:175px}.diary-list{border-top:1px solid var(--line)}.diary-row{border-bottom:1px solid var(--line);align-items:center;gap:23px;padding:22px 0;display:flex}.diary-date{text-align:center;width:77px;color:var(--muted);flex-shrink:0}.diary-date strong{color:var(--text);font-size:31px;font-weight:400;line-height:1.2;display:block}.diary-date span{font-size:10px}.diary-row .cover{border-radius:5px;width:55px}.diary-copy{flex:1;min-width:0}.diary-copy h3{font-size:17px}.diary-copy>p{color:var(--muted);margin:5px 0;font-size:12px}.diary-copy .session-note{color:var(--text);white-space:pre-wrap;max-width:450px;font-size:13px}.time-chip{background:var(--recess);color:var(--muted);white-space:nowrap;border-radius:5px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;display:inline-flex}.diary-actions{flex-direction:column;margin-left:8px;display:flex}.diary-actions button{min-height:28px;font-size:11px}.run-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.run-header{align-items:center;gap:18px;display:flex}.run-header .cover{border-radius:5px;flex-shrink:0;width:62px}.run-header h2{font-size:19px}.run-header p{color:var(--muted);margin:6px 0 12px;font-size:13px}.run-header .badge{margin-right:7px}.run-card dl{margin:25px 0}.run-card dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:9px 0;font-size:12px;display:flex}.run-card dt{color:var(--muted)}.run-card dd{text-align:right;margin:0}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.stat-card{padding:23px}.stat-card>div{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.stat-card>strong{letter-spacing:-1.5px;font-variant-numeric:tabular-nums;margin:15px 0 6px;font-size:41px;font-weight:450;display:block}.stat-card small{color:var(--muted);font-size:10px;line-height:1.5;display:block}.stats-coverage{color:var(--muted);margin:17px 0 30px;font-size:11px}.stats-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.stats-panels h2{font-size:21px}.stats-panels .section-heading>span{font-size:11px}.bar-chart{justify-content:space-between;align-items:flex-end;gap:12px;height:205px;margin:30px 0 24px;display:flex}.bar-chart>div{font-variant-numeric:tabular-nums;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.bar-chart i{background:var(--accent);opacity:.8;border-radius:3px 3px 0 0;width:100%;max-width:35px;min-height:2px}.bar-chart span{color:var(--muted);margin-bottom:4px;font-size:10px}.bar-chart small{color:var(--muted);margin-top:10px;font-size:10px}details>summary{color:var(--muted);cursor:pointer;align-items:center;min-height:40px;font-size:12px;display:flex}.genre-bars{gap:18px;margin-top:30px;display:grid}.genre-bars>div{align-items:center;gap:15px;font-size:12px;display:flex}.genre-bars>div>span{width:95px;color:var(--muted);flex-shrink:0}.genre-bars>div>div{background:var(--recess);border-radius:4px;flex:1;height:7px;overflow:hidden}.genre-bars i{background:var(--accent);opacity:.65;border-radius:4px;height:100%;display:block}.genre-bars strong{text-align:right;width:20px;font-size:11px;font-weight:500}.stats-detail{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 0;font-size:13px;display:flex}.stats-detail span{color:var(--muted)}.stats-detail+.hint{margin-top:15px}.auth-layout{grid-template-columns:1fr 420px;align-items:center;gap:65px;max-width:1050px;margin:60px auto;display:grid}.auth-story{padding:20px 0}.auth-story h1{font-size:48px;font-weight:450;line-height:1.13}.auth-story>p{max-width:400px;color:var(--muted);margin:26px 0;font-size:14px;line-height:1.9}.auth-card{padding:33px}.auth-card h2{font-size:26px}.auth-card>p{color:var(--muted);margin:12px 0 20px;font-size:13px}.auth-card .field{margin:19px 0}.auth-card>.button{margin-top:8px}.auth-card>.text-link{margin-top:10px;font-size:12px}.auth-switch a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.auth-card p.hint{margin:17px 0 0;font-size:11px;line-height:1.7}.success-text{color:var(--accent)}.settings-nav,.page-tabs{border-bottom:1px solid var(--line);white-space:nowrap;align-items:center;gap:27px;margin-bottom:30px;display:flex;overflow:auto}.settings-nav>a,.page-tabs>a,.page-tabs>button{color:var(--muted);border-bottom:2px solid #0000;padding:14px 0;font-size:13px}.page-tabs [aria-current=page]{color:var(--accent);border-color:var(--accent)}.settings-layout{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);align-items:start;gap:25px;display:grid}.settings-layout h2{font-size:21px}.settings-side{gap:20px;display:grid}.settings-side p{color:var(--muted);margin:15px 0;font-size:13px}.settings-side .button{font-size:12px}.settings-side .button.full{margin-bottom:12px}.settings-checks{gap:15px;margin:22px 0 30px;display:grid}.session-list>div{color:var(--muted);overflow-wrap:anywhere;align-items:flex-start;gap:10px;padding:10px 0;font-size:10px;display:flex}.danger-text{color:var(--danger)}.data-options{grid-template-columns:1fr 1fr;gap:25px;margin-bottom:27px;display:grid}.data-options>section>svg{color:var(--accent);margin-bottom:24px}.data-options h2{font-size:23px}.data-options p{color:var(--muted);max-width:470px;margin:18px 0 24px;font-size:14px}.import-layout{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);align-items:start;gap:24px;display:grid}.import-layout aside p{color:var(--muted);margin:17px 0;font-size:13px}.import-layout aside code{background:var(--recess);border-radius:3px;padding:2px 4px;font-size:11px}.import-content{min-height:175px;font:12px/1.7 ui-monospace,monospace}.import-preview{margin-top:25px}.import-preview>p{color:var(--muted);margin:15px 0;font-size:13px}.archive-counts{flex-wrap:wrap;align-items:center;gap:10px;margin:23px 0;display:flex}.archive-counts span{border:1px solid var(--line);background:var(--recess);border-radius:6px;padding:6px 10px;font-size:12px}.table-scroll{max-width:100%;margin:22px 0;overflow:auto}.table-scroll td{font-size:12px}.community-search{max-width:530px;margin:25px 0}.people-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.person-card{text-align:center;flex-direction:column;align-items:center;display:flex}.person-card h2{margin-top:15px;font-size:21px}.person-card p{color:var(--muted);margin:5px 0 17px;font-size:12px}.profile-avatar{background:var(--accent-soft);width:85px;height:85px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:35px;font-weight:450;display:grid}.person-menu{text-align:left;position:relative}.person-menu summary{font-size:11px}.person-menu[open]{background:var(--surface);border:1px solid var(--line);z-index:1;border-radius:6px;padding:0 10px}.person-menu button{padding:8px 0;font-size:12px;display:block}.feed-list{gap:20px;display:grid}.feed-list .panel{max-width:780px}.feed-list h2{margin:14px 0;font-size:22px}.feed-list p{color:var(--muted);margin:15px 0}.feed-list small{color:var(--muted)}.feed-list .text-link{margin-right:20px}.chart-method{font-size:12px}.chart-method .check{flex-shrink:0;font-size:12px}.profile-header{align-items:center;gap:24px;margin:20px 0 25px;display:flex}.profile-header .eyebrow{margin-bottom:10px}.profile-header h1{font-size:35px}.profile-header p{color:var(--muted);max-width:520px;margin:10px 0 0;font-size:14px}.profile-header>.actions{margin-left:auto}.profile-stats{color:var(--muted);gap:32px;margin-bottom:20px;padding:18px 0 26px;font-size:12px;display:flex}.profile-stats strong{color:var(--text);margin-right:5px;font-size:24px;font-weight:450}.taste-number{letter-spacing:-2px;color:var(--accent);margin:28px 0;font-size:58px}.taste-number span{letter-spacing:0;color:var(--muted);font-size:13px;display:block}.review-page{grid-template-columns:170px minmax(0,1fr);gap:40px;max-width:970px;margin:30px 0;display:grid}.review-page>aside>p{margin:14px 0 10px;font-size:13px}.review-score{color:var(--accent);font-size:28px;font-weight:500}.review-score small{color:var(--muted);font-size:10px;font-weight:400;display:block}.review-page h1{margin:18px 0;font-size:33px}.review-page article>p.muted{font-size:12px}.review-page .review-prose{margin:30px 0}.spoiler-notice{margin:25px 0}.spoiler-notice p{color:var(--muted);margin:15px 0}.discussion{border-top:1px solid var(--line);padding-top:27px}.comment{border-bottom:1px solid var(--line);padding:20px 0;font-size:14px}.comment strong{font-size:13px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}.comment.reply{margin-left:25px}.inbox{gap:12px;display:grid}.inbox article{align-items:center;gap:20px;display:flex}.inbox article>div:first-of-type{flex:1}.inbox article p{color:var(--muted);margin:4px 0;font-size:13px}.inbox article strong{font-size:14px;font-weight:550}.inbox article small{color:var(--muted);font-size:11px}.inbox .unread{border-left:3px solid var(--accent)}.info-page{max-width:770px;margin:10px auto 60px}.info-page h2{margin:33px 0 15px}.info-page p{color:var(--muted);font-size:15px;line-height:1.9}.loading-state{min-height:300px;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.loading-dot{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:10px;height:10px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1200px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-empty-grid{gap:15px}.collection-empty-grid .panel{padding:24px}.stats-grid{gap:12px}.stat-card{padding:18px}.stat-card>div{font-size:11px}.stat-card>strong{font-size:35px}.auth-layout{grid-template-columns:1fr 370px;gap:35px}.auth-story h1{font-size:40px}.auth-card{padding:27px}.settings-layout{grid-template-columns:minmax(0,1.4fr) minmax(245px,1fr);gap:18px}.profile-header{flex-wrap:wrap}.profile-header>.actions{margin-left:0}.import-layout{grid-template-columns:minmax(0,1.8fr) minmax(210px,1fr)}}@media (width<=1020px){.collection-empty-grid{grid-template-columns:1fr}.collection-empty-grid .panel{padding:24px}.collection-empty-grid svg{margin-bottom:15px}.stats-grid{grid-template-columns:1fr 1fr}.stats-panels,.run-grid{grid-template-columns:1fr}.diary-toolbar{flex-wrap:wrap;gap:10px}.diary-toolbar>input[type=search]{max-width:200px;margin-left:0}.diary-toolbar>input[type=month]{width:165px}.diary-row{gap:15px}.diary-date{width:60px}.diary-copy h3{font-size:15px}.auth-layout{grid-template-columns:1fr;gap:25px;max-width:600px;margin:15px auto}.auth-story{padding:0}.auth-story h1{font-size:36px}.auth-story>p{max-width:500px;margin:18px 0}.auth-story .text-link{font-size:12px}.settings-layout{grid-template-columns:1fr}.settings-side{grid-template-columns:1fr 1fr}.settings-side .panel:nth-child(3){grid-column:1/-1}.import-layout{grid-template-columns:1fr}.import-layout aside{display:none}.people-grid{grid-template-columns:1fr 1fr}.chart-method{flex-wrap:wrap}.review-page{grid-template-columns:120px minmax(0,1fr);gap:25px}.data-options{gap:16px}.data-options>section{padding:24px}}@media (width<=760px){.collection-grid,.data-options{grid-template-columns:1fr;gap:17px}.collection-covers{height:180px}.collection-card .cover{max-height:170px}.collection-item{flex-wrap:wrap;gap:13px}.collection-item .cover{width:48px}.collection-item>div:first-of-type{min-width:170px}.collection-item>.actions{margin-left:auto}.collection-item h3{font-size:15px}.collection-item p{font-size:11px}.collection-item .icon-button{width:35px;min-width:35px;height:35px}.tier-row{grid-template-columns:65px minmax(0,1fr)}.tier-label{padding:12px 5px}.tier-label strong{font-size:23px}.tier-label button{font-size:8px}.tier-games{gap:12px;padding:13px}.tier-games>p{font-size:11px}.tier-game{width:76px}.tier-game .cover{width:65px}.tier-game select{width:72px}.smart-rules{padding:20px}.smart-rules h2{font-size:19px}.smart-rules .actions .button{margin-top:8px;margin-left:0}.diary-toolbar>input[type=search]{flex:1;min-width:120px;max-width:100%;font-size:12px}.diary-toolbar>input[type=month]{font-size:12px}.diary-row{flex-wrap:wrap;align-items:flex-start;gap:12px}.diary-date{width:46px}.diary-date strong{font-size:25px}.diary-date span{font-size:8px}.diary-row .cover{width:41px}.diary-copy{min-width:150px}.diary-copy h3{font-size:14px;line-height:1.4}.diary-copy p{font-size:10px}.diary-copy .session-note{font-size:12px}.diary-actions{flex-direction:row;gap:15px;margin-left:auto}.diary-row .time-chip{margin-left:70px;font-size:10px}.run-card{padding:22px}.run-header h2{font-size:18px}.stats-grid{gap:12px}.stat-card{padding:17px}.stat-card>div{align-items:flex-start;font-size:10px}.stat-card>div>svg{width:14px;height:14px}.stat-card>strong{margin:12px 0 7px;font-size:32px}.stat-card small{font-size:9px}.stats-coverage{font-size:10px;line-height:1.7}.stats-panels .panel{padding:22px}.stats-panels h2{font-size:20px}.stats-panels .section-heading>span{display:none}.bar-chart{gap:9px}.auth-layout{margin:5px auto}.auth-story .eyebrow{font-size:9px}.auth-story h1{font-size:34px}.auth-story>p{font-size:13px}.auth-card{padding:25px}.auth-card h2{font-size:24px}.settings-layout>.panel{padding:22px}.settings-side{grid-template-columns:1fr}.settings-side .panel:nth-child(3){grid-column:auto}.settings-nav,.page-tabs{gap:24px;margin-bottom:25px}.settings-nav a,.page-tabs>a,.page-tabs>button{font-size:12px}.data-options>section{padding:25px}.data-options h2{font-size:22px}.data-options p{font-size:13px}.import-layout>.panel{padding:21px}.import-layout h2{font-size:20px}.import-preview{padding:21px}.import-preview h2{font-size:20px}.archive-counts{gap:7px}.archive-counts span{padding:5px 8px;font-size:10px}.people-grid{grid-template-columns:1fr 1fr;gap:12px}.person-card{padding:20px 14px}.person-card h2{overflow-wrap:anywhere;font-size:17px}.person-card .profile-avatar{width:58px;height:58px;font-size:26px}.person-card p{font-size:10px}.person-card .button{min-height:36px;padding:7px 10px;font-size:11px}.person-card .actions{gap:8px}.profile-header{gap:17px}.profile-header .profile-avatar{width:70px;height:70px;font-size:31px}.profile-header h1{font-size:29px}.profile-header .eyebrow{font-size:10px}.profile-header p{font-size:12px}.profile-stats{flex-wrap:wrap;gap:20px;padding:10px 0 20px;font-size:11px}.profile-stats strong{font-size:21px}.review-page{display:block}.review-page>aside{align-items:center;gap:15px;margin-bottom:25px;display:flex}.review-page>aside .cover{flex-shrink:0;width:60px}.review-page>aside p{flex:1;margin:0}.review-score{width:80px;font-size:23px}.review-score small{font-size:8px}.review-page h1{font-size:28px}.review-page article>p.muted{font-size:11px}.review-prose{font-size:14px}.spoiler-notice{padding:21px}.spoiler-notice h2{font-size:21px}.inbox article{flex-wrap:wrap;gap:14px;padding:20px}.inbox article strong{font-size:13px}.inbox article>div:first-of-type{min-width:170px}.inbox article>.text-link{margin-left:auto;font-size:11px}.info-page .page-heading h1{font-size:30px}.info-page h2{font-size:21px}.info-page p{font-size:14px}.genre-bars>div{gap:10px;font-size:11px}.genre-bars>div>span{width:84px}.table-scroll{font-size:12px}}.activity-calendar{flex-wrap:wrap;gap:5px;margin:24px 0;display:flex}.activity-day{background:var(--accent);border:1px solid var(--line);border-radius:3px;width:18px;height:18px;display:block}.contact-form{max-width:42rem;margin-top:2rem}.contact-form textarea{width:100%}.contact-trap{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.support-message{white-space:pre-wrap;overflow-wrap:anywhere}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f4ef;--surface:#fffdf8;--recess:#eeece5;--text:#292b25;--muted:#686a60;--line:#dddad0;--accent:#4e6440;--accent-ink:#fffdf8;--accent-soft:#e6eadf;--danger:#9c342f;--focus:#576f46;--shadow:0 10px 34px #33311e0a;--radius:14px;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#211f1c;--surface:#2c2a25;--recess:#27251f;--text:#f0ede4;--muted:#b6b1a5;--line:#454139;--accent:#b6c7a0;--accent-ink:#20291b;--accent-soft:#343d2b;--danger:#f1aaa3;--focus:#b6c7a0;--shadow:0 12px 35px #0002}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}p{margin:0 0 1em}h1,h2,h3{letter-spacing:-.035em;margin:0;font-weight:600;line-height:1.2}h1{font-size:clamp(28px,3.05vw,43px);font-weight:560}h2{font-size:22px}h3{font-size:18px}small{font-size:12px}svg{stroke-width:1.6px;flex-shrink:0}input,select,textarea{border:1px solid var(--line);background:var(--surface);border-radius:8px;outline:none;width:100%;min-height:44px;padding:10px 12px}textarea{resize:vertical;min-height:105px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input[type=checkbox]{accent-color:var(--accent);width:17px;min-height:17px;margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px}button{background:0 0;border:0}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 15px}th{color:var(--muted);font-size:13px;font-weight:500}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.muted,.hint{color:var(--muted)}.hint{margin:9px 0;font-size:13px}.error-text{color:var(--danger)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:7px;padding:10px 18px;position:fixed;top:-80px;left:240px}.skip-link:focus{top:10px}.spacer{flex:1}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{background:var(--accent);min-height:44px;color:var(--accent-ink);white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:10px 18px;font-size:14px;font-weight:550;transition:background .16s,transform .16s;display:inline-flex}.button:hover{filter:brightness(.95)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--text)}.button.subtle{color:var(--muted);background:0 0}.button.small{padding:8px 13px;font-size:13px}.button.danger{background:var(--danger);color:var(--surface)}.button.full{width:100%}.button.selected,.selected{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:var(--accent)!important}.icon-button{min-width:44px;height:44px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button:hover{background:var(--recess);color:var(--text)}.text-link{color:var(--accent);align-items:center;gap:8px;min-height:40px;padding:0;font-size:14px;font-weight:500;display:inline-flex}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.eyebrow,.small-caps{text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:600}.badge{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:5px;align-items:center;padding:4px 9px;font-size:12px;line-height:1.3;display:inline-flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.section{margin:34px 0}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.section-heading h2{font-size:22px}.section-description{color:var(--muted);margin-top:-9px;margin-bottom:20px;font-size:14px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin:5px 0 30px;display:flex}.page-heading p{color:var(--muted);max-width:650px;margin:13px 0 0}.page-heading .actions{flex-shrink:0}.empty{text-align:center;border:1px dashed var(--line);background:color-mix(in srgb,var(--surface) 35%,transparent);border-radius:14px;padding:64px 25px}.empty-mark{background:var(--recess);width:45px;height:45px;color:var(--accent);border-radius:11px;place-items:center;margin:0 auto 18px;font-size:26px;font-weight:650;display:grid}.empty h3{font-size:22px}.empty p{max-width:440px;color:var(--muted);margin:13px auto 20px;font-size:14px}.quiet-empty{color:var(--muted);max-width:520px;padding:22px 0}.app-shell{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:30;background:var(--bg);flex-direction:column;height:100dvh;padding:31px 19px 17px;display:flex;position:sticky;top:0}.brand{letter-spacing:-1.3px;align-items:center;gap:10px;padding:0 10px;font-size:28px;font-weight:650;display:flex}.brand-symbol{width:39px;height:42px;color:var(--accent);font-size:35px;font-weight:550;line-height:38px}.brand-product{color:var(--muted);letter-spacing:2.9px;text-transform:uppercase;font-size:10px;font-weight:400;line-height:1;display:block}.nav-caption{color:var(--muted);letter-spacing:.01em;margin:33px 11px 14px;font-size:11px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.nav-link{min-height:45px;color:var(--muted);border-radius:7px;align-items:center;gap:12px;padding:10px 13px;font-size:14px;font-weight:450;display:flex}.nav-link:hover{color:var(--text);background:var(--recess)}.nav-link.active,.nav-link[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-divider{border-top:1px solid var(--line);margin:20px 12px 17px}.sidebar-bottom{margin-top:auto;padding-top:22px}.device-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 9px 19px;padding:18px 0 19px}.device-note .small-caps{color:var(--accent);font-size:10px}.device-note p{color:var(--muted);margin:6px 0;font-size:12px}.device-note a{align-items:center;gap:3px;font-size:12px;display:flex}.identity{border-top:1px solid var(--line);align-items:center;gap:10px;margin:15px 5px 0;padding:18px 0 0;display:flex}.avatar{background:var(--recess);border:1px solid var(--line);width:35px;height:35px;color:var(--accent);border-radius:50%;place-items:center;font-weight:600;display:grid}.identity strong{font-size:12px;font-weight:550;display:block}.identity small{color:var(--muted);font-size:10px;display:block}.main-shell{min-width:0}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);justify-content:space-between;align-items:center;gap:20px;height:77px;padding:0 38px;display:flex}.search-trigger{color:var(--muted);text-align:left;align-items:center;gap:12px;width:310px;min-height:44px;padding:0;font-size:13px;display:flex}.search-trigger kbd{border:1px solid var(--line);border-radius:4px;margin-left:auto;padding:2px 5px;font:10px inherit}.topbar-actions{align-items:center;gap:6px;display:flex}.save-indicator{color:var(--muted);align-items:center;gap:7px;margin-right:15px;font-size:11px;display:flex}.save-indicator>span{background:var(--accent);border-radius:50%;width:5px;height:5px}.save-indicator.warning>span{background:#ae7b2f}.topbar .sign-in{margin-left:10px}.mobile-menu,.mobile-nav,.sidebar-scrim{display:none}main#main{outline:none;max-width:1540px;min-height:calc(100vh - 165px);margin:auto;padding:36px 39px 45px}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:22px 39px;font-size:11px;display:flex}.footer div{gap:20px;display:flex}.footer-dot{margin:0 7px}.home-intro{justify-content:space-between;align-items:center;gap:20px;margin:3px 0 29px;display:flex}.home-intro .eyebrow{margin-bottom:10px;font-size:10px}.home-intro h1{font-size:clamp(29px,3.1vw,43px)}.home-intro p{color:var(--muted);margin:10px 0 0;font-size:14px}.home-feature-grid{grid-template-columns:minmax(0,2.7fr) minmax(225px,1fr);gap:20px;display:grid}.feature-main{isolation:isolate;background:#e9ede3;border:1px solid #d1d7c8;border-radius:14px;align-items:center;min-height:306px;display:flex;position:relative;overflow:hidden}.feature-copy{z-index:2;width:57%;padding:29px 0 25px 29px;position:relative}.label-pill{color:#5d6c4e;border:1px solid #c5ceb9;border-radius:4px;align-items:center;gap:6px;margin-bottom:19px;padding:4px 7px;font-size:10px;display:inline-flex}.feature-copy h2{color:#2d3926;letter-spacing:-.045em;font-size:clamp(22px,2.1vw,31px);font-weight:550;line-height:1.22}.feature-copy p{color:#64715b;margin:15px 0 19px;font-size:12px;line-height:1.7}.feature-copy .button{color:#fff;background:#4e6440;padding:9px 14px;font-size:12px}.feature-footnote{color:#64715b;margin-top:14px;font-size:10px;display:block}.feature-covers{z-index:1;width:46%;position:absolute;top:43px;bottom:-8px;right:-7px;transform:rotate(8deg)}.feature-cover{filter:drop-shadow(0 8px 12px #26351b22);width:42%;position:absolute}.feature-cover .cover{border:4px solid #fffdf8;border-radius:8px;outline:1px solid #fff8}.feature-cover-0{z-index:1;top:13%;left:0;transform:rotate(-12deg)}.feature-cover-1{z-index:3;top:0;left:31%;transform:rotate(-3deg)}.feature-cover-2{z-index:2;top:19%;left:60%;transform:rotate(10deg)}.feature-cover>span{letter-spacing:-2px;color:#fff;text-shadow:0 1px 7px #000;font-size:23px;line-height:1;position:absolute;bottom:9px;left:10px}.home-side-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;align-items:flex-start;padding:26px 25px;display:flex}.home-side-card>.eyebrow{font-size:9px}.home-side-card>svg{color:var(--accent);margin:7px 0 15px}.home-side-card h2{font-size:28px;font-weight:500;line-height:1.12}.home-side-card p{color:var(--muted);margin:15px 0 13px;font-size:12px}.home-side-card>.text-link{margin-top:auto;font-size:12px}.mini-ranking{width:100%;margin:20px 0}.mini-ranking a{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 0;font-size:11px;display:flex}.mini-ranking a span{color:var(--muted);font-size:18px}.mini-ranking a strong{flex:1;font-weight:500}.game-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.game-card{min-width:0}.card-image{position:relative}.cover{aspect-ratio:2/3;background:var(--recess);border-radius:9px;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;transition:transform .22s;display:block}.game-card .card-image>a:hover img{transform:scale(1.035)}.cover-fallback{background:var(--recess);height:100%;color:var(--accent);border:1px solid var(--line);border-radius:inherit;flex-direction:column;justify-content:space-between;padding:16px;display:flex}.cover-fallback span{text-transform:uppercase;letter-spacing:.15em;font-size:8px}.cover-fallback strong{letter-spacing:-.045em;word-break:break-word;font-size:clamp(14px,1.8vw,26px);line-height:1.1}.cover-fallback small{font-size:11px}.game-title{letter-spacing:-.015em;margin:12px 0 2px;font-size:13px;font-weight:550;line-height:1.4;display:block}.game-title:hover{color:var(--accent)}.game-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;gap:6px;font-size:11px;display:flex;overflow:hidden}.card-add{color:#30342a;background:#fffdf8ed;border:1px solid #fff7;border-radius:5px;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #0002}.card-score{background:var(--accent);color:var(--accent-ink);border-radius:4px;padding:3px 7px;font-size:12px;font-weight:600;position:absolute;top:8px;left:8px}.card-reason{color:var(--muted);margin-top:8px;font-size:12px}.home-bottom-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:39px;display:grid}.quiet-panel{background:0 0;padding:24px}.quiet-panel .section-heading h2{font-size:19px}.quiet-panel>p{color:var(--muted);font-size:13px}.quiet-panel .text-link{font-size:12px}.shelf-stats{gap:35px;margin:24px 0 18px;display:flex}.shelf-stats a{flex-direction:column;display:flex}.shelf-stats strong{font-size:30px;font-weight:450;line-height:1.2}.shelf-stats span{color:var(--muted);margin-top:5px;font-size:11px}.community-empty{color:var(--muted);align-items:center;gap:18px;max-width:330px;margin:27px 0;font-size:12px;display:flex}.community-mark{flex-shrink:0;display:flex}.community-mark span{background:var(--recess);border:2px solid var(--bg);width:37px;height:37px;color:var(--accent);border-radius:50%;place-items:center;font-size:20px;display:grid}.community-mark span+span{margin-left:-8px}.catalogue-toolbar,.ranking-toolbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.search-box{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;flex:1;align-items:center;gap:10px;padding:0 13px;display:flex}.search-box input{background:0 0;border:0;min-width:0;padding:12px 0}.search-box input:focus-visible{outline-offset:0;outline-width:1px}.catalogue-toolbar>select{width:180px}.segmented{background:var(--recess);border:1px solid var(--line);border-radius:7px;align-items:center;gap:3px;padding:3px;display:inline-flex}.segmented button{min-width:35px;min-height:36px;color:var(--muted);border-radius:4px;justify-content:center;align-items:center;padding:8px 10px;font-size:13px;display:flex}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0001}.filter-panel{border:1px solid var(--line);background:var(--recess);border-radius:10px;align-items:flex-end;gap:18px;margin-bottom:16px;padding:20px;display:flex}.filter-panel label{color:var(--muted);flex:1;font-size:12px}.filter-panel select{margin-top:5px;display:block}.result-line{color:var(--muted);align-items:center;gap:15px;margin-bottom:23px;font-size:12px;display:flex}.result-line small{margin-left:auto;font-size:10px}.compact-game-list>a{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:12px 8px;display:flex}.compact-game-list .cover{flex-shrink:0;width:47px}.compact-game-list>a>span:nth-child(2){flex:1}.compact-game-list strong{font-weight:550;display:block}.compact-game-list small{color:var(--muted);margin-top:3px;display:block}.pagination{justify-content:center;align-items:center;gap:24px;margin-top:28px;display:flex}.pagination input{width:75px}.chooser{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:27px;display:flex}.chooser h2{font-size:20px}.chooser p{color:var(--muted);margin:7px 0 0;font-size:12px}.chooser>.actions{margin-left:auto}.chooser select{width:170px}.chooser-result{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px;width:100%;padding-top:15px;display:flex}.chooser-result a{align-items:center;gap:8px;font-weight:600;display:flex}.chooser-result span{color:var(--muted);font-size:12px}.chooser-result button{color:var(--accent);margin-left:auto}.ranking-summary{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:28px;margin:0 0 24px;padding:0 0 23px;font-size:13px;display:flex}.ranking-summary strong{color:var(--text);margin-right:5px;font-size:20px;font-weight:500}.ranking-summary select{max-width:175px;font-size:12px}.ranking-toolbar .search-box{max-width:420px;margin-right:auto}.ranking-toolbar .check{font-size:12px}.ranking-list{border-top:1px solid var(--line)}.ranking-row{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:15px 8px;transition:background .16s;display:flex}.ranking-row:hover{background:var(--recess)}.drag-handle{color:var(--line);cursor:grab}.rank-number{letter-spacing:-1px;width:42px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:28px;font-weight:400;line-height:1}.rank-number small{letter-spacing:0;margin-top:5px;font-size:9px;display:block}.ranking-row .cover{border-radius:5px;width:55px}.rank-info{flex:1;min-width:0}.rank-info>a{letter-spacing:-.02em;font-size:16px;font-weight:550}.rank-info>div{color:var(--muted);align-items:center;gap:8px;margin-top:5px;font-size:11px;display:flex}.rank-score{color:var(--accent);font-variant-numeric:tabular-nums;font-size:22px;font-weight:450}.rank-score small{color:var(--muted);font-size:9px;display:block}.rank-actions{gap:2px;margin-left:20px;display:flex}.compact .ranking-row{padding:9px}.compact .ranking-row .cover{width:34px}.compact .rank-info>a{font-size:14px}.compact .rank-number{font-size:22px}.unranked-shelf{gap:22px;padding-bottom:8px;display:flex;overflow:auto}.unranked-shelf>div{flex-shrink:0;width:130px}.unranked-shelf .cover{width:85px;height:125px}.unranked-shelf strong{margin-top:8px;font-size:12px;display:block}.unranked-shelf a,.unranked-shelf button{color:var(--accent);font-size:11px;display:flex}.history-list{gap:15px;display:grid}.history-list article{justify-content:space-between;align-items:center;gap:20px;display:flex}.history-list h2{margin-bottom:10px;font-size:20px}.history-list p{color:var(--muted);font-size:13px}.compare-intro{text-align:center;flex-direction:column;align-items:center;gap:19px;max-width:660px;margin:55px auto;padding:48px;display:flex}.compare-intro>svg{color:var(--accent)}.compare-intro h2{font-size:28px}.compare-intro p{color:var(--muted);margin:0}.compare-intro small{color:var(--muted)}.compare-progress{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:25px;padding:0 0 14px;font-size:13px;display:flex}.compare-progress button{margin-left:auto}.comparison-cards{grid-template-columns:1fr 55px 1fr;align-items:center;max-width:720px;margin:35px auto 20px;display:grid}.comparison-choice{text-align:center;border-radius:14px;padding:0 22px}.comparison-choice:hover .cover{outline:3px solid var(--accent);outline-offset:5px}.comparison-choice .cover{max-width:220px;box-shadow:var(--shadow);margin:0 auto 23px;transition:outline .15s}.comparison-choice h2{font-size:22px}.comparison-choice p{color:var(--muted);margin:10px 0 20px;font-size:12px}.comparison-choice .button{font-size:13px}.versus{color:var(--muted);text-align:center;font-family:Georgia,serif;font-size:22px;font-style:italic}.compare-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin:35px auto;display:flex}.proposal{max-width:700px;margin:32px auto}.proposal p{color:var(--muted);margin:15px 0}.proposal-list{line-height:2.4}.resume-row{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:15px;display:flex}.breadcrumbs{color:var(--muted);gap:10px;margin-bottom:28px;font-size:12px;display:flex}.game-hero{grid-template-columns:195px minmax(0,1fr) 260px;align-items:start;gap:30px;display:grid}.game-identity{padding-top:5px}.game-identity h1{margin-bottom:18px;font-size:35px}.game-identity .eyebrow{font-size:10px}.game-summary{color:var(--muted);margin-top:22px;font-size:14px;line-height:1.8}.game-platforms{color:var(--muted);margin:15px 0;font-size:12px}.game-quick-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.game-quick-actions .button{padding:9px 12px;font-size:12px}.favorite-button{border:1px solid var(--line);background:var(--surface)}.personal-panel{padding:22px}.personal-panel .eyebrow{font-size:10px}.personal-score{align-items:baseline;gap:7px;margin:8px 0 17px;display:flex}.personal-score span{color:var(--accent);letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:48px;font-weight:400;line-height:1}.personal-score small{color:var(--muted);font-size:14px}.score-input-row{gap:6px;display:flex}.score-input-row input{width:90px;min-width:0;font-size:13px}.score-input-row .button{padding:8px 10px;font-size:12px}.score-input-row .text-link{font-size:11px}.personal-panel .check{margin:18px 0;font-size:12px}.personal-panel .field{margin:13px 0}.personal-panel select{font-size:12px}.personal-rank{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:10px;margin-top:19px;padding:16px 0;font-size:12px;display:flex}.personal-rank strong{color:var(--text);font-size:15px}.personal-panel .full{font-size:12px}.game-content-grid{grid-template-columns:minmax(0,1fr) 290px;gap:45px;margin-top:12px;display:grid}.game-content-grid .section{border-top:1px solid var(--line);padding-top:25px}.game-content-grid .section-heading h2{font-size:20px}.detail-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 0;font-size:13px;display:flex}.detail-row small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.history-summary{margin-top:15px}.history-summary>p{color:var(--muted);margin-top:15px;font-size:12px}.source-credit{color:var(--muted);margin-top:30px;font-size:11px}.source-credit a{text-decoration:underline}.review-card{margin-bottom:16px}.review-prose{white-space:pre-wrap;overflow-wrap:anywhere;max-width:70ch;line-height:1.85}.review-prose p{margin:0 0 16px}.spoiler{background:var(--recess);border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:2px 8px;font-size:13px}.review-preview{border:1px solid var(--line);border-radius:8px;min-height:240px;padding:20px}.review-textarea{min-height:270px}.editor-tabs{border-bottom:1px solid var(--line);gap:15px;margin:16px 0;display:flex}.editor-tabs button{color:var(--muted);border-bottom:2px solid #0000;padding:10px 5px;font-size:13px}.editor-tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.review-editor-meta{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.field{color:var(--muted);flex-direction:column;gap:7px;margin:16px 0;font-size:13px;display:flex}.field>span{font-weight:500}.field input,.field select,.field textarea{color:var(--text);font-size:14px}.field small{font-size:11px;font-weight:400;line-height:1.5}.form-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.check{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:15px;width:min(570px,100% - 28px);max-height:90dvh;padding:0;box-shadow:0 25px 100px #0003}dialog.wide{width:min(780px,100% - 28px)}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12170ccc}.dialog-header{border-bottom:1px solid var(--line);z-index:2;background:var(--surface);justify-content:space-between;align-items:center;gap:20px;padding:17px 23px;display:flex;position:sticky;top:0}.dialog-header h2{font-size:21px}.dialog-body{padding:23px}.dialog-body>p{color:var(--muted);font-size:14px}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.search-results{margin:16px 0}.search-results button{text-align:left;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:100%;padding:12px 5px;font-size:14px;display:flex}.search-results small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.picker-results{max-height:55vh;margin-top:15px;display:grid;overflow:auto}.picker-results>button{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:14px;padding:10px 5px;display:flex}.picker-results .cover{border-radius:4px;flex-shrink:0;width:37px}.picker-results>button>span{flex:1}.picker-results strong{font-size:13px;font-weight:500}.picker-results small{color:var(--muted);font-size:11px;display:block}.timer-row{align-items:center;gap:15px;padding:15px 0;display:flex}.timer-row span{color:var(--muted);font-size:12px}.notice{border:1px solid var(--line);background:var(--recess);border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:14px 18px;font-size:13px;display:flex}.notice.error{border-color:var(--danger);color:var(--danger)}.notice .actions{flex-shrink:0}.toast{background:var(--text);max-width:calc(100% - 40px);color:var(--surface);z-index:100;border-radius:8px;padding:12px 22px;font-size:13px;position:fixed;bottom:26px;left:calc(50% + 110px);transform:translate(-50%);box-shadow:0 5px 25px #0002}.fatal-error{max-width:700px;padding:12vh 8vw}.fatal-error .brand{margin-bottom:50px;padding:0}.fatal-error p{color:var(--muted);margin:25px 0}:root[data-theme=dark] .feature-main{background:#343c2b;border-color:#475239}:root[data-theme=dark] .feature-copy h2{color:#e2ebd7}:root[data-theme=dark] .label-pill,:root[data-theme=dark] .feature-copy p,:root[data-theme=dark] .feature-footnote{color:#b4c1a6}:root[data-theme=dark] .label-pill{border-color:#59674a}:root[data-theme=dark] .feature-copy .button{color:#20291b;background:#b6c7a0}@media (width>=1650px){.game-grid{gap:25px}.feature-main{min-height:340px}.feature-copy{padding:36px}.feature-covers{top:50px;right:12px}.feature-cover{width:38%}.game-title{font-size:15px}.game-meta{font-size:12px}}@media (width<=1240px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:28px 13px 17px}main#main{padding:28px}.topbar{padding:0 28px}.home-feature-grid{grid-template-columns:minmax(0,2.4fr) minmax(195px,1fr)}.feature-copy{width:63%;padding:25px 0 25px 23px}.feature-covers{width:43%;top:80px;right:-23px}.feature-copy h2{font-size:25px}.home-side-card{padding:23px 20px}.home-side-card h2{font-size:25px}.game-grid{gap:15px}.home-bottom-grid .section-heading{flex-direction:column;align-items:flex-start;gap:5px}.game-hero{grid-template-columns:145px minmax(0,1fr) 240px;gap:23px}.game-identity h1{font-size:29px}.game-content-grid{gap:30px}.page-heading{flex-wrap:wrap}.save-indicator{margin-right:3px;font-size:10px}.search-trigger{width:240px}.ranking-row{gap:12px}.rank-actions{margin-left:8px}.footer{padding:20px 28px}.toast{left:calc(50% + 95px)}}@media (width<=1020px){.app-shell{grid-template-columns:175px minmax(0,1fr)}.sidebar{padding:25px 10px}.nav-link{gap:10px;font-size:13px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-feature-grid{grid-template-columns:1fr}.home-side-card{display:none}.feature-main{min-height:285px}.feature-copy{width:58%}.feature-covers{width:40%;top:30px;right:15px}.feature-cover{width:42%}.feature-copy h2{font-size:28px}.search-trigger{width:auto}.search-trigger kbd,.save-indicator{display:none}.game-hero{grid-template-columns:150px minmax(0,1fr)}.personal-panel{grid-column:1/-1;grid-template-columns:1fr 1.4fr;column-gap:24px;display:grid}.personal-panel>.eyebrow,.personal-panel>.personal-score{grid-column:1}.personal-panel form{grid-area:3/1}.personal-panel .check{grid-column:1}.personal-panel>.field{grid-column:2}.personal-panel>.field:first-of-type{grid-row:1/3;margin:0}.personal-panel>.field:nth-of-type(2){grid-row:3}.personal-rank{margin-top:0}.personal-panel .full{grid-column:2}.game-content-grid{grid-template-columns:1fr}.game-content-grid>aside{grid-template-columns:1fr 1fr;gap:20px;display:grid}.game-content-grid>aside .section{margin:0}.game-content-grid>aside .section:nth-child(3){grid-column:1/-1}.rank-actions .icon-button{width:33px;min-width:33px}.rank-score{font-size:19px}.rank-info>div{flex-wrap:wrap}.rank-info>a{font-size:14px}.rank-number{width:30px;font-size:24px}.catalogue-toolbar{flex-wrap:wrap}.catalogue-toolbar>.search-box{min-width:200px}.ranking-toolbar{flex-wrap:wrap}.ranking-toolbar>.search-box{min-width:240px}.result-line small{display:none}.home-bottom-grid{grid-template-columns:1fr}.quiet-panel .section-heading{flex-direction:row;align-items:center}.footer{flex-direction:column;gap:12px}.toast{left:calc(50% + 88px)}}@media (width<=760px){body{font-size:15px}.app-shell{display:block}.sidebar{width:230px;display:none;position:fixed;top:0;bottom:0;left:0}.sidebar.open{display:flex}.sidebar-scrim{z-index:20;background:#0008;display:block;position:fixed;inset:0}.sidebar-scrim+.main-shell{pointer-events:none}.mobile-menu{display:inline-flex}.topbar{gap:10px;height:63px;padding:0 14px}.topbar-actions{gap:0}.topbar-actions .notification-button{display:none}.search-trigger{flex:1;gap:8px;font-size:12px}.topbar .sign-in{min-height:36px;margin-left:3px;padding:6px 10px;font-size:11px}.topbar .icon-button{width:36px;min-width:36px}main#main{min-height:calc(100vh - 200px);padding:25px 19px 35px}.home-intro{align-items:flex-start;gap:12px;margin:1px 0 24px}.home-intro .eyebrow{letter-spacing:.1em;max-width:220px;font-size:8px}.home-intro h1{font-size:29px}.home-intro p{max-width:240px;margin-top:8px;font-size:12px}.home-intro>.button{gap:0;width:42px;min-width:42px;height:42px;padding:0;font-size:0}.home-intro>.button svg{width:18px;height:18px}.feature-main{min-height:275px}.feature-copy{width:68%;padding:23px}.feature-copy h2{font-size:26px}.feature-copy p{font-size:11px}.feature-copy .button{padding:9px 10px;font-size:11px}.label-pill{margin-bottom:17px;font-size:8px}.feature-footnote{max-width:205px;font-size:9px}.feature-covers{width:36%;top:59px;bottom:0;right:-4px}.feature-cover{width:80%}.feature-cover-0{top:50%;left:8%;transform:rotate(-18deg)}.feature-cover-1{top:0;left:5%;transform:rotate(9deg)}.feature-cover-2{display:none}.feature-cover .cover{border-width:3px}.feature-cover>span{font-size:20px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 13px}.game-title{margin-top:9px;font-size:12px}.game-meta{gap:4px;font-size:10px}.card-add{width:30px;height:30px;bottom:6px;right:6px}.section{margin:28px 0}.section-heading{gap:10px}.section-heading h2{font-size:20px}.section-heading .text-link{gap:5px;font-size:11px}.section-description{margin-bottom:20px;font-size:12px}.home-bottom-grid{gap:15px;margin-top:28px}.quiet-panel{padding:21px}.quiet-panel .section-heading{flex-direction:column;align-items:flex-start;gap:3px}.footer{padding:20px 19px 98px;font-size:10px}.footer div{gap:18px}.mobile-nav{padding:8px 6px max(9px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);z-index:25;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:55px;min-height:44px;font-size:10px;display:flex}.mobile-nav a[aria-current=page]{color:var(--accent);font-weight:600}.toast{width:max-content;font-size:12px;bottom:84px;left:50%}.page-heading{margin-bottom:24px;display:block}.page-heading .eyebrow{font-size:10px}.page-heading h1{font-size:29px}.page-heading p{font-size:13px;line-height:1.7}.page-heading .actions{margin-top:22px}.page-heading .button{min-height:40px;padding:9px 12px;font-size:12px}.catalogue-toolbar{gap:8px}.catalogue-toolbar>.search-box{flex-basis:100%;width:100%}.catalogue-toolbar>.button{padding:9px 12px;font-size:12px}.catalogue-toolbar>select{flex:1;width:130px;font-size:12px}.filter-panel{grid-template-columns:1fr 1fr;gap:12px;padding:15px;display:grid}.filter-panel label{min-width:0}.result-line{margin-bottom:20px}.chooser{padding:20px;display:block}.chooser>.actions{gap:9px;margin-top:17px}.chooser select{width:150px;font-size:12px}.chooser .button{font-size:12px}.chooser-result{margin-top:18px}.ranking-summary{flex-wrap:wrap;gap:12px;font-size:11px}.ranking-summary strong{font-size:17px}.ranking-summary .spacer{display:none}.ranking-summary select{max-width:140px;min-height:38px;padding:7px}.ranking-toolbar{gap:7px}.ranking-toolbar .search-box{min-width:100%;max-width:100%;margin-bottom:5px}.ranking-toolbar>.button{margin-left:auto;font-size:12px}.ranking-row{flex-wrap:wrap;gap:10px;padding:13px 0;position:relative}.drag-handle{display:none}.rank-number{width:26px;font-size:22px}.ranking-row .cover{width:43px}.rank-info{flex:1;width:calc(100% - 160px)}.rank-info>a{font-size:13px;line-height:1.4;display:block}.rank-info>div{gap:5px;font-size:10px}.rank-info .badge{display:none}.rank-actions{gap:0;margin-left:auto}.rank-actions>.icon-button{min-width:32px;height:34px}.rank-actions>.button{min-height:34px;padding:4px 7px;font-size:11px}.rank-score{text-align:right;font-size:18px}.rank-score small{font-size:8px}.ranking-row .rank-actions{flex-basis:100%;justify-content:flex-end;margin-top:-7px}.compact .rank-actions{margin-top:0}.compare-intro{margin:20px 0;padding:28px 18px}.compare-intro h2{font-size:25px}.compare-intro p{font-size:13px}.compare-progress{flex-wrap:wrap;gap:10px;font-size:11px}.compare-progress .text-link{font-size:11px}.comparison-cards{grid-template-columns:1fr 25px 1fr;margin-top:27px}.comparison-choice{padding:0 2px}.comparison-choice .cover{width:100%;margin-bottom:17px}.comparison-choice h2{font-size:17px}.comparison-choice p{margin:8px 0 13px;font-size:10px}.comparison-choice .button{width:100%;padding:8px 5px;font-size:11px}.compare-controls{gap:6px}.compare-controls .button{font-size:12px}.game-hero{grid-template-columns:103px minmax(0,1fr);gap:19px}.game-identity h1{font-size:25px}.game-identity>.eyebrow{margin-bottom:8px;font-size:9px;line-height:1.6}.game-identity .badge{padding:3px 6px;font-size:9px}.game-summary{margin-top:15px;font-size:12px;line-height:1.7}.game-platforms{font-size:10px}.game-identity .text-link{font-size:11px}.game-quick-actions .button{min-height:39px;padding:6px 9px;font-size:11px}.personal-panel{padding:20px;display:block}.personal-panel .personal-score{margin:18px 0}.personal-panel .score-input-row{max-width:280px}.personal-panel .score-input-row input{flex:1;width:auto}.personal-panel .field{margin:17px 0}.personal-panel>.eyebrow{font-size:11px}.personal-panel .field select{font-size:14px}.personal-panel .check{font-size:13px}.personal-rank{margin-top:20px}.game-content-grid>aside{grid-template-columns:1fr}.game-content-grid>aside .section{margin-bottom:10px;padding-top:20px}.game-content-grid .actions .button{padding:9px 12px;font-size:12px}.game-content-grid .section-heading h2{font-size:19px}.form-grid{gap:0 13px}.form-grid .field{min-width:0}.dialog-header{padding:13px 18px}.dialog-header h2{font-size:19px}.dialog-body{padding:18px}.field{font-size:12px}.field input,.field select,.field textarea{font-size:14px}.notice{flex-direction:column;align-items:flex-start;gap:10px}.notice .actions{flex-wrap:wrap}.history-list article{flex-direction:column;align-items:flex-start}.history-list .panel{padding:20px}.timer-row{flex-direction:column;align-items:flex-start}.skip-link{left:10px}.game-grid .cover-fallback{padding:10px}.game-grid .cover-fallback strong{font-size:18px}.game-grid .cover-fallback span{font-size:7px}.unranked-shelf>div{width:120px}.ranking-toolbar .check{font-size:11px}}@media (width<=390px){main#main{padding-left:15px;padding-right:15px}.feature-copy{width:72%;padding:21px 18px}.feature-copy h2{font-size:23px}.label-pill{font-size:7px}.feature-covers{top:68px;right:-21px}.feature-footnote{max-width:185px;font-size:8px}.game-grid{gap:22px 10px}.home-intro h1{font-size:27px}.form-grid{grid-template-columns:1fr}.game-hero{grid-template-columns:85px minmax(0,1fr);gap:15px}.topbar{padding:0 9px}.search-trigger{font-size:11px}.game-identity h1{font-size:23px}.rank-info>div>span:nth-child(n+3){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}