:root{--bg: #12110e;--ink: #1a1410;--paper: #f7f1e6;--gold: #e8cc96;--gold-deep: #b9924f;--cream: #f4efe4;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{display:grid;place-items:center;overflow:hidden;color:var(--cream);background:radial-gradient(ellipse 78% 62% at 50% 42%,#1c1a16,#12110e 52%,#0d0c0a);font-family:Outfit,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.atmosphere{position:fixed;inset:0;pointer-events:none}.glow{position:absolute;inset:0;background:radial-gradient(ellipse 46% 34% at 50% 46%,rgba(232,204,150,.16),transparent 72%),radial-gradient(ellipse 90% 50% at 50% 115%,rgba(48,32,14,.35),transparent 62%);animation:glow-breathe 7.5s ease-in-out infinite}.coins{position:absolute;inset:0;overflow:hidden}.coin{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);opacity:.94;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35));animation:coin-drift var(--d) ease-in-out var(--delay) infinite alternate;will-change:transform}.coin img{display:block;width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 1px #ffffff14}.coin-cross{animation-name:coin-cross}.page{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:min(100%,42rem);padding:2rem 1.25rem 2.4rem}.brand{margin-bottom:1.45rem;color:var(--cream);font-family:Outfit,system-ui,sans-serif;font-size:clamp(1.4rem,3.2vw,1.85rem);font-weight:500;line-height:1.15;letter-spacing:-.02em;text-align:center;white-space:nowrap;opacity:0;transform:translateY(14px);animation:rise 1s var(--ease) .2s forwards}.stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:.4rem .5rem .2rem}.card-float{position:relative;display:grid;place-items:center;animation:float 7s ease-in-out infinite}.aura{position:absolute;width:86%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(232,204,150,.3),transparent 70%);opacity:0;transform:scale(.82);pointer-events:none}.dust{position:absolute;inset:0;pointer-events:none;z-index:2}.hand{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:min(92vw,430px);height:clamp(250px,48vw,320px)}.card{--mx: 46%;--my: 32%;position:relative;width:clamp(154px,36vw,188px);aspect-ratio:2.5 / 3.5;flex:0 0 auto}.card-ace{z-index:1;margin-right:-40px;animation:deal-ace 1.05s var(--ease) .15s both}.card-king{z-index:2;margin-left:-40px;animation:deal-king 1.05s var(--ease) .36s both}.suit-red,.suit-red .card-front{color:#c1202b}.card-thickness{position:absolute;inset:3px -3px;border-radius:13px;background:linear-gradient(180deg,#d8bf8a,#8d7040);transform:translateZ(-4px)}.card-face{position:absolute;inset:0;border-radius:12px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-back{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(224,195,138,.14),transparent 58%),linear-gradient(160deg,#211c16,#0d0b09);border:1px solid rgba(224,195,138,.4);transform:rotateY(180deg)}.back-frame{position:relative;display:grid;place-items:center;width:calc(100% - 18px);height:calc(100% - 18px);border:1px solid rgba(224,195,138,.38);border-radius:8px;background:repeating-linear-gradient(135deg,rgba(224,195,138,.08) 0 2px,transparent 2px 11px)}.back-frame i,.back-frame span{position:absolute;border-radius:inherit}.back-frame i{inset:7px;border:1px solid rgba(224,195,138,.22)}.back-frame span{width:46px;height:46px;border:1px solid rgba(224,195,138,.55);transform:rotate(45deg);box-shadow:inset 0 0 0 6px #0d0b09b3}.card-front{color:var(--ink);background:#f4ebda;box-shadow:inset 0 0 0 1px #fffaf2f2,0 18px 34px #00000057}.card-stock{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.55),transparent 42%),linear-gradient(180deg,#fffaf1 0%,var(--paper) 100%)}.frame{position:absolute;inset:10px;border:1.5px solid rgba(176,132,64,.55);border-radius:6px;box-shadow:0 0 0 3px #f7f1e6,inset 0 0 0 1px #b0844033;pointer-events:none}.frame b{position:absolute;width:10px;height:10px;border:1.5px solid rgba(168,122,58,.5)}.frame b:nth-child(1){top:-1px;left:-1px;border-right:0;border-bottom:0}.frame b:nth-child(2){top:-1px;right:-1px;border-left:0;border-bottom:0}.frame b:nth-child(3){right:-1px;bottom:-1px;border-left:0;border-top:0}.frame b:nth-child(4){bottom:-1px;left:-1px;border-right:0;border-top:0}.pip{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;width:28px}.pip em{font-family:Playfair Display,Georgia,serif;font-size:2rem;font-style:normal;font-weight:700;line-height:.82}.pip svg,.pip-center{fill:currentColor}.pip svg{width:15px;height:21px;margin-top:1px}.pip-tl{top:17px;left:15px}.pip-br{right:15px;bottom:17px;transform:rotate(180deg)}.pip-center{position:absolute;top:50%;left:50%;width:44%;transform:translate(-50%,-51%)}.court{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-52%)}.court strong{font-family:Playfair Display,Georgia,serif;font-size:3.1rem;font-weight:700;line-height:.8}.court svg{width:42px;height:38px;margin-top:4px;fill:currentColor}.sheen{position:absolute;inset:0;background:radial-gradient(160px 130px at var(--mx) var(--my),rgba(255,255,255,.42),transparent 58%);mix-blend-mode:soft-light;pointer-events:none}.sweep{position:absolute;top:-20%;left:-30%;width:38%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transform:rotate(18deg) translate(-140%);pointer-events:none}.ground{position:absolute;left:50%;bottom:18px;width:58%;height:20px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.45),transparent 70%);transform:translate(-50%);animation:ground 6.4s ease-in-out infinite;pointer-events:none}.stage.is-win .aura{animation:aura-in .9s var(--ease) forwards,aura-breathe 3.8s ease-in-out .9s infinite}.stage.is-win .card-ace{animation:fan-ace .95s var(--ease) forwards}.stage.is-win .card-king{animation:fan-king .95s var(--ease) forwards}.stage.is-win .card-front{box-shadow:inset 0 0 0 1px #fffaf2f2,0 18px 32px #00000052,0 0 26px #e8cc9638}.stage.is-win .sweep{animation:sweep 1.5s var(--ease) .12s both}.mote{position:absolute;left:50%;top:56%;width:var(--size);height:var(--size);border-radius:50%;background:var(--gold);box-shadow:0 0 8px #e8cc96b3;opacity:0;animation:mote-up 2.4s ease-out var(--delay) forwards}.cta{display:inline-flex;align-items:center;gap:.7rem;margin-top:2.4rem;padding:1rem 1.55rem 1rem 1.3rem;border:1px solid rgba(224,195,138,.46);border-radius:999px;color:var(--cream);background:#e0c38a0f;box-shadow:0 0 #e0c38a00;text-decoration:none;font-size:.84rem;font-weight:500;letter-spacing:.02em;opacity:0;transform:translateY(16px);animation:rise 1s var(--ease) .9s forwards;transition:background .35s var(--ease),color .35s var(--ease),transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}.cta svg{width:16px;height:16px}.cta:hover{color:#16130f;background:var(--gold);border-color:var(--gold);box-shadow:0 10px 28px #e0c38a2e;transform:translateY(-2px)}.cta:focus-visible{outline:1px solid var(--gold);outline-offset:4px}@keyframes rise{to{opacity:1;transform:none}}@keyframes deal-ace{0%{opacity:0;transform:translate(-18px,22px) rotate(-10deg)}to{opacity:1;transform:rotate(-8deg)}}@keyframes deal-king{0%{opacity:0;transform:translate(18px,22px) rotate(10deg)}to{opacity:1;transform:rotate(7deg)}}@keyframes fan-ace{0%{transform:rotate(-8deg)}to{transform:rotate(-18deg) translate(-10px,6px)}}@keyframes fan-king{0%{transform:rotate(7deg)}to{transform:rotate(16deg) translate(12px,2px)}}@keyframes float{0%,to{transform:translateY(4px)}50%{transform:translateY(-6px)}}@keyframes ground{0%,to{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.82);opacity:.55}}@keyframes sweep{0%{transform:rotate(18deg) translate(-160%)}to{transform:rotate(18deg) translate(420%)}}@keyframes aura-in{to{opacity:1;transform:scale(1)}}@keyframes aura-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes mote-up{0%{opacity:0;transform:translate(var(--x),8px) scale(.4)}18%{opacity:.9}to{opacity:0;transform:translate(calc(var(--x) + var(--drift)),calc(var(--rise) * -1)) scale(.15)}}@keyframes glow-breathe{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes coin-drift{0%{transform:translateZ(0) rotate(0)}to{transform:translate3d(var(--dx),var(--dy),0) rotate(var(--spin))}}@keyframes coin-cross{0%{transform:translateZ(0) rotate(-8deg)}50%{transform:translate3d(var(--dx),var(--dy),0) rotate(10deg)}to{transform:translate3d(calc(var(--dx) * -.25),calc(var(--dy) * .35),0) rotate(-6deg)}}@media(max-width:720px){.coin:nth-child(n+8){display:none}.coin{opacity:.78}}@media(max-width:380px){.brand{white-space:normal;max-width:11ch;text-wrap:balance}}@media(prefers-reduced-motion:reduce){.glow,.card-float,.ground,.sweep,.brand,.cta,.card,.coin,.aura,.mote{animation:none}.aura,.brand,.cta{opacity:1;transform:none}.card-ace{transform:rotate(-18deg) translate(-10px,6px)}.card-king{transform:rotate(16deg) translate(12px,2px)}}