.pixel-render{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pixel-border{border-width:4px;border-style:solid;border-color:var(--pixel-border-dark);border-image-slice:4 fill;border-image-width:4px;border-image-outset:0;border-image-repeat:stretch}.pixel-border-thin{border-width:2px;border-style:solid;border-color:var(--pixel-border-dark);border-image-slice:2 fill;border-image-width:2px;border-image-outset:0;border-image-repeat:stretch}.pixel-border-thick{border-width:6px;border-style:solid;border-color:var(--pixel-border-darker);border-image-slice:6 fill;border-image-width:6px;border-image-outset:0;border-image-repeat:stretch}.pixel-border-simple{border:2px solid var(--pixel-border-dark);box-shadow:inset 0 0 0 1px var(--pixel-border-light),0 2px 0 0 var(--pixel-border-darkest)}.pixel-border-inset{border:2px solid var(--pixel-border-darker);box-shadow:inset 2px 2px 0 0 var(--pixel-border-darkest),inset -1px -1px 0 0 var(--pixel-border-light)}.pixel-border-outset{border:2px solid var(--pixel-border-dark);box-shadow:2px 2px 0 0 var(--pixel-border-light),-1px -1px 0 0 var(--pixel-border-darkest)}.pixel-shadow-sm{box-shadow:2px 2px 0 0 var(--pixel-shadow-base)}.pixel-shadow{box-shadow:3px 3px 0 0 var(--pixel-shadow-base)}.pixel-shadow-md{box-shadow:4px 4px 0 0 var(--pixel-shadow-dark)}.pixel-shadow-lg{box-shadow:6px 6px 0 0 var(--pixel-shadow-dark)}.pixel-shadow-xl{box-shadow:8px 8px 0 0 var(--pixel-shadow-darker)}.pixel-shadow-layered{box-shadow:2px 2px 0 0 var(--pixel-border-darkest),4px 4px 0 0 var(--pixel-shadow-dark)}.pixel-font{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.02em}.pixel-font,.pixel-font-sharp{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.pixel-font-sharp{-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto;font-weight:500}@keyframes pixelPress{0%{transform:translate(0)}to{transform:translate(2px,2px);box-shadow:none}}.pixel-active:active{animation:pixelPress .05s ease-out forwards}@keyframes pixelSlide{0%{transform:translateX(0)}25%{transform:translateX(2px)}50%{transform:translateX(4px)}75%{transform:translateX(6px)}to{transform:translateX(8px)}}.pixel-slide{animation:pixelSlide .4s steps(4) infinite}@keyframes pixelBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-4px)}50%{transform:translateY(-8px)}75%{transform:translateY(-4px)}}.pixel-bounce{animation:pixelBounce .6s steps(4) infinite}@keyframes pixelFade{0%{opacity:0}33%{opacity:.33}66%{opacity:.66}to{opacity:1}}.pixel-fade-in{animation:pixelFade .3s steps(3) forwards}@keyframes pixelPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.pixel-pulse{animation:pixelPulse 2s steps(4) infinite}.pixel-bg-primary{background:linear-gradient(135deg,var(--pixel-gradient-green-start) 0,var(--pixel-gradient-green-end) 100%)}.pixel-bg-amber{background:linear-gradient(135deg,var(--pixel-gradient-amber-start) 0,var(--pixel-gradient-amber-end) 100%)}.pixel-bg-blue{background:linear-gradient(135deg,var(--pixel-gradient-blue-start) 0,var(--pixel-gradient-blue-end) 100%)}.pixel-bg-purple{background:linear-gradient(135deg,var(--pixel-gradient-purple-start) 0,var(--pixel-gradient-purple-end) 100%)}.pixel-bg-red{background:linear-gradient(135deg,var(--pixel-gradient-red-start) 0,var(--pixel-gradient-red-end) 100%)}.pixel-bg-slate{background:linear-gradient(135deg,#64748b,#475569)}.dark .pixel-bg-slate{background:linear-gradient(135deg,#475569,#334155)}.pixel-bg-indigo{background:linear-gradient(135deg,#6366f1,#a855f7)}.dark .pixel-bg-indigo{background:linear-gradient(135deg,#818cf8,#c084fc)}.pixel-texture{position:relative}.pixel-texture:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--pixel-texture-stripe) 2px,var(--pixel-texture-stripe) 4px);pointer-events:none}.pixel-space-xs{padding:4px}.pixel-space-sm{padding:8px}.pixel-space-md{padding:12px}.pixel-space-lg{padding:16px}.pixel-space-xl{padding:24px}.pixel-space-none{padding:0}.pixel-gap-xs{gap:4px}.pixel-gap-sm{gap:8px}.pixel-gap-md{gap:12px}.pixel-gap-lg{gap:16px}.pixel-gap-xl{gap:24px}.pixel-no-transition{transition:none!important}.pixel-rounded-sm{border-radius:4px}.pixel-rounded{border-radius:8px}.pixel-rounded-lg{border-radius:12px}.pixel-rounded-xl{border-radius:16px}