@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap";:root{color:#242426;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,DM Sans,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(at 50% 44%,#fffffffa 0%,#ffffff8a 32%,#0000 68%),linear-gradient(135deg,#f8f8fa 0%,#f1f1f4 100%);min-height:100svh;overflow:hidden}.scene{perspective:1400px;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;gap:36px;width:100%;min-height:100svh;display:flex;position:relative}.scene:before,.scene:after{content:"";z-index:-1;pointer-events:none;border:1px solid #ffffff94;border-radius:50%;width:72vw;max-width:900px;height:72vw;max-height:900px;position:absolute}.scene:before{transform:translate(-42%,-35%)}.scene:after{opacity:.55;transform:translate(48%,48%)scale(.82)}.coin-button{cursor:pointer;perspective:1400px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;place-items:center;width:clamp(230px,34vw,340px);height:clamp(230px,34vw,340px);padding:0;display:grid}.coin-button:focus-visible{filter:drop-shadow(0 0 .45rem #646e7d4d);border-radius:50%}.coin{width:100%;height:100%;transform-style:preserve-3d;filter:drop-shadow(0 24px 22px #2a2c3233);display:block;position:relative}.coin-face{backface-visibility:hidden;border-radius:50%;position:absolute;inset:0;overflow:hidden}.coin-front{background:#bfc1c4;transform:rotateY(0)translateZ(5px)}.coin-front img{object-fit:cover;-webkit-user-select:none;user-select:none;border-radius:50%;width:100%;height:100%;display:block}.coin-back{color:#777c82;background:radial-gradient(circle at 34% 25%,#fff 0%,#e2e3e5 28%,#b8bbc0 70%,#858a90 100%);border:7px solid #c4c6c9;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)translateZ(5px);box-shadow:inset 0 0 0 3px #ffffffd1,inset 0 0 0 10px #5f646c29,inset 0 -12px 22px #00000024}.back-rim{border:2px solid #ffffffc7;border-radius:50%;position:absolute;inset:7%;box-shadow:0 0 0 2px #6e737824}.back-laurel{opacity:.7;text-shadow:1px 2px 1px #fff,-1px -1px 1px #00000038;font-size:clamp(76px,12vw,120px);line-height:1;position:absolute;top:19%;transform:rotate(-90deg)}.back-mark{color:#858a90;text-shadow:1px 2px 1px #fff,-1px -1px 1px #00000040;font-size:clamp(70px,10vw,104px);font-weight:400;line-height:1}.back-caption{letter-spacing:.28em;color:#777c82;margin-top:8px;font-size:clamp(9px,1.2vw,12px);font-weight:600}.coin-edge{pointer-events:none;border-radius:50%;position:absolute;inset:1%;transform:translateZ(0);box-shadow:inset 0 0 0 5px #82878c7a,inset 0 0 0 8px #ffffff8c}.coin.show-heads{transform:rotateY(0)}.coin.show-tails{transform:rotateY(180deg)}.coin.flip-heads{animation:1.85s cubic-bezier(.16,.78,.18,1) both tossHeads}.coin.flip-tails{animation:1.85s cubic-bezier(.16,.78,.18,1) both tossTails}@keyframes tossHeads{0%{transform:rotateY(0)translateY(0)scale(1)}18%{transform:rotateY(360deg)translateY(-90px)scale(1.04)}55%{transform:rotateY(1080deg)translateY(-125px)scale(1.06)}82%{transform:rotateY(1620deg)translateY(-35px)scale(1.02)}to{transform:rotateY(1800deg)translateY(0)scale(1)}}@keyframes tossTails{0%{transform:rotateY(0)translateY(0)scale(1)}18%{transform:rotateY(420deg)translateY(-90px)scale(1.04)}55%{transform:rotateY(1140deg)translateY(-125px)scale(1.06)}82%{transform:rotateY(1680deg)translateY(-35px)scale(1.02)}to{transform:rotateY(1980deg)translateY(0)scale(1)}}.result{letter-spacing:-.02em;color:#777a80;min-height:28px;font-size:17px;font-weight:500;transition:opacity .25s,transform .25s}.result-hidden{opacity:0;transform:translateY(5px)}@media (width<=600px){.scene{gap:24px}.coin-button{width:min(72vw,290px);height:min(72vw,290px)}}@media (prefers-reduced-motion:reduce){.coin.flip-heads,.coin.flip-tails{animation-duration:.45s}}