:root{--paper:#efefec;--paper-2:#e6e6e2;--card:#f8f8f6;--ink:#0e0e0d;--ink-2:#3a3a37;--mute:#85857f;--line:#0e0e0d;--grid:#0e0e0d0e;--shadow:#0e0e0d2e;--invert-bg:#0e0e0d;--invert-fg:#efefec;--signal:#a8322d;--vinyl:#121211;--groove:#1d1d1b;--mono:"Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--dot:"Doto", "Geist Mono", ui-monospace, monospace;--r:22px;--gut:clamp(16px, 4vw, 48px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0c0c0b;--paper-2:#151514;--card:#121211;--ink:#ecece7;--ink-2:#bdbdb6;--mute:#7a7a74;--line:#ecece7;--grid:#ecece70d;--shadow:#0009;--invert-bg:#ecece7;--invert-fg:#0c0c0b;--signal:#e2675f;--vinyl:#050505;--groove:#2a2a27}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0c0c0b;--paper-2:#151514;--card:#121211;--ink:#ecece7;--ink-2:#bdbdb6;--mute:#7a7a74;--line:#ecece7;--grid:#ecece70d;--shadow:#0009;--invert-bg:#ecece7;--invert-fg:#0c0c0b;--signal:#e2675f;--vinyl:#050505;--groove:#2a2a27}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--mono);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-size:8px 8px;margin:0;font-size:15px;line-height:1.6}::selection{background:var(--ink);color:var(--paper)}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px dashed var(--ink);outline-offset:3px}.wrap{max-width:1120px;padding-inline:var(--gut);margin:0 auto}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-size:11px}.blink{animation:1.05s step-end infinite blink}@keyframes blink{50%{opacity:0}}.ring-btn{border:1.5px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .2s,background .2s,color .2s;display:grid}.ring-btn:hover{background:var(--ink);color:var(--paper);transform:scale(1.06)}.pill{border:1.5px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.pill:hover,.pill[aria-pressed=true],.pill.solid{background:var(--ink);color:var(--paper)}.pill.solid:hover{color:var(--ink);background:0 0}kbd{font-family:var(--mono);border:1px solid var(--mute);color:var(--ink-2);border-bottom-width:2px;border-radius:5px;padding:0 5px;font-size:11px}#intro{z-index:50;background:var(--paper);padding:var(--gut);background-image:inherit;background-size:8px 8px;place-items:center;transition:opacity .6s,visibility .6s;display:grid;position:fixed;inset:0}#intro.gone{opacity:0;visibility:hidden}.intro-inner{gap:clamp(28px,5vh,56px);width:min(720px,100%);display:grid}.intro-top{justify-content:space-between;align-items:center;display:flex}.counter{letter-spacing:.12em;font-variant-numeric:tabular-nums;align-items:center;gap:18px;font-size:22px;display:flex}.counter svg{width:52px;height:52px;transform:rotate(-90deg)}.counter .track{stroke:var(--mute);opacity:.35}.counter .prog{stroke:var(--ink);transition:stroke-dashoffset .1s linear}.deck{aspect-ratio:935/700;perspective:1400px;touch-action:none;max-width:100%;position:relative}.icard{background:var(--card);border:2px solid var(--line);border-radius:var(--r);transform-origin:12% 100%;box-shadow:0 30px 60px -30px var(--shadow);cursor:grab;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;padding:clamp(22px,6%,64px);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s,opacity .5s;display:flex;position:absolute;inset:0}.icard:active{cursor:grabbing}.icard h2{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(26px,6.2vw,60px);font-weight:500;line-height:1.12}.icard .term{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(13px,2.4vw,22px)}.icard.flung{opacity:0;transition:transform .6s cubic-bezier(.5,0,.8,.3),opacity .6s;pointer-events:none!important}.hint{color:var(--mute);text-align:center;letter-spacing:.1em;font-size:12px}.logo{grid-template-columns:repeat(var(--cols,11), 1fr);width:calc(var(--cols,11) * var(--px,clamp(4px, 1.1vw, 7px)));gap:0;max-width:100%;display:grid}.logo i{aspect-ratio:1;background:0 0}.logo i.on{background:var(--ink)}.logo.small{--px:3px}header.top{top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in srgb, var(--ink) 14%, transparent);position:sticky}header.top .wrap{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}header.top .brand{align-items:center;gap:12px;text-decoration:none;display:flex}nav.links{flex-wrap:wrap;gap:4px;display:flex}nav.links a{border-radius:999px;padding:6px 10px;font-size:13px;text-decoration:none;transition:background .2s,color .2s}nav.links a:hover{background:var(--ink);color:var(--paper)}nav.links a span{color:var(--mute)}nav.links a:hover span{color:inherit;opacity:.6}.top-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:1.5px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.icon-btn:hover{background:var(--ink);color:var(--paper)}@media (max-width:720px){nav.links{display:none}}.hero{padding-block:clamp(48px,10vh,110px) clamp(40px,8vh,90px);position:relative;overflow:hidden}#field{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero .wrap{gap:28px;display:grid;position:relative}.hero h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(40px,9.5vw,118px);font-weight:500;line-height:.98}.hero h1 .scramble{display:inline-block}.hero p.lede{max-width:56ch;color:var(--ink-2);margin:0;font-size:clamp(15px,1.6vw,18px)}.hero-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-row .hint{margin-left:6px}.status-line{align-items:center;gap:10px;font-size:13px;display:flex}.status-line i{background:var(--ink);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4;transform:scale(.5)}}section.block{border-top:1px solid color-mix(in srgb, var(--ink) 14%, transparent);padding-block:clamp(56px,9vh,110px)}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px;display:flex}.sec-head h2{letter-spacing:-.02em;margin:0;font-size:clamp(28px,4.6vw,52px);font-weight:500;line-height:1.05}.sec-head p{color:var(--ink-2);max-width:52ch;margin:6px 0 0}.terminal{background:var(--invert-bg);color:var(--invert-fg);border-radius:var(--r);min-height:320px;max-height:460px;box-shadow:0 30px 60px -34px var(--shadow);padding:22px clamp(16px,3vw,28px);font-size:14px;overflow:auto}.terminal .bar{align-items:center;gap:8px;margin-bottom:16px;display:flex}.terminal .bar b{opacity:.6;border:1.5px solid;border-radius:50%;width:11px;height:11px}.terminal .bar span{opacity:.55;letter-spacing:.12em;margin-left:auto;font-size:11px}.terminal pre{white-space:pre-wrap;word-break:break-word;font:inherit;margin:0}.terminal .dim{opacity:.55}.terminal .cmdline{align-items:center;gap:10px;margin-top:4px;display:flex}.terminal input{min-width:0;color:inherit;font:inherit;caret-color:currentColor;background:0 0;border:0;outline:none;flex:1}.terminal button.chip{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:1px solid;border-radius:999px;padding:2px 10px;font-size:12px}.terminal button.chip:hover{opacity:1}.chips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.about{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(20px,4vw,48px);display:grid}@media (max-width:860px){.about{grid-template-columns:1fr}}.stack{gap:14px;display:grid}.stack .row{border-bottom:1px dashed color-mix(in srgb, var(--ink) 30%, transparent);justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.stack .row span:last-child{color:var(--ink-2);text-align:right}.game{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:clamp(20px,4vw,44px);display:grid}@media (max-width:860px){.game{grid-template-columns:1fr}}.board-wrap{background:var(--card);border:2px solid var(--line);border-radius:var(--r);box-shadow:0 30px 60px -34px var(--shadow);padding:clamp(12px,2.4vw,24px);position:relative}#board{aspect-ratio:1;touch-action:none;cursor:crosshair;width:100%;max-width:100%;display:block}.win{background:color-mix(in srgb, var(--card) 86%, transparent);border-radius:var(--r);text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;display:grid;position:absolute;inset:0}.win h3{font-family:var(--dot);letter-spacing:.02em;margin:0;font-size:clamp(34px,7vw,64px);font-weight:900;line-height:1}.win p{color:var(--ink-2);margin:10px 0 18px}.side{gap:18px;display:grid}.meters{grid-template-columns:1fr 1fr;gap:10px;display:grid}.meter{border:1.5px solid var(--line);border-radius:14px;padding:12px 14px}.meter b{font-family:var(--dot);font-variant-numeric:tabular-nums;font-size:34px;font-weight:900;line-height:1.05;display:block}.side .controls{flex-wrap:wrap;gap:8px;display:flex}.rules{color:var(--ink-2);margin:0;padding-left:18px;font-size:13px}.rules li{margin-bottom:4px}.gh-top{grid-template-columns:auto 1fr;align-items:center;gap:24px;margin-bottom:28px;display:grid}@media (max-width:620px){.gh-top{grid-template-columns:1fr}}.avatar{border:2px solid var(--line);background:var(--paper-2);border-radius:50%;place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.avatar img,.avatar canvas{width:100%;height:100%;image-rendering:pixelated;object-fit:cover;display:block}.gh-name{margin:0;font-size:22px;font-weight:500}.gh-meta{color:var(--ink-2);flex-wrap:wrap;gap:6px 18px;margin-top:6px;font-size:13px;display:flex}.gh-meta b{color:var(--ink);font-variant-numeric:tabular-nums}.gh-bio{color:var(--ink-2);max-width:60ch;margin:10px 0 0}.langbar{border:1.5px solid var(--line);border-radius:999px;height:14px;margin:6px 0 10px;display:flex;overflow:hidden}.langbar span{border-right:1.5px solid var(--line);height:100%;display:block}.langbar span:last-child{border-right:0}.langkeys{flex-wrap:wrap;gap:6px;display:flex}.langkeys button{border:1px solid color-mix(in srgb, var(--ink) 35%, transparent);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.langkeys button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.langkeys i{border:1px solid;border-radius:2px;width:10px;height:10px}.gh-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 16px;display:flex}.gh-sort{gap:6px;display:flex}.repos{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.repo{border:1.5px solid var(--line);background:var(--card);border-radius:16px;flex-direction:column;gap:10px;min-height:150px;padding:16px 18px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;display:flex}.repo:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-4px,-4px)}.repo h4{word-break:break-word;margin:0;font-size:15px;font-weight:500}.repo p{color:var(--ink-2);flex:1;margin:0;font-size:13px}.repo .foot{color:var(--mute);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.note{color:var(--mute);margin-top:14px;font-size:12px}.skeleton{border:1.5px dashed color-mix(in srgb, var(--ink) 30%, transparent);border-radius:16px;height:150px}.contact{gap:26px;display:grid}.big-mail{letter-spacing:-.02em;word-break:break-all;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:clamp(24px,5.4vw,64px);font-weight:500;line-height:1.05}.big-mail:hover{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:2px}footer{color:var(--mute);padding-block:28px 40px;font-size:12px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}footer .foot-actions{flex-wrap:wrap;gap:16px;display:flex}footer button{cursor:pointer;color:var(--mute);background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}#toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));opacity:0;background:var(--ink);color:var(--paper);z-index:60;pointer-events:none;border-radius:999px;padding:10px 18px;font-size:13px;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%,20px)}#toast.on{opacity:1;transform:translate(-50%)}#cursor{pointer-events:none;z-index:100;mix-blend-mode:difference;opacity:0;border:1.5px solid #fff;border-radius:50%;width:34px;height:34px;transition:width .2s,height .2s,opacity .2s;display:none;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor.big{width:64px;height:64px}@media (hover:hover) and (pointer:fine){#cursor{display:block}}.player{background:var(--card);border:2px solid var(--line);border-radius:var(--r);box-shadow:0 30px 60px -34px var(--shadow);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(18px,3.4vw,44px);display:grid;overflow:hidden}@media (max-width:860px){.player{grid-template-columns:1fr}}.deck-side{justify-items:start;gap:14px;display:grid}.vinyl-wrap{aspect-ratio:1;width:100%;max-width:440px;position:relative}.vinyl-wrap:after{content:"";pointer-events:none;background:conic-gradient(from 20deg, transparent 0 8%, #ffffff1a 13%, transparent 20% 55%, #ffffff12 61%, transparent 68%);border-radius:50%;position:absolute;inset:5%;-webkit-mask:radial-gradient(circle,#0000 0 34%,#000 35%);mask:radial-gradient(circle,#0000 0 34%,#000 35%)}.progress{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.progress .ring{fill:none;stroke:color-mix(in srgb, var(--ink) 16%, transparent);stroke-width:.5px}.progress .arc{fill:none;stroke:var(--signal);stroke-width:.8px;stroke-dasharray:0 100;transform-origin:50%;transform:rotate(-90deg)}.progress .dot{fill:var(--card);stroke:var(--signal);stroke-width:.8px}.vinyl{background:radial-gradient(circle, transparent 0 34%, #ffffff0f 34.5% 35%, transparent 35.5%), repeating-radial-gradient(circle, var(--vinyl) 0 1.2px, var(--groove) 1.4px 2.6px);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 24%, transparent), 0 24px 40px -24px var(--shadow);border-radius:50%;animation:3.6s linear infinite spin;position:absolute;inset:5%}.vinyl.paused{animation-play-state:paused}@keyframes spin{to{transform:rotate(360deg)}}.disc-label{background:var(--paper-2);border-radius:50%;position:absolute;inset:33%;overflow:hidden}.disc-label img{object-fit:cover;width:100%;height:100%;display:block}.disc-label .hole{aspect-ratio:1;background:var(--card);border-radius:50%;width:9%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #00000059}.vinyl-wrap.scratch{animation:.7s cubic-bezier(.3,.7,.4,1) scratch}.vinyl-wrap.love{animation:.6s ease-out love}@keyframes scratch{20%{rotate:-16deg}40%{rotate:11deg}60%{rotate:-7deg}80%{rotate:3deg}}@keyframes love{35%{scale:1.04}}.time{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--mute);font-size:13px}.time b{color:var(--ink);font-weight:600}.info{gap:14px;min-width:0;display:grid}.np{align-items:center;gap:8px;display:flex}.np i{background:var(--mute);border-radius:50%;width:8px;height:8px}.player[data-state=playing] .np i{background:var(--signal);animation:1.8s ease-in-out infinite pulse}.player[data-state=playing] .np .label{color:var(--signal)}.artist{letter-spacing:-.01em;text-transform:uppercase;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-family:Archivo,Arial Narrow,Helvetica Neue,sans-serif;font-size:clamp(48px,8vw,128px);font-weight:600;font-stretch:62%;line-height:.84}.song{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:13px}.song .album{color:var(--mute)}.vote{flex-wrap:wrap;gap:8px;display:flex}.vote .pill:disabled{opacity:.4;cursor:not-allowed}#dislikeBtn[aria-pressed=true]{background:var(--signal);border-color:var(--signal);color:var(--card)}.verdict{min-height:1.6em;margin:0;font-size:14px}.verdict[data-kind=dislike]{color:var(--signal)}.top-albums{border-top:1px dashed color-mix(in srgb, var(--ink) 30%, transparent);padding-top:14px}.top-head{justify-content:space-between;gap:12px;display:flex}.label.signal{color:var(--signal)}.albums{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.albums .row{border-radius:10px;grid-template-columns:22px 44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:5px 6px;text-decoration:none;display:grid}.albums a.row:hover{background:var(--paper)}.albums .idx,.albums .n{color:var(--mute);font-variant-numeric:tabular-nums;font-size:11px}.albums img{object-fit:cover;background:var(--paper-2);border-radius:4px;width:44px;height:44px;display:block}.albums .t{min-width:0;display:grid}.albums .t b,.albums .t span{white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;overflow:hidden}.albums .t b{font-size:13px;font-weight:500}.albums .t span{color:var(--mute);letter-spacing:.04em;font-size:11px}.albums .empty{color:var(--mute);font-size:13px}.snitch{z-index:45;pointer-events:none;will-change:transform;width:64px;height:32px;position:fixed;top:0;left:0}.snitch svg{width:100%;height:100%;display:block;overflow:visible}.snitch .ball{fill:var(--ink)}.snitch .etch{fill:none;stroke:var(--card);stroke-width:.8px;opacity:.55}.snitch .glint{fill:var(--card);opacity:.85}.snitch .wing .shape{fill:var(--card);stroke:var(--ink);stroke-width:1px;stroke-linejoin:round}.snitch .wing .rib{fill:none;stroke:var(--ink);stroke-width:.7px;stroke-linecap:round;opacity:.7}.snitch .wing{animation:.12s ease-in-out infinite alternate flap-l}.snitch .wing-l{transform-origin:22px 13.5px}.snitch .wing-r{transform-origin:34px 13.5px;animation-name:flap-r}.snitch.fast .wing{animation-duration:50ms}.snitch.still .wing{animation:none}.snitch.enter{animation:.5s ease-out snitch-in}@keyframes snitch-in{0%{opacity:0;scale:.2}}@keyframes flap-l{0%{transform:rotate(14deg)scaleY(1.05)}to{transform:rotate(-22deg)scaleY(.55)}}@keyframes flap-r{0%{transform:rotate(-14deg)scaleY(1.05)}to{transform:rotate(22deg)scaleY(.55)}}.snitch-trail{background:var(--ink);z-index:44;pointer-events:none;width:3px;height:3px;position:fixed;top:0;left:0}.snitch-bubble{z-index:46;background:var(--card);max-width:min(240px,100vw - 32px);color:var(--ink);border:1.5px solid var(--line);font:12px/1.45 var(--mono);box-shadow:4px 4px 0 var(--ink);pointer-events:none;opacity:0;will-change:transform;border-radius:12px;padding:8px 12px 9px;transition:opacity .18s;position:fixed;top:0;left:0}.snitch-bubble.on{opacity:1}.snitch-bubble p{margin:0}.snitch-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:2px;font-size:10px;display:block}.snitch-prompt{color:var(--mute)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}