:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#f1f0f4;background:#14151a;font-synthesis:none;--muted:#9b9ca8;--line:#303139;--accent:#c9f36b}*{box-sizing:border-box}body{margin:0;font-size:16px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid transparent;color:inherit;background:transparent;border-radius:9px;padding:11px 16px;font-weight:600;transition:background .15s,border-color .15s,transform .15s}button:disabled{opacity:.5;cursor:wait}button:hover:not(:disabled){background:#32333b}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,select,textarea{width:100%;background:#15161b;border:1px solid #41424c;border-radius:9px;padding:12px;color:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #c9f36b22}textarea{resize:vertical}label{display:block;font-size:.875rem;font-weight:600;margin:22px 0 9px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.logo{display:flex;align-items:center;gap:9px;font-size:1.25rem;letter-spacing:-.8px;font-weight:750;white-space:nowrap}.logo-mark{display:grid;place-items:center;font-size:1.35rem;letter-spacing:-3px;padding-right:3px;width:36px;height:36px;border-radius:10px;background:var(--accent);color:#191c12}.brand-dot{color:var(--accent);margin-left:-8px}.app{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}aside{padding:32px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#111216;position:sticky;top:0;height:100vh}.sidebar-label{font-size:.75rem;font-weight:600;letter-spacing:1.4px;color:#858692;margin:58px 10px 16px}nav{display:grid;gap:7px}nav button{text-align:left;display:flex;align-items:center;gap:12px;padding:13px 12px;color:#a6a7b1;min-width:0}nav button.active{background:#252a1e;color:var(--accent)}.nav-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.9375rem}.nav-icon{width:21px;text-align:center;font-size:1.15rem}.nav-count{font-size:.75rem;min-width:21px;text-align:center;opacity:.75}.add-category{margin-top:15px;text-align:left;color:#aaaab5;font-size:.875rem;font-weight:500}.sidebar-bottom{margin-top:auto;padding:40px 10px 0}.sidebar-bottom p{font-size:.875rem;color:#666975;line-height:1.7}.quiet{font-size:.875rem;color:#b7b7c0;padding:10px 0}.primary{background:var(--accent);color:#202616;box-shadow:0 1px 0 #e4ffc2 inset}.primary:hover:not(:disabled){background:#d9ff85}.secondary{background:#30313a}.danger{color:#ffa5a5;margin-right:auto}.icon-button{font-size:1.35rem;padding:5px 10px;color:#b8b8c2}.eyebrow{font-size:.75rem;letter-spacing:1.6px;color:var(--muted);font-weight:600}main{padding:0 48px;max-width:1640px;width:100%;margin:auto}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.save-status{font-size:.8125rem;color:#989b91}.save-status.failed{color:#ffb49e}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:36px 0 28px}.title-line{display:flex;gap:14px;align-items:center}h1{font-size:clamp(2rem,3vw,2.8rem);letter-spacing:-1.4px;line-height:1.16;margin:0;font-weight:650;overflow-wrap:anywhere}.board-heading p{font-size:.875rem;color:var(--muted);margin:12px 0 0}.board-caption{display:flex;justify-content:space-between;gap:16px;color:#83858f;font-size:.75rem;letter-spacing:.7px;margin:0 0 13px}.board-caption span:last-child{letter-spacing:0}.board{border:1px solid #34353d;border-radius:13px;overflow:hidden}.tier-row{display:grid;grid-template-columns:94px minmax(0,1fr);min-height:96px;background:#1b1c22;border-bottom:1px solid #34353d}.tier-row:last-child{border:0}.tier-label{color:#28202a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 4px;gap:4px}.tier-label b{font-size:1.9rem;font-weight:800;line-height:1}.tier-label small{font-size:.75rem;font-weight:600;text-align:center}.tier-S .tier-label,.auth-tiers span:nth-child(1){background:#ff9399}.tier-A .tier-label,.auth-tiers span:nth-child(2){background:#ffbf8a}.tier-B .tier-label,.auth-tiers span:nth-child(3){background:#f3d984}.tier-C .tier-label,.auth-tiers span:nth-child(4){background:#a8d9a0}.tier-D .tier-label,.auth-tiers span:nth-child(5){background:#92c5e8}.tier-F .tier-label,.auth-tiers span:nth-child(6){background:#b5a7dd}.drop-zone{display:flex;align-items:stretch;flex-wrap:wrap;gap:9px;padding:12px;min-width:0;transition:background .15s}.drop-zone.over{background:#c9f36b15;outline:2px dashed var(--accent);outline-offset:-5px}.empty-hint{margin:auto 6px;color:#686a76;font-size:.8125rem;font-weight:400}.card{position:relative;flex:0 0 148px;min-height:74px;background:#2a2b34;border:1px solid #40414b;border-radius:7px;text-align:left;padding:11px 12px;display:flex;gap:10px;align-items:center;cursor:grab;min-width:0}.card:hover{border-color:#81848d!important;transform:translateY(-1px)}.card:active{cursor:grabbing}.card.dragging{opacity:.35}.card-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem;line-height:1.4;overflow-wrap:anywhere;font-weight:600}.monogram{width:29px;min-width:29px;height:33px;display:grid;place-items:center;border-radius:4px;background:#454b3b;color:#d1e5ae;font-size:1.05rem;font-weight:700}.card:nth-child(3n+2) .monogram{background:#473d50;color:#d6bce9}.card:nth-child(3n+3) .monogram{background:#354a50;color:#a5d7dc}.has-note{position:absolute;right:6px;top:3px;color:#b8bbc6;font-size:.625rem}.unranked{margin-top:30px}.unranked-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.unranked-heading h2{font-size:1rem;font-weight:600;margin:0}.unranked-heading h2 span{display:inline-block;margin-left:7px;background:#2e3038;border-radius:6px;padding:3px 7px;font-size:.75rem;color:#b4b5bf}.unranked-heading>span{font-size:.8125rem;color:#878995}.pool{border:1px dashed #434550;border-radius:12px;min-height:118px;background:#191a1f}.pool .empty-state{margin:auto;text-align:center;padding:12px;color:#a1a3af;font-size:.875rem;line-height:1.7}.empty-state strong{font-weight:500;color:#d3d4dc}.empty-state button{padding:0 5px;color:var(--accent);font-size:inherit}footer{padding:26px 0 30px;color:#696c78;font-size:.75rem}dialog{color:#f1f0f4;background:#22232a;border:1px solid #454650;border-radius:18px;box-shadow:0 30px 100px #0009;padding:28px;width:540px;max-width:calc(100vw - 28px);max-height:90dvh}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}dialog h2{font-size:1.7rem;letter-spacing:-.6px;margin:12px 0 18px}.dialog-header{display:flex;justify-content:space-between;align-items:center}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:26px;flex-wrap:wrap}.optional{font-weight:400;color:#9799a7;margin-left:6px;font-size:.8125rem}.error{color:#ffb4a9;font-size:.875rem;line-height:1.6;margin:12px 0}.error:empty{display:none}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:100px;padding:40px}.auth-card{width:390px;max-width:100%}.auth .logo{margin-bottom:70px}.auth .eyebrow{margin-bottom:18px}.auth h1{font-size:3.2rem;line-height:1.1;letter-spacing:-2px}.auth p{color:#a2a4af;line-height:1.65}.auth .error{color:#ffb4a9}.auth .primary{margin-top:20px;width:100%}.auth-tiers{display:grid;width:160px;gap:8px;transform:rotate(7deg)}.auth-tiers span{padding:15px;font-size:2rem;font-weight:800;color:#302731;border-radius:8px;text-align:center}.auth-tiers span:nth-child(2n){transform:translateX(25px)}#notice{position:fixed;z-index:5;bottom:24px;left:50%;transform:translateX(-50%);background:#363a2d;color:#e7f0d5;border:1px solid #68754a;border-radius:10px;padding:14px 20px;max-width:calc(100vw - 32px);box-shadow:0 8px 32px #0008;font-size:.875rem}#notice.error-notice{background:#4b2b2d;border-color:#a66767;color:#ffdddd}@media(min-width:1500px){.tier-row{min-height:112px}.card{flex-basis:166px}}@media(max-width:1100px){.app{grid-template-columns:210px minmax(0,1fr)}aside{padding:28px 14px}main{padding:0 24px}.board-caption span:last-child{max-width:220px;text-align:right}.card{flex-basis:140px}}@media(max-width:760px){.app{display:block}aside{position:static;height:auto;padding:20px 18px 12px;border-right:0;border-bottom:1px solid var(--line)}.logo{font-size:1.15rem}.sidebar-label,.sidebar-bottom p{display:none}nav{display:flex;overflow:auto;margin-top:22px;gap:6px;padding-bottom:3px}nav button{flex-shrink:0;padding:10px}.nav-name{font-size:.875rem}.nav-icon{display:none}.add-category{font-size:.8125rem;margin-top:4px;padding:9px 0}.sidebar-bottom{margin:0;padding:0;position:absolute;top:20px;right:16px}.quiet{font-size:.75rem;padding:10px 0}.sidebar-bottom .quiet{max-width:108px}main{padding:0 16px}header{height:55px}.board-heading{padding:25px 0;align-items:flex-start;gap:12px}.board-heading>.primary{font-size:.875rem;padding:12px;max-width:148px}.title-line{gap:4px}h1{font-size:2rem;letter-spacing:-1px}.board-caption{display:block}.board-caption span:last-child{display:block;max-width:none;text-align:left;margin-top:7px}.tier-row{grid-template-columns:62px minmax(0,1fr);min-height:98px}.tier-label b{font-size:1.6rem}.tier-label small{font-size:.75rem;max-width:60px}.drop-zone{padding:8px;gap:7px}.card{flex-basis:128px;padding:10px 8px;gap:7px;min-height:76px}.monogram{width:23px;min-width:23px}.unranked-heading{display:block}.unranked-heading>span{display:block;margin-top:8px}.unranked{margin-top:24px}.auth{padding:26px;display:block}.auth-card{margin:10vh auto 0}.auth .logo{margin-bottom:55px}.auth h1{font-size:2.7rem}.auth-tiers{display:none}.form-columns{grid-template-columns:1fr;gap:0}dialog{padding:22px}.empty-hint{font-size:.75rem}.dialog-actions button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Cover art and catalogue picker */
.card{flex-basis:162px;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;gap:0;min-height:120px}.card .monogram{margin:15px auto 8px;width:46px;height:46px;font-size:1.5rem}.card .card-title{padding:10px 11px;min-height:48px;font-size:.8125rem;line-height:1.35;-webkit-line-clamp:2}.card-cover{display:block;width:100%;aspect-ratio:460/215;object-fit:cover;background:#252630}.card.with-cover:not(.cover-failed) .monogram{display:none}.card .has-note{top:6px;right:7px;color:#fff;text-shadow:0 1px 4px #000}.tier-row{min-height:100px}.game-search{margin-top:12px;border:1px solid #444651;border-radius:10px;padding:12px;background:#191a20}.game-search p{font-size:.875rem;margin:0 0 10px;color:#cdd1d7}.game-search small{display:block;color:#9da0ad;font-size:.75rem;margin-top:10px}.search-result{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:8px;border-radius:7px;font-size:.875rem;font-weight:500}.search-result img{width:110px;aspect-ratio:231/87;object-fit:cover;border-radius:4px}.search-result span{flex:1;min-width:0}.cover-preview{margin-top:18px;display:flex;align-items:center;gap:14px}.cover-preview img{width:200px;max-width:60%;aspect-ratio:460/215;object-fit:contain;border-radius:8px;background:#191a20}.cover-preview button{font-size:.8125rem;color:#b7b9c3}.cover-options{margin-top:18px}.cover-options summary{cursor:pointer;color:#b9bcc5;font-size:.875rem}.cover-options p{font-size:.8125rem;color:#979ba8}.cover-options label{margin-top:12px}@media(max-width:760px){.card{flex-basis:130px;min-height:104px}.card .card-title{padding:8px;font-size:.8125rem}.search-result{padding:8px 2px;gap:9px}.search-result img{width:90px}.card .monogram{margin-top:10px}}@media(min-width:1500px){.card{flex-basis:170px}}
.card .card-title{display:block;min-height:56px}.card-title>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:18px}

.card.poster{flex-basis:112px}.card.poster .card-cover{aspect-ratio:2/3;object-fit:cover}.poster-result img{width:45px;aspect-ratio:2/3;object-fit:cover}.poster-result small{margin-top:4px}.cover-preview.portrait-preview img{width:100px;aspect-ratio:2/3}.catalog-credits{display:block;margin-top:10px}#searchAttribution a,.catalog-credits a{text-decoration:underline;text-underline-offset:3px}.search-result{min-height:58px}@media(max-width:760px){.card.poster{flex-basis:104px}}

.card-year{display:block;color:#b2b5c1;font-size:.75rem;line-height:1.4;margin-top:5px}.card .card-title{min-height:76px}
/* Community and personal workspaces */
.global-nav{display:grid;gap:5px;margin:34px 0 0}.global-nav button{text-align:left;font-size:.9rem;color:#aeb2bf}.global-nav button.active{background:#2b2f24;color:var(--accent)}.sidebar-label{margin:28px 10px 12px}.sidebar-bottom{padding-top:25px}.sidebar-bottom #accountInfo{font-size:.875rem;overflow-wrap:anywhere;color:#d0d2dc}#categories{max-height:calc(100dvh - 400px);overflow:auto}#categories button{padding:10px 12px}.nav-placeholder{display:block;padding:10px}.text-button{color:var(--accent);font-size:.875rem;padding:8px 0;background:none!important;font-weight:500}.wide{width:100%;margin-top:18px}.small-note{font-size:.8125rem!important;line-height:1.6;color:#999eac}.discover-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:48px 0 36px}.discover-heading h1{font-size:clamp(2.6rem,4vw,4.3rem);margin-top:15px;letter-spacing:-2px}.discover-heading p{color:#a7abb7;line-height:1.65;margin-bottom:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 18px}.section-heading h2{font-size:1.25rem;letter-spacing:-.4px;margin:0}.section-heading>span{font-size:.8125rem;color:#9298a6}.templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px}.template{display:grid;grid-template-columns:30px 1fr;gap:10px;text-align:left;background:#202127;border:1px solid #363943;padding:17px 14px;min-height:108px}.template>span{font-size:1.4rem;color:var(--accent)}.template>strong{font-size:.9375rem;align-self:center}.template>small{grid-column:1/-1;font-size:.75rem;color:#8f95a4;line-height:1.5}.custom-template{border-style:dashed}.community-heading{margin-top:45px}#communitySearch{display:flex;gap:8px;max-width:450px}#communitySearch input{font-size:.875rem}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.publication-card{display:block;background:#1e2027;border:1px solid #383c46;border-radius:12px;padding:14px;transition:border-color .15s}.publication-card:hover{border-color:#a4b87b}.publication-card h3{font-size:1.1rem;margin:17px 0 8px;overflow-wrap:anywhere}.publication-card p,.rating-summary{font-size:.8125rem;color:#a0a6b5}.publication-covers{height:125px;display:flex;gap:4px;overflow:hidden;border-radius:6px;background:#292c36}.publication-covers img{width:25%;flex:1;min-width:0;object-fit:cover}.publication-covers>span{margin:auto;font-size:3rem;color:#757e6d}.empty-community{grid-column:1/-1;border:1px dashed #454b56;border-radius:12px;padding:28px}.empty-community h3{margin-top:0}.empty-community p{color:#a2a8b6;max-width:650px;line-height:1.65}.board-tools{display:flex;gap:8px;flex-shrink:0}.board-caption{align-items:center}.board-caption .text-button{font-size:.75rem;padding:0}.settings-card{padding:25px;border:1px solid #373d47;background:#1b1e25;border-radius:14px;margin:0 0 22px}.settings-card h2{font-size:1.2rem;margin-top:0}.settings-card>p,.settings-card form>p{color:#a7adba;line-height:1.65;font-size:.875rem}.settings-card form{max-width:850px}.settings-card #profileForm{max-width:500px}.settings-card .primary{margin-top:20px}.category-toggles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:22px 0}.toggle-card{margin:0!important;display:flex;gap:12px;align-items:center;border:1px solid #404753;background:#222630;border-radius:9px;padding:14px;font-weight:400;cursor:pointer}.toggle-card input,.checkbox-label input{width:18px;height:18px;accent-color:#c9f36b;flex-shrink:0}.toggle-card strong{display:block;font-weight:550;font-size:.875rem}.toggle-card small{display:block;font-size:.75rem;color:#9ca4b4;margin-top:5px}.file-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;background:#303642;border:1px solid #4a5362;border-radius:8px;padding:11px 15px;margin:15px 8px 0 0}.auth-tabs{display:flex;gap:8px;margin-top:20px}.auth-tabs button{font-size:.9375rem;color:#b1b8c8;background:#2c313d;flex:1}.auth-tabs button.selected{color:var(--accent);background:#333d26}.auth-links{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:15px}dialog p{color:#aab1bf;line-height:1.6;font-size:.875rem}.auth-links .text-button{font-size:.8125rem}.tier-edit-row{display:grid;grid-template-columns:65px minmax(100px,1fr) 42px 30px;gap:8px;margin:10px 0}.tier-edit-row input{padding:9px;font-size:.875rem;min-width:0}.tier-edit-row input[type=color]{height:40px;padding:3px}.tier-edit-row button{padding:3px;font-size:1.2rem}.checkbox-label{display:flex;gap:10px;align-items:center;font-weight:400}.public-bar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;border:1px solid #424b39;border-radius:10px;background:#23291f;padding:14px 18px;margin:0 0 22px}.public-bar>span{font-size:.875rem}.stars{display:flex;gap:1px}.stars button{padding:3px;font-size:1.5rem;color:#70776b}.stars button.selected,.stars button:hover{color:var(--accent)}.public-bar .primary{margin-left:auto;font-size:.875rem}.source-link{display:block;font-size:.8125rem;color:var(--accent);margin-top:8px;text-decoration:underline}.apple-badge{display:block;font-size:.75rem;color:var(--accent);margin-top:4px}.square-cover .card-cover{aspect-ratio:1;object-fit:cover}#publishedLink{margin-top:20px;border-top:1px solid #424954}#publishedLink .secondary{margin-top:12px;font-size:.875rem}#publishedLink a{font-size:.875rem;color:var(--accent);margin-left:12px}#mainError{padding:20px;margin:20px 0;background:#3e2528;border-radius:10px}#loading{padding:30px 0;color:#9ca4b4}.report-row{padding:18px 0;border-top:1px solid #414957}#legal{padding:40px 0;max-width:800px}#legal p{line-height:1.8;color:#abb4c4}#legal a{text-decoration:underline;color:var(--accent)}footer>a{text-decoration:underline;text-underline-offset:3px}#moreCommunity{margin-top:20px}
@media(max-width:1100px){.board-heading{align-items:flex-start;flex-wrap:wrap}.board-tools{flex-shrink:1}.discover-heading{align-items:flex-start}.discover-heading>.primary{max-width:170px}.section-heading{flex-wrap:wrap}.templates{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
@media(max-width:760px){aside{position:static}#categories{max-height:none}.global-nav{display:flex;gap:5px;margin-top:22px}.global-nav button{font-size:.8125rem;padding:9px 10px}.sidebar-bottom{position:absolute;right:16px;top:20px;padding:0;max-width:140px}#accountInfo{display:none}#accountButton{max-width:140px}.sidebar-label{display:none}#categories{margin-top:12px}.discover-heading{display:block;padding:30px 0 16px}.discover-heading h1{font-size:2.6rem;letter-spacing:-1.7px}.discover-heading p{font-size:.9375rem}.discover-heading>.primary{max-width:none;margin-top:22px}.templates{grid-template-columns:1fr 1fr;gap:8px}.template{padding:13px 10px;grid-template-columns:24px 1fr;min-height:108px;gap:8px}.template strong{font-size:.8125rem;overflow-wrap:anywhere}.template small{font-size:.75rem}.template>span{font-size:1.2rem}.section-heading{gap:10px}.section-heading>span{font-size:.75rem}#communitySearch{width:100%;max-width:none}.community-grid{grid-template-columns:1fr}.board-tools{width:100%}.board-tools>button{font-size:.875rem;flex:1}.board-caption{display:flex;flex-wrap:wrap;font-size:.75rem;gap:10px}.settings-card{padding:18px}.category-toggles{grid-template-columns:1fr}.public-bar{gap:12px}.public-bar .primary{width:100%;margin:0}.tier-edit-row{grid-template-columns:52px minmax(80px,1fr) 35px 24px;gap:5px}.auth-links{gap:8px}.card{flex-basis:132px}.card.poster{flex-basis:104px}.card .card-title{min-height:72px}.form-columns{display:block}.settings-card>button,.settings-card>.file-button{font-size:.8125rem}}
.nav-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#searchResults{max-height:340px;overflow:auto}dialog .search-result small{color:#99a3b6}.card-title .apple-badge{font-weight:500}
.trash-tier{background:#090a0c;min-height:78px;border-top:2px solid #41424a}.trash-tier .tier-label{color:#e6e6eb;background:#050505}.trash-tier .tier-label b{font-size:1.7rem;filter:grayscale(1)}.trash-tier .tier-label small{font-size:.875rem}.trash-content{min-width:0;background:#0c0d10}.trash-zone{min-height:76px}.trash-collapsed{padding:0}.trash-collapsed>button{width:100%;border-radius:0;text-align:left;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:400;color:#a9aab4}.trash-collapsed>button strong{color:#dedee6;font-size:.9375rem}.trash-collapsed>button span{font-size:.8125rem}.trash-tools{display:flex;gap:15px;align-items:center;padding:14px 16px 0}.trash-tools input{max-width:350px;font-size:.875rem}.trash-tools>span{font-size:.75rem;color:#b0b3c0;white-space:nowrap}.trash-content>.text-button{margin:10px 15px}.sync-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.sync-heading h2{margin:10px 0 0}.sync-heading .eyebrow{font-size:.6875rem}.sync-cadence{font-size:.8125rem;border:1px solid #46513b;border-radius:30px;padding:8px 13px;color:var(--accent);white-space:nowrap}.sync-connection{padding:20px 0;border-bottom:1px solid #3b424d}.sync-connection-heading{display:flex;gap:20px;justify-content:space-between;align-items:center}.sync-connection-heading a strong{display:block;font-size:.9375rem}.sync-connection-heading a small{display:block;color:#9aa5b9;font-size:.75rem;margin-top:6px}.sync-connection-heading label{margin:0;font-size:.8125rem;white-space:nowrap}.sync-state{color:#c7e6a4!important;font-size:.8125rem!important;margin:16px 0 0}.sync-state.sync-error{color:#ffb6a9!important}.sync-connection .small-note{font-size:.75rem;margin:8px 0 0}.sync-policy{font-size:.8125rem;display:flex;gap:20px;align-items:center;max-width:600px;margin-bottom:0}.sync-policy select{max-width:310px;font-size:.8125rem;padding:9px}.sync-runtime{font-size:.75rem!important;max-width:920px;margin:18px 0 0!important;line-height:1.7!important}@media(max-width:760px){.sync-heading,.sync-connection-heading{align-items:flex-start}.sync-heading{flex-wrap:wrap}.sync-cadence{font-size:.75rem}.sync-connection-heading{gap:10px}.sync-policy{display:block}.sync-policy select{display:block;max-width:none;margin-top:9px}.trash-tools{flex-wrap:wrap;gap:8px}.trash-tools input{max-width:none;width:100%}.trash-collapsed>button{flex-wrap:wrap;gap:8px;padding:14px}.trash-collapsed>button span{font-size:.75rem}}

#addCategory{color:#202616;background:var(--accent);font-weight:650;padding:12px;text-align:center}.nav-group-label{font-size:.75rem;color:#8f98a9;letter-spacing:1px;margin:18px 10px 3px}.custom-empty-hint{font-size:.75rem;color:#8f98a9;padding:5px 10px}.custom-template{border-color:#91b848;background:#27301e}.custom-list-help{font-size:.875rem;color:#b0b8c6;line-height:1.7}.board-tools{flex-wrap:wrap}.tier-label small{overflow-wrap:anywhere;max-width:100%}@media(max-width:760px){.nav-group-label,.custom-empty-hint{display:none}#addCategory{margin-top:12px;padding:11px;width:100%}.board-tools>#newListButton{flex:1 0 100%}}
.import-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.import-layout .settings-card{margin-bottom:20px}.import-services{display:flex;gap:7px;margin:20px 0}.import-services button{flex:1;font-size:.875rem;background:#2b303b;padding:13px 8px}.import-services button.selected{background:#344324;border-color:#91b848;color:var(--accent)}.import-side{position:sticky;top:20px}.import-history-row{display:block;text-align:left;width:100%;padding:16px 0;border-top:1px solid #3d444f;border-radius:0;overflow-wrap:anywhere}.import-history-row strong{display:block;font-size:.875rem}.import-history-row span,.import-history-row small{display:block;font-size:.75rem;color:#9ba5b7;margin-top:6px;font-weight:400}.import-help summary{cursor:pointer;font-weight:600;line-height:1.6}.import-help p{line-height:1.8}.import-help b{color:#e0e4ec}#steamKeyFields{margin-top:20px;color:#a9b3c4;font-size:.8125rem}#steamKeyFields summary{cursor:pointer}.import-filterbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:20px 0}.import-filterbar>input{flex:1;min-width:160px}.import-filterbar>select{width:190px}.import-filterbar label{margin:0;font-size:.8125rem;white-space:nowrap}.import-selection-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:13px;border-bottom:1px solid #3d444f}.import-selection-tools button{font-size:.8125rem;padding:5px 0}.import-row{display:flex;align-items:center;gap:14px;margin:0;padding:12px 0;border-bottom:1px solid #343c47;cursor:pointer}.import-row>input{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}.import-row img,.import-no-cover{width:84px;height:56px;object-fit:cover;border-radius:5px;background:#303642;flex-shrink:0}.import-no-cover{display:grid;place-items:center;font-size:1.5rem;color:#9da6b6}.import-row-description{flex:1;min-width:0}.import-row-description strong{display:block;font-size:.875rem;font-weight:550;overflow-wrap:anywhere}.import-row-description small{display:block;color:#9aa6b9;font-size:.75rem;font-weight:400;margin-top:6px}.import-row-status{font-size:.75rem;color:var(--accent);font-weight:400;white-space:nowrap}.import-row-status.existing{color:#a0a9b9}.import-preview-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:23px;font-size:.8125rem;color:#b1b9c6}.import-preview-footer>.primary{margin:0 0 0 auto}.pool-filters{display:flex;gap:10px;margin-bottom:16px}.pool-filters input{max-width:430px;font-size:.875rem}.pool-filters select{width:220px;font-size:.875rem}#poolMore{margin:15px 0 0}.card .card-title{display:block}#itemImportInfo{padding:12px;border:1px solid #414c36;border-radius:8px;background:#27301f;color:#c9d4b8}@media(max-width:1100px){.import-layout{grid-template-columns:1fr}.import-side{position:static}}@media(max-width:760px){.import-filterbar>input,.import-filterbar>select{width:100%;flex-basis:100%}.import-row{gap:9px}.import-row img,.import-no-cover{width:57px;height:46px}.import-row-status{font-size:.6875rem;max-width:55px;white-space:normal}.import-row-description strong{font-size:.8125rem}.import-preview-footer>.primary{width:100%;margin:0}.pool-filters{flex-wrap:wrap}.pool-filters input,.pool-filters select{width:100%;max-width:none}.global-nav{flex-wrap:wrap}.import-selection-tools{gap:12px}}
.search-result .original-title{color:#c1c9d5;font-size:.8125rem;margin-top:3px}

/* Navigation and form audit, 26.10.2026. Lists use the page's scroll. */
.app{grid-template-columns:260px minmax(0,1fr);align-items:start}
aside{height:auto;min-height:100dvh;padding:24px 18px;align-self:start}
.sidebar-long{position:static}
.friends-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;overflow:visible}
.friends-tabs button{padding:10px 14px;font-size:.875rem;background:#20242c;color:#aeb5c2}
.friends-tabs button.selected{background:#303d24;color:var(--accent);border-color:#637b43}
.people-search{display:flex;gap:8px;max-width:650px;margin-bottom:22px}.people-search input{min-width:0}
.people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:14px;max-width:1200px}
.person-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:12px;background:#1b1e25;padding:18px;min-width:0}
.person-identity{display:flex;align-items:center;gap:14px;padding:0;text-align:left;min-width:0;flex:1;font-weight:400}
.person-identity>span:last-child{min-width:0}.person-identity strong{display:block;font-size:1rem;overflow-wrap:anywhere}
.person-identity small{display:block;font-size:.75rem;color:var(--muted);margin-top:6px}
.person-avatar{width:48px;height:48px;flex-shrink:0;border-radius:14px;display:grid;place-items:center;background:#303d24;color:var(--accent);font-size:1.4rem;font-weight:650}
.follow-button{flex-shrink:0;font-size:.8125rem;padding:10px 12px}.person-identity .relationship{color:#c1d69c}
.friends-empty{grid-column:1/-1;border:1px dashed #424954;border-radius:12px;padding:24px;color:#aeb5c2;line-height:1.6}
.friends-empty p{margin:0}.friends-empty button{margin-top:16px}.profile-back{margin-top:20px}
.profile-heading{align-items:center;justify-content:flex-start}.profile-identity{min-width:0;flex:1}.profile-identity h1{font-size:2rem}
.profile-identity #profileRelationship{color:var(--accent);font-size:.8125rem;margin-top:8px}
.profile-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-actions button{font-size:.8125rem}
.author-link{display:inline;padding:0;color:var(--accent);font-size:inherit;font-weight:500;text-align:left;border-radius:2px}
.publication-meta{font-size:.8125rem;color:#a0a6b5;margin:0 0 10px;overflow-wrap:anywhere}
.publication-card>a{display:block}.publication-card>a:focus-visible{outline-offset:4px}
#moreFriends,#moreProfileLists{margin:18px 0 0}
.community-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.invite-link{display:flex;gap:8px}.invite-link input{min-width:0}.invite-link button{flex-shrink:0;font-size:.875rem}
.comments-panel{margin:32px 0 0;padding-top:8px;border-top:1px solid var(--line);max-width:950px}
.comments-panel h2{display:flex;gap:8px;align-items:baseline}.comments-panel h2 span{font-weight:400;color:var(--muted);font-size:.875rem}
#commentForm label{margin-top:0}.comment-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 20px}
.comment{padding:20px 0;border-top:1px solid var(--line)}.comment-heading{display:flex;gap:16px;align-items:baseline;justify-content:space-between}
.comment-heading strong{font-size:.9375rem;overflow-wrap:anywhere}.comment-heading time{font-size:.75rem;color:var(--muted);flex-shrink:0}
.comment p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:.9375rem;margin:10px 0 0}
.comment .delete-comment{color:#aeb2bf;font-size:.75rem;margin-top:8px;padding:3px 0}
#moreComments{margin-top:12px}#commentGate .text-button{display:inline;padding:0;font-size:inherit}
.global-nav{margin-top:24px;gap:4px}.global-nav button{padding:10px 12px}
.sidebar-label{margin:24px 12px 10px;letter-spacing:1px}
#categories{max-height:none;overflow:visible;gap:4px;margin:0}
#categories button{padding:10px 12px;min-height:42px}
.nav-name{white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.nav-icon,.nav-count{flex-shrink:0}
#addCategory{margin-top:14px;font-size:.8125rem}
.sidebar-bottom{margin-top:auto;padding:28px 12px 0}
main{margin:0 auto;max-width:1920px;padding:0 36px;min-width:0}
header{height:64px}.board-heading{padding:28px 0 22px}
.board-tools{align-items:center;justify-content:flex-end;gap:8px}
.board-tools button{font-size:.875rem}.board-caption{letter-spacing:0;gap:12px;flex-wrap:wrap}
.card .card-title{min-height:66px}.card-title>span{font-weight:550}
.settings-card{max-width:1100px}.settings-import{display:flex;align-items:center;justify-content:space-between;gap:20px}
.settings-import h2{margin:0 0 8px}.settings-import p{margin:0;color:#a7adba;font-size:.875rem}
.discover-heading{padding:28px 0;align-items:center}.discover-heading h1{font-size:2.8rem;letter-spacing:-1.4px;margin:0}
.discover-heading p{font-size:.9375rem}.template-picker{border:1px solid var(--line);border-radius:10px;padding:16px 18px}
.template-picker>summary,.catalog-credits>summary{cursor:pointer;width:fit-content}
.template-picker .templates{margin-top:18px}.community-heading{margin-top:28px}
.template{min-height:94px}.catalog-credits{line-height:1.8}.catalog-credits>summary{margin-bottom:6px}
dialog{padding:24px;scrollbar-width:thin}dialog h2{font-size:1.5rem;margin:8px 0 20px}
dialog label{margin-top:18px}dialog .dialog-header .eyebrow{display:none}
dialog .dialog-header{justify-content:flex-end;height:18px}dialog .dialog-header button{padding:0 5px}
dialog .small-note{margin:8px 0 12px}.tier-edit-row{grid-template-columns:60px minmax(0,1fr) 40px 28px;align-items:center}
dialog .dialog-actions{position:sticky;bottom:-24px;background:#22232a;padding:14px 0;margin-bottom:-4px;border-top:1px solid var(--line);z-index:1}
.tier-edit-row input{height:40px}.tier-edit-row input[readonly]{text-align:center}
.import-layout{grid-template-columns:minmax(0,1fr) 280px}.import-layout>div{min-width:0}
.import-layout .settings-card{padding:22px}.import-filterbar input,.import-filterbar select{min-width:0}
.import-row-description,.import-history-row{overflow-wrap:anywhere}
#imports>.text-button{margin-top:18px}#imports>.board-heading{padding-top:14px}
@media(max-width:1100px){main{padding:0 24px}.import-layout{grid-template-columns:1fr}.import-side{position:static}.board-tools{justify-content:flex-start}}
@media(max-width:760px){
 .app{display:block}aside{min-height:0;position:relative;padding:18px 16px 16px}
 .logo{max-width:calc(100% - 88px);font-size:1rem;gap:7px}.logo-mark{width:30px;height:30px;flex-shrink:0}
 .global-nav{margin:18px 0 0;gap:8px}.global-nav button{padding:9px 12px;font-size:.8125rem}
 .sidebar-bottom{top:18px;right:16px;padding:0;margin:0;max-width:88px}.sidebar-bottom #accountButton{max-width:88px;font-size:.75rem}
 #categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:14px;padding:0;overflow:visible}
 #categories button{min-width:0;gap:8px;padding:9px 10px;min-height:40px}.nav-icon{display:none}.nav-name{font-size:.8125rem}
 #addCategory{width:auto;margin-top:12px;padding:10px 14px}
 main{padding:0 16px}header{height:48px}.eyebrow{font-size:.6875rem}
 .board-heading{padding:22px 0 18px}.board-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .board-tools button{padding:11px 8px;min-width:0}.board-tools #addItem{grid-column:1/-1}
 .board-caption{font-size:.75rem}.board-caption .text-button{font-size:.75rem}
 .tier-row{grid-template-columns:62px minmax(0,1fr)}.card{flex-basis:calc((100% - 7px)/2)}.card.poster{flex-basis:calc((100% - 7px)/2)}
 .card .card-title{min-height:64px;font-size:.75rem}.drop-zone{gap:7px;padding:8px}
 .discover-heading{padding:22px 0}.discover-heading h1{font-size:2rem}.discover-heading p{font-size:.875rem}
 .community-tools{justify-content:flex-start;margin-top:18px}.community-tools button{font-size:.8125rem;padding:10px 12px}
 .friends-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:0}.friends-tabs button{font-size:.8125rem;padding:10px 6px}
 .person-card{align-items:flex-start;flex-wrap:wrap;padding:16px;gap:14px}.person-card .follow-button{margin-left:62px}
 .people-search{gap:6px}.people-search button{padding:10px;font-size:.8125rem}
 .profile-heading{gap:14px}.profile-identity h1{font-size:1.6rem}.profile-actions{width:100%;margin-top:2px}
 .invite-link{flex-direction:column}.invite-link button{align-self:flex-start}.comment-heading{flex-wrap:wrap;gap:5px}
 .settings-import{align-items:flex-start;flex-direction:column;gap:14px}.settings-import .secondary{width:100%}
 .settings-card,.import-layout .settings-card{padding:18px}.settings-card h2{line-height:1.35}
 .tier-edit-row{grid-template-columns:46px minmax(0,1fr) 34px 24px;gap:5px}.tier-edit-row input{padding:7px 5px;font-size:.8125rem}
 dialog{padding:20px;max-width:calc(100vw - 24px);max-height:92dvh}dialog h2{font-size:1.35rem}
 dialog .dialog-actions{bottom:-20px;gap:6px}dialog .dialog-actions button{font-size:.8125rem;padding:10px}
 .optional{display:block;margin:5px 0 0}.import-services{gap:5px}.import-services button{font-size:.8125rem}
 .import-preview-footer{gap:12px}.import-selection-tools{gap:12px}.sync-heading{gap:12px}
}