.dz{color:#fff;background:0 0;border:0;width:min(100% - 2rem,46rem);max-width:none;max-height:calc(100dvh - 2rem);margin:auto;padding:0;overflow:visible}.dz::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141210db}.dz-inner{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);display:grid;position:relative}.dz-board{aspect-ratio:3/4;border-radius:.45rem;justify-self:center;width:min(100%,480px,52.5dvh);position:relative;box-shadow:inset 0 0 0 1px #0000001a,0 40px 70px -30px #000c}.dz-board:after{content:"";border-radius:inherit;background:linear-gradient(135deg,#ffffff38,#0000 40%);position:absolute;inset:0}.dz-count{letter-spacing:.04em;color:#ffffff8c;font-size:.75rem}.dz-name{font-family:var(--font-newsreader), Georgia, serif;letter-spacing:-.03em;margin:.6rem 0 0;font-size:clamp(2rem,4vw,2.8rem);font-weight:300;line-height:1}.dz-code{color:#ffffffbf;margin:.8rem 0 0;font-size:.85rem}.dz-note{color:#ffffff80;max-width:26ch;margin:1.4rem 0 0;font-size:.8rem;line-height:1.45}.dz-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.6rem;display:flex}.dz-round,.dz-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;padding:0;transition:background-color .2s;display:grid}.dz-round:hover,.dz-close:hover{background:#ffffff1f}.dz-round svg,.dz-close svg{width:1.3rem;height:1.3rem}.dz-close{z-index:1;border:0;position:absolute;top:-.25rem;right:0}.dz-round{flex:none}.dz-round:focus-visible,.dz-close:focus-visible,.dz-link:focus-visible{outline-offset:3px;outline:2px solid #fff}.dz-link{background:var(--color-accent,#bd4f1f);color:#fff;border-radius:999px;align-items:center;height:2.75rem;margin-left:.5rem;padding:0 1.2rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:filter .2s;display:inline-flex}.dz-link:hover{filter:brightness(1.1)}@media (prefers-reduced-motion:no-preference){.dz[open]{animation:.3s both dzFade}.dz-board{animation:dzBoard .7s var(--ease-out-expo,ease) both}}@keyframes dzFade{0%{opacity:0}}@keyframes dzBoard{0%{opacity:0;transform:translateY(1.5rem) scale(.88) rotate(var(--r,0deg))}}@media (max-width:639px){.dz-inner{grid-template-columns:1fr;gap:1.25rem}.dz-board{width:min(100%,39dvh)}.dz-close{top:-3.25rem;right:-.5rem}}
