@media (prefers-reduced-motion:no-preference){html:has(main.paper){scroll-behavior:smooth}}.font-headline{font-family:var(--font-headline);font-weight:400}.paper{background-color:var(--background);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .1  0 0 0 0 .09  0 0 0 0 .15  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.overprint{text-shadow:.045em .04em 0 color-mix(in srgb, var(--plate) 70%, transparent);display:inline-block}.halftone{background-image:radial-gradient(circle at center, var(--dot,var(--ink-blue)) 0 42%, transparent 44%);background-size:var(--cell,12px) var(--cell,12px);mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(circle at 35% 35%,#000 0 30%,#0000008c 55%,#0000 70%);mask-image:radial-gradient(circle at 35% 35%,#000 0 30%,#0000008c 55%,#0000 70%)}.press{box-shadow:4px 4px 0 var(--ink-black);transition:transform .12s cubic-bezier(.2,.9,.3,1.4),box-shadow .12s;transform:translate(0)}.press:hover:not(:disabled){box-shadow:6px 6px 0 var(--ink-black);transform:translate(-2px,-2px)}.press:active:not(:disabled){box-shadow:0 0 0 var(--ink-black);transform:translate(4px,4px)}.ticket{border-radius:14px;-webkit-mask:radial-gradient(9px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(9px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(9px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(9px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat}.sticker{transition:transform .35s cubic-bezier(.2,.9,.3,1.5)}.sticker:hover{transform:rotate(0)scale(1.04)!important}.tilt-card{transition:transform .4s cubic-bezier(.2,.9,.3,1.3),box-shadow .3s}.tilt-card:hover{box-shadow:9px 9px 0 var(--ink-black);transform:rotate(0)translate(-3px,-3px)!important}.badge-ring{transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.badge:hover .badge-ring,.badge:active .badge-ring{transform:rotate(140deg)}main.paper :where(a,button,[role=radio]):focus-visible{outline:3px solid var(--ring);outline-offset:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ticketIn{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(-14px)rotate(-2deg)}to{opacity:1;clip-path:inset(0);transform:translateY(0)rotate(0)}}@keyframes stamp{0%{opacity:0;transform:rotate(-12deg)scale(2.4)}to{opacity:1;transform:rotate(-12deg)scale(1)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear forwards reveal;animation-timeline:view();animation-range:entry var(--reveal-start,0%) entry var(--reveal-end,35%)}}}@keyframes reveal{0%{opacity:0;translate:0 28px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.badge-ring,.sticker,.tilt-card,.press{transition:none!important}}
