.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-hi);color:var(--ink);font:inherit;font-size:var(--text-sm);font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),translate var(--dur-fast) var(--ease)}.btn:hover{border-color:var(--line-hi);background:var(--line)}.btn:active{translate:0 1px}.btn:disabled,.btn[aria-disabled="true"]{border-color:var(--line);background:var(--surface);color:var(--ink-subtle);cursor:not-allowed;translate:none}.btn.is-primary{border-color:transparent;background:var(--accent);color:var(--on-accent)}.btn.is-primary:hover{background:var(--accent-hi)}.btn.is-primary:disabled{background:var(--surface-hi);color:var(--ink-subtle)}.btn.is-block{inline-size:100%;justify-content:center;padding-block:var(--space-2)}.btn.is-on{border-color:var(--accent);background:var(--accent-dim);color:var(--ink)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-md)}.btn-icon{inline-size:2rem;block-size:2rem;padding:0;border-color:transparent;background:none;color:var(--ink-muted);font-size:var(--text-lg)}.btn-icon:hover{border-color:transparent;background:var(--surface-hi);color:var(--ink)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-2);border:1px solid var(--line-hi);border-radius:var(--radius-pill);color:var(--ink-subtle);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.tag.is-ok{border-color:color-mix(in oklch,var(--online) 50%,transparent);color:var(--online)}.tag.is-warn{border-color:var(--warn-line);color:var(--warn-bg)}.tile{display:block;aspect-ratio:4/3;margin-block-end:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface);background-size:cover;background-position:center;transition:border-color var(--dur) var(--ease),scale var(--dur) var(--ease)}.tile-square{aspect-ratio:1}.tile-name{display:block;font-size:var(--text-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-meta{display:block;margin-block-start:2px;color:var(--ink-subtle);font-size:var(--text-xs);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-meta .bi{margin-inline-end:2px}.tile-meta .bi+.bi{margin-inline-start:var(--space-2)}.face{position:relative;display:block;inline-size:5rem;block-size:5rem;margin:0 auto var(--space-2);border-radius:50%;background:var(--surface)}.face img{display:block;inline-size:100%;block-size:100%;border-radius:50%;object-fit:cover}.face.is-online::after{content:"";position:absolute;z-index:1;inset-block-end:2px;inset-inline-end:2px;inline-size:.9rem;block-size:.9rem;border:2px solid var(--bg);border-radius:50%;background:var(--presence-online)}.empty{margin:0;padding:var(--space-6);border:1px dashed var(--line);border-radius:var(--radius-md);color:var(--ink-subtle);font-size:var(--text-sm);text-align:center}.empty a{color:var(--accent)}.flash{margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--accent-dim);color:var(--ink);font-size:var(--text-sm)}.flash.is-error{border-color:color-mix(in oklab,var(--danger) 55%,transparent);background:color-mix(in oklab,var(--danger) 12%,transparent);color:color-mix(in oklab,var(--danger) 70%,var(--ink))}.rail{display:flex;gap:var(--space-4);margin:0;padding:0 0 var(--space-3);list-style:none;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.rail>li{flex:0 0 9.5rem;scroll-snap-align:start}.creations{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:var(--space-4);margin:var(--space-5) 0 0;padding:0;list-style:none}.rail a,.creations a{display:block;color:inherit;text-decoration:none}.rail a:hover .tile,.creations a:hover .tile{border-color:var(--line-hi);scale:1.02}.pip{display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.25rem;margin-inline-start:auto;padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums}.requests{display:flex;flex-direction:column;gap:var(--space-2);margin:0 0 var(--space-6);padding:0;list-style:none}.requests li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.requests form{display:flex;gap:var(--space-2);margin-inline-start:auto}.requester{display:flex;align-items:center;gap:var(--space-3);color:inherit;text-decoration:none;min-inline-size:0}.requester .avatar{inline-size:2.5rem;block-size:2.5rem}.requester-name{display:block;font-size:var(--text-sm);font-weight:600}.requester-handle{display:block;color:var(--ink-subtle);font-size:var(--text-xs)}.rail-note{margin:0 0 var(--space-4);color:var(--ink-subtle);font-size:var(--text-sm)}.field-label{display:block;color:var(--ink-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em}.input,input[type="text"],input[type="search"],input[type="url"],input[type="email"],input[type="password"],input[type="number"],input[type="datetime-local"],input[type="date"],select,textarea{inline-size:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--text-sm);transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}textarea{resize:vertical;min-block-size:4.5rem;line-height:1.5}select{appearance:none;padding-inline-end:var(--space-6);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:.85em;cursor:pointer}input::placeholder,textarea::placeholder{color:var(--ink-subtle)}input:hover,select:hover,textarea:hover{border-color:var(--line-hi)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent);background:var(--surface-focus)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}input[type="file"]{inline-size:100%;padding:var(--space-2);border:1px dashed var(--line-hi);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-muted);font-size:var(--text-sm);cursor:pointer}input[type="file"]::file-selector-button{margin-inline-end:var(--space-3);padding:var(--space-1) var(--space-3);border:1px solid var(--line-hi);border-radius:var(--radius-sm);background:var(--surface-hi);color:var(--ink);font:inherit;font-size:var(--text-xs);font-weight:600;cursor:pointer}input[type="file"]:hover{border-color:var(--accent)}input[type="checkbox"]{inline-size:1rem;block-size:1rem;flex-shrink:0;cursor:pointer}.pill{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--ink-subtle);font-size:.6875rem;font-weight:600;letter-spacing:.07em;line-height:1.5;text-transform:uppercase;white-space:nowrap}.pill.is-ok{color:var(--ink-subtle)}.pill.is-warn,.pill.is-danger{color:var(--sev-ink)}.verified{display:inline-block;flex:0 0 auto;inline-size:.85em;block-size:.85em;vertical-align:-.07em}.spr{display:inline-block;flex:0 0 auto;inline-size:16px;block-size:16px;background-image:url("/img/icons.svg");background-repeat:no-repeat;background-size:32px 64px;vertical-align:-.2em}.spr-refresh{background-position:0 0}.spr-next{background-position:0 -16px}.spr-like{background-position:0 -32px}.spr-player{background-position:0 -48px}.rating-bar{flex:1 1 auto;block-size:4px;border-radius:var(--radius-pill);background:var(--line);overflow:hidden}.rating-bar>span{display:block;block-size:100%;background:var(--ink-muted)}.chart+.chart{margin-block-start:var(--space-6)}.chart-head{margin-block-end:var(--space-3)}.chart-head h2{margin:0;font-size:var(--text-md);font-weight:700;letter-spacing:-.01em}.chart-head h2 a{display:inline-flex;align-items:center;gap:var(--space-2);color:inherit;text-decoration:none}.chart-head h2 .spr{opacity:.6;transition:translate var(--dur) var(--ease),opacity var(--dur) var(--ease)}.chart-head h2 a:hover .spr{translate:3px 0;opacity:1}.chart-head p{margin:2px 0 0;color:var(--ink-subtle);font-size:var(--text-xs)}.chart-head p:empty{display:none}.chart-rail{--rail-item:9rem;display:flex;align-items:stretch;gap:var(--space-3);margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none}.chart-rail::-webkit-scrollbar{display:none}.chart-rail>li{display:flex;flex-direction:column;gap:2px;flex:0 0 var(--rail-item);min-inline-size:0;scroll-snap-align:start}.rail-wrap{position:relative}.rail-nav{position:absolute;z-index:2;inset-block-start:50%;translate:0 -50%;display:none;place-items:center;inline-size:2.5rem;block-size:2.5rem;padding:0;border:0;border-radius:50%;background:oklch(.17 .012 286/.92);box-shadow:0 4px 16px rgb(0 0 0/.45);cursor:pointer;opacity:0;transition:opacity var(--dur) var(--ease),background-color var(--dur) var(--ease)}.rail-wrap.has-nav .rail-nav{display:grid}.rail-wrap.has-nav:hover .rail-nav,.rail-wrap.has-nav:focus-within .rail-nav{opacity:1}.rail-wrap.has-nav .rail-nav:disabled{opacity:0;pointer-events:none}.rail-nav:hover{background:oklch(.24 .014 286/.96)}.rail-nav.is-prev{inset-inline-start:var(--space-2)}.rail-nav.is-next{inset-inline-end:var(--space-2)}.rail-nav.is-prev .spr{rotate:180deg}.chart-link{display:block;color:inherit;text-decoration:none}.chart-art{position:relative;display:block;aspect-ratio:1;margin-block-end:var(--space-2);border-radius:var(--radius-md);background-color:var(--surface);background-image:var(--art-icon,none);background-size:cover;background-position:center;overflow:hidden}.chart-art::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 120% at 50% 50%,transparent 28%,rgb(0 0 0/.28) 62%,rgb(0 0 0/.72) 100%);opacity:0;transition:opacity 260ms var(--ease);pointer-events:none}.chart-link:hover .chart-art::after,.chart-link:focus-visible .chart-art::after{opacity:1;transition-duration:1000ms}.game-year{position:absolute;z-index:1;inset-block-end:var(--space-2);inset-inline-end:var(--space-2);padding:1px var(--space-2);border-radius:var(--radius-sm);background:oklch(.17 .012 286/.85);color:#fff;font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums}.chart-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:var(--text-sm);font-weight:500;line-height:1.3;min-block-size:2.6em}.chart-stats{display:flex;gap:var(--space-3);color:var(--ink-subtle);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.chart-stats>span{display:inline-flex;align-items:center;gap:4px}@media(max-width:40rem){.chart-rail{--rail-item:7.25rem}.rail-nav{display:none!important}}.spr-lg{display:inline-block;flex:0 0 auto;inline-size:28px;block-size:28px;background-repeat:no-repeat}.spr-fav{background-image:url("/img/icons-social.svg");background-size:56px 448px;background-position:0 -84px}.spr-pin{background-image:url("/img/icons-generic.svg");background-size:56px 2240px;background-position:0 -673px}.control:hover .spr-pin,.control.is-on .spr-pin{background-position:-28px -673px}.spr-up,.spr-down{background-image:url("/img/icons-games.svg");background-size:56px 952px}.spr-up{background-position:0 -84px}.spr-down{background-position:0 -112px}.control:hover .spr-fav,.control.is-on .spr-fav{background-position:-28px -84px}.control:hover .spr-up,.control.is-on .spr-up{background-position:-28px -84px}.control:hover .spr-down,.control.is-on .spr-down{background-position:-28px -112px}.shelf{padding-inline:var(--gutter)}.shelf .rail-wrap{margin-inline:calc(var(--gutter)*-1)}.shelf .chart-rail{padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.shelf+.shelf{margin-block-start:var(--space-7)}.shelf-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-3)}.shelf-head h2{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;color:var(--ink);font-size:var(--text-md);font-weight:700;letter-spacing:-.01em}.shelf-head h2 .spr{opacity:.6}.shelf-head a{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink-subtle);font-size:var(--text-sm);text-decoration:none;white-space:nowrap;transition:color var(--dur) var(--ease)}.shelf-head a:hover{color:var(--ink)}.shelf-head.is-stacked{align-items:flex-end}.shelf-sub{margin:2px 0 0;color:var(--ink-subtle);font-size:var(--text-sm)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-4);margin:0;padding:0;list-style:none}@media(min-width:34rem){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:52rem){.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:72rem){.feature-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:96rem){.feature-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.feature{display:block;color:inherit;text-decoration:none}.feature-art{position:relative;display:block;aspect-ratio:16/9;margin-block-end:var(--space-2);border-radius:var(--radius-md);background-color:var(--surface);background-size:cover;background-position:center;overflow:hidden}.feature-art::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 50% 50%,transparent 28%,rgb(0 0 0/.28) 62%,rgb(0 0 0/.72) 100%);opacity:0;transition:opacity 260ms var(--ease);pointer-events:none}.feature:hover .feature-art::after,.feature:focus-visible .feature-art::after{opacity:1;transition-duration:1000ms}.feature-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--text-sm);font-weight:600;line-height:1.3}.feature-rating{display:inline-flex;align-items:center;gap:4px;margin-block-start:2px;color:var(--ink-subtle);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.feature-boosted{color:var(--ink-subtle);font-size:var(--text-xs);font-weight:600}.chart-rail.is-wide{--rail-item:15rem}.chart-rail.is-wide .chart-art{aspect-ratio:16/9;background-image:var(--art-wide,var(--art-icon,none))}.chart-rail.is-people{--rail-item:6rem;text-align:center}.chart-rail.is-people .chart-art{border-radius:50%}.chart-rail.is-people .chart-name{min-block-size:0;-webkit-line-clamp:1;font-weight:500}.chart-rail.is-people .chart-stats{justify-content:center}.chart-rail.is-people .chart-art{overflow:visible}.chart-art.is-online::before{content:"";position:absolute;z-index:2;inset-block-end:6%;inset-inline-end:6%;inline-size:.75rem;block-size:.75rem;border:2px solid var(--bg);border-radius:50%;background:var(--presence-game)}.coin{display:inline-block;inline-size:1em;block-size:1em;vertical-align:-.125em;background:currentColor;-webkit-mask:url("/img/anchor-mark.svg") center/contain no-repeat;mask:url("/img/anchor-mark.svg") center/contain no-repeat}.item-flag{position:absolute;inset-block-end:0;inset-inline-start:0;inline-size:52px;block-size:14px;background-image:url("/img/catalog-labels.svg");background-repeat:no-repeat;background-size:123px;background-position:-2px -56px;filter:drop-shadow(0 1px 2px rgb(0 0 0/.45))}.item-flag.is-unique{inline-size:70px;background-position:-2px -128px}.item-flag.is-large{inline-size:78px;block-size:21px;background-size:184.5px;background-position:-3px -84px}.item-flag.is-large.is-unique{inline-size:105px;background-position:-3px -192px}.plink-mark{display:grid;flex:none;place-items:center;inline-size:2rem;block-size:2rem;border-radius:var(--radius-sm);background:var(--ink-subtle);box-shadow:inset 0 0 0 1px rgb(255 255 255/.1)}.plink-mark::before{content:"";inline-size:1.05rem;block-size:1.05rem;background:#fff;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.plink-mark.is-discord{background:#5865f2}.plink-mark.is-discord::before{-webkit-mask-image:url("/img/brands/discord.svg");mask-image:url("/img/brands/discord.svg")}.plink-mark.is-youtube{background:#f03}.plink-mark.is-youtube::before{-webkit-mask-image:url("/img/brands/youtube.svg");mask-image:url("/img/brands/youtube.svg")}.plink-mark.is-twitch{background:#9146ff}.plink-mark.is-twitch::before{-webkit-mask-image:url("/img/brands/twitch.svg");mask-image:url("/img/brands/twitch.svg")}.plink-mark.is-x{background:#0f1419}.plink-mark.is-x::before{-webkit-mask-image:url("/img/brands/x.svg");mask-image:url("/img/brands/x.svg")}.plink-mark.is-bluesky{background:#1185fe}.plink-mark.is-bluesky::before{-webkit-mask-image:url("/img/brands/bluesky.svg");mask-image:url("/img/brands/bluesky.svg")}.plink-mark.is-tiktok{background:#0f0f0f}.plink-mark.is-tiktok::before{-webkit-mask-image:url("/img/brands/tiktok.svg");mask-image:url("/img/brands/tiktok.svg")}.plink-mark.is-spotify{background:#1db954}.plink-mark.is-spotify::before{-webkit-mask-image:url("/img/brands/spotify.svg");mask-image:url("/img/brands/spotify.svg")}.plink-mark.is-steam{background:#171a21}.plink-mark.is-steam::before{-webkit-mask-image:url("/img/brands/steam.svg");mask-image:url("/img/brands/steam.svg")}.plink-mark.is-github{background:#24292f}.plink-mark.is-github::before{-webkit-mask-image:url("/img/brands/github.svg");mask-image:url("/img/brands/github.svg")}.plink-mark.is-reddit{background:#ff4500}.plink-mark.is-reddit::before{-webkit-mask-image:url("/img/brands/reddit.svg");mask-image:url("/img/brands/reddit.svg")}.btn.is-icon{padding-inline:var(--space-3)}.report-link{display:inline-flex;flex:none;align-items:center;gap:5px;padding:3px 6px;border-radius:var(--radius-sm);color:var(--ink-subtle);font-size:var(--text-xs);font-weight:500;text-decoration:none;transition:color .15s,background-color .15s}.report-link:hover{background:var(--surface-hi);color:var(--ink)}.report-link .bi{font-size:.8em}