.cc{display:grid;justify-items:center;grid-gap:1rem;gap:1rem;width:100%}.cc-stage{position:relative;display:grid;place-items:center;width:min(100%,36rem);aspect-ratio:1.32;perspective:1200px;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-moz-user-select:none;user-select:none;-webkit-user-select:none}.cc-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .6s var(--ease,ease)}.cc.is-3d .cc-stage{cursor:-webkit-grab;cursor:grab}.cc.is-3d .cc-stage:active{cursor:-webkit-grabbing;cursor:grabbing}.cc.is-3d .cc-canvas{opacity:1}.cc.is-3d .cc-card,.cc.is-3d .cc-shadow{display:none}.cc-hint{margin:-.25rem 0 0;font-size:.72rem;letter-spacing:.08em;color:var(--text-3)}.cc-card{--rx:0deg;--ry:0deg;--mx:30%;--my:20%;--hx:10%;position:relative;width:78%;aspect-ratio:1.586;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s cubic-bezier(.22,1,.36,1);cursor:pointer;animation:cc-float 7s ease-in-out infinite}.cc-card.is-flipped{transform:rotateX(var(--rx)) rotateY(calc(var(--ry) + 180deg));animation:none}.cc-stage:hover .cc-card:not(.is-flipped){animation:none;transition:transform .1s linear}.cc-stage:hover .cc-card.is-flipped{transition:transform .1s linear}@keyframes cc-float{50%{transform:rotateX(5deg) rotateY(-8deg) translateY(-6px)}}.cc-face{position:absolute;inset:0;display:grid;padding:clamp(.9rem,4.5%,1.5rem);border-radius:clamp(14px,4.5%,20px);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;color:#e9e3d4;background:linear-gradient(135deg,#1e1f23,#0b0c0e 42%,#26282d 58%,#0d0e10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.7),0 34px 70px -22px rgba(0,0,0,.95)}.cc-front{grid-template-rows:auto 1fr auto;transform:rotateY(0deg)}.cc-back{transform:rotateY(180deg);padding:0}.cc-back,.cc-front{transition:visibility 0s linear .15s}.cc-back,.cc-card.is-flipped .cc-front{visibility:hidden}.cc-card.is-flipped .cc-back{visibility:visible}.cc-brushed{inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.032) 0 1px,transparent 1px 3px)}.cc-brushed,.cc-holo{position:absolute;pointer-events:none}.cc-holo{top:0;bottom:0;right:13%;width:11%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 1px,transparent 1px 4px),linear-gradient(160deg,#ff8ad8,#8ae6ff 18%,#fff2a0 34%,#b89cff 50%,#8affc8 66%,#ff9f8a 82%,#8ae6ff);background-size:100% 100%,100% 400%;background-position:0 0,0 var(--hx);opacity:.2;mix-blend-mode:color-dodge;transition:background-position .3s ease-out}.cc-sweep{position:absolute;inset:-20% -60%;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,245,220,.16) 50%,transparent 58%);transform:translateX(-60%);animation:cc-sweep 6.5s ease-in-out 1.2s infinite}@keyframes cc-sweep{0%,62%{transform:translateX(-60%)}to{transform:translateX(60%)}}.cc-glare{position:absolute;inset:0;pointer-events:none;background:radial-gradient(380px circle at var(--mx) var(--my),rgba(255,238,205,.22),transparent 45%);mix-blend-mode:screen}.cc-top{position:relative;justify-content:space-between;align-items:flex-start}.cc-brand,.cc-top{display:flex;gap:.5rem}.cc-brand{align-items:center;font-family:"Michroma",var(--font-display,sans-serif);font-size:clamp(.58rem,2.3vw,.78rem);letter-spacing:.1em;text-transform:uppercase;color:#e3c987}.cc-dial{width:1.5em;height:1.5em;border-radius:50%;border:1px solid #c9a961;background:repeating-conic-gradient(#c9a961 0 2deg,transparent 2deg 15deg);-webkit-mask:radial-gradient(circle,transparent 52%,#000 54%);mask:radial-gradient(circle,transparent 52%,#000 54%)}.cc-club{font-size:clamp(.46rem,1.8vw,.58rem);letter-spacing:.18em;text-transform:uppercase;color:rgba(233,227,212,.55);text-align:right}.cc-chip{position:relative;align-self:center;width:clamp(2.2rem,12%,3rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#1a1b1f 34%,transparent 35%),repeating-conic-gradient(rgba(227,201,135,.75) 0 3deg,rgba(0,0,0,.4) 3deg 20deg);box-shadow:inset 0 1px 1px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.12);animation:cc-dial 18s linear infinite}@keyframes cc-dial{to{transform:rotate(1turn)}}.cc-bottom{position:relative;display:grid;grid-gap:.35rem;gap:.35rem}.cc-handle{font-family:"Michroma",var(--font-display,sans-serif);font-size:clamp(.9rem,4.4vw,1.45rem);letter-spacing:.04em;color:#d9d2c0;text-shadow:0 -1px 0 rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.16);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-handle.is-placeholder{color:rgba(217,210,192,.4)}.cc-char{display:inline-block;animation:cc-engrave .65s cubic-bezier(.22,1,.36,1) var(--d) both}@keyframes cc-engrave{0%{opacity:0;color:#fff6dc;text-shadow:0 0 6px #fff1c8,0 0 18px rgba(255,200,120,.9);transform:translateY(-2px)}35%{opacity:1;color:#ffe9b0;text-shadow:0 0 4px #fff1c8,0 0 12px rgba(255,200,120,.7)}}.cc-meta{display:flex;justify-content:space-between;font-size:clamp(.48rem,1.9vw,.62rem);letter-spacing:.16em;text-transform:uppercase;color:rgba(233,227,212,.55)}.cc-meta strong{font-weight:500;color:rgba(233,227,212,.92);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cc-stripe{position:absolute;top:11%;left:0;right:0;height:17%;background:linear-gradient(180deg,#050506,#111215 50%,#050506)}.cc-back-body{position:absolute;inset:36% 5.5% 7%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:5%;gap:5%;align-items:end}.cc-back-left{display:grid;grid-gap:.3rem;gap:.3rem;min-width:0}.cc-sign-label{font-size:clamp(.42rem,1.6vw,.52rem);letter-spacing:.18em;text-transform:uppercase;color:rgba(233,227,212,.45)}.cc-sign{display:block;padding:.25rem .55rem;border-radius:4px;background:repeating-linear-gradient(45deg,rgba(0,0,0,.06) 0 2px,transparent 2px 5px),repeating-linear-gradient(-45deg,rgba(0,0,0,.06) 0 2px,transparent 2px 5px),#ece6d6;color:#1b1c22;font-family:Snell Roundhand,Segoe Script,Brush Script MT,cursive;font-size:clamp(.85rem,3.6vw,1.2rem);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-stats{display:flex;gap:.8rem;font-size:clamp(.52rem,2vw,.68rem);letter-spacing:.12em;text-transform:uppercase;color:rgba(233,227,212,.6)}.cc-stats strong{color:#e3c987;font-weight:600}.cc-fine{font-size:clamp(.4rem,1.5vw,.5rem);line-height:1.4;color:rgba(233,227,212,.4)}.cc-qr{width:clamp(3.6rem,22vw,5.4rem);height:auto}.cc-qr-plate{fill:#ece6d6}.cc-qr-dots{fill:#111215}.cc-shadow{position:absolute;bottom:.4rem;width:min(80%,22rem);height:1.5rem;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent);filter:blur(4px)}.cc-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.cc-turn{padding:.45rem .95rem;border:1px solid var(--line-2);border-radius:999px;background:none;color:var(--text-2);font:inherit;font-size:.82rem;cursor:pointer;transition:color .2s,border-color .2s}.cc-turn:hover{color:var(--text);border-color:var(--metal-line)}.cc-card.is-still,.cc-card.is-still .cc-char,.cc-card.is-still .cc-chip,.cc-card.is-still .cc-sweep{animation:none}@media (prefers-reduced-motion:reduce){.cc-card,.cc-char,.cc-chip,.cc-sweep{animation:none}.cc-card{transition:none}}.cc-panel{display:grid;grid-gap:1.5rem;gap:1.5rem;align-items:center;margin-bottom:clamp(1.75rem,4vw,2.5rem);padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--line);border-radius:var(--radius-lg,20px);background:radial-gradient(120% 90% at 85% 10%,rgba(214,180,106,.07),transparent 60%),var(--bg-1)}@media (min-width:900px){.cc-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.5rem}}.cc-panel-copy{display:grid;grid-gap:.75rem;gap:.75rem;align-content:start}.cc-panel-copy h2{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:-.01em}.cc-panel-copy p{margin:0;max-width:34rem}.cc-panel-note{padding:.7rem .9rem;border:1px solid var(--metal-line,rgba(214,180,106,.35));border-radius:12px;font-size:.88rem;color:var(--text-2)}.cc-panel-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}