@font-face{font-family:Silkscreen;font-weight:400;font-display:swap;src:url(/pixelperbits/fonts/silkscreen-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Silkscreen;font-weight:700;font-display:swap;src:url(/pixelperbits/fonts/silkscreen-latin-700-normal.woff2) format("woff2")}.ppb{--ppb-bg:#14102a;--ppb-card:#1d1838;--ppb-line:#2e2752;--ppb-text:#fff;--ppb-muted:#9a94b8;--ppb-red:#ff4d6d;--ppb-green:#3ddc84;--ppb-blue:#3d9bff;background:var(--ppb-bg);color:var(--ppb-text);min-height:100vh}.ppb-font{font-family:Silkscreen,ui-monospace,monospace}.ppb-studio{letter-spacing:.55em;color:var(--ppb-muted)}.ppb-pixels{display:flex;gap:.35em}.ppb-pixels>i{display:block;width:.9em;height:.9em}.ppb-pixels>i:first-child{background:var(--ppb-red)}.ppb-pixels>i:nth-child(2){background:var(--ppb-green)}.ppb-pixels>i:nth-child(3){background:var(--ppb-blue)}.ppb-card{background:var(--ppb-card);border:1px solid var(--ppb-line);border-radius:10px;transition:border-color .2s,transform .2s}.ppb-card:hover{border-color:var(--ppb-green);transform:translateY(-2px)}.ppb-muted{color:var(--ppb-muted)}.ppb-red{color:var(--ppb-red)}.ppb-green{color:var(--ppb-green)}.ppb-blue{color:var(--ppb-blue)}.ppb-btn{display:inline-flex;align-items:center;gap:.5em;padding:.55em 1em;border:2px solid var(--ppb-green);color:var(--ppb-green);border-radius:6px;font-size:.8rem;transition:background .2s,color .2s}.ppb-btn:hover{background:var(--ppb-green);color:var(--ppb-bg)}.ppb-btn.alt{border-color:var(--ppb-line);color:var(--ppb-muted)}.ppb-btn.alt:hover{border-color:var(--ppb-blue);background:transparent;color:var(--ppb-blue)}.ppb-tag{font-size:11px;border:1px solid var(--ppb-line);color:var(--ppb-muted);border-radius:4px;padding:1px 6px}@media (prefers-reduced-motion:no-preference){.ppb-in{animation:ppb-grow .5s ease-out both}.ppb-pixels>i{animation:ppb-pop .25s ease-out both}.ppb-pixels>i:first-child{animation-delay:.35s}.ppb-pixels>i:nth-child(2){animation-delay:.5s}.ppb-pixels>i:nth-child(3){animation-delay:.65s}.ppb-late{animation:ppb-fade .4s ease-out .8s both}}@keyframes ppb-grow{0%{opacity:0;transform:scale(.85)}}@keyframes ppb-pop{0%{opacity:0;transform:scale(0)}}@keyframes ppb-fade{0%{opacity:0}}