:root{--night:#0e0a12;--night-rgb:14 10 18;--shelf:#19131e;--shelf-rgb:25 19 30;--shelf-2:#251c2c;--line:#34293c;--line-rgb:52 41 60;--dust:#a99db1;--paper:#f4ede3;--paper-rgb:244 237 227;--lamp:#f7913d;--lamp-rgb:247 145 61;--lamp-ink:#1f0c02;--moon-rgb:255 226 178;--shadow:8 3 12;--st-untouched:#8f8698;--st-tried:#b39cf0;--st-abandoned:#e5545c;--st-playing:#f5c84c;--st-likely:#b6dc6a;--st-done:#6fd69a;--st-endless:#6cb8e6;--st-app:#8a8f9e;--display:"Unbounded", "Arial", sans-serif;--spooky:"Rubik Wet Paint", "Unbounded", "Arial", sans-serif;--body:"Manrope", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 48px);--topbar:68px;--ease-out:cubic-bezier(.16, 1, .3, 1);--cobweb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 0L117.8 6.2M0 0L110.9 40.4M0 0L93.0 72.6M0 0L67.7 96.7M0 0L36.5 112.2M0 0L6.2 117.8M16.0 0.8Q12.9 2.6 15.0 5.5Q11.5 6.4 12.6 9.9Q9.0 9.5 9.2 13.1Q5.9 11.7 4.9 15.2Q2.4 12.9 0.8 16.0M31.0 1.6Q24.9 5.1 29.1 10.6Q22.2 12.3 24.4 19.1Q17.5 18.4 17.8 25.4Q11.3 22.7 9.6 29.5Q4.6 25.0 1.6 31.0M47.9 2.5Q38.6 7.8 45.1 16.4Q34.4 19.1 37.8 29.6Q27.1 28.6 27.5 39.3Q17.6 35.2 14.8 45.7Q7.2 38.7 2.5 47.9M66.9 3.5Q53.8 11.0 63.0 22.9Q48.1 26.6 52.8 41.2Q37.8 39.9 38.4 54.9Q24.5 49.2 20.7 63.7Q10.0 54.0 3.5 66.9M87.9 4.6Q70.7 14.4 82.7 30.1Q63.1 35.0 69.3 54.2Q49.7 52.3 50.5 72.1Q32.2 64.6 27.2 83.7Q13.2 71.0 4.6 87.9' fill='none' stroke='%23f4ede3' stroke-opacity='.6' stroke-width='.7'/%3E%3C/svg%3E");--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .9 0 0 0 0 .93 0 0 0 0 1 1.7 0 0 0 -.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%}html.no-scroll{overflow:hidden}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--night);min-height:100dvh;color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5}h1,h2,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}body:before{content:"";z-index:-1;background:radial-gradient(900px 520px at 92% -6%, rgb(var(--moon-rgb) / .075), transparent 62%), radial-gradient(700px 420px at 4% 108%, #7846aa1f, transparent 70%), radial-gradient(600px 300px at 60% 104%, rgb(var(--lamp-rgb) / .05), transparent 70%);pointer-events:none;position:fixed;inset:0}body:after{content:"";z-index:300;background:var(--noise);opacity:.03;pointer-events:none;background-size:180px;position:fixed;inset:0}a{color:inherit}.skip-link{z-index:310;background:var(--lamp);color:var(--lamp-ink);opacity:0;transition:transform .2s var(--ease-out), opacity .2s;border-radius:10px;padding:10px 16px;font-weight:600;text-decoration:none;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus-visible{opacity:1;transform:none}#content:focus{outline:none}button,input,select{font:inherit;color:inherit}::selection{background:rgb(var(--lamp-rgb) / .35)}:focus-visible{outline:2px solid var(--lamp);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.dot{background:var(--status,var(--dust));border-radius:50%;flex:none;width:8px;height:8px}.btn{white-space:nowrap;cursor:pointer;height:46px;transition:transform .15s var(--ease-out), background-color .2s, filter .2s, opacity .2s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default;pointer-events:none}.btn-lamp{background:linear-gradient(180deg, #ffb062, var(--lamp) 55%, #e2762a);color:var(--lamp-ink);box-shadow:inset 0 1px 0 #ffecd28c, inset 0 -2px 0 #5a1e0040, 0 10px 28px -14px rgb(var(--lamp-rgb) / .9)}.btn-lamp:hover{filter:brightness(1.07);box-shadow:inset 0 1px 0 #ffecd28c, inset 0 -2px 0 #5a1e0040, 0 12px 34px -12px rgb(var(--lamp-rgb) / 1)}.btn-ghost{border-color:var(--line);color:var(--paper);background:0 0}.btn-ghost:hover{background:var(--shelf-2)}.btn-text{color:var(--dust);background:0 0;padding:0 10px;font-weight:500}.btn-text:hover{color:var(--paper);text-decoration:underline;-webkit-text-decoration-color:var(--lamp);text-decoration-color:var(--lamp);text-underline-offset:5px}.btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:18px;height:18px}.app{min-height:100dvh}.topbar{z-index:5;height:var(--topbar);padding:0 var(--gutter);justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}@media (width<=900px){:root{--topbar:112px}.topbar{flex-wrap:wrap;align-content:center;gap:12px 16px}.topbar .topnav{scrollbar-width:none;flex:100%;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.topbar .topnav::-webkit-scrollbar{display:none}.topbar .topnav-item{flex:none}}.wordmark{color:var(--paper);font-family:var(--spooky);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:9px;font-size:1.25rem;font-weight:400;line-height:1;text-decoration:none;transition:color .2s;display:inline-flex}.wordmark:hover{color:var(--lamp)}.wordmark-mark{flex:none;width:26px;height:26px}.wordmark-mark .pumpkin{fill:var(--lamp)}.wordmark-mark .stem{fill:#6c9a3f}.wordmark-mark .face{fill:#ffe7a8}@media (prefers-reduced-motion:no-preference){.wordmark-mark .face{animation:3.2s ease-in-out infinite candle}}@keyframes candle{0%,to{opacity:1}40%{opacity:.72}44%{opacity:.95}70%{opacity:.8}}@media (width<=420px){.wordmark{gap:7px;font-size:1.05rem}.wordmark-mark{width:22px;height:22px}}.spooky{z-index:4;pointer-events:none;height:0;position:absolute;inset:0 0 auto}.spider{transform-origin:50% 0;width:22px;position:absolute;top:0;left:clamp(280px,27vw,480px)}@media (width<=960px){.spider{display:none}}.spider-thread{background:linear-gradient(rgb(var(--paper-rgb) / 0), rgb(var(--paper-rgb) / .4));width:1px;height:64px;margin:0 auto;display:block}.spider svg{fill:#120c16;width:22px;height:18px;stroke:rgb(var(--paper-rgb) / .55);stroke-width:1.1px;stroke-linecap:round;margin-top:-2px;display:block}.spider .eye{fill:var(--lamp);stroke:none}@media (prefers-reduced-motion:no-preference){.spider{animation:spider-drop 9s var(--ease-out) 1.2s both, spider-sway 6s ease-in-out 10s infinite}}@keyframes spider-drop{0%{transform:translateY(-90px)}55%{transform:translateY(6px)}to{transform:translateY(0)}}@keyframes spider-sway{0%,to{transform:rotate(0)}30%{transform:rotate(4deg)translateY(10px)}70%{transform:rotate(-3deg)translateY(-4px)}}.bats{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bat{left:0;top:var(--y);width:var(--size);opacity:0;fill:#08050b;filter:drop-shadow(0 0 1px rgb(var(--moon-rgb) / .25));position:absolute}.bat .wing{transform-origin:50% 40%}@media (prefers-reduced-motion:no-preference){.bat{animation:bat-fly var(--time) linear var(--delay) infinite}.bat .wing{animation:.26s ease-in-out infinite alternate bat-flap}}@keyframes bat-fly{0%{opacity:0;transform:translate(-10vw)scale(.8)}4%{opacity:.9}20%{transform:translate(28vw,-6vh)scale(1)}36%{opacity:.9;transform:translate(62vw,3vh)scale(.9)}42%{opacity:0;transform:translate(110vw,-4vh)scale(.85)}to{opacity:0;transform:translate(110vw,-4vh)scale(.85)}}@keyframes bat-flap{0%{transform:scaleY(1)}to{transform:scaleY(.35)}}.dustfield{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dustfield canvas{width:100%;height:100%;display:block}.gate{place-items:center;min-height:100dvh;padding:24px 16px;display:grid;position:relative;overflow:hidden}.gate-inner{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.gate-title{color:var(--lamp);font-family:var(--spooky);letter-spacing:.01em;text-shadow:0 0 40px rgb(var(--lamp-rgb) / .35);font-size:clamp(2.3rem,8vw,4.2rem);font-weight:400;line-height:1}.gate-label{color:var(--dust);margin-top:14px}.pin{gap:10px;margin-top:32px;display:flex;position:relative}.pin-input{opacity:0;caret-color:#0000;cursor:text;border:0;width:100%;font-size:16px;position:absolute;inset:0}.pin-cell{border:1px solid var(--line);background:linear-gradient(180deg, var(--shelf-2), var(--shelf));width:clamp(42px,12vw,58px);height:clamp(56px,15.5vw,74px);box-shadow:inset 0 1px 0 rgb(var(--paper-rgb) / .06);pointer-events:none;border-radius:48% 48% 10px 10px/34% 34% 10px 10px;place-items:center;transition:border-color .2s,background-color .2s;display:grid}.pin:has(.pin-input:focus-visible) .pin-cell[data-active=true]{border-color:var(--lamp);box-shadow:0 0 0 4px rgb(var(--lamp-rgb) / .14)}.pin-cell[data-active=true]:after{content:"";background:var(--lamp);width:2px;height:26px;animation:1.1s step-end infinite caret}.pin-dot{background:var(--paper);border-radius:50%;width:12px;height:12px}.pin[data-state=wrong] .pin-cell{border-color:var(--st-abandoned)}.pin[data-state=wrong] .pin-dot{background:var(--st-abandoned)}.pin[data-state=open] .pin-cell{border-color:var(--lamp);background:rgb(var(--lamp-rgb) / .1)}.pin[data-state=open] .pin-dot{background:var(--lamp)}.pin[data-state=locked] .pin-cell{opacity:.4}.gate-message{min-height:1.5em;color:var(--dust);margin-top:18px;font-size:.9375rem}@keyframes caret{50%{opacity:0}}.home{min-height:100dvh;margin-top:calc(var(--topbar) * -1);padding:var(--topbar) var(--gutter) 48px;justify-content:center;display:flex;position:relative;overflow:hidden}.home-hero{text-align:center;width:100%;max-width:54rem;padding-top:clamp(56px,12vh,140px);position:relative}.home-moon{aspect-ratio:1;background:radial-gradient(circle at 34% 30%, #fff6e2f2, rgb(var(--moon-rgb) / .85) 38%, #d6a86ebf 70%, #aa784699), var(--night);width:clamp(220px,34vw,400px);box-shadow:0 0 60px rgb(var(--moon-rgb) / .35), 0 0 180px rgb(var(--moon-rgb) / .18);opacity:.16;pointer-events:none;border-radius:50%;position:absolute;top:clamp(8px,4vh,40px);left:50%;transform:translate(-50%)}.home-moon:before,.home-moon:after{content:"";background:#78503259;border-radius:50%;position:absolute}.home-moon:before{width:18%;height:18%;top:22%;left:54%}.home-moon:after{width:26%;height:24%;top:56%;left:26%}.home-title{max-width:13ch;font-family:var(--spooky);letter-spacing:.005em;text-wrap:balance;text-shadow:0 6px 40px rgb(var(--night-rgb) / .8);margin:0 auto;font-size:clamp(2.4rem,7.4vw,5.4rem);font-weight:400;line-height:1.02;position:relative}.home-title em{color:var(--lamp);font-style:normal}.home-lede{max-width:40ch;color:var(--dust);margin:22px auto 0;font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.55}.home-hero .pform{text-align:left;max-width:40rem;margin:36px auto 0}.home-note{color:var(--dust);margin-top:12px;font-size:.8125rem}.recent{margin-top:48px}.home .recent-list{justify-content:center}.home .board{text-align:left}.home .board-head{text-align:center;justify-content:center}.recent-title{color:var(--dust);font-size:.875rem;font-weight:500}.recent-list{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.recent-item{border:1px solid var(--line);background:rgb(var(--shelf-rgb) / .8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;transition:border-color .2s;display:flex}.recent-item:hover{border-color:var(--dust)}.recent-link{border-radius:999px;align-items:center;gap:10px;padding:4px;font-size:.9375rem;text-decoration:none;display:flex}.recent-link .avatar{border-radius:50%;width:30px;height:30px}.recent-remove{width:30px;height:30px;color:var(--dust);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-right:2px;display:grid}.recent-remove:hover{color:var(--paper);background:var(--shelf-2)}.recent-remove svg,.modal-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:14px;height:14px}.avatar{object-fit:cover;background:var(--shelf-2);display:block}.avatar-letter{color:var(--lamp);font-family:var(--display);place-items:center;font-weight:700;display:grid}.pform-row{gap:10px;display:flex}.pform-input{border:1px solid var(--line);background:rgb(var(--shelf-rgb) / .85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;flex:1;min-width:0;height:58px;padding:0 18px;font-size:1.0625rem;transition:border-color .2s,box-shadow .2s}.pform-input::placeholder{color:var(--dust);opacity:.8}.pform-input:focus{border-color:var(--lamp);box-shadow:0 0 0 4px rgb(var(--lamp-rgb) / .14);outline:none}.pform .btn{border-radius:999px;height:58px;padding:0 24px;font-size:1rem}.pform-hint{color:var(--st-abandoned);margin-top:10px;font-size:.875rem}.pform-compact .pform-input,.pform-compact .btn{border-radius:999px;height:42px;font-size:.9375rem}.pform-compact .pform-input{padding:0 14px}.pform-compact .btn{padding:0 16px}.profile{--pad-r:var(--gutter);max-width:1440px;padding:8px var(--pad-r) 96px var(--gutter);margin:0 auto}.demo-note{border:1px solid rgb(var(--lamp-rgb) / .3);background:rgb(var(--lamp-rgb) / .08);border-radius:10px;margin-bottom:28px;padding:10px 14px;font-size:.875rem}.hero{isolation:isolate;min-height:clamp(440px,46vw,620px);margin-top:calc(var(--topbar) * -1);background:var(--shelf);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero-art{z-index:-2;object-fit:cover;object-position:70% 25%;width:100%;height:100%;animation:hero-in 1.2s var(--ease-out) both;position:absolute;inset:0}.hero-art[data-soft]{filter:blur(26px)saturate(1.25)brightness(.75);transform:scale(1.15)}@keyframes hero-in{0%{opacity:0}}.hero-scrim{z-index:-1;background:linear-gradient(180deg, rgb(var(--night-rgb) / .75) 0%, rgb(var(--night-rgb) / 0) 24%), linear-gradient(90deg, rgb(var(--night-rgb) / .96) 0%, rgb(var(--night-rgb) / .8) 32%, rgb(var(--night-rgb) / .08) 72%), linear-gradient(0deg, var(--night) 0%, rgb(var(--night-rgb) / 0) 44%);position:absolute;inset:0}.hero-inner{width:100%;max-width:1440px;padding:calc(var(--topbar) + 60px) var(--gutter) 132px;flex-direction:column;align-items:flex-start;gap:16px;margin:0 auto;display:flex}.hero-kicker{color:var(--lamp);font-size:.9375rem;font-weight:700}.hero-title{max-width:16ch;font-family:var(--display);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,4.6vw,3.9rem);font-weight:700;line-height:1.04}.hero-text{color:#d8cfd6;max-width:52ch;font-size:1.0625rem;line-height:1.55}.hero-progress{background:rgb(var(--paper-rgb) / .16);border-radius:2px;width:min(340px,100%);height:3px;display:block;overflow:hidden}.hero-progress span{background:var(--lamp);transform-origin:0;height:100%;display:block}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.hero-actions .btn{height:52px;padding:0 28px;font-size:1rem}.btn-glass{border-color:rgb(var(--paper-rgb) / .22);background:rgb(var(--paper-rgb) / .08);color:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgb(var(--paper-rgb) / .12)}.btn-glass:hover{background:rgb(var(--paper-rgb) / .15)}.strip{z-index:2;border:1px solid rgb(var(--paper-rgb) / .08);background:var(--shelf);box-shadow:0 30px 60px -30px rgb(var(--shadow) / .9);border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px 36px;padding:20px 24px;display:grid;position:relative}.profile[data-hero=true] .strip{margin-top:-88px}.strip-who{align-items:center;gap:14px;min-width:0;display:flex}.strip-avatar{border-radius:16px;flex:none;width:56px;height:56px;font-size:1.25rem}.strip-name{font-family:var(--display);overflow-wrap:anywhere;margin:0;font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:600;line-height:1.1}.strip-name a{text-decoration:none}.strip-name a:hover{color:var(--lamp)}.strip-stats{flex-wrap:wrap;gap:14px 36px;margin:0;display:flex}.strip-stats div{flex-direction:column-reverse;gap:2px;display:flex}.strip-stats dd{font-family:var(--display);font-variant-numeric:tabular-nums;margin:0;font-size:1.5rem;font-weight:600;line-height:1.1}.strip-stats dt{color:var(--dust);font-size:.8125rem}.strip-stats [data-accent] dd{color:var(--lamp)}.pile-wrap{margin-top:40px}.pile{contain:layout paint;border-radius:12px;gap:3px;height:46px;display:flex;overflow:hidden}.pile-seg{background:var(--status);min-width:8px;color:var(--night);opacity:.88;cursor:pointer;transition:opacity .25s, flex-grow .7s var(--ease-out);border:0;flex-basis:0;align-items:center;padding:0 0 0 12px;display:flex}@starting-style{.pile-seg{flex-grow:0}}.pile-seg:hover,.pile-seg[data-active=true]{opacity:1}.pile:has([data-active=true]) .pile-seg:not([data-active=true]):not(:hover){opacity:.38}.pile-seg:focus-visible{outline-offset:-3px;outline-color:var(--paper)}.pile-legend{flex-wrap:wrap;gap:2px 4px;margin:10px 0 0 -10px;display:flex}.legend-item{height:30px;color:var(--dust);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:.8125rem;transition:color .2s,background-color .2s;display:inline-flex}.legend-item:hover{color:var(--paper)}.legend-item[aria-pressed=true]{background:var(--shelf-2);color:var(--paper)}.legend-count{color:var(--dust);font-variant-numeric:tabular-nums}.pile-count{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:.844rem;font-weight:700}.scan{min-height:20px;color:var(--dust);font-variant-numeric:tabular-nums;align-items:center;gap:12px;margin-top:12px;font-size:.8125rem;transition:opacity .6s 1.5s;display:flex}.scan[data-finished=true]{opacity:.6}.scan-bar{background:var(--line);border-radius:2px;width:120px;height:3px;position:relative;overflow:hidden}.scan-bar span{background:var(--lamp);transform-origin:0;position:absolute;inset:0}.scan[data-finished=true] .scan-bar span{background:var(--st-done)}.scan-error,.inline-error{color:var(--st-abandoned)}.inline-error{margin-top:12px;font-size:.875rem}.toolbar-anchor{scroll-margin-top:0}.toolbar{z-index:20;margin:28px calc(var(--pad-r) * -1) 0 calc(var(--gutter) * -1);padding:12px var(--pad-r) 12px var(--gutter);background:rgb(var(--night-rgb) / .86);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);position:sticky;top:0}.tabs{scrollbar-width:none;margin:0 calc(var(--pad-r) * -1) 0 calc(var(--gutter) * -1);padding:0 var(--pad-r) 0 var(--gutter);gap:2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}@media (width<=640px){.tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}}.tab{isolation:isolate;height:38px;color:var(--dust);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:.9375rem;transition:color .2s;display:inline-flex;position:relative}.tab:hover,.tab[aria-selected=true]{color:var(--paper)}.tab-pill{z-index:-1;background:var(--shelf-2);border-radius:999px;position:absolute;inset:0}.tab-count{color:var(--dust);font-variant-numeric:tabular-nums;font-size:.8125rem}.tab-filter{border:1px solid var(--line);height:38px;color:var(--paper);cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:8px;margin-left:6px;padding:0 12px 0 14px;font-size:.9375rem;transition:border-color .2s;display:inline-flex}.tab-filter:hover{border-color:var(--status)}.tab-filter svg{fill:none;width:14px;height:14px;stroke:var(--dust);stroke-width:1.6px;stroke-linecap:round}.toolbar-row{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.search{flex:220px;align-items:center;display:flex;position:relative}.search svg{fill:none;width:18px;height:18px;stroke:var(--dust);stroke-width:1.6px;stroke-linecap:round;pointer-events:none;position:absolute;left:14px}.search input,.sort select{border:1px solid var(--line);background:var(--shelf);border-radius:999px;height:46px;transition:border-color .2s}.search input{width:100%;padding:0 14px 0 42px}.search input::placeholder{color:var(--dust)}.search input:focus,.sort select:focus{border-color:var(--lamp);outline:none}.sort select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23958da1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding:0 40px 0 14px}.sort option{background:var(--shelf)}.grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:30px 18px;margin-top:22px;display:grid}.card{text-align:left;cursor:pointer;min-width:0;animation:card-in .7s var(--ease-out) both;animation-delay:calc(var(--i) * 22ms);content-visibility:auto;contain-intrinsic-size:auto 320px;background:0 0;border:0;flex-direction:column;gap:8px;padding:0;display:flex;position:relative}.card:focus-visible{outline:none}.card:focus-visible .card-cover{outline:2px solid var(--lamp);outline-offset:3px}@keyframes card-in{0%{opacity:0;transform:translateY(16px)}}.card-cover{aspect-ratio:2/3;background:var(--shelf);box-shadow:0 14px 28px -16px rgb(var(--shadow) / .75);border-radius:14px;position:relative;overflow:hidden}.card-frame{display:block;position:absolute;inset:0}.cover{width:100%;height:100%;display:block;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-wide{background:var(--shelf-2);place-items:center;display:grid}.cover .cover-wide-bg{filter:blur(18px)brightness(.55);width:120%;height:120%;position:absolute;inset:-10%}.cover .cover-wide-img{object-fit:contain;height:auto;box-shadow:0 10px 24px rgb(var(--shadow) / .5);position:relative}.cover-text{background:radial-gradient(120% 80% at 80% 0%, rgb(var(--lamp-rgb) / .14), transparent 60%), linear-gradient(160deg, var(--shelf-2), var(--shelf));font-family:var(--display);overflow-wrap:anywhere;align-items:flex-end;padding:14px;font-size:1.012rem;font-weight:700;font-stretch:80%;line-height:1.1;display:flex}.card .cover{filter:grayscale(calc(1 - var(--color))) brightness(calc(.58 + var(--color) * .42)) contrast(calc(.86 + var(--color) * .14));transition:filter 1.1s cubic-bezier(.2, .7, .2, 1) calc(var(--i) * 30ms), transform .5s var(--ease-out)}.card-dust{background:var(--cobweb) left top / 74% auto no-repeat, linear-gradient(to top, rgb(var(--night-rgb) / .5), rgb(var(--paper-rgb) / .05) 70%);opacity:calc((1 - var(--color)) * .85);pointer-events:none;transition:opacity .6s;position:absolute;inset:0}.card-dust:after{content:"";background:var(--cobweb) left top / 46% auto no-repeat;position:absolute;inset:0;transform:scale(-1)}@media (hover:hover){.card:hover .cover{filter:none;transition-delay:0s;transform:scale(1.035)}.card:hover .card-dust{opacity:0;transition:opacity .26s}}.crumble{z-index:3;pointer-events:none;position:absolute}.card:focus-visible .cover{filter:none}.card-ach{background:rgb(var(--night-rgb) / .6);height:4px;position:absolute;bottom:0;left:0;right:0}.card-ach span{background:var(--status);transform-origin:0;height:100%;transition:transform .9s var(--ease-out);display:block}.card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:.9375rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.card-meta{color:var(--dust);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;font-size:.8125rem;display:flex}.card-status{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex}.card-status-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.card-hours{flex:none}.view-switch{border:1px solid var(--line);background:var(--shelf);border-radius:999px;flex:none;gap:2px;padding:4px;display:flex}.view-btn{isolation:isolate;width:40px;height:36px;color:var(--dust);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:color .2s;display:grid;position:relative}.view-btn:hover,.view-btn[aria-pressed=true]{color:var(--paper)}.view-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.view-pill{z-index:-1;background:var(--shelf-2);border-radius:999px;position:absolute;inset:0}.tiles{gap:18px;margin-top:22px;display:grid}.tiles[data-size=four]{grid-template-columns:repeat(4,minmax(0,1fr))}.tiles[data-size=two]{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles[data-size=one]{grid-template-columns:minmax(0,1fr);gap:12px}.tile{border:1px solid var(--line);background:var(--shelf);text-align:left;cursor:pointer;min-width:0;animation:card-in .7s var(--ease-out) both;animation-delay:calc(var(--i) * 22ms);content-visibility:auto;contain-intrinsic-size:auto 280px;transition:border-color .25s, transform .3s var(--ease-out), box-shadow .3s;border-radius:16px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.tile:hover{border-color:color-mix(in srgb, var(--status) 55%, var(--line));box-shadow:0 18px 40px -24px rgb(var(--shadow) / .9);transform:translateY(-2px)}.tile:focus-visible{outline:2px solid var(--lamp);outline-offset:3px}.tile-media{background:var(--shelf-2);display:block;position:relative;overflow:hidden}.tile[data-size=four] .tile-media,.tile[data-size=one] .tile-media{aspect-ratio:460/215}.tile-media>img,.tile-media>.cover{object-fit:cover;width:100%;height:100%;filter:grayscale(calc(1 - var(--color))) brightness(calc(.58 + var(--color) * .42)) contrast(calc(.86 + var(--color) * .14));transition:filter 1.1s cubic-bezier(.2, .7, .2, 1), transform .5s var(--ease-out);display:block}@media (hover:hover){.tile:hover .tile-media>img,.tile:hover .tile-media>.cover{filter:none;transform:scale(1.03)}.tile:hover .card-dust{opacity:0;transition:opacity .26s}}.tile-body{flex-direction:column;gap:10px;min-width:0;padding:14px 16px 16px;display:flex}.tile-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.tile-status{align-items:baseline;gap:8px;font-size:.875rem;display:flex}.tile-status .dot{transform:translateY(-1px)}.tile-hint{color:var(--dust)}.tile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tile-stat{flex-direction:column;gap:2px;min-width:0;display:flex}.tile-stat-label,.tile-stat-sub{color:var(--dust);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.tile-stat-value{font-family:var(--display);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.956rem;font-weight:700;overflow:hidden}.tile-bar{background:var(--shelf-2);border-radius:2px;height:4px;margin:3px 0 1px;display:block;overflow:hidden}.tile-bar span{background:var(--status);transform-origin:0;height:100%;transition:transform .9s var(--ease-out);display:block}.tile-genres{flex-wrap:wrap;gap:6px;display:flex}.tile-genres span{background:var(--shelf-2);color:var(--dust);border-radius:999px;padding:3px 9px;font-size:.75rem}.tile[data-size=four] .tile-body{gap:8px;padding:12px 14px 14px}.tile[data-size=four] .tile-name{font-size:.9375rem}.tile[data-size=four] .tile-stats{gap:8px}.tile[data-size=four] .tile-stat-value{font-size:.9375rem}.tile[data-size=four] .tile-hint,.tile[data-size=four] .tile-stat-sub{display:none}.tile[data-size=two]{flex-direction:row}.tile[data-size=two] .tile-media{flex:none;width:140px;min-height:210px}.tile[data-size=two] .tile-body{flex:1;justify-content:center}.tile[data-size=one]{grid-template-columns:250px minmax(0,1fr);display:grid}.tile[data-size=one] .tile-media{aspect-ratio:auto;min-height:117px}.tile[data-size=one] .tile-body{grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);align-content:center;gap:8px 28px;padding:14px 20px;display:grid}.tile[data-size=one] .tile-name,.tile[data-size=one] .tile-status,.tile[data-size=one] .tile-genres{grid-column:1}.tile[data-size=one] .tile-stats{grid-area:1/2/span 3;align-self:center}.empty{color:var(--dust);flex-direction:column;align-items:flex-start;gap:16px;padding:64px 0;font-size:1.0625rem;display:flex}.profile-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70dvh;display:flex}.loading-shelf{flex-direction:column-reverse;align-items:center;gap:5px;margin-bottom:28px;display:flex}.loading-shelf span{height:14px;width:calc(150px - var(--i) * 18px);background:var(--shelf-2);animation:stack 1.6s var(--ease-out) infinite;animation-delay:calc(var(--i) * .12s);border-radius:4px;display:block}@keyframes stack{0%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;background:var(--lamp);transform:translateY(-4px)}}.loading-text{font-family:var(--display);font-size:1.17rem;font-weight:600;font-stretch:80%}.loading-input{text-overflow:ellipsis;white-space:nowrap;max-width:min(90vw,40ch);color:var(--dust);margin-top:6px;font-size:.875rem;overflow:hidden}.error-card{max-width:40rem;margin:10dvh auto 0}.error-title{font-family:var(--display);font-size:clamp(1.365rem,3.2vw,1.95rem);font-weight:700;font-stretch:80%;line-height:1.05}.error-text{color:var(--dust);max-width:56ch;margin:14px 0 28px;font-size:1.0625rem}.modal-layer{z-index:50;overscroll-behavior:contain;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-backdrop{background:rgb(var(--night-rgb) / .72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:fixed;inset:0}.modal{isolation:isolate;grid-template-columns:minmax(0,290px) 1fr;gap:32px;width:min(880px,100%);padding:28px;display:grid;position:relative}.modal-bg{z-index:-1;border:1px solid var(--line);background:var(--shelf);box-shadow:0 40px 90px -30px rgb(var(--shadow) / .8);border-radius:22px;position:absolute;inset:0}.modal-cover{z-index:1;aspect-ratio:2/3;background:var(--shelf-2);box-shadow:0 24px 50px -20px rgb(var(--shadow) / .85);border-radius:14px;align-self:start;position:relative;overflow:hidden}.modal-info{flex-direction:column;gap:22px;min-width:0;display:flex}.modal-title{font-family:var(--display);overflow-wrap:anywhere;padding-right:44px;font-size:clamp(1.268rem,2.56vw,1.853rem);font-weight:700;font-stretch:82%;line-height:1.05}.modal-status{color:var(--dust);align-items:baseline;gap:10px;display:flex}.modal-status .dot{transform:translateY(-1px)}.modal-status strong{color:var(--paper);font-weight:600}.facts{grid-template-columns:1fr 1fr;gap:18px 24px;margin:0;display:grid}.facts dt{color:var(--dust);font-size:.8125rem}.facts dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.0625rem}.facts-sub{color:var(--dust);font-size:.8125rem;display:block}.facts-wide{grid-column:1/-1}.facts-bar{background:var(--shelf-2);border-radius:3px;height:6px;margin-top:10px;display:block;overflow:hidden}.facts-bar span{background:var(--status);transform-origin:0;border-radius:3px;height:100%;display:block}.segmented{border:1px solid var(--line);background:var(--night);border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.segmented-item{isolation:isolate;color:var(--dust);text-align:center;white-space:nowrap;cursor:pointer;border-radius:999px;flex:auto;padding:9px 12px;font-size:.875rem;transition:color .2s;position:relative}.segmented-item:hover,.segmented-item[data-checked=true]{color:var(--paper)}.segmented-item input{opacity:0;pointer-events:none;position:absolute}.segmented-item:has(input:focus-visible){outline:2px solid var(--lamp);outline-offset:1px}.segmented-pill{z-index:-1;background:var(--shelf-2);border-radius:999px;position:absolute;inset:0}.modal-actions{flex-wrap:wrap;gap:10px;display:flex}.modal-close{z-index:2;width:38px;height:38px;color:var(--dust);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--shelf-2);color:var(--paper)}.topnav{border:1px solid var(--line);background:rgb(var(--shelf-rgb) / .72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.topnav-who .avatar{border-radius:9px;width:30px;height:30px;margin:0 4px 0 2px;font-size:.8125rem}.topnav-item{isolation:isolate;height:36px;color:var(--dust);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.topnav-item:hover,.topnav-item[aria-current=page]{color:var(--paper)}.topnav-pill{z-index:-1;background:linear-gradient(180deg, rgb(var(--lamp-rgb) / .16), rgb(var(--lamp-rgb) / .06));box-shadow:inset 0 0 0 1px rgb(var(--lamp-rgb) / .32);border-radius:999px;position:absolute;inset:0}.rail{z-index:30;position:fixed;top:50%;right:14px;transform:translateY(-50%)}.rail-list{border:1px solid var(--line);background:rgb(var(--shelf-rgb) / .72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;flex-direction:column;gap:10px;margin:0;padding:8px;list-style:none;display:flex}.rail-link{border-radius:13px;text-decoration:none;display:block;position:relative}.rail-link .avatar{width:42px;height:42px;box-shadow:0 0 0 2px var(--night);transition:transform .25s var(--ease-out), box-shadow .25s;border-radius:13px}.rail-link:hover .avatar,.rail-link:focus-visible .avatar{box-shadow:0 0 0 2px var(--lamp);transform:scale(1.08)}.rail-link[data-hidden=true] .avatar{filter:grayscale();opacity:.6}.rail-name{border:1px solid var(--line);background:var(--shelf-2);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s, transform .25s var(--ease-out);border-radius:9px;flex-direction:column;padding:7px 11px;font-size:.875rem;display:flex;position:absolute;top:50%;right:calc(100% + 16px);transform:translate(6px,-50%)}.rail-link:hover .rail-name,.rail-link:focus-visible .rail-name{opacity:1;transform:translateY(-50%)}.rail-note{color:var(--dust);font-size:.75rem}.rail-add-icon{border:1px dashed rgb(var(--lamp-rgb) / .5);width:42px;height:42px;color:var(--lamp);transition:transform .25s var(--ease-out), background-color .25s, border-color .25s;border-radius:13px;place-items:center;display:grid}.rail-add-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.rail-add:hover .rail-add-icon,.rail-add:focus-visible .rail-add-icon{background:rgb(var(--lamp-rgb) / .12);border-style:solid;transform:scale(1.08)}.steamdeck{--deck:var(--st-untouched);color:var(--deck);white-space:nowrap;align-items:center;gap:7px;font-size:.8125rem;line-height:1;display:inline-flex}.steamdeck[data-deck=unsupported]{--deck:var(--st-abandoned)}.steamdeck[data-deck=playable]{--deck:var(--st-playing)}.steamdeck[data-deck=verified]{--deck:var(--st-done)}.steamdeck svg{flex:none;width:24px;height:13px}.steamdeck-body{fill:rgb(var(--night-rgb) / .55);stroke:currentColor;stroke-width:1.5px}.steamdeck-screen,.steamdeck-stick{fill:currentColor}.steamdeck[data-deck=unknown] .steamdeck-screen{opacity:.45}.steamdeck-text{color:var(--paper)}.steamdeck-on-cover{z-index:2;background:rgb(var(--night-rgb) / .86);box-shadow:inset 0 0 0 1px rgb(var(--paper-rgb) / .08);border-radius:7px;padding:4px 5px;position:absolute;bottom:8px;right:6px}.steamdeck-on-cover svg{width:20px;height:11px}.card .steamdeck-on-cover{top:6px;bottom:auto}.card[data-status=untouched] .steamdeck-on-cover{opacity:.8}.recent-play{z-index:2;border:1px solid rgb(var(--lamp-rgb) / .22);background:radial-gradient(120% 140% at 0% 0%, rgb(var(--lamp-rgb) / .1), transparent 55%), rgb(var(--shelf-rgb) / .94);box-shadow:0 30px 60px -34px rgb(var(--shadow) / .95);border-radius:20px;grid-template-columns:minmax(180px,230px) minmax(0,1fr);align-items:center;gap:14px 24px;margin-bottom:14px;padding:16px 18px;display:grid;position:relative}.profile[data-hero=true] .recent-play{margin-top:-96px}.profile[data-hero=true] .recent-play+.strip{margin-top:0}.recent-play-head{flex-direction:column;gap:4px;min-width:0;display:flex}.recent-play-kicker{color:var(--lamp);font-size:.75rem;font-weight:600}.recent-play-title{font-family:var(--display);margin:0;font-size:1.05rem;font-weight:700;font-stretch:82%;line-height:1.2}.recent-play-list{scrollbar-width:none;gap:10px;margin:0;padding:2px;list-style:none;display:flex;overflow-x:auto}.recent-play-list::-webkit-scrollbar{display:none}.recent-play-list>li{flex:none}.recent-play-item{background:rgb(var(--paper-rgb) / .04);text-align:left;cursor:pointer;transition:background-color .2s, transform .2s var(--ease-out);border:0;border-radius:12px;grid-template-columns:40px 156px;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:grid}.recent-play-item:hover{background:rgb(var(--paper-rgb) / .08)}.recent-play-item:active{transform:scale(.98)}.recent-play-cover{aspect-ratio:2/3;background:var(--shelf-2);border-radius:6px;width:40px;overflow:hidden}.recent-play-cover .cover-text{padding:3px;font-size:.45rem}.recent-play-text{flex-direction:column;gap:2px;min-width:0;display:flex}.recent-play-name{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.recent-play-time{color:var(--paper);font-family:var(--display);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600}.recent-play-left{color:var(--dust);white-space:nowrap;align-items:center;gap:6px;font-size:.75rem;display:flex}.recent-play-left .dot{width:6px;height:6px}.recent-play-bar{background:rgb(var(--paper-rgb) / .1);border-radius:2px;height:3px;margin-top:3px;display:block;overflow:hidden}.recent-play-bar span{background:var(--status);transform-origin:0;height:100%;display:block}.recent-play[data-compact=true]{margin-bottom:0}@media (width<=760px){.recent-play{grid-template-columns:minmax(0,1fr);padding:14px}.recent-play-list{margin:0 -14px;padding:2px 14px}}.btn.strip-replay{height:40px;padding:0 16px;font-size:.875rem}.btn.strip-replay svg{stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.board{margin-top:52px}.board-head{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.board-note{color:var(--dust);opacity:.8;font-size:.8125rem}.board-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.board-list>li{min-width:0}.board-row{isolation:isolate;border:1px solid rgb(var(--line-rgb) / .7);background:rgb(var(--shelf-rgb) / .78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:100%;min-height:78px;transition:border-color .25s, transform .3s var(--ease-out), box-shadow .3s;border-radius:18px;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 18px 12px 14px;text-decoration:none;display:grid;position:relative;overflow:hidden}.board-row:before,.tile:after{content:"";z-index:-1;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), rgb(var(--lamp-rgb) / .11), transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.tile:after{z-index:1}.board-row:hover:before,.tile:hover:after{opacity:1}.board-row:hover{border-color:rgb(var(--lamp-rgb) / .4);box-shadow:0 18px 40px -24px rgb(var(--shadow) / .95);transform:translateY(-2px)}.board-row:active{transform:translateY(0)scale(.99)}.board-rank{width:2ch;color:var(--dust);font-family:var(--display);font-variant-numeric:tabular-nums;opacity:.55;font-size:1.125rem;font-weight:700}.board-avatar{border-radius:14px;width:46px;height:46px;font-size:1.125rem}.board-who{flex-direction:column;gap:3px;min-width:0;display:flex}.board-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.board-stats{color:var(--dust);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.board-bar{background:var(--shelf-2);border-radius:3px;gap:2px;height:5px;margin-top:4px;display:flex;overflow:hidden}.board-bar span{flex-basis:0;min-width:0}.board-covers{width:58px;height:46px;position:relative}.board-cover{top:0;right:calc(var(--n) * 13px);z-index:calc(3 - var(--n));aspect-ratio:2/3;background:var(--shelf-2);width:30px;box-shadow:0 6px 14px -6px rgb(var(--shadow) / .95);transform:rotate(calc((var(--n) - 1) * -7deg));transform-origin:bottom;transition:transform .4s var(--ease-out);border-radius:4px;position:absolute;overflow:hidden}.board-row:hover .board-cover{transform:rotate(calc((var(--n) - 1) * -13deg)) translateX(calc(var(--n) * -4px))}.board-cover .cover-text{padding:3px;font-size:.4rem}.board-score{text-align:right;flex-direction:column;align-items:flex-end;min-width:72px;display:flex}.board-score b{font-family:var(--display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.365rem;font-weight:700;font-stretch:80%;line-height:1}.board-score small{max-width:13ch;color:var(--dust);margin-top:4px;font-size:.6875rem;line-height:1.25}.board-row[data-first=true]{border-color:rgb(var(--lamp-rgb) / .45);background:radial-gradient(120% 140% at 100% 0%, rgb(var(--lamp-rgb) / .12), transparent 55%), rgb(var(--shelf-rgb) / .85)}.board-row[data-first=true] .board-rank,.board-row[data-first=true] .board-score b{color:var(--lamp);opacity:1}.board-row[data-hidden=true]{opacity:.66}.board-row[data-hidden=true] .board-avatar{filter:grayscale()}.board-skeleton{height:78px;animation:1.6s ease-in-out infinite pulse;animation-delay:calc(var(--i) * .12s)}@keyframes pulse{50%{opacity:.5}}.hltb{border:1px solid var(--line);background:var(--night);border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.hltb-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hltb-title{margin:0;font-size:.9375rem;font-weight:600}.hltb-link{color:var(--dust);align-items:center;gap:4px;font-size:.8125rem;text-decoration:none;display:inline-flex}.hltb-link svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.hltb-link:hover{color:var(--lamp)}.hltb-times{flex-wrap:wrap;gap:6px 24px;margin:0;display:flex}.hltb-times dt{color:var(--dust);font-size:.75rem}.hltb-times dd{font-family:var(--display);font-variant-numeric:tabular-nums;margin:0;font-size:1.012rem;font-weight:700}.hltb-track{background:var(--shelf-2);border-radius:4px;height:8px;margin:4px 0 2px;position:relative}.hltb-fill{background:var(--status,var(--lamp));transform-origin:0;border-radius:4px;position:absolute;inset:0}.hltb-mark{background:var(--paper);opacity:.55;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.hltb-progress,.hltb-note{color:var(--dust);font-variant-numeric:tabular-nums;font-size:.8125rem}.friends{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:20px;display:flex}.friends-title{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;font-size:.9375rem;font-weight:600;display:flex}.friends-count{color:var(--dust);font-size:.8125rem;font-weight:400}.friends-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.friend{background:var(--night);border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:grid;position:relative;overflow:hidden}.friend:has([data-perfect=true]){background:linear-gradient(90deg, rgb(var(--lamp-rgb) / .12), var(--night) 65%);box-shadow:inset 0 0 0 1px rgb(var(--lamp-rgb) / .28)}.friend .avatar{border-radius:10px;width:34px;height:34px;font-size:.875rem}.friend-text{flex-direction:column;min-width:0;display:flex}.friend-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.friend-detail{color:var(--dust);font-variant-numeric:tabular-nums;font-size:.8125rem}.friend-status{white-space:nowrap;align-items:center;gap:7px;font-size:.8125rem;display:inline-flex}.friend-status[data-perfect=true]{color:var(--lamp);font-family:var(--display);font-size:.844rem;font-weight:700}.friend-status svg{width:15px;height:15px;fill:var(--lamp)}.friend-bar{height:2px;position:absolute;bottom:0;left:0;right:0}.friend-bar span{background:var(--status);opacity:.85;transform-origin:0;height:100%;display:block}.friend-skeleton{animation:1.6s ease-in-out infinite pulse;animation-delay:calc(var(--i) * .12s);grid-template-columns:34px 1fr}.friend-lines{flex-direction:column;gap:7px;display:flex}.friend-lines span{background:var(--shelf-2);border-radius:4px;width:55%;height:9px}.friend-lines span+span{width:35%}.friends-missing,.friends-more,.friends-none,.friends-error{color:var(--dust);align-items:center;gap:10px;font-size:.8125rem;display:flex}.friends-faces{flex:none;display:flex}.friends-faces .avatar{width:22px;height:22px;box-shadow:0 0 0 2px var(--shelf);border-radius:7px;font-size:.625rem}.friends-faces .avatar+.avatar{margin-left:-7px}.panel-stub{color:var(--dust);margin-top:40px}@media (width>=1180px){.profile{--pad-r:calc(var(--gutter) + 72px)}}@media (width<=1179px){.rail{margin-top:20px;position:static;transform:none}.rail-list{scrollbar-width:none;border-radius:18px;flex-direction:row;width:fit-content;max-width:100%;overflow-x:auto}.rail-name{display:none}}@media (width<=1100px){.strip{grid-template-columns:auto minmax(0,1fr)}.strip-replay{grid-column:1/-1;justify-self:start}}@media (width<=640px){.hero{min-height:420px}.hero-inner{padding:calc(var(--topbar) + 24px) var(--gutter) 116px}.strip{grid-template-columns:minmax(0,1fr);padding:18px}.strip-stats{gap:12px 24px}.strip-stats dd{font-size:1.25rem}.pform-row{flex-direction:column}.pform-row .pform-input{flex:none}.pform-compact .pform-row{flex-direction:row}.grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:22px 12px}.modal{grid-template-columns:1fr;gap:20px;padding:20px}.modal-cover{width:150px}.facts{grid-template-columns:1fr}.sort{flex:auto}.sort select{width:100%}}@media (width<=900px){.board-list{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.board-row{gap:12px;padding:12px 14px 12px 12px}.board-covers{display:none}.board-rank{font-size:1rem}}@media (width<=1100px){.tiles[data-size=four]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.tiles[data-size=two]{grid-template-columns:minmax(0,1fr)}.tile[data-size=one]{grid-template-columns:180px minmax(0,1fr)}.tile[data-size=one] .tile-body{grid-template-columns:minmax(0,1fr)}.tile[data-size=one] .tile-stats{grid-area:auto/1}}@media (width<=640px){.tiles{gap:12px}.tile[data-size=four] .tile-stats{grid-template-columns:minmax(0,1fr);gap:4px}.tile[data-size=four] .tile-stat{flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px}.tile[data-size=four] .tile-bar{display:none}.tile[data-size=four] .tile-stat-value{font-size:.875rem}.tile[data-size=two] .tile-media{width:104px;min-height:156px}.tile[data-size=two] .tile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tile[data-size=one]{grid-template-columns:minmax(0,1fr)}.tile[data-size=one] .tile-media{aspect-ratio:460/215;min-height:0}}@media (prefers-reduced-motion:reduce){.card,.tile{animation:none}.card .cover,.card-dust,.card-ach span{transition:none}.loading-shelf span,.pin-cell[data-active=true]:after{animation:none}}@media (hover:none){.toolbar,.topnav,.rail-list,.recent-item,.pform-input,.board-row,.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.toolbar{background:rgb(var(--night-rgb) / .97)}.topnav,.rail-list{background:rgb(var(--shelf-rgb) / .96)}.modal-backdrop{background:rgb(var(--night-rgb) / .88)}}@media (prefers-reduced-motion:reduce){.bats{display:none}}.give{max-width:1440px;padding:28px var(--gutter) 80px;margin:0 auto}.give-head{max-width:64ch}.give-title{font-family:var(--spooky);color:var(--lamp);margin:0;font-size:clamp(2.1rem,4.8vw,3.3rem);font-weight:400;line-height:1.05}.give-lede{color:var(--dust);text-wrap:pretty;margin-top:12px;font-size:1rem}.give-note{color:var(--dust);margin-top:10px;font-size:.875rem}.give-checked,.give-section{margin-top:40px}.give-section-title{font-family:var(--display);margin:0;font-size:1.3rem;font-weight:700;font-stretch:80%}.give-section-title span{color:var(--dust);font-family:var(--body);margin-left:8px;font-size:.875rem;font-weight:500}.give-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;margin-top:18px;display:grid}.give-card{background:var(--shelf);box-shadow:inset 0 0 0 1px var(--line), 0 24px 50px -30px rgb(var(--shadow) / .9);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.give-skeleton{height:360px;animation:1.6s ease-in-out infinite give-skel}.give-media{aspect-ratio:460/215;background:var(--shelf-2);display:block;position:relative;overflow:hidden}.give-art{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out);display:block}.give-art-empty{font-family:var(--display);text-align:center;place-items:center;padding:16px;font-weight:700;display:grid}@media (hover:hover){.give-card:hover .give-art{transform:scale(1.04)}}.give-free{background:var(--st-done);color:var(--night);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 6px 18px -6px #6fd69acc}.give-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.give-kind{color:var(--lamp);font-size:.75rem;font-weight:600}.give-name{font-family:var(--display);margin:0;font-size:1.15rem;font-weight:700;font-stretch:82%;line-height:1.15}.give-price{color:var(--st-done);flex-wrap:wrap;align-items:baseline;gap:10px;font-size:.9375rem;font-weight:600;display:flex}.give-price s{color:var(--dust);font-weight:400}.give-until{color:var(--dust);font-size:.8125rem}.give-actions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px;display:flex}.give-actions .btn{height:42px;padding:0 16px;font-size:.875rem}.give-empty{border:1px dashed var(--line);border-radius:20px;margin-top:32px;padding:28px}.give-empty-title{font-family:var(--display);font-size:1.15rem;font-weight:700;font-stretch:82%}.topnav .topnav-badge{background:var(--lamp);min-width:17px;height:17px;color:var(--lamp-ink);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:999px;place-items:center;padding:0 4px;font-size:.6875rem;font-weight:800;line-height:1;display:grid}.give-notice{z-index:40;top:62px;right:var(--gutter);border:1px solid rgb(var(--lamp-rgb) / .35);background:radial-gradient(120% 140% at 0% 0%, rgb(var(--lamp-rgb) / .16), transparent 60%), var(--shelf);width:max-content;max-width:min(380px,100vw - 32px);box-shadow:0 18px 40px -18px rgb(var(--shadow) / .95), 0 0 26px -10px rgb(var(--lamp-rgb) / .45);transform-origin:calc(var(--arrow-x,85%)) 0;border-radius:16px;align-items:center;gap:10px;padding:10px 8px 10px 14px;display:flex;position:absolute}.give-notice[data-placed=false]{visibility:hidden}.give-notice-arrow{top:-7px;left:calc(var(--arrow-x,85%) - 7px);border-top:1px solid rgb(var(--lamp-rgb) / .35);border-left:1px solid rgb(var(--lamp-rgb) / .35);background:var(--shelf);border-radius:3px 0 0;width:14px;height:14px;position:absolute;transform:rotate(45deg)}.give-notice-text{flex-direction:column;min-width:0;font-size:.8125rem;line-height:1.35;display:flex}.give-notice-kicker{color:var(--lamp);font-size:.75rem;font-weight:700}.give-notice-what{color:var(--paper);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.give-notice-until{color:var(--dust);font-size:.75rem}.give-notice-link{background:var(--lamp);color:var(--lamp-ink);transition:filter .2s, transform .15s var(--ease-out);border-radius:999px;flex:none;padding:7px 13px;font-size:.8125rem;font-weight:700;text-decoration:none}.give-notice-link:hover{filter:brightness(1.08)}.give-notice-link:active{transform:scale(.96)}.give-notice-close{width:30px;height:30px;color:var(--dust);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;transition:color .2s,background-color .2s;display:grid}.give-notice-close:hover{background:var(--shelf-2);color:var(--paper)}.give-notice-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:13px;height:13px}@media (width<=420px){.topbar .topnav{gap:0}.topbar .topnav-item{padding:0 12px}}@media (prefers-reduced-motion:reduce){.give-skeleton{animation:none}}@keyframes give-skel{50%{opacity:.5}}.intro{z-index:100;background:radial-gradient(60% 50% at 50% 40%, rgb(var(--lamp-rgb) / .07), transparent 70%), radial-gradient(120% 95% at 50% 38%, #1d1324 0%, #120c17 52%, #07050a 100%);color:var(--paper);position:fixed;inset:0;overflow:hidden}.intro-moon{background:radial-gradient(closest-side, rgb(var(--moon-rgb) / .15), rgb(var(--moon-rgb) / .05) 45%, transparent);pointer-events:none;border-radius:50%;width:64vmin;height:64vmin;position:absolute;top:-22vmin;right:-14vmin}.intro-fog{background:radial-gradient(40% 60% at 25% 80%, rgb(var(--paper-rgb) / .05), transparent 70%), radial-gradient(45% 55% at 70% 85%, rgb(var(--paper-rgb) / .045), transparent 70%), linear-gradient(to top, rgb(var(--shelf-rgb) / .6), transparent);pointer-events:none;height:42vh;animation:26s ease-in-out infinite alternate intro-fog;position:absolute;bottom:-6vh;left:-20%;right:-20%}@keyframes intro-fog{to{transform:translate(8%)}}.intro-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.intro-layer{transform-origin:50% 40%;pointer-events:none;position:absolute;inset:0}.intro-block{text-align:center;flex-direction:column;align-items:center;width:min(92vw,760px);display:flex;position:absolute;left:50%}.intro-gather,.intro-plain{top:50%;translate:-50% -50%}.intro-who{top:calc(var(--mosaic-bottom,64vh) + 22px);translate:-50%}.intro-block:before{content:"";z-index:-1;background:radial-gradient(closest-side, rgb(var(--night-rgb) / .8), rgb(var(--night-rgb) / .45) 55%, transparent);position:absolute;inset:-22% -14%}.intro-eyebrow{color:var(--lamp);letter-spacing:.2em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.intro-title{max-width:13ch;font-family:var(--spooky);text-wrap:balance;background:linear-gradient(100deg, var(--paper) 35%, rgb(var(--moon-rgb)) 46%, var(--lamp) 50%, rgb(var(--moon-rgb)) 54%, var(--paper) 65%);color:#0000;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;margin-top:16px;font-size:clamp(2.1rem,5.6vw,4.1rem);font-weight:400;line-height:1.06;animation:3.4s linear infinite intro-shimmer}@keyframes intro-shimmer{0%{background-position:110% 0}to{background-position:-160% 0}}.intro-input{max-width:min(84vw,46ch);color:var(--dust);text-overflow:ellipsis;white-space:nowrap;margin-top:18px;font-size:.9375rem;overflow:hidden}.intro-name{max-width:100%;font-family:var(--display);letter-spacing:-.01em;overflow-wrap:anywhere;text-shadow:0 4px 30px rgb(var(--shadow) / .8);font-size:clamp(1.6rem,3.6vw,2.75rem);font-weight:700;font-stretch:78%;line-height:1}.intro-counts{color:var(--dust);font-variant-numeric:tabular-nums;margin-top:10px;font-size:1.0625rem}.intro-counts strong{color:var(--paper);font-weight:600}.intro-hint,.intro-scan{letter-spacing:.2em;text-transform:uppercase;min-height:1.6em;margin-top:14px;font-size:.8125rem;font-weight:600}.intro-hint{color:var(--dust);animation:1.8s ease-in-out infinite intro-breathe}.intro-scan{color:var(--lamp);align-items:center;gap:12px;display:flex}.intro-pulse{background:var(--lamp);width:8px;height:8px;box-shadow:0 0 12px var(--lamp);border-radius:50%;animation:1s ease-in-out infinite intro-breathe}.intro-percent{min-width:3.6ch;color:var(--paper);font-family:var(--display);letter-spacing:0;font-variant-numeric:tabular-nums;text-align:left;font-size:1.15rem}.intro-percent small{font-family:var(--body);margin-left:1px;font-size:.875rem;font-weight:600}@keyframes intro-breathe{50%{opacity:.35}}.intro-final{position:absolute;inset:0}.intro-wall-who{top:calc(var(--wall-top,30vh) - 54px);max-width:90vw;font-family:var(--display);white-space:nowrap;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;font-stretch:80%;display:flex;position:absolute;left:50%;translate:-50%}.intro-wall-who .avatar{width:36px;height:36px;box-shadow:0 0 0 2px rgb(var(--lamp-rgb) / .55);border-radius:11px;flex:none;font-size:1rem}.intro-final .intro-verdict{top:calc(var(--wall-bottom,44vh) + 22px);width:min(92vw,760px);position:absolute;left:50%;translate:-50%}.intro-verdict{text-align:center;flex-direction:column;align-items:center;display:flex}.intro-plain .intro-verdict{margin-top:18px}.intro-verdict-num{color:var(--lamp);font-family:var(--spooky);font-variant-numeric:tabular-nums;text-shadow:0 0 40px rgb(var(--lamp-rgb) / .5), 0 0 120px rgb(var(--lamp-rgb) / .28);margin-top:2px;font-size:clamp(3.6rem,10vw,6.6rem);font-weight:400;line-height:1.05}.intro-verdict-of{font-family:var(--display);margin-top:4px;font-size:clamp(1.125rem,2.08vw,1.365rem);font-weight:600;font-stretch:82%}.intro-verdict-sub{color:var(--dust);font-variant-numeric:tabular-nums;margin-top:8px;font-size:.9375rem}.intro-avatar{place-items:center;width:132px;height:132px;margin-bottom:18px;display:grid;position:relative}.intro-avatar .avatar{width:100px;height:100px;box-shadow:0 0 0 4px rgb(var(--night-rgb)), 0 0 70px rgb(var(--lamp-rgb) / .35);border-radius:50%;font-size:2.5rem}.intro-ring{position:absolute;inset:0;rotate:-90deg}.intro-ring circle{fill:none;stroke-width:2.5px}.intro-ring-track{stroke:rgb(var(--lamp-rgb) / .16)}.intro-ring-bar{stroke:var(--lamp);stroke-linecap:round;transition:stroke-dashoffset .7s var(--ease-out)}.intro-tally{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px;width:min(96vw,1200px);margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:clamp(18px,5vh,48px);left:50%;translate:-50%}.intro-chip{border:1px solid rgb(var(--line-rgb) / .9);background:rgb(var(--shelf-rgb) / .82);white-space:nowrap;height:36px;box-shadow:inset 0 1px 0 rgb(var(--paper-rgb) / .04);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.875rem;display:inline-flex}.intro-chip .dot{box-shadow:0 0 10px var(--status)}.intro-chip b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:700}.intro-skip{border:1px solid var(--line);background:rgb(var(--shelf-rgb) / .75);height:40px;color:var(--dust);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:0 8px 0 16px;font-size:.875rem;transition:color .2s,border-color .2s;display:inline-flex;position:absolute;top:16px;right:16px}.intro-skip:hover{border-color:var(--dust);color:var(--paper)}.intro-skip kbd{background:var(--shelf-2);font:inherit;border-radius:6px;padding:2px 7px;font-size:.75rem}@media (width<=640px){.intro-avatar{width:112px;height:112px}.intro-avatar .avatar{width:84px;height:84px;font-size:2rem}.intro-counts{font-size:.9375rem}.intro-hint,.intro-scan{letter-spacing:.14em;margin-top:10px}.intro-chip{gap:6px;height:30px;padding:0 10px;font-size:.75rem}.intro-wall-who{font-size:1.05rem}.intro-skip kbd{display:none}}@media (prefers-reduced-motion:reduce){.intro-title,.intro-hint,.intro-pulse,.intro-fog{animation:none}.intro-title{color:var(--paper);background:0 0}}