.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{width:100%;height:auto;min-height:450px;max-width:340px;margin:0 auto;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;border:1px solid #27272a;border-radius:28px;isolation:isolate;transition:border-color .2s cubic-bezier(.5,1,.89,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:768px){.pixel-card{max-width:300px;min-height:380px}}@media (max-width:480px){.pixel-card{max-width:280px;min-height:360px;border-radius:24px}}.pixel-card:before{content:"";position:absolute;inset:0;margin:auto;aspect-ratio:1;background:radial-gradient(circle,#09090b,transparent 85%);opacity:0;transition:opacity .8s cubic-bezier(.5,1,.89,1)}.pixel-card:focus-within:before,.pixel-card:hover:before{opacity:1}