.card.svelte-hfinwn.svelte-hfinwn{background:black;width:100%;height:100%;perspective:1000px;cursor:pointer}.card-finished.svelte-hfinwn.svelte-hfinwn:hover{opacity:0.8}.card-face.svelte-hfinwn.svelte-hfinwn{width:100%;height:100%;backface-visibility:hidden;position:absolute;transition:transform 0.5s}.card-face-front.svelte-hfinwn.svelte-hfinwn{display:flex}.white.svelte-hfinwn.svelte-hfinwn{background-color:white}.red.svelte-hfinwn.svelte-hfinwn{background-color:red}.blue.svelte-hfinwn.svelte-hfinwn{background-color:blue}.card-face-back.svelte-hfinwn.svelte-hfinwn{background-color:#fff;transform:rotateY(180deg)}.card.svelte-hfinwn img.svelte-hfinwn{width:100%;height:100%;object-fit:cover}.flipped.svelte-hfinwn .card-face-front.svelte-hfinwn{transform:rotateY(180deg)}.flipped.svelte-hfinwn .card-face-back.svelte-hfinwn{transform:rotateY(0)}
.outer-container.svelte-1o9rxor{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.container.svelte-1o9rxor{height:100vh;width:100vh;display:grid;grid-template-columns:repeat(6, 1fr);grid-template-rows:repeat(6, 1fr);gap:5px}@media(orientation: portrait){.container.svelte-1o9rxor{height:100vw;width:100vw}}
canvas.svelte-15nsus0{z-index:101;position:fixed;top:0;left:0;width:100%;height:100%}
.exit-note.svelte-3zju3q{opacity:100%;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;width:80%;max-width:400px;padding:1rem;border:2px solid #ff0000;border-radius:0.25rem;background-color:rgba(255, 255, 255, 0.95);color:#0022a6;font-size:1.2rem;text-align:center;z-index:100;transition:opacity 0.3s ease-in-out}