.gp{min-width:0}.gp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:640px){.gp-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.gp-tile{--hue:#e9bc52;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.016)),rgba(11,17,24,.9);flex-direction:column;gap:.15rem;min-height:4.75rem;padding:.7rem .75rem .65rem;transition:box-shadow .15s,background .15s,transform .12s;display:flex;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.gp-tile:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hue)55%,transparent)}.gp-tile:active{transform:scale(.97)}.gp-tile:has(:focus-visible){outline:2px solid var(--hue);outline-offset:2px}.gp-tile:has(:checked){box-shadow:inset 0 0 0 1px var(--hue),inset 0 -18px 30px -18px color-mix(in srgb,var(--hue)55%,transparent);background:radial-gradient(ellipse 80% 60% at 0% 0%,color-mix(in srgb,var(--hue)18%,transparent),transparent 70%),rgba(11,17,24,.95)}.gp-short{font-family:var(--font-display,inherit);letter-spacing:.04em;color:var(--hue);font-size:1.05rem;font-weight:900;line-height:1.1}.gp-name{color:var(--color-paper);font-size:11px;font-weight:600;line-height:1.25}.gp-size{letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-size:10px;font-weight:700}.gp-other-field{display:none}.gp:has(.gp-other :checked) .gp-other-field{display:block}@media (prefers-reduced-motion:reduce){.gp-tile{transition:none}.gp-tile:active{transform:none}}