*,:after,:before{box-sizing:border-box;min-width:0;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;font-size:16px}body{color:#fdfdfd;background:#0d0d0d;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.45}a{color:inherit}button,summary{font:inherit}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{min-height:100dvh;padding:1rem}@media (width>=780px){.app{padding:2rem}}.app__header{text-align:center;max-width:72rem;margin:0 auto 2rem}.app__heading{text-transform:uppercase;font-size:clamp(2.25rem,8vw,5rem);line-height:1}.app__lead{color:#fdfdfdc2;max-width:38rem;margin:.75rem auto 0;font-size:1rem}@media (width>=780px){.app__lead{font-size:1.15rem}}.app__nav{max-width:92rem;margin:0 auto}.app__list{list-style:none}.app-list,.app-list__item{display:grid}.app-list{grid-template-columns:1fr;gap:1rem}@media (width>=780px){.app-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.app-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1300px){.app-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.app-card{--card-accent:#f24405;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent),#0d0d0d 88%),#0d0d0d 78%),#0d0d0d;border:1px solid #fdfdfd1a;border-top:3px solid var(--card-accent);border-radius:.5rem;height:100%;transition:transform .16s;position:relative;box-shadow:0 1rem 3rem #0d0d0d38}.app-card:hover{transform:translateY(-2px);box-shadow:0 1.25rem 3.5rem #0d0d0d52}.app-card--tool{--card-accent:#51d6d6}.app-card--game{--card-accent:#f20f38}.app-card--community{--card-accent:#7ddc78}.app-card--app{--card-accent:#f24405}.app-card__badge{aspect-ratio:1;background:color-mix(in srgb,var(--card-accent),#0d0d0d 68%);z-index:2;border:1px solid #fdfdfd29;border-radius:.72rem;place-items:center;width:3rem;font-size:1.6rem;line-height:1;transition:opacity .16s,visibility 0s linear .16s;display:grid;position:absolute;top:-.7rem;left:1rem;transform:rotate(-8deg);box-shadow:0 .75rem 1.5rem #0d0d0d4d}.app-card--details-open .app-card__badge{opacity:0;visibility:hidden;transition-delay:0s}.app-card__close-button{aspect-ratio:1;background:color-mix(in srgb,var(--card-accent),#0d0d0d 68%);color:#fdfdfd;cursor:pointer;z-index:2;border:1px solid #fdfdfd29;border-radius:.72rem;place-items:center;width:3rem;font-size:1.8rem;line-height:1;display:grid;position:absolute;top:-.7rem;right:1rem;transform:rotate(8deg);box-shadow:0 .75rem 1.5rem #0d0d0d4d}.app-card__close-button:focus-visible{outline-offset:3px;outline:3px solid #fdfdfd}.app-card__preview{color:inherit;border-radius:.4rem;place-self:start end;width:100%;text-decoration:none;display:flex}.app-card__preview picture{width:100%;display:block}.app-card__preview:focus-visible{outline-offset:3px;outline:3px solid #fdfdfd}.app-card__screenshot{background:#0d0d0d33;border:1px solid #fdfdfd33;border-radius:.4rem;width:100%;height:auto;display:block;box-shadow:0 .75rem 2rem #0d0d0d57}.app-card__body{grid-template-rows:1fr auto;gap:1rem;height:100%;padding:3.1rem 1rem 1rem;display:grid}.app-card__main{grid-template-columns:minmax(0,2fr) minmax(5.5rem,1fr);gap:1rem;display:grid}.app-card__copy{align-content:start;gap:1rem;min-width:0;display:grid}.app-card__footer{border-top:1px solid #fdfdfd1a;padding-top:1rem;display:none}.js .app-card__footer{display:block}.app-card__content{gap:.5rem;display:grid}.app-card__title{text-transform:uppercase;font-size:1.15rem;line-height:1.1}.app-card__description{color:#fdfdfdd1}.tech-list{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.tech-list__item{color:#fdfdfdcc;background:#fdfdfd0f;border:1px solid #fdfdfd29;border-radius:.35rem;padding:.2rem .45rem;font-size:.78rem;line-height:1.2}.app-card__meta--stack .tech-list__item{background:color-mix(in srgb,var(--card-accent),#0d0d0d 76%);border-color:color-mix(in srgb,var(--card-accent),transparent 48%);color:#fdfdfde6}.app-card__meta--tools .tech-list__item{color:#fdfdfdad;background:#fdfdfd09;border-color:#fdfdfd1f}.app-card__flip-button{color:color-mix(in srgb,var(--card-accent),#fdfdfd 48%);border-radius:.25rem;justify-content:space-between;align-items:center;width:100%;min-height:1.8rem;line-height:1.1;text-decoration:none;display:inline-flex}.app-card__flip-button:focus-visible{outline-offset:3px;outline:3px solid #fdfdfd}.app-card__flip-button{cursor:pointer;background:0 0;border:0;padding:.35rem 0;font-weight:700;display:none}.app-card__flip-button:after{color:var(--card-accent);content:"→";transition:transform .16s}.app-card__flip-button:focus-visible,.app-card__flip-button:hover{color:#fdfdfd}.app-card__flip-button:focus-visible:after,.app-card__flip-button:hover:after{transform:translate(.2rem)}.js .app-card__flip-button{display:inline-flex}.app-card__details{background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent),#0d0d0d 88%),#0d0d0d 78%),#0d0d0d;border-radius:inherit;opacity:0;pointer-events:none;z-index:3;height:100%;padding:3.1rem 1rem 1rem;transition:opacity .18s,transform .18s;display:grid;position:absolute;inset:0;transform:translateY(.35rem)}.app-card__details[hidden]{display:none}.app-card--details-open .app-card__details{opacity:1;pointer-events:auto;transform:translateY(0)}.app-card__details-content{color:#fdfdfddb;align-content:start;gap:1rem;min-height:0;display:grid;overflow:auto}.app-card__meta{gap:.5rem;display:grid}.app-card__meta-title{color:#fdfdfdb3;text-transform:uppercase;font-size:.78rem;font-weight:700;line-height:1.1}@media (prefers-reduced-motion:reduce){.app-card:hover{transform:none}.app-card__details{transition:none;transform:none}.app-card__badge{transition:none}}