.svelte-mo55os{box-sizing:border-box}:root{--max-card-w: 600px;--card-aspect: 2 / 1;--wrap-pad: 16px}main.svelte-mo55os{height:100%}#pun-wrapper.svelte-mo55os{display:flex;flex-direction:column;align-items:center;gap:24px;padding:calc(var(--wrap-pad) + env(safe-area-inset-top)) var(--wrap-pad) calc(var(--wrap-pad) + env(safe-area-inset-bottom))}.card-container.svelte-mo55os{perspective:1000px;width:min(92vw,var(--max-card-w));aspect-ratio:var(--card-aspect);cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent}.card.svelte-mo55os{width:100%;height:100%;position:relative;transition:transform .45s ease;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;background:transparent;will-change:transform}.card.flipped.svelte-mo55os{transform:rotateY(180deg)}.card-face.svelte-mo55os{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,4.2vw,30px);line-height:1.2;text-align:center;padding:clamp(12px,4vw,24px);animation:svelte-mo55os-moveBackground 7s linear infinite;background-size:clamp(24px,6vw,60px);border-radius:14px;transform:translateZ(0)}.card-front.svelte-mo55os{z-index:2}.card-back.svelte-mo55os{transform:rotateY(180deg);z-index:3;background-image:url(../../../card-egg.svg)}@keyframes svelte-mo55os-moveBackground{0%{background-position:0 0}to{background-position:100px 100px}}#new-pun.svelte-mo55os,#share-pun.svelte-mo55os{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(1rem,3.6vw,20px);width:min(92vw,var(--max-card-w))}#new-pun[disabled].svelte-mo55os,#share-pun[disabled].svelte-mo55os{opacity:.65;cursor:not-allowed}.spin.svelte-mo55os{display:inline-block;animation:svelte-mo55os-spin .9s linear infinite}@keyframes svelte-mo55os-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#new-pun.svelte-mo55os:active{transform:translateY(1px)}#share-pun.svelte-mo55os{background-color:#ffc680}@media (prefers-reduced-motion: reduce){.card.svelte-mo55os{transition:none}.card-face.svelte-mo55os{animation:none}}@media (min-width: 700px){#pun-wrapper.svelte-mo55os{gap:30px}}