.scratch-page{--scratch-gold:#e5bf72;--scratch-line:#ffffff12;max-width:1240px;margin:0 auto;padding:38px 38px 70px;color:#f6f5f2;font-family:Arial,sans-serif}.scratch-page [hidden]{display:none!important}.scratch-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.scratch-eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:2.3px;color:#beab88;margin-bottom:13px}.scratch-eyebrow i{width:5px;height:5px;border-radius:50%;background:#e6bd71;box-shadow:0 0 15px #e6bd7180}.scratch-heading h1{font-size:clamp(30px,4.2vw,50px);line-height:1;margin:0;font-weight:900;letter-spacing:-2px;font-style:italic}.scratch-heading h1 em{color:var(--scratch-gold)}.scratch-heading p{font-size:12px;color:#8b8b92;margin:12px 0 0;line-height:1.6}.scratch-wallet{padding:13px 18px;border:1px solid var(--scratch-line);border-radius:15px;background:#111216;min-width:135px}.scratch-wallet>span{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#777c86}.scratch-wallet strong{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:23px;margin-top:6px;font-variant-numeric:tabular-nums}.scratch-wallet img{object-fit:contain}.scratch-arena{isolation:isolate;position:relative;overflow:hidden;border:1px solid #baa16d2b;border-radius:28px;min-height:520px;background:radial-gradient(ellipse at 50% 64%,#16313d72,transparent 58%),radial-gradient(ellipse at 50% 0,#8a64311a,transparent 48%),#0b0e13;box-shadow:0 20px 70px #0004}.scratch-arena:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#d9bc7a20 .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(#0004,transparent)}.scratch-arena-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:24px 28px;color:#6e7683;font-size:8px;letter-spacing:1.8px;font-weight:700}.scratch-arena-top>span:last-child{color:#b3a183;display:flex;align-items:center;gap:7px}.scratch-arena-top i{width:4px;height:4px;background:#e4bc70;border-radius:50%}.scratch-orbit{position:absolute;pointer-events:none;width:620px;height:620px;border:1px solid #c8ad6c0b;border-radius:50%;left:50%;top:70px;transform:translateX(-50%);z-index:-1}.scratch-orbit.orbit-two{width:800px;height:800px;top:-20px}.scratch-fan{height:355px;position:relative;max-width:780px;margin:0 auto;perspective:1000px}.scratch-choice{--spread:95px;--w:172px;--h:245px;position:absolute;left:50%;top:44px;width:var(--w);height:var(--h);margin-left:calc(var(--w)/-2);border:1px solid #b99c625e;border-radius:18px;padding:13px;transform-origin:50% 115%;transform:translateX(calc(var(--i)*var(--spread))) translateY(var(--lift)) rotate(var(--turn));background:linear-gradient(145deg,#1a2531,#111923 52%,#1e2931);color:#e8d3a0;box-shadow:-13px 17px 34px #0008,inset 0 0 0 4px #b49b5d0b;z-index:var(--z);transition:transform .4s cubic-bezier(.22,.8,.3,1),border-color .3s,box-shadow .3s;animation:scratch-deal .9s cubic-bezier(.2,.7,.25,1) both;animation-delay:var(--delay);cursor:pointer;text-align:left}.scratch-choice:before{content:"";position:absolute;inset:7px;border:1px solid #c6aa6924;border-radius:12px;pointer-events:none}.scratch-choice:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 24%,#ffe5a50c 45%,transparent 65%);pointer-events:none}.scratch-choice:focus-visible{outline:2px solid #f3d795;outline-offset:5px}.scratch-choice:hover:not(:disabled),.scratch-choice:focus-visible:not(:disabled){transform:translateX(calc(var(--i)*var(--spread))) translateY(calc(var(--lift) - 26px)) rotate(var(--hover-turn)) scale(1.045);border-color:#e9c77fc4;box-shadow:0 20px 40px #000a,0 0 40px #efc47015;z-index:10}.scratch-choice:disabled{cursor:wait}.scratch-card-top{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1px;position:relative;z-index:1;color:#cab990}.scratch-card-top b{font-size:12px;color:#d8c99e}.scratch-card-art{position:absolute;inset:40px 10px 42px;display:flex;align-items:center;justify-content:center}.scratch-card-art:before,.scratch-card-art:after{content:"";position:absolute;width:120px;height:120px;border:1px solid #d2b36625;transform:rotate(45deg);border-radius:25px}.scratch-card-art:after{width:104px;height:104px;transform:rotate(30deg)}.scratch-card-art img{width:85px;height:85px;object-fit:contain;filter:drop-shadow(0 6px 18px #0008);position:relative}.scratch-card-bottom{position:absolute;bottom:18px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px}.scratch-card-bottom strong{font-size:15px;font-style:italic;letter-spacing:-.5px;color:#f0e4c8}.scratch-card-bottom small{font-size:7px;letter-spacing:2px;color:#bfae87}.scratch-arena[data-state="selecting"] .scratch-choice{filter:saturate(.65);opacity:.7}.scratch-arena-bottom{position:relative;display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 28px;padding:22px 0 25px;border-top:1px solid #c9af771a}.scratch-arena-bottom>div{display:flex;flex-direction:column;gap:8px}.scratch-arena-bottom>div>span{font-size:8px;color:#83765f;letter-spacing:1.8px;font-weight:800}.scratch-arena-bottom strong{font-size:14px;font-weight:700;color:#eee1c9;line-height:1.5;font-variant-numeric:tabular-nums}.scratch-bottom-mark{font-size:22px;font-weight:900;letter-spacing:-1px;font-style:italic;color:#ffffff16;display:flex;flex-direction:column;align-items:center;gap:3px}.scratch-bottom-mark span{font-size:5px;letter-spacing:3px;font-style:normal}.scratch-ticket-panel{width:min(100% - 56px,570px);margin:8px auto 28px;padding:17px;background:linear-gradient(145deg,#27322d,#171f24);border:1px solid #d6b67070;border-radius:23px;box-shadow:0 15px 50px #0006;animation:scratch-open .6s cubic-bezier(.2,.8,.2,1)}.scratch-ticket-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:8px;font-weight:800;letter-spacing:1.7px;color:#c6b68f}.scratch-ticket-meta>span:last-child{font-size:7px;color:#8b988e;letter-spacing:1px}.scratch-ticket-meta i{font-style:normal;color:#d7bd7d;margin-left:4px}.scratch-surface{position:relative;aspect-ratio:680/320;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 50% 45%,#324a3e,#101a1e);border:1px solid #d2ba8230}.scratch-prize{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f5dfaa}.scratch-prize-kicker{font-size:8px;font-weight:800;letter-spacing:2px;color:#c3c0a1}.scratch-prize-number{display:flex;gap:12px;align-items:center;justify-content:center;margin:10px 0 8px}.scratch-prize-number strong{font-size:clamp(45px,6vw,68px);line-height:1;font-weight:900;letter-spacing:-3px}.scratch-prize-number img{object-fit:contain;filter:drop-shadow(0 4px 14px #0006)}.scratch-prize>p{font-size:11px;color:#a5b4a6;margin:0;line-height:1.6}.scratch-surface canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;transition:opacity .55s;z-index:1}.scratch-surface canvas.cleared{opacity:0;pointer-events:none}.scratch-gesture{position:absolute;left:50%;bottom:21px;transform:translateX(-50%);color:#534526;font-size:8px;font-weight:800;letter-spacing:1.7px;white-space:nowrap;pointer-events:none;z-index:2}.scratch-ticket-actions{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.scratch-ticket-actions>span{font-size:10px;color:#8c9c91;line-height:1.5}.scratch-ticket-actions button{flex-shrink:0;background:#e1c480;color:#1c201b;border:0;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:800;transition:filter .2s,transform .2s}.scratch-ticket-actions button:hover{filter:brightness(1.1)}.scratch-ticket-actions button:active{transform:scale(.97)}.scratch-ticket-actions button:disabled{opacity:.6;cursor:wait}.scratch-arena[data-state="revealing"] .scratch-surface{animation:scratch-pulse 1s infinite alternate}.scratch-arena[data-state="done"] .scratch-prize-number{animation:scratch-reward .65s cubic-bezier(.18,.8,.2,1)}.scratch-details{display:flex;justify-content:center;gap:48px;margin:26px 0 0}.scratch-details>div{display:flex;align-items:center;gap:11px}.scratch-details strong{display:block;font-size:11px;color:#c5c7ca;font-weight:700}.scratch-details small{display:block;font-size:9px;color:#666e79;margin-top:5px}.scratch-detail-icon{font-size:24px;color:#aa9469}.scratch-error{margin:16px 0 0;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 16px;border:1px solid #ed757b33;border-radius:12px;background:#f459630b;color:#f7a7ae;font-size:12px;line-height:1.6}.scratch-error button{border:0;background:transparent;color:#ffd0d4;cursor:pointer;font-weight:700;white-space:nowrap}.scratch-confetti{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.scratch-confetti i{position:absolute;width:5px;height:10px;top:15%;left:var(--x);background:var(--color);opacity:0;animation:scratch-confetti 1.8s var(--delay) ease-out forwards;border-radius:1px}@keyframes scratch-deal{from{opacity:0;transform:translateX(0) translateY(65px) rotate(0)}to{opacity:1}}@keyframes scratch-open{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}@keyframes scratch-reward{from{opacity:.2;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes scratch-pulse{to{filter:brightness(1.2)}}@keyframes scratch-confetti{15%{opacity:1}to{transform:translate(var(--drift),390px) rotate(360deg);opacity:0}}
@media(max-width:767px){.scratch-page{padding:26px 16px 45px}.scratch-heading{gap:10px;margin-bottom:22px}.scratch-heading h1{font-size:35px;letter-spacing:-1.7px}.scratch-heading p{font-size:10px;max-width:190px}.scratch-eyebrow{font-size:7px;letter-spacing:1.7px}.scratch-wallet{padding:11px 12px;min-width:95px;border-radius:12px}.scratch-wallet>span{font-size:7px}.scratch-wallet strong{font-size:18px}.scratch-wallet img{width:21px;height:21px}.scratch-arena{min-height:430px;border-radius:21px}.scratch-arena-top{padding:22px 18px;font-size:6px;letter-spacing:1px}.scratch-fan{height:280px}.scratch-choice{--spread:48px;--w:130px;--h:196px;top:29px;padding:11px;border-radius:14px}.scratch-card-top{font-size:5px;letter-spacing:.6px}.scratch-card-art{inset:30px 8px 36px}.scratch-card-art img{width:64px;height:64px}.scratch-card-art:before{width:92px;height:92px;border-radius:18px}.scratch-card-art:after{width:80px;height:80px;border-radius:18px}.scratch-card-bottom{bottom:17px;gap:5px}.scratch-card-bottom strong{font-size:12px}.scratch-card-bottom small{font-size:5px}.scratch-arena-bottom{margin:0 18px;padding:20px 0}.scratch-arena-bottom strong{font-size:12px}.scratch-arena-bottom>div>span{font-size:7px}.scratch-ticket-panel{width:calc(100% - 28px);padding:12px;border-radius:18px;margin-top:20px;margin-bottom:27px}.scratch-ticket-meta{font-size:7px;letter-spacing:1px}.scratch-ticket-meta>span:last-child{font-size:6px}.scratch-prize-kicker{font-size:6px;letter-spacing:1.4px}.scratch-prize-number{margin:8px 0;gap:9px}.scratch-prize-number strong{font-size:45px}.scratch-prize-number img{width:38px;height:38px}.scratch-prize>p{font-size:9px}.scratch-gesture{bottom:14px;font-size:6px;letter-spacing:1px}.scratch-ticket-actions>span{font-size:9px;max-width:130px}.scratch-ticket-actions button{font-size:10px;padding:9px 11px}.scratch-details{gap:18px;justify-content:space-between;margin-top:23px}.scratch-details>div{flex-direction:column;align-items:center;text-align:center;gap:8px;flex:1}.scratch-details strong{font-size:9px}.scratch-details small{font-size:8px}.scratch-details img{width:25px;height:25px}.scratch-detail-icon{font-size:23px;height:25px}.scratch-error{font-size:10px}.scratch-error button{font-size:10px}.scratch-confetti i{width:4px;height:8px}}
@media(max-width:359px){.scratch-page{padding-left:10px;padding-right:10px}.scratch-choice{--spread:42px;--w:120px;--h:185px}.scratch-heading h1{font-size:30px}.scratch-wallet{min-width:86px}.scratch-wallet strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.scratch-page *, .scratch-page *:before,.scratch-page *:after{animation:none!important;transition:none!important}.scratch-confetti{display:none}}

.scratch-loading{height:355px;display:flex;align-items:center;justify-content:center;color:#aa9b7e;font-size:11px;font-weight:700;letter-spacing:.5px}.scratch-loading span{animation:scratch-loading-pulse 1s infinite alternate}@keyframes scratch-loading-pulse{from{opacity:.25}to{opacity:1}}@media(max-width:767px){.scratch-loading{height:280px}}@media(prefers-reduced-motion:reduce){.scratch-loading span{animation:none}}
