:root{--ease:cubic-bezier(.3, 0, 0, 1);--dur:.16s;--bg:#0a1413;--surface:#13201f;--ink:#e0f3f1;--muted:#8f9e9d;--line:#2c3b3a;--accent:#e47a54;--accent2:#003b40;--on-accent:#071414;--accent-text:#e47a54;--inverse:#d6f2f0;--on-inverse:#071414;--f-display:"JetBrains Mono", ui-monospace, Menlo, monospace;--f-body:"DM Sans", "Helvetica Neue", Arial, sans-serif;--f-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--w-display:700;--radius:0px;--bw:2px;--shadow:0 10px 30px -10px color-mix(in oklab, var(--ink) 35%, transparent);--track:.025em;--fs-s:calc(17px * .85);--fs-m:17px;--fs-l:clamp(15px, 11.9px + .79cqw, 22px);--fs-3:clamp(15px, 9.3px + 1.46cqw, 28px);--fs-2:clamp(19.1px, 10.7px + 2.15cqw, 38.2px);--fs-1:clamp(25px, 14.1px + 2.81cqw, 50.1px);--fs-xxl:clamp(43px, 24.1px + 4.83cqw, 85.9px);--space:calc(17.6px + .6cqw);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#eaf8f7;--surface:#fff;--ink:#001413;--muted:#596b6a;--line:#b9cbc9;--accent:#a53700;--accent2:#bef8ff;--on-accent:#eefaf8;--accent-text:#a53700;--inverse:#001b1a;--on-inverse:#eefaf8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font:400 var(--fs-m)/1.55 var(--f-body);margin:0}#root{min-height:100vh;container-type:inline-size}body:after{content:"";z-index:100;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{font-family:var(--f-display);font-weight:var(--w-display);text-transform:uppercase;letter-spacing:var(--track);margin:0 0 .5em;line-height:1.04}h1{font-size:var(--fs-1)}h1.display{font-size:var(--fs-xxl)}h2{font-size:var(--fs-2)}h3{font-size:var(--fs-3)}p{margin:0 0 1em}a{color:var(--accent-text);text-underline-offset:3px}small{font-size:var(--fs-s);color:var(--muted)}code{font-family:var(--f-mono);background:var(--surface);border:1px solid var(--line);padding:.1em .35em}.lead{font-size:var(--fs-l);max-width:40ch}.muted{color:var(--muted)}.mono,.tag,.label{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-s)}.label{color:var(--muted);margin:0 0 .75em;font-weight:400}.tag{background:var(--accent2);color:var(--ink);margin:0 0 1em;padding:.2em .6em;display:inline-block}main{padding:calc(var(--space) * 2) var(--space) calc(var(--space) * 3);max-width:70rem;margin:0 auto}main>h1:not(:first-child){border-top:var(--bw) solid var(--ink);margin-top:2.5em;padding-top:1em}.topbar{z-index:50;align-items:center;gap:var(--space);padding:calc(.8em + env(safe-area-inset-top)) max(var(--space), env(safe-area-inset-right)) .8em max(var(--space), env(safe-area-inset-left));border-bottom:var(--bw) solid var(--line);background:color-mix(in oklab, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(12px);display:flex;position:sticky;top:0}.topbar .spacer{flex:1}.topbar a{color:var(--ink);transition:background-size var(--dur) var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;text-decoration:none}.topbar a:hover,.topbar a:focus-visible{background-size:100% 1.5px}.brand{font-family:var(--f-display);font-weight:var(--w-display);letter-spacing:var(--track);font-size:var(--fs-l);align-items:center;gap:.5em;display:inline-flex}.brand .brand-mark{color:var(--accent);flex:none}.brand b{color:var(--accent-text);font-weight:inherit}.nav-links{align-items:center;gap:var(--space);display:flex}.topbar .burger{border:0;flex-direction:column;gap:4px;margin:0;padding:.55em .5em;display:none}.burger span{background:var(--ink);width:1.4em;height:2px;transition:transform var(--dur) var(--ease), opacity var(--dur) var(--ease);display:block}.topbar.open .burger span:first-child{transform:translateY(6px)rotate(45deg)}.topbar.open .burger span:nth-child(2){opacity:0}.topbar.open .burger span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@media (width<=640px){.topbar{flex-wrap:wrap}.topbar .burger{display:flex}.nav-links{flex-direction:column;flex-basis:100%;align-items:stretch;gap:.9em;padding:.6em 0 .4em;display:none}.topbar.open .nav-links{display:flex}.nav-links a:not(.btn){padding:.3em 0}}button,.btn{font:600 var(--fs-m)/1 var(--f-body);color:var(--ink);cursor:pointer;border:var(--bw) solid var(--ink);transition:box-shadow var(--dur) var(--ease);background:0 0;border-radius:0;margin:0 .4em .4em 0;padding:.7em 1.1em;text-decoration:none;display:inline-block}.btn.s{font-size:var(--fs-s);padding:.45em .8em}.btn.solid{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn.off{color:var(--muted);border-color:var(--line);cursor:default}button:hover,.btn:not(.off):hover,button:focus-visible,.btn:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent), 0 0 24px 2px color-mix(in oklab, var(--accent) 45%, transparent);outline:none}.card{border:var(--bw) solid var(--ink);background:var(--surface);box-shadow:var(--shadow);padding:var(--space);margin:0 0 var(--space);transition:box-shadow var(--dur) var(--ease)}.card:hover{box-shadow:0 0 0 2px var(--accent), 0 0 28px color-mix(in oklab, var(--accent) 35%, transparent)}.card h3{margin-top:0}.row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.3em .8em;padding:.9em 0;display:flex}.row .btn,.row button{margin:0}.row>:first-child{margin-right:auto}.stat{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em;border-top:var(--bw) solid var(--ink);border-bottom:1px solid var(--line);padding:.8em 0}input[type=text],input[type=password],input:not([type]){font:inherit;color:var(--ink);background:var(--bg);border:var(--bw) solid var(--ink);border-radius:0;min-width:14rem;margin:0 .4em .4em 0;padding:.6em .8em}input:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);outline:none}select{appearance:none;cursor:pointer;font:600 var(--fs-s)/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background-color:var(--bg);border:var(--bw) solid var(--ink);transition:box-shadow var(--dur) var(--ease);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 1.15em) 55%,calc(100% - .8em) 55%;background-repeat:no-repeat;background-size:.35em .35em;border-radius:0;margin:0;padding:.55em 2.4em .55em .8em}select:hover,select:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent), 0 0 24px 2px color-mix(in oklab, var(--accent) 45%, transparent);outline:none}select option{background:var(--bg);color:var(--ink);text-transform:none;font-family:var(--f-body)}input[type=checkbox]{accent-color:var(--accent)}label{cursor:pointer;margin:.4em 0}.hero{padding-top:calc(var(--space) * 4)}.signins{flex-wrap:wrap;gap:.4em;margin:2em 0;padding:0;list-style:none;display:flex}.signins li{display:contents}.games{gap:var(--space);margin:var(--space) 0 0;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));padding:0;list-style:none;display:grid}.tile{background:var(--surface);border:var(--bw) solid var(--ink);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;display:flex}.tile:hover{box-shadow:6px 6px 0 var(--accent);transform:translate(-3px,-3px)}.tile .art{aspect-ratio:var(--game-art-ratio,460 / 215);background:var(--accent2);position:relative;overflow:hidden}.tile .art img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease);display:block;position:absolute;inset:0}.tile:hover .art img{transform:scale(1.05)}.tile .art img.broken{visibility:hidden}.art-fallback{font:var(--w-display) var(--fs-1)/1 var(--f-display);color:var(--ink);opacity:.55;place-items:center;display:grid;position:absolute;inset:0}.tile .badge{color:#fff;filter:drop-shadow(0 1px 2px #000000d9)drop-shadow(0 0 5px #00000080);gap:.3em;line-height:0;display:flex;position:absolute;top:.5em;left:.5em}.tile .meta{background:linear-gradient(to top, color-mix(in oklab, var(--bg) 88%, transparent), color-mix(in oklab, var(--bg) 55%, transparent) 60%, transparent);gap:.1em;min-width:0;padding:1.6em .6em .5em;display:grid;position:absolute;inset:auto 0 0}.tile .title{color:var(--ink);text-shadow:0 1px 2px color-mix(in oklab, var(--bg) 90%, transparent), 0 0 6px color-mix(in oklab, var(--bg) 70%, transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.tile small{color:var(--ink);opacity:.8;text-shadow:0 1px 2px color-mix(in oklab, var(--bg) 90%, transparent), 0 0 6px color-mix(in oklab, var(--bg) 70%, transparent);text-transform:uppercase;letter-spacing:.06em;font-size:.62rem}@container (width<=900px){.games{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}}@keyframes settle{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:none}}main>*{animation:settle .4s var(--ease) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.filters{margin:var(--space) 0 0;flex-wrap:wrap;gap:.5em;display:flex}.filters button{font-size:var(--fs-s,.85rem);padding:.4em .8em}.filters button.on{background:var(--ink);color:var(--bg)}.filters .sort{align-items:center;gap:.6em;margin:0 0 0 auto;display:flex}.filters .sort .label{font-family:var(--f-mono);font-size:var(--fs-s);text-transform:uppercase;letter-spacing:.08em;margin:0}.pi{vertical-align:-.2em;flex:none;display:inline-block}.accounts{align-items:center;gap:.9em;display:flex}.acct-link{color:inherit;transition:color var(--dur) var(--ease), transform var(--dur) var(--ease);display:inline-flex}.acct-link:hover,.acct-link:focus-visible{color:var(--accent-text);outline:none;transform:translateY(-2px)}.filters button{align-items:center;gap:.5em;display:inline-flex}.now{margin:0 0 var(--space)}.now-head{justify-content:space-between;align-items:baseline;gap:1em;margin:0 0 .6em;display:flex}.now-head .label{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;font-size:var(--fs-s);color:var(--ink);align-items:center;gap:.55em;margin:0;display:flex}.now-head small{color:var(--muted)}@keyframes ping{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--accent) 60%, transparent)}to{box-shadow:0 0 0 .6em #0000}}.live-dot{background:var(--accent);border-radius:50%;width:.6em;height:.6em;animation:1.6s ease-out infinite ping}.now-items{gap:var(--space);grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));display:grid}.now-item{color:var(--ink);background:var(--surface);border:var(--bw) solid var(--ink);border-left:.35em solid var(--accent);min-width:0;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);align-items:center;gap:.9em;padding:.7em;text-decoration:none;display:flex}a.now-item:hover{box-shadow:6px 6px 0 var(--accent);transform:translate(-3px,-3px)}.now-art{background:var(--accent2);border:1px solid var(--line);flex:none;place-items:center;height:4.6rem;display:grid;position:relative;overflow:hidden}.now-art.sq{aspect-ratio:1}.now-art.wide{aspect-ratio:460/215}.now-art>svg{opacity:.5}.now-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.now-art img.broken{visibility:hidden}.now-text{gap:.15em;min-width:0;display:grid}.eyebrow{font:600 .66rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);align-items:center;gap:.45em;display:flex}.now-title{font-size:var(--fs-m);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.now-detail{color:var(--muted);font-size:var(--fs-s);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.now-idle{margin:0}.now-issues{color:var(--muted);font:var(--fs-s) var(--f-mono);flex-wrap:wrap;gap:.4em 1em;margin:.8em 0 0;padding:0;list-style:none;display:flex}.now-issues li{align-items:center;gap:.4em;display:inline-flex}.profile-top{gap:calc(var(--space) * 1.5);grid-template-columns:minmax(0,18rem) minmax(0,1fr);align-items:start;display:grid}.bio-col h1{overflow-wrap:anywhere;margin:.5em 0 .2em;font-size:clamp(1.4rem,1.1rem + 1.4vw,2.1rem)}.bio-col .tag{margin-bottom:.8em}.bio-col .bio{overflow-wrap:anywhere;margin:0 0 1em}.avatar{aspect-ratio:1;background:var(--accent2);border:var(--bw) solid var(--ink);width:9rem;font:var(--w-display) var(--fs-1)/1 var(--f-display);place-items:center;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.avatar img.broken{visibility:hidden}.links{gap:.4em;margin:1em 0 0;padding:0;list-style:none;display:grid}.links a{color:var(--accent-text);border-bottom:1px solid;text-decoration:none}.links a:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}@media (width<=760px){.profile-top{grid-template-columns:1fr}}.tabs{border-bottom:var(--bw) solid var(--ink);margin:0 0 var(--space);flex-wrap:wrap;gap:0;display:flex}.tabs button{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-s);background:0 0;border-color:#0000;margin:0 0 -2px}.tabs button.on{border-color:var(--ink);border-bottom-color:var(--bg);background:var(--bg);color:var(--accent-text)}.panel{border:var(--bw) solid var(--ink);background:var(--surface);padding:var(--space);margin:0 0 var(--space)}.panel h2{margin-top:0}.panel label{cursor:default;gap:.3em;margin:0 0 1em;font-weight:600;display:grid}.panel label small{color:var(--muted);font-weight:400}textarea{font:inherit;color:var(--ink);background:var(--bg);border:var(--bw) solid var(--ink);resize:vertical;border-radius:0;width:100%;padding:.6em .8em}textarea:focus-visible,input:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);outline:none}.panel input[type=text],.panel input:not([type]),.panel input[type=password]{width:100%;min-width:0;margin:0}.profile-edit{gap:var(--space);flex-wrap:wrap;align-items:flex-start;display:flex}.profile-edit .fields{flex:18rem;min-width:0}.avatar.sm{width:6rem;font-size:var(--fs-2)}.link-row{grid-template-columns:1fr 2fr auto;gap:.5em;margin:0 0 .5em;display:grid}.link-row input{min-width:0;margin:0}.order{margin:0;padding:0;list-style:none}.order li{border-bottom:1px solid var(--line);align-items:center;gap:.6em;padding:.5em 0;display:flex}.order .grow{flex:1}.order .btn{margin:0}button:disabled,.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.acct-grid{gap:var(--space);margin:0 0 var(--space);grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));display:grid}.acct{padding:var(--space);background:var(--surface);border:var(--bw) solid var(--line);border-left-width:.35em;flex-direction:column;gap:.8em;display:flex}.acct.linked{border-color:var(--ink);border-left-color:var(--accent)}.acct header{align-items:center;gap:.8em;display:flex}.acct-icon{background:var(--bg);border:1px solid var(--line);flex:none;place-items:center;width:2.6rem;height:2.6rem;display:grid}.acct.unlinked .acct-icon{color:var(--muted)}.acct-id{flex:1;min-width:0;display:grid}.acct-id small{overflow-wrap:anywhere}.chip{border:1px solid var(--line);font:.62rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-left:.6em;padding:.1em .5em}.state{font:600 .62rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);white-space:nowrap;padding:.35em .6em}.state.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.acct-actions{flex-wrap:wrap;align-items:center;gap:.4em;display:flex}.acct-actions .btn,.acct-actions button{margin:0}.acct-actions .opt{flex-basis:100%;margin:0;font-weight:400}.acct .manual{flex-basis:100%;gap:.6em;display:grid}.acct .manual input{width:100%;min-width:0;margin:0}.problem{color:var(--accent-text)}.btn.danger{border-color:var(--accent);color:var(--accent-text)}.danger-zone{border-color:var(--accent)}.danger-zone .btn.danger:not(:disabled){background:var(--accent);color:var(--on-accent)}@media (width<=640px){.link-row{grid-template-columns:1fr}}.glow{isolation:isolate;margin-top:calc(var(--space) * -2);padding:calc(var(--space) * 2) 0 calc(var(--space) * 1.5);margin-bottom:var(--space);position:relative}.glow-bg{z-index:-1;pointer-events:none;position:absolute;inset:0 calc(50% - 50vw);overflow:hidden}.glow-bg i,.glow-preview i{will-change:transform;background:radial-gradient(closest-side, color-mix(in oklab, var(--c) var(--a), transparent), transparent);width:70%;height:190%;position:absolute;top:-45%}.glow-bg i:first-child,.glow-preview i:first-child{--c:var(--g1);--a:26%;animation:40s ease-in-out infinite alternate drift1;left:12%}.glow-bg i:nth-child(2),.glow-preview i:nth-child(2){--c:var(--g2);--a:15%;width:60%;animation:52s ease-in-out infinite alternate drift2;left:55%}.glow-bg i:nth-child(3),.glow-preview i:nth-child(3){--c:var(--g3);--a:9%;width:60%;animation:60s ease-in-out infinite alternate drift3;left:-25%}@keyframes drift1{to{transform:translate(12%)scale(1.06)}}@keyframes drift2{to{transform:translate(-14%)scale(1.04)}}@keyframes drift3{to{transform:translate(18%)}}.glow-edit{border:1px solid var(--line);margin:0 0 1em;padding:.8em 1em 1em}.glow-edit legend{font:.7rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:0 .5em}.glow-preview{background:var(--bg);border:1px solid var(--line);height:5rem;margin:0 0 .8em;position:relative;overflow:hidden}.swatches{flex-wrap:wrap;gap:1em;display:flex}.swatch{align-items:center;gap:.6em;font-weight:400!important;display:flex!important}.swatch input[type=color]{border:var(--bw) solid var(--ink);background:var(--bg);cursor:pointer;width:3rem;height:2rem;margin:0;padding:0}.panel label.inline{align-items:center;gap:.5em;font-weight:400;display:flex}body{overflow-x:clip}.more{min-height:3rem;margin:var(--space) 0;text-align:center;color:var(--muted);font:var(--fs-s) var(--f-mono);text-transform:uppercase;letter-spacing:.08em}.avatar-edit{justify-items:start;gap:.6em;display:grid}.avatar-edit .btn{margin:0}.btn.file{cursor:pointer;position:relative}.btn.file input{opacity:0;cursor:pointer;width:100%;font-size:0;position:absolute;inset:0}.btn.file:focus-within{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.tabs button small{color:var(--muted);margin-left:.4em}.tabs button.on small{color:inherit}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.clips-grid{gap:var(--space);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));display:grid}.clip-card{background:var(--surface);border:var(--bw) solid var(--ink);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;display:flex}.clip-card:hover{box-shadow:6px 6px 0 var(--accent);transform:translate(-3px,-3px)}.clip-thumb{aspect-ratio:16/9;background:var(--accent2);border-bottom:var(--bw) solid var(--ink);display:block;position:relative;overflow:hidden}.clip-thumb video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.play-glyph{color:#fff;text-shadow:0 1px 6px #000c;transition:opacity var(--dur);place-items:center;font-size:1.6rem;display:grid;position:absolute;inset:0}.clip-thumb:hover .play-glyph{opacity:0}.dur{font:600 .65rem var(--f-mono);color:#fff;background:#000000a6;padding:.1em .4em;position:absolute;bottom:.4em;right:.4em}.clip-meta{gap:.15em;min-width:0;padding:.6em .8em 0;display:grid}.clip-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;text-decoration:none;display:-webkit-box;overflow:hidden}.clip-actions{align-items:center;gap:.3em;margin-top:auto;padding:.4em .5em .6em;display:flex}.act{color:var(--muted);font:600 var(--fs-s)/1 var(--f-mono);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.4em;margin:0;padding:.35em .6em;text-decoration:none;display:inline-flex}.act:hover,.act:focus-visible{color:var(--ink);border-color:var(--line);box-shadow:none;outline:none}.act.on{color:var(--accent-text)}.clip-actions.big .act{border-color:var(--line);padding:.6em .9em}.clip-page .crumb{margin:0 0 .8em}.clip-head{gap:var(--space);margin:var(--space) 0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex}.clip-head h1{font-size:var(--fs-2);margin:0 0 .2em}.comments .comment-foot{margin:.5em 0 var(--space);align-items:center;gap:.8em;display:flex}.comment-list{margin:0;padding:0;list-style:none}.comment-list li{border-bottom:1px solid var(--line);padding:.8em 0}.comment-list p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.3em 0 0}.comment-top{align-items:center;gap:.6em;display:flex}.comment-top .grow{flex:1}.comment-top .btn{margin:0}.player{border:var(--bw) solid var(--ink);aspect-ratio:16/9;background:#000;width:100%;max-height:75vh;display:grid;position:relative}.player:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);outline:none}.player video{object-fit:contain;cursor:pointer;background:#000;width:100%;height:100%}.player.failed{color:var(--muted);background:var(--surface);place-items:center}.big-play{background:color-mix(in oklab, var(--bg) 70%, transparent);width:4.5rem;height:4.5rem;color:var(--ink);border:var(--bw) solid var(--ink);border-radius:50%;place-items:center;margin:auto;padding:0;font-size:1.4rem;display:grid;position:absolute;inset:0}.controls{color:#fff;opacity:0;transition:opacity var(--dur);background:linear-gradient(#0000,#000c);align-items:center;gap:.6em;padding:.5em .7em;display:flex;position:absolute;bottom:0;left:0;right:0}.player:hover .controls,.player:focus-within .controls,.player:not(.is-playing) .controls{opacity:1}.controls button{color:#fff;background:0 0;border:0;margin:0;padding:.3em .5em;font-size:1rem}.controls button:hover,.controls button:focus-visible{box-shadow:none;color:var(--accent)}.controls .time{white-space:nowrap;font-size:.75rem}.controls input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:.9rem;margin:0;padding:0}.controls input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p,0%), #ffffff4d var(--p,0%));height:4px}.controls input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:0;width:.8rem;height:.8rem;margin-top:-.2rem}.controls input[type=range]::-moz-range-track{background:#ffffff4d;height:4px}.controls input[type=range]::-moz-range-progress{background:var(--accent);height:4px}.controls input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:0;width:.8rem;height:.8rem}.tile>a.stretch{color:inherit;text-decoration:none;display:block}.game-head{gap:var(--space);margin:var(--space) 0;flex-wrap:wrap;align-items:center;display:flex}.game-head img{aspect-ratio:460/215;object-fit:cover;border:var(--bw) solid var(--ink);background:var(--accent2);width:min(100%,15rem)}.game-head h1{font-size:var(--fs-2);margin:0 0 .2em}.sort{margin:0 0 var(--space);flex-wrap:wrap;gap:.4em;display:flex}.sort button[aria-pressed=true]{background:var(--ink);color:var(--bg)}#root{flex-direction:column;display:flex}#root>main{flex:1 0 auto;width:100%}.site-footer{gap:.5em var(--space);padding:var(--space);border-top:var(--bw) solid var(--line);font:var(--fs-s) var(--f-mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:auto;display:flex}.site-footer nav{gap:var(--space);display:flex}.site-footer a{color:var(--muted)}.site-footer a:hover,.site-footer a:focus-visible{color:var(--ink)}.topbar .btn.s{margin:0}.topbar a.btn.solid{color:var(--on-accent);background-image:none}.fine{font-size:var(--fs-s)}.hero{padding-bottom:calc(var(--space) * 2);flex:none!important}.hero .cta{flex-wrap:wrap;align-items:center;gap:.6em 1em;margin:2em 0 1.5em;display:flex}.hero .cta .btn{font-size:var(--fs-l);margin:0;padding:.8em 1.6em}.platform-strip{color:var(--muted);flex-wrap:wrap;gap:1.2em;margin:2em 0 0;padding:0;list-style:none;display:flex}.band{background:var(--surface);border-block:var(--bw) solid var(--ink);width:100%}.band.plain{background:var(--bg);border-top:0}.band-in{max-width:70rem;padding:calc(var(--space) * 2.5) var(--space);margin:0 auto}.features{gap:var(--space);margin:var(--space) 0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));padding:0;list-style:none;display:grid}.features li{border:var(--bw) solid var(--ink);background:var(--bg);padding:var(--space)}.features h3,.steps h3{font-size:var(--fs-l);margin-top:0}.features p,.steps p{color:var(--muted);margin:0}.steps{counter-reset:step;gap:var(--space);margin:var(--space) 0 calc(var(--space) * 1.5);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border-top:var(--bw) solid var(--accent);padding-top:.8em}.steps li:before{content:counter(step, decimal-leading-zero);font:var(--w-display) var(--fs-2)/1 var(--f-display);color:var(--accent-text)}.login{padding-top:calc(var(--space) * 3);max-width:28rem!important}.login h1{margin-bottom:.2em}.login-card{border:var(--bw) solid var(--ink);background:var(--surface);padding:var(--space);margin:var(--space) 0;box-shadow:var(--shadow)}.login-options{gap:.7em;margin:0;padding:0;list-style:none;display:grid}.login-btn{justify-content:center;align-items:center;gap:.7em;width:100%;margin:0;padding:.9em 1em;display:flex}.login-btn svg{flex:none}.legal{max-width:46rem!important}.legal h2{font-size:var(--fs-3);margin-top:1.8em}.legal p{max-width:65ch}.avatar-s{background:var(--accent2);border:1px solid var(--line);font:700 .8rem/1 var(--f-display);color:var(--ink);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.avatar-s img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.avatar-s img.broken{visibility:hidden}.like{position:relative}.like .heart-wrap{place-items:center;display:inline-grid;position:relative}.like .heart{transition:color var(--dur)}.like:active .heart{transform:scale(.85)}.like .heart.pop{animation:.55s cubic-bezier(.2,1.4,.4,1) heart-pop}@keyframes heart-pop{0%{transform:scale(.4)}45%{transform:scale(1.45)}70%{transform:scale(.92)}to{transform:scale(1)}}.like .burst{pointer-events:none;position:absolute;inset:0}.like .burst i{background:var(--accent);opacity:0;width:.28em;height:.28em;transform:rotate(var(--a)) translateY(0);border-radius:50%;margin:-.14em;animation:.6s ease-out burst;position:absolute;top:50%;left:50%}.like .burst i:nth-child(odd){background:var(--accent2);background:color-mix(in oklab, var(--accent) 60%, #fff)}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(.4em) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(1.35em) scale(.2)}}.like .count{min-width:1ch;display:inline-block}.like .count.tick{animation:tick .3s var(--ease)}@keyframes tick{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}.like.on{color:var(--accent-text)}@media (prefers-reduced-motion:reduce){.like .heart.pop,.like .burst i,.like .count.tick,.comment-list li{animation:none!important}.like .burst{display:none}}.comments h2 small{font-size:var(--fs-m)}.composer{border:var(--bw) solid var(--ink);background:var(--surface);margin:0 0 var(--space);padding:.7em .8em}.composer:focus-within{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.composer textarea{resize:none;field-sizing:content;background:0 0;border:0;min-height:3.2em;max-height:14rem;padding:.2em 0}.composer textarea:focus-visible{box-shadow:none;outline:none}.composer .comment-foot{border-top:1px solid var(--line);align-items:center;gap:.8em;margin:.4em 0 0;padding-top:.5em;display:flex}.composer .comment-foot .grow{flex:1}.composer .comment-foot .btn{margin:0}.near-limit,.err{color:var(--accent-text)!important}.signin-note{border:1px dashed var(--line);color:var(--muted);padding:.8em 1em}.comment-list li{border-bottom:1px solid var(--line);animation:c-in .25s var(--ease);align-items:flex-start;gap:.8em;padding:.9em 0;display:flex}@keyframes c-in{0%{opacity:0;transform:translateY(6px)}}.comment-list li.empty{text-align:center;border:1px dashed var(--line);color:var(--muted);padding:1.6em 1em;animation:none;display:block}.c-avatar{flex:none;line-height:0}.c-body{flex:1;min-width:0}.comment-top{flex-wrap:wrap;row-gap:0}.comment-top a{color:var(--ink);text-decoration:none}.comment-top a:hover{text-decoration:underline}.comment-top .chip{margin:0}.comment-list p{margin:.15em 0 0;line-height:1.5}.c-del{color:var(--muted);font:var(--fs-s) var(--f-mono);opacity:0;transition:opacity var(--dur);background:0 0;border:0;margin:0;padding:.2em .4em}.comment-list li:hover .c-del,.c-del:focus-visible{opacity:1}@media (hover:none){.c-del{opacity:1}}.c-del:hover{color:var(--accent-text);box-shadow:none;text-decoration:underline}input[type=search]{font:inherit;color:var(--ink);background:var(--bg);border:var(--bw) solid var(--ink);border-radius:0;width:100%;margin:0 0 .6em;padding:.5em .7em}input[type=search]:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);outline:none}.feed-page{gap:calc(var(--space) * 1.5);grid-template-columns:minmax(0,1fr) 18rem;align-items:start;max-width:80rem;display:grid}.feed-side{border:var(--bw) solid var(--ink);background:var(--surface);max-height:calc(100vh - 6rem);padding:.9em;position:sticky;top:4.5rem;overflow-y:auto}.feed-side h2{font-size:var(--fs-l);justify-content:space-between;align-items:baseline;margin-bottom:.6em;display:flex}.side-link{font:var(--fs-s) var(--f-mono);text-transform:none;letter-spacing:0}.feed-page .clips-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}@media (width<=860px){.feed-page{grid-template-columns:1fr}.feed-side{order:-1;max-height:none;position:static}}.friend-list .label{margin-bottom:.4em}.friend-list .btn.s{margin:.6em 0 0}.friend-rows{display:grid}.friend-row{color:var(--ink);border-bottom:1px solid color-mix(in oklab, var(--line) 50%, transparent);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"av name""av act";align-items:center;column-gap:.6em;padding:.35em .3em;text-decoration:none;display:grid}.friend-row:hover,.friend-row:focus-visible{background:color-mix(in oklab, var(--accent) 10%, transparent);outline:none}.friend-row .av-wrap{grid-area:av;line-height:0;position:relative}.friend-row .dot{background:var(--muted);border:2px solid var(--surface);border-radius:50%;width:.65rem;height:.65rem;position:absolute;bottom:-.1rem;right:-.1rem}.friend-row.online .dot{background:#3fb950}.friend-row.playing .dot{background:var(--accent)}.friend-row.listening .dot{background:#1db954}.friend-row.offline{opacity:.6}.f-name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-weight:600;line-height:1.2;overflow:hidden}.f-act{color:var(--muted);font-size:var(--fs-s);grid-area:act;align-items:center;gap:.35em;min-width:0;line-height:1.2;display:flex}.f-act span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-row.playing .f-act,.friend-row.listening .f-act{color:var(--accent-text)}.add-friend{flex-wrap:wrap;align-items:center;gap:.5em;margin:0 0 .5em;display:flex}.add-friend input{flex:14rem;margin:0}.add-friend .btn{margin:0}.req-list{margin:0 0 var(--space);padding:0;list-style:none}.req-row{border-bottom:1px solid var(--line);align-items:center;gap:.7em;padding:.6em 0;display:flex}.req-row .grow{flex:1}.req-row .btn{margin:0 0 0 .3em}.friend-btn{margin:0 0 1em}.friend-btn.on{color:var(--accent-text);border-color:var(--accent)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}.panel label small.ok{color:var(--accent-text)}.panel label small.bad{color:var(--danger,#c0392b)}.game-stats{margin:0 0 var(--space);border-top:var(--bw) solid var(--ink);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:0;display:flex}.game-stats>div{margin-right:1.4em;padding:.8em 1.4em .8em 0}.game-stats dt{color:var(--muted);align-items:center;gap:.4em;margin:0;display:flex}.game-stats dd{font:var(--w-display) var(--fs-2)/1.1 var(--f-display);margin:.2em 0 0}.now-chip{align-items:center;gap:.6em;display:inline-flex}.game-meta{margin:0 0 var(--space);border-top:var(--bw) solid var(--ink);border-bottom:1px solid var(--line);font:.8rem var(--f-mono);color:var(--muted);flex-wrap:wrap;gap:.3em 1.4em;padding:.6em 0;display:flex}.game-meta b{color:var(--ink);font-weight:600}.ach-block{margin:0 0 var(--space)}.ach-head{flex-wrap:wrap;align-items:baseline;gap:.5em;margin:0 0 .4em;display:flex}h2.ach-head{font-size:var(--fs-3)}h3.ach-head{font-size:var(--fs-l)}.ach-head small{font:.8rem var(--f-mono)}.ach-block progress{appearance:none;background:var(--line);width:100%;height:6px;accent-color:var(--accent);border:0;margin:0 0 .6em}.ach-block progress::-webkit-progress-bar{background:var(--line)}.ach-block progress::-webkit-progress-value{background:var(--accent)}.ach-block progress::-moz-progress-bar{background:var(--accent)}.ach-block summary{cursor:pointer;font:600 .7rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;padding:.5em 0}.ach-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:0 1.4em;margin:0 0 .6em;padding:0;list-style:none;display:grid}.ach{border-bottom:1px solid var(--line);opacity:.6;align-items:center;gap:.7em;padding:.4em 0;font-size:.85rem;display:flex}.ach.on{opacity:1}.ach img{flex:none;width:32px;height:32px}.ach>div{flex-direction:column;flex:1;min-width:0;display:flex}.ach small{color:var(--muted);font-size:.75rem}.ach-side{font:.7rem var(--f-mono);color:var(--muted);white-space:nowrap;flex-direction:column;align-items:flex-end;display:flex}.tabs{margin:0 0 var(--space);border-bottom:1px solid var(--line);gap:0;display:flex}.tabs button{border:0;border-bottom:var(--bw) solid transparent;font:600 .8rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;margin-bottom:-1px;margin-right:1.2em;padding:.6em 1.2em .6em 0}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.tabs small{font:inherit;opacity:.7}.tile{position:relative}.tile.pinned{border-color:var(--accent)}.pin-btn{z-index:2;box-shadow:none;color:#fff;cursor:pointer;filter:drop-shadow(0 1px 2px #000000d9)drop-shadow(0 0 5px #00000080);transition:transform var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;margin:0;padding:0;line-height:0;position:absolute;top:.5em;right:.5em}.pin-btn:hover:not(:disabled),.pin-btn:focus-visible{outline:none;transform:scale(1.15)}.pin-btn[aria-pressed=true]{color:var(--accent)}.pin-btn:disabled{cursor:default}.stat-sections section{margin:0 0 var(--space)}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:0 1.4em;margin:0;display:grid}.stat-grid>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1em;padding:.5em 0;display:flex}.stat-grid dt{color:var(--muted);font-size:.8rem}.stat-grid dd{font:600 .9rem var(--f-mono);margin:0}.grade{background:var(--muted);border-radius:50%;width:.6em;height:.6em;margin-right:.5em;display:inline-block}.grade.bronze{background:#b8794a}.grade.silver{background:#b9c0c7}.grade.gold{background:#e0b43c}.grade.platinum{background:#8fd3e8}.showcase{margin-top:0}.showcase>.label{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;font-size:var(--fs-s);margin:0 0 .6em}.showcase .games{margin-top:0}.filters .check{border:var(--bw) solid var(--ink);font:600 var(--fs-s)/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none;align-items:center;gap:.55em;margin:0;padding:.55em .8em;display:inline-flex}.filters .check:hover{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.filters .check:has(input:focus-visible){box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.filters .check:has(input:checked){background:var(--ink);color:var(--bg)}.filters .check small{opacity:.7;font:inherit}.filters input[type=checkbox]{appearance:none;border:var(--bw) solid currentColor;cursor:pointer;background:0 0;place-content:center;width:1em;height:1em;margin:0;display:grid}.filters input[type=checkbox]:after{content:"";background:var(--accent);width:.5em;height:.5em;transition:transform var(--dur) var(--ease);transform:scale(0)}.filters input[type=checkbox]:checked:after{transform:scale(1)}.filters .sort{margin:0}.filters .sort.right{margin-left:auto}.showcase{padding-top:calc(var(--space) * 1.5)}.showcase .games.big{grid-template-columns:repeat(auto-fill,minmax(22rem,1fr))}.tile.large .title{-webkit-line-clamp:1;font-size:1.05rem}.tile.large small{font-size:.72rem}.tile.large .meta{gap:.3em;padding-top:2.4em}.tile.large .badge,.tile.large .pin-btn{font-size:1.3rem}.ach-bar{background:color-mix(in oklab, var(--ink) 25%, transparent);height:4px;margin-top:.2em}.ach-bar i{background:var(--accent);height:100%;display:block}.tabs.sub{border-bottom:0;margin:0 0 .5rem}.tabs.sub button{padding:.3em .9em .3em 0;font-size:.7rem}