.ss-scratch-feature{padding-top:20px}
.ss-scratch-feature-open{width:100%;display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:22px;align-items:center;padding:18px 22px;border:1px solid #6997ed;border-radius:20px;background:radial-gradient(ellipse at 10% 50%,#22559180,transparent 65%),linear-gradient(110deg,#132c50,#0e1c34);color:#f3f7ff;text-align:left;box-shadow:0 10px 35px #0015323b;font-family:'DM Sans',Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.ss-scratch-feature-open:hover{border-color:#b0d4ff;background-color:#183968}
.ss-scratch-feature-open:focus-visible{outline:3px solid #a4d5ff;outline-offset:5px}
.ss-scratch-feature-art{height:78px;display:grid;place-items:center;border:1px solid #eaf3ff;border-radius:12px;background:repeating-linear-gradient(125deg,transparent 0 9px,#5375a222 9px 10px),linear-gradient(130deg,#a9bfe2,#f4f8ff 45%,#a7bdde);color:#193967;box-shadow:0 5px 18px #020b2455;transform:rotate(-5deg);font:800 13px/1.25 'Space Grotesk',Arial,sans-serif;letter-spacing:1px;text-align:center}
.ss-scratch-feature-copy{display:grid;gap:3px;min-width:0;font-size:14px;line-height:1.45;color:#c2d8f7}
.ss-scratch-feature-copy .ss-scratch-feature-kicker{color:#b5d9ff;font-size:10px;font-weight:700;letter-spacing:2px}
.ss-scratch-feature-copy strong{color:#fff;font:700 26px/1.15 'Space Grotesk',Arial,sans-serif;letter-spacing:-.8px}
.ss-scratch-feature-cta{display:flex;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:12px 18px;border-radius:10px;background:#5bbbff;color:#061b36;font-size:14px;font-weight:700;white-space:nowrap}
.ss-scratch-feature-cta>span{font-size:22px;line-height:1}
.ss-scratch-feature+.hero{padding-top:32px}
@media(max-width:600px){.ss-scratch-feature{padding-top:14px}.ss-scratch-feature-open{grid-template-columns:66px minmax(0,1fr);gap:10px 16px;padding:16px;border-radius:16px}.ss-scratch-feature-art{height:72px;grid-row:1 / 3;font-size:11px;align-self:center}.ss-scratch-feature-copy{font-size:12px;gap:4px}.ss-scratch-feature-copy strong{font-size:22px}.ss-scratch-feature-copy .ss-scratch-feature-kicker{font-size:10px;letter-spacing:1.6px}.ss-scratch-feature-cta{grid-column:2;min-height:42px;padding:9px 13px;justify-content:space-between;font-size:13px}.ss-scratch-feature+.hero{padding-top:26px}}
@media(max-width:360px){.ss-scratch-feature-open{grid-template-columns:55px minmax(0,1fr);gap:9px 13px;padding:14px}.ss-scratch-feature-copy strong{font-size:20px}.ss-scratch-feature-art{height:64px;font-size:10px}}
.ss-scratch-launcher{position:fixed;left:20px;bottom:calc(102px + env(safe-area-inset-bottom));z-index:920;display:flex;align-items:center;max-width:calc(100% - 40px);border:1px solid #93caff;border-radius:100px;background:#2059c5;color:#fff;box-shadow:0 10px 38px #00112f66;font-family:'DM Sans',Arial,sans-serif;overflow:hidden}
.ss-scratch-launcher[hidden],#ss-scratch-dialog [hidden]{display:none!important}
.ss-scratch-launcher button{color:inherit;background:none;border:0;cursor:pointer;min-height:46px;touch-action:manipulation}
.ss-scratch-launch{display:flex;align-items:center;gap:10px;padding:9px 6px 9px 13px;font:700 13px/1.3 'DM Sans',Arial,sans-serif}
.ss-scratch-launch-token{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#fff0b4,#dfb74c);color:#392b08;font:800 11px 'Space Grotesk',Arial,sans-serif;transform:rotate(-12deg)}
.ss-scratch-dismiss{width:40px;font-size:22px}
.ss-scratch-launcher button:focus-visible,#ss-scratch-dialog :focus-visible{outline:3px solid #8bd4ff;outline-offset:3px}
body:has(.owner-dashboard-link) .ss-scratch-launcher{bottom:calc(148px + env(safe-area-inset-bottom))}
#ss-scratch-dialog{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #42618d;border-radius:26px;background:#0c1627;color:#f2f6ff;box-shadow:0 30px 100px #0009;overflow:auto;font-family:'DM Sans',Arial,sans-serif}
#ss-scratch-dialog::backdrop{background:#030917bc;backdrop-filter:blur(7px)}
#ss-scratch-dialog *{box-sizing:border-box}
#ss-scratch-dialog .ss-scratch-body{padding:28px;position:relative;overflow:hidden}
#ss-scratch-dialog .ss-scratch-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}
#ss-scratch-dialog .ss-scratch-top img{width:144px;height:auto;display:block}
#ss-scratch-dialog .ss-scratch-close{display:grid;place-items:center;flex:0 0 40px;height:40px;border:1px solid #394e6b;border-radius:50%;background:#1a2940;color:#d7e5ff;font:400 26px Arial;cursor:pointer}
#ss-scratch-dialog .ss-scratch-kicker{font-size:11px;letter-spacing:2px;font-weight:700;color:#81c7ff;margin:0 0 9px}
#ss-scratch-dialog h2{font:800 clamp(32px,9vw,42px)/.98 'Space Grotesk',Arial,sans-serif;letter-spacing:-1.8px;margin:0 0 15px;color:#f2f6ff}
#ss-scratch-dialog .ss-scratch-copy{font-size:14px;line-height:1.6;color:#b6c6e1;margin:0 0 22px}
#ss-scratch-dialog .ss-scratch-surface{position:relative;height:192px;border-radius:17px;background:radial-gradient(ellipse at 50% 0%,#245cb6,#142646 75%);overflow:hidden;margin:0 0 13px}
#ss-scratch-dialog .ss-scratch-reward{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;padding:18px}
#ss-scratch-dialog .ss-scratch-reward span{font-size:10px;letter-spacing:1.9px;color:#bfdaff;font-weight:700}
#ss-scratch-dialog .ss-scratch-reward strong{font:800 58px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-2.8px;color:#fff}
#ss-scratch-dialog .ss-scratch-reward small{font-size:14px;color:#bfdcff}
#ss-scratch-dialog .ss-scratch-reward del{opacity:.8;margin-right:7px}
#ss-scratch-dialog canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
#ss-scratch-dialog .ss-scratch-status{min-height:22px;margin:0 0 13px;text-align:center;font-size:12px;color:#afc4e4;line-height:1.5}
#ss-scratch-dialog .ss-scratch-action{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;min-height:49px;border:0;border-radius:12px;background:#2b78ff;color:#fff;font:700 14px/1.4 'DM Sans',Arial,sans-serif;text-align:center;text-decoration:none;padding:13px 12px;cursor:pointer}
#ss-scratch-dialog .ss-scratch-action:hover{background:#3987ff}
#ss-scratch-dialog .ss-scratch-note{margin:13px 0 0;color:#a6b8d3;font-size:11px;line-height:1.6;text-align:center}
#ss-scratch-dialog .ss-scratch-note a{color:#bddbff;text-decoration:underline;text-underline-offset:3px}
#ss-scratch-dialog .ss-scratch-spark{position:absolute;left:50%;top:56%;width:5px;height:10px;background:#f5d17a;border-radius:2px;pointer-events:none;opacity:0}
#ss-scratch-dialog.is-revealed .ss-scratch-spark{animation:ss-scratch-confetti .85s ease-out both;transform:rotate(30deg)}
@keyframes ss-scratch-confetti{0%{opacity:0;transform:translate(0,0) rotate(0)}20%{opacity:1}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) rotate(var(--spark-r))}}
@media(max-width:390px){#ss-scratch-dialog .ss-scratch-body{padding:22px 18px}.ss-scratch-launcher{left:14px;max-width:calc(100% - 28px)}#ss-scratch-dialog .ss-scratch-surface{height:178px}}
@media(prefers-reduced-motion:reduce){#ss-scratch-dialog .ss-scratch-spark{animation:none!important}}
