/* /collect-coins — builds on gift.css (stage, buttons, sparkles, toast). Phones first. */
.page-coins .cta-band,.page-coins .mobile-cart,.page-coins .install-banner{display:none!important}
.page-coins{padding-bottom:0}
.cc-stage{background:radial-gradient(120% 70% at 50% 0%,#ffb02e66 0%,transparent 55%),radial-gradient(90% 60% at 50% 100%,#ff5a3c44 0%,transparent 60%),linear-gradient(170deg,#c3121a 0%,#8f0b12 55%,#5c070b 100%)}
.cc .gg-kicker{display:inline-flex;align-items:center;gap:8px}

/* The big coin */
.cc-coin{position:relative;width:min(48vw,190px);aspect-ratio:1;margin:26px 0 8px;border:0;padding:0;border-radius:50%;display:grid;place-items:center;cursor:default;-webkit-tap-highlight-color:transparent;
  background:radial-gradient(circle at 34% 28%,#fff8d6 0 7%,#ffe27a 24%,#f7b733 58%,#d98a00 100%);
  box-shadow:inset 0 0 0 9px #ffd75e,inset 0 0 0 13px #d98a00,inset 0 -10px 22px #a8650066,0 20px 44px #0007,0 0 60px #ffcf4d55;animation:cc-turn 3.4s ease-in-out infinite}
.cc-coin span{font:800 clamp(64px,19vw,92px)/1 Manrope,sans-serif;color:#b86a00;text-shadow:0 3px 0 #ffeeb0,0 -1px 0 #8a4f00}
.cc-coin::after{content:'';position:absolute;inset:-22%;border-radius:50%;background:radial-gradient(circle,#ffe58a55 0%,transparent 62%);z-index:-1;animation:gg-pulse 1.8s ease-in-out infinite}
.cc-coin.tap{cursor:pointer}
.cc-coin.tap:focus-visible{outline:3px solid var(--gold);outline-offset:8px}
.cc-coin.fast{animation:cc-turn .45s linear infinite}
@keyframes cc-turn{0%,100%{transform:scaleX(1)}25%{transform:scaleX(.12)}50%{transform:scaleX(-1)}75%{transform:scaleX(.12)}}
.cc-coin.idle{width:min(34vw,128px);margin:18px 0 4px}.cc-coin.idle span{font-size:clamp(46px,13vw,62px)}
.cc-offer{margin:10px 0 0;font:700 17px Manrope,sans-serif;color:#fff}.cc-offer b{color:var(--gold)}

/* Name + mobile form */
.cc-form{width:100%;max-width:380px;margin-top:18px;padding:16px;border-radius:22px;background:#ffffff16;border:1px solid #ffffff30;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:left;display:grid;gap:12px}
.cc-form label span{display:block;font:700 13px Manrope,sans-serif;color:#ffe3dc;margin:0 0 6px}
.cc-form input{width:100%;border:2px solid transparent;border-radius:14px;padding:14px 15px;font-size:16px;background:#fff;color:#171514;outline:none}
.cc-form input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #ffc83d40}
.cc-form .gg-btn.big{margin-top:6px;max-width:none}
.cc-err{margin:0;padding:10px 12px;border-radius:12px;background:#fff;color:#b62429;font-size:14px;font-weight:700;text-align:left}
.cc .gg-screen>.cc-err{margin-top:14px;max-width:380px}
.cc-note{margin:16px 0 0;font-size:14px;line-height:1.5;color:#ffe3dc}.cc-note b{color:#fff}
.cc-info{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:4px;border-radius:50%;border:1.5px solid currentColor;background:none;color:inherit;font:800 12px/1 Georgia,serif;font-style:italic;cursor:pointer;vertical-align:1px;padding:0}
.cc-info.dark{color:#7a5a00;width:18px;height:18px;font-size:11px}

/* Known visitor */
.cc-balance-pill{margin:14px 0 0;padding:7px 14px;border-radius:99px;background:#0003;font-size:14px;color:#ffe3dc}.cc-balance-pill b{color:var(--gold)}
.cc-switch{margin-top:18px;border:0;background:none;color:#ffd7cc;font-size:13px;text-decoration:underline;cursor:pointer}

/* Collected */
.cc-plus{display:flex;align-items:baseline;justify-content:center;gap:2px;margin:10px 0 0;font:800 clamp(70px,24vw,108px)/1 Manrope,sans-serif;letter-spacing:-.04em;background:linear-gradient(180deg,#fff3b8,#ffc83d 55%,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 20px #0006);animation:cc-pop .6s cubic-bezier(.2,1.6,.4,1) both}
.cc-plus span{font-size:.6em}
@keyframes cc-pop{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
.cc-won-label{margin:4px 0 0;font:800 18px Manrope,sans-serif;color:#fff}
.cc-wallet{width:100%;max-width:380px;margin-top:20px;padding:14px 16px;border-radius:18px;background:#0000002e;border:1px solid #ffffff22;display:grid;gap:2px}
.cc-wallet small{color:#ffd7cc;font-size:12.5px}.cc-wallet b{font:800 26px Manrope,sans-serif;color:var(--gold)}

/* Level card */
.cc-level{width:100%;max-width:380px;margin-top:12px;padding:14px 16px;border-radius:18px;background:#fff;color:#171514;display:flex;gap:12px;align-items:center;text-align:left;box-shadow:0 14px 30px #0004}
.cc-level-badge{flex:0 0 52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:#f6ece2}
.cc-level.gold .cc-level-badge{background:linear-gradient(180deg,#fff2c2,#ffd75e)}.cc-level.platinum .cc-level-badge{background:linear-gradient(180deg,#eef3ff,#c8d6f5)}
.cc-level>div{flex:1;min-width:0;display:grid;gap:3px}.cc-level>div>b{font:800 16px Manrope,sans-serif;display:flex;align-items:center;gap:2px}.cc-level>div>span{font-size:13px;color:#6d6967}.cc-level small{font-size:12px;color:#6d6967}
.cc-next{height:7px;border-radius:99px;background:#f1e9e1;overflow:hidden;margin-top:5px}.cc-next i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb02e,#e3262b)}
.cc-countdown{margin:14px 0 0;font-size:14px;color:#ffe3dc}.cc-countdown b{font:800 18px Manrope,sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.cc .gg-msg h1{font-size:clamp(30px,9vw,42px)}