@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e2b0007eb6d309c5-s.6232bd6a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c52371ad357d63ab-s.ec82681b.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d622c970823c5a32-s.p.0b73bd18.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bangers Fallback;src:local(Arial);ascent-override:107.26%;descent-override:21.99%;line-gap-override:0.0%;size-adjust:82.32%}.bangers_87b0da67-module__BHcNZW__className{font-family:Bangers,Bangers Fallback;font-style:normal;font-weight:400}.bangers_87b0da67-module__BHcNZW__variable{--font-display:"Bangers","Bangers Fallback"}
@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.193567cf.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.7f2acc0f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.610fd2a3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.193567cf.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.7f2acc0f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.610fd2a3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.193567cf.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.7f2acc0f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.610fd2a3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.fredoka_4321c30b-module__6EIlCW__className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.fredoka_4321c30b-module__6EIlCW__variable{--font-body:"Fredoka","Fredoka Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--night:#06112f;--sky:#1c4fb0;--snow:#f6fbff;--gold:#ffd56b;--red:#d63c3c;--green:#1f9d5c;--blue:#2f66d0;--pink:#ff7eb6;--panel:#081a41e0;--shadow:#00000059;--foil-noise-url:url(/holo/foil-noise.webp);--tilt-x:0deg;--tilt-y:0deg;--tilt-z:0px;--tilt-persp:900px;--glare-x:50%;--glare-y:40%;--glare-o:0;--glare-size:220px}@property --idle-x{syntax:"<percentage>";inherits:true;initial-value:50%}@property --idle-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --idle-o{syntax:"<number>";inherits:true;initial-value:.18}@property --glare-x{syntax:"<percentage>";inherits:true;initial-value:90%}@property --glare-y{syntax:"<percentage>";inherits:true;initial-value:90%}@property --glare-o{syntax:"<number>";inherits:true;initial-value:0}@property --float-x{syntax:"<length>";inherits:true;initial-value:0}@property --float-y{syntax:"<length>";inherits:true;initial-value:0}@property --deal-y{syntax:"<length>";inherits:true;initial-value:0}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;touch-action:none;background-color:#0a1738;background-image:url(/gift/gift-wrap-bg.png);background-position:100%;background-repeat:no-repeat;background-size:cover;width:100%;max-width:100vw;height:100%;min-height:100%;overflow:hidden}#__next{height:100%;overflow:hidden}body{width:100%;height:100%;min-height:100%;color:var(--snow);font-family:var(--font-body),"Trebuchet MS",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{background:0 0;border:none;font-family:inherit}.page{z-index:1;flex-direction:column;height:100%;min-height:100%;padding:24px 16px 48px;display:flex;position:fixed;inset:0;overflow:hidden}.loading-screen{z-index:8;opacity:1;pointer-events:all;background-color:#0a1738;transition:opacity .5s;position:fixed;inset:0}.page[data-ready=true] .loading-screen{opacity:0;pointer-events:none}.page-content{z-index:1;flex-direction:column;flex:1;gap:32px;min-height:0;display:flex;position:relative;overflow:visible}.page[data-wrapped=true] .page-content{opacity:0;pointer-events:none}.page-snow{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.gift-wrap{z-index:5;text-align:center;isolation:isolate;background-color:#0a1738;background-image:url(/gift/gift-wrap-bg.png);background-position:100%;background-repeat:no-repeat;background-size:cover;place-items:center;padding:24px;transition:opacity .6s,transform .6s;display:grid;position:fixed;inset:0;overflow:hidden}.gift-wrap[data-state=open]{opacity:0;pointer-events:none;transform:translateY(-12px)scale(1.02)}.gift-wrap__snow{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.gift-wrap__inner{z-index:1;place-items:center;gap:24px;display:grid;position:relative}.gift-box-stage{width:min(282px,72.2vw);height:min(282px,72.2vw);position:relative;transform:translateY(-3vh)}.confetti{pointer-events:none;width:100%;height:0;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.gift-box-stack{--lid-overlap:2px;aspect-ratio:141/115;width:min(246px,68.6vw);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.confetti-piece{width:var(--size-x);height:var(--size-y);background:var(--color);opacity:0;border-radius:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.confetti[data-open=true] .confetti-piece{animation:1.9s ease-out forwards confetti-burst;animation-delay:var(--delay)}.winner-overlay{z-index:6;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.confetti.confetti--winner{width:min(520px,90vw);position:absolute;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.winner-banner{text-align:center;background:#061434d1;border:2px solid #ffd66bd9;border-radius:18px;gap:8px;max-width:min(420px,80vw);padding:18px 22px;display:grid;box-shadow:0 18px 30px #0006}.winner-title{font-family:var(--font-display),"Trebuchet MS",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:clamp(1.4rem,4vw,2.1rem)}.winner-prize{font-size:1rem;font-weight:600;line-height:1.4}.winner-overlay[data-result=lose] .winner-banner{border-color:#ffffff80}.winner-overlay[data-result=lose] .winner-title{color:#fda4af}.gift-box{cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;bottom:0;left:0}.gift-box__label{pointer-events:none;width:72%;position:absolute;top:10%;left:46%;transform:translate(-50%)rotate(-3deg)}.gift-box[disabled]{cursor:default}.gift-box--wiggle{animation:1s box-wiggle}.gift-box__img,.gift-lid__img{width:100%;height:auto;display:block}.gift-lid{left:50%;bottom:calc(100% - var(--lid-overlap) - 4px);transform-origin:bottom;pointer-events:none;width:112%;position:absolute;transform:translate(-50%)}.gift-lid--tease{animation:2.8s ease-in-out infinite lid-tease}.gift-lid--rotating{animation:1s forwards lid-rotate}.gift-lid--rotated{transform:translate(-50%)rotate(145deg)translate(-28%,-120%)}.gift-letter{z-index:6;opacity:0;pointer-events:none;background:radial-gradient(circle at 10% 10%,#ffffff2e,#0000 45%),#060c1ec7;place-items:center;padding:24px;transition:opacity .4s;display:grid;position:fixed;inset:0}.gift-letter[data-open=true]{opacity:1;pointer-events:auto}.gift-letter__image{cursor:pointer;width:min(620px,92vw);height:auto;max-height:84vh;transition:transform .4s,box-shadow .4s;transform:translateY(12px);box-shadow:0 18px 35px #00000059}.gift-letter[data-open=true] .gift-letter__image{transform:translateY(0)}.gift-letter__image:focus-visible{outline-offset:4px;outline:3px solid #ffffffb3}@keyframes lid-rotate{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(145deg)translate(-28%,-120%)}}@keyframes lid-tease{0%,70%,to{transform:translate(-50%)rotate(0)}6%{transform:translate(-50%)rotate(-2.5deg)translateY(-2px)}12%{transform:translate(-50%)rotate(2.5deg)translateY(-1px)}18%{transform:translate(-50%)rotate(-2deg)translateY(-2px)}24%{transform:translate(-50%)rotate(2deg)translateY(-1px)}30%{transform:translate(-50%)rotate(-1deg)}}@keyframes confetti-burst{0%{opacity:0;transform:translate(-50%)translateY(0)rotate(0)scale(1)}12%{opacity:1}to{opacity:0;transform:translateX(calc(-50% + var(--x)))translateY(var(--y))rotate(var(--r))scale(var(--scale))}}@keyframes box-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)translate(-3px)}50%{transform:rotate(2deg)translate(3px)}80%{transform:rotate(-1deg)translate(-2px)}}.hero{text-align:center;flex-direction:column;gap:18px;width:100%;max-width:1100px;margin:0 auto;display:flex}.hero-banner{border:4px solid var(--gold);background:linear-gradient(#d63c3cf2,#911414f2);border-radius:24px;padding:28px 24px 24px;position:relative;overflow:hidden;box-shadow:0 18px 32px #0006}.hero-banner:after{content:"";opacity:.8;pointer-events:none;background:radial-gradient(circle at top,#ffffff59,#0000 55%);position:absolute;inset:0}.hero-badge{color:#8a170f;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,#ffd66d,#fff2bf);border-radius:999px;padding:6px 14px;font-weight:700;display:inline-block;box-shadow:inset 0 1px #fff9}.hero h1{font-family:var(--font-display),"Trebuchet MS",sans-serif;text-transform:uppercase;text-shadow:0 4px #0006;letter-spacing:.08em;margin-top:10px;font-size:clamp(2.6rem,6vw,4.8rem)}.hero p{opacity:.92;margin-top:6px;font-size:1.05rem}.music-toggle{left:calc(16px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));width:52px;height:52px;color:var(--snow);cursor:pointer;z-index:9;-webkit-tap-highlight-color:transparent;background:#081434c7;border:1px solid #ffffff47;border-radius:999px;place-items:center;transition:transform .2s,background .2s,box-shadow .2s;display:grid;position:fixed;box-shadow:0 14px 26px #00000059}.music-toggle:hover{transform:translateY(-2px)}.music-toggle:active{transform:translateY(0)}.music-toggle:focus-visible{outline-offset:3px;outline:2px solid #ffffffb3}.music-toggle__icon{width:26px;height:26px}.music-toggle__wave{opacity:0;transition:opacity .2s}.music-toggle__slash{opacity:1;transition:opacity .2s}.music-toggle[data-enabled=true]{color:#5a2a00;background:#ffd56bf2;border-color:#fff8dbe6;box-shadow:0 16px 26px #0006}.music-toggle[data-enabled=true] .music-toggle__wave{opacity:1}.music-toggle[data-enabled=true] .music-toggle__slash{opacity:0}.game{flex-direction:column;gap:22px;width:100%;max-width:1100px;margin:0 auto;display:flex}.section-title{text-align:center}.section-title h2{font-family:var(--font-display),"Trebuchet MS",sans-serif;letter-spacing:.05em;text-shadow:0 3px #00000059;font-size:clamp(2rem,4vw,3.4rem)}.section-title p{opacity:.9;margin-top:6px;font-weight:600}.card-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;display:grid}.card-fan{justify-content:center;align-items:flex-end;min-height:clamp(240px,48vw,380px);padding:12px 12px 32px;display:flex;position:relative;overflow:visible}.card-fan .card-art__window:before{opacity:0}.holo-card{transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,box-shadow,scale;position:relative;overflow:hidden}.holo-card:before{content:"";pointer-events:none;border-radius:inherit;z-index:7;opacity:var(--foil-aim-o,0);mix-blend-mode:screen;background:radial-gradient(ellipse var(--glare-size)var(--glare-size)at var(--foil-aim-x,50%)var(--foil-aim-y,40%),#ffffff38,#ffffff1a 38%,#fff0 62%),radial-gradient(ellipse 320px 220px at var(--foil-aim-x,50%)calc(var(--foil-aim-y,40%) - 8%),#b4dcff1a,#b4dcff00 55%);filter:saturate(1.05)blur(.2px);transition:opacity .12s;position:absolute;inset:-1px}.holo-card[data-rarity=legendary]{--foil-space:12%;--foil-bright:1.12;--foil-contrast:1.92;--foil-sat:1.12;--foil-border:8px;--foil-follow:.45;--hovered:0;--foil-aim-x:calc((var(--hovered)*var(--glare-x)) + ((1 - var(--hovered))*var(--idle-x)));--foil-aim-y:calc((var(--hovered)*var(--glare-y)) + ((1 - var(--hovered))*var(--idle-y)));--foil-aim-o:calc((var(--hovered)*var(--glare-o)) + ((1 - var(--hovered))*var(--idle-o)));--foil-pos-x:calc(50% + (var(--foil-aim-x) - 50%)*var(--foil-follow));--foil-pos-y:calc(50% + (var(--foil-aim-y) - 50%)*var(--foil-follow));animation:foilIdleOrbit var(--shimmy-duration,7s)ease-in-out infinite alternate}.holo-card.is-hovering,.holo-card[data-rarity=legendary]:hover{--hovered:1}.holo-card[data-rarity=legendary]:after{content:"";border-radius:inherit;pointer-events:none;z-index:6;background-image:var(--foil-noise-url),repeating-linear-gradient(82deg,#dbcc57 calc(var(--foil-space)*1),#78c738 calc(var(--foil-space)*2),#39c0b7 calc(var(--foil-space)*3),#4964d0 calc(var(--foil-space)*4),#aa47d1 calc(var(--foil-space)*5),#cc388c calc(var(--foil-space)*6),#cc388c calc(var(--foil-space)*7),#aa47d1 calc(var(--foil-space)*8),#4964d0 calc(var(--foil-space)*9),#39c0b7 calc(var(--foil-space)*10),#78c738 calc(var(--foil-space)*11),#dbcc57 calc(var(--foil-space)*12)),radial-gradient(farthest-corner circle at var(--foil-pos-x)var(--foil-pos-y),#c7ffff8c 5%,#82a1a14d 40%,#000 130%);background-blend-mode:soft-light,color-dodge,multiply;background-size:180px 180px,300% 700%,cover;background-position:var(--foil-pos-x)var(--foil-pos-y),var(--foil-pos-x)var(--foil-pos-y),center;mix-blend-mode:color-dodge;filter:brightness(var(--foil-bright))contrast(var(--foil-contrast))saturate(var(--foil-sat));opacity:calc(.12 + (var(--foil-aim-o)*.45));padding:var(--foil-border);-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.fan-card{aspect-ratio:4/5;cursor:pointer;opacity:1;transform-origin:50% 120%;width:min(188px,41.6vw);z-index:var(--z,1);--armed-y:0px;--armed-rot:0deg;background:0 0;border-radius:18px;flex:none;margin-left:-120px;padding:0;transition:transform .2s,box-shadow .2s,filter .2s;position:relative;box-shadow:0 24px 40px #00000073}.fan-card:first-child{margin-left:0}.fan-card .card-art{border-radius:18px;overflow:hidden}.fan-card{--mid:calc((var(--count) - 1)/2);--offset:calc(var(--i) - var(--mid));transform:translateY(calc(var(--deal-y,0px) + var(--armed-y)))translateX(calc(var(--offset)*10px))rotate(calc(var(--offset)*4deg + var(--armed-rot)))}.fan-card:hover{transform:translateY(calc(var(--deal-y,0px) + var(--armed-y) - 8px))translateX(calc(var(--offset)*18px))rotate(calc(var(--offset)*6deg))translateY(0);box-shadow:0 30px 50px #00000080}.fan-card[data-armed=true]{--armed-y:-16px;--armed-rot:-1deg;box-shadow:0 34px 58px #0000008c}.fan-card__foil{pointer-events:none;position:absolute;inset:0}.fan-card__foil-window{background-blend-mode:screen;background-image:linear-gradient(140deg,#f8f9fb 0%,#c9d0da 55%,#9ca8b4 100%),repeating-linear-gradient(90deg,#fff9 0 6px,#fff0 6px 12px);position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #fff6,inset 0 -6px 12px #0000002e}.fan-card__foil-window[data-art=true]{background-image:none}.fan-card__foil-image{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0}.fan-card__mystery{z-index:4;background:radial-gradient(circle at 50% 40%,#243c6a 0%,#0a132f 70%);place-items:center;display:grid;position:absolute;inset:0}.fan-card__mystery-mark{font-family:var(--font-display),"Trebuchet MS",sans-serif;color:#ffffffeb;text-shadow:0 10px 18px #00000073;font-size:clamp(2.2rem,6vw,3.4rem)}.fan-card[data-locked=true] .card-art{opacity:0}.card-lock-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:6;background:#081a41e6;border:2px solid #ffffff40;border-radius:14px;padding:10px 14px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 14px 26px #00000059}.fan-card[data-scuffed=true] .card-art__window:after{content:"";mix-blend-mode:screen;opacity:.6;pointer-events:none;z-index:3;background-image:radial-gradient(circle at 20% 30%,#ffffff38,#0000 60%),radial-gradient(circle at 70% 60%,#00000026,#0000 55%),repeating-linear-gradient(120deg,#fff3 0 3px,#fff0 3px 8px),repeating-linear-gradient(-40deg,#00000026 0 2px,#0000 2px 7px);position:absolute;inset:0}.fan-card__badge{color:#0b1634;letter-spacing:.14em;text-transform:uppercase;z-index:8;background:#ffffffe6;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:800;position:absolute;top:10px;right:10px;box-shadow:0 6px 12px #0003}.fan-card[data-opened=true]{filter:saturate(.75)}.card-fan[data-deal=true] .fan-card{opacity:0;animation:.7s ease-out forwards dealIn;animation-delay:calc(var(--i)*90ms)}@keyframes dealIn{0%{opacity:0;--deal-y:80px}70%{opacity:1}to{opacity:1;--deal-y:0px}}.scratch-tile{color:var(--snow);cursor:pointer;background:#0c1c44e6;border:3px solid #ffd66be6;border-radius:18px;flex-direction:column;gap:18px;min-height:260px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 28px #00000059}.scratch-tile:hover{transform:translateY(-4px);box-shadow:0 20px 32px #00000073}.theme-frosty{background:linear-gradient(160deg,#3671c7f2,#142b58f2)}.theme-santa{background:linear-gradient(160deg,#c63232f2,#6c1313f2)}.theme-reindeer{background:linear-gradient(160deg,#c2813bf2,#5a3414f2)}.tile-top{flex-direction:column;gap:6px;display:flex}.tile-title{font-family:var(--font-display),"Trebuchet MS",sans-serif;letter-spacing:.04em;font-size:1.8rem}.tile-tag{opacity:.85;font-weight:600}.tile-status{letter-spacing:.12em;text-transform:uppercase;background:#ffffff2e;border:1px solid #ffffff73;border-radius:999px;align-self:flex-start;margin-top:6px;padding:4px 10px;font-size:.7rem;font-weight:700}.scratch-tile[data-opened=true]{border-color:#ffffffbf}.tile-body{flex-direction:column;align-items:center;gap:12px;display:flex}.tile-mascot{font-family:var(--font-display),"Trebuchet MS",sans-serif;letter-spacing:.2em;background:#ffffff1f;border:2px dashed #fff6;border-radius:12px;padding:10px 16px;font-size:2.2rem}.tile-scratch{text-transform:uppercase;letter-spacing:.1em;font-weight:700}.tile-footer{opacity:.8;font-size:.95rem}.scratch-stage{background:#061434d9;border:4px solid #ffd66bd9;border-radius:24px;flex-direction:column;gap:24px;padding:24px;display:flex;box-shadow:0 22px 32px #00000073}.stage-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.stage-header h3{font-family:var(--font-display),"Trebuchet MS",sans-serif;font-size:2.2rem}.stage-header p{opacity:.85;font-weight:600}.ghost-button{color:var(--snow);cursor:pointer;border:2px solid #fff9;border-radius:999px;padding:10px 16px;font-weight:700;transition:background .2s,color .2s}.ghost-button:hover{background:#ffffff26}.floating-back{top:calc(16px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px));z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081a41b3;position:fixed}.scratch-stack{flex-direction:column;align-items:center;gap:14px;margin-top:clamp(18px,5vh,48px);display:flex}.scratch-lock-wrap{justify-content:center;width:100%;display:flex;position:relative}.scratch-lock-trigger{cursor:pointer;z-index:5;background:0 0;border:0;position:absolute;inset:0}.scratch-lock-overlay{z-index:6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050e24b8;place-items:center;display:grid;position:absolute;inset:0}.scratch-lock-panel{text-align:center;background:#081a41eb;border:2px solid #ffffff40;border-radius:14px;gap:10px;width:min(280px,82%);padding:16px 18px;font-weight:600;display:grid}.scratch-lock-input{color:var(--snow);text-align:center;background:#ffffff1a;border:1px solid #fff6;border-radius:10px;outline:none;padding:8px 10px;font-size:.95rem}.scratch-lock-input::placeholder{color:#ffffff8c}.scratch-lock-button{cursor:pointer;color:#1b1200;background:#ffd66bf2;border:0;border-radius:999px;padding:8px 16px;font-weight:700}.scratch-lock-error{color:#fda4af;font-size:.85rem}.check-button{color:#f4fff8;background:#127840eb;border-color:#98ffc6e6;box-shadow:0 12px 20px #0000004d}.check-button:hover{background:#18944efa}.check-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#081a41c7;border:2px solid #ffffff47;border-radius:14px;gap:8px;width:min(320px,82vw);padding:10px 14px;display:grid}.check-label{letter-spacing:.04em;font-size:.95rem;font-weight:700}.check-bar{background:#ffffff26;border-radius:999px;height:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.check-bar__fill{border-radius:inherit;background:linear-gradient(90deg,#f4c430 0%,#fda4af 45%,#7dd3fc 100%);width:0;height:100%;animation:7s linear forwards checkFill;display:block}@keyframes checkFill{0%{width:0}to{width:100%}}.scratch-panels{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.scratch-panel{background:var(--panel);border:2px solid #fff3;border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.panel-title span{text-transform:uppercase;letter-spacing:.08em;background:#ffffff26;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.panel-title h4{margin-top:8px;font-size:1.05rem;font-weight:700}.scratch-card{background:#071840e6;border:2px solid #fff3;border-radius:16px;min-height:170px;position:relative;overflow:hidden;box-shadow:0 28px 46px #00000073}.scratch-card[data-magnet=true]{--float-x:0px;--float-y:0px;transform:perspective(var(--tilt-persp))translate3d(var(--float-x),var(--float-y),var(--tilt-z))rotateX(var(--tilt-x))rotateY(var(--tilt-y));will-change:transform;transition:transform .2s;animation:7s ease-in-out infinite card-float}.scratch-stage--single{align-items:center}.scratch-area-template{aspect-ratio:4/5;width:min(360px,78vw);min-height:auto;margin:0 auto}.scratch-area-template .scratch-content{height:100%;padding:0;display:block}.card-art{background-color:#ffffff14;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:14px;width:100%;height:100%}.card-art--icons{position:relative;overflow:hidden}.card-art__window{isolation:isolate;place-items:center;display:grid;position:absolute;overflow:hidden}.card-art__window:before{content:"";background-image:var(--foil-noise-url),repeating-linear-gradient(82deg,#dbcc57 calc(var(--foil-space,12%)*1),#78c738 calc(var(--foil-space,12%)*2),#39c0b7 calc(var(--foil-space,12%)*3),#4964d0 calc(var(--foil-space,12%)*4),#aa47d1 calc(var(--foil-space,12%)*5),#cc388c calc(var(--foil-space,12%)*6),#cc388c calc(var(--foil-space,12%)*7),#aa47d1 calc(var(--foil-space,12%)*8),#4964d0 calc(var(--foil-space,12%)*9),#39c0b7 calc(var(--foil-space,12%)*10),#78c738 calc(var(--foil-space,12%)*11),#dbcc57 calc(var(--foil-space,12%)*12)),radial-gradient(farthest-corner circle at var(--foil-pos-x,50%)var(--foil-pos-y,50%),#c7ffff80 5%,#82a1a140 40%,#000 130%);background-blend-mode:soft-light,color-dodge,multiply;background-size:180px 180px,300% 700%,cover;background-position:var(--foil-pos-x,50%)var(--foil-pos-y,50%),var(--foil-pos-x,50%)var(--foil-pos-y,50%),center;mix-blend-mode:color-dodge;filter:brightness(var(--foil-bright,1.08))contrast(var(--foil-contrast,1.4))saturate(var(--foil-sat,1.1));opacity:.4;pointer-events:none;z-index:2;position:absolute;inset:0}.card-art__grid{z-index:1;place-items:center;gap:8%;width:100%;height:100%;padding:10%;display:grid;position:relative}.card-art__grid[data-cols="2"]{--icon-scale:.78;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.card-art__grid[data-cols="3"]{--icon-scale:.72;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}.card-art__grid[data-cols="4"]{--icon-scale:.62;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr)}.card-art__icon{width:calc(100%*var(--icon-scale));height:auto}.scratch-card[data-disabled=true]{opacity:1}.scratch-card[data-disabled=true] .scratch-canvas{pointer-events:none;cursor:not-allowed}.scratch-content{z-index:1;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative}.scratch-canvas{cursor:crosshair;touch-action:none;z-index:4;border-radius:14px;width:100%;height:100%;position:absolute;inset:0}.scratch-flakes{pointer-events:none;z-index:8;position:absolute;inset:0;overflow:hidden}.scratch-flake{opacity:.9;width:8px;height:5px;transform:translate(var(--x),var(--y))rotate(var(--rot))scale(var(--scale));mix-blend-mode:screen;background-image:linear-gradient(120deg,#f8f9fb,#c9d0da 55%,#9ca8b4);border-radius:3px;animation:.9s ease-out forwards flake-fall;position:absolute;box-shadow:0 3px 6px #00000059}.scratch-card[data-complete=true] .scratch-canvas{opacity:0;pointer-events:none;transition:opacity .6s}.scratch-area-large{min-height:220px}.prize-list{gap:10px;display:grid}.prize-item{background:#ffffff14;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-weight:600;display:flex}.prize-code{background:#fff3;border-radius:8px;padding:6px 10px;font-weight:800}.match-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.match-slot{text-align:center;background:#ffffff1f;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;display:flex}.match-number{font-family:var(--font-display),"Trebuchet MS",sans-serif;letter-spacing:.1em;font-size:2.2rem}.match-label{opacity:.9;font-size:.85rem;font-weight:600}.locked-note{opacity:.8;margin-top:8px;font-size:.9rem}.result-banner{background:linear-gradient(#ffd66b33,#061434e6);border:2px solid #ffd66bcc;border-radius:18px;flex-direction:column;gap:12px;padding:16px 18px 18px;display:flex}.result-banner.win{background:linear-gradient(#ffd66b59,#0c265cf2);box-shadow:0 16px 30px #00000073}.light-row{grid-template-columns:repeat(16,1fr);gap:6px;display:grid}.light-row span{background:var(--gold);height:10px;animation:1.8s ease-in-out infinite twinkle;animation-delay:var(--delay);border-radius:999px;box-shadow:0 0 10px #ffd66be6}.light-row span:nth-child(3n){background:var(--red);box-shadow:0 0 10px #d63c3ce6}.light-row span:nth-child(4n){background:var(--green);box-shadow:0 0 10px #1f9d5ce6}@keyframes twinkle{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes card-float{0%,to{--float-x:-2px;--float-y:-2px}50%{--float-x:3px;--float-y:4px}}@keyframes foilIdleOrbit{0%{--idle-x:36%;--idle-y:64%;--idle-o:.16}25%{--idle-x:64%;--idle-y:64%;--idle-o:.22}50%{--idle-x:64%;--idle-y:36%;--idle-o:.14}75%{--idle-x:36%;--idle-y:36%;--idle-o:.2}to{--idle-x:36%;--idle-y:64%;--idle-o:.16}}@keyframes flake-fall{0%{transform:translate(var(--x),var(--y))rotate(var(--rot))scale(var(--scale));opacity:.9}60%{opacity:.8}to{transform:translate(calc(var(--x) + var(--dx)),calc(var(--y) + var(--dy)))rotate(calc(var(--rot) + 140deg))scale(calc(var(--scale)*.65));opacity:0}}@media (prefers-reduced-motion:reduce){.holo-card[data-rarity=legendary]{animation:none}.holo-card[data-rarity=legendary]:after{opacity:.28;background-position:50%,50%,50%;animation:none}.scratch-card[data-magnet=true]{animation:none}.card-fan[data-deal=true] .fan-card{opacity:1;--deal-y:0px;animation:none}}.result-text{text-align:center;flex-direction:column;gap:6px;display:flex}.result-title{font-family:var(--font-display),"Trebuchet MS",sans-serif;letter-spacing:.08em;font-size:2rem}.result-text strong{font-size:1.1rem}.result-sub{opacity:.9;font-size:.95rem}.footer{text-align:center;opacity:.8;font-size:.9rem}@media (max-width:720px){.gift-wrap{padding:18px}.gift-box-stage{width:min(229px,74vw);height:min(229px,74vw)}.gift-box-stack{width:min(202px,68.6vw)}.gift-letter{padding:18px}.gift-letter__image{width:min(92vw,520px);max-height:78vh}.hero-banner{padding:22px 18px}.stage-header{flex-direction:column;align-items:flex-start}.scratch-stage{padding:18px}.card-fan{min-height:clamp(210px,58vw,320px);padding:8px 6px 28px}.fan-card{width:min(119px,49.5vw);transform:translateY(calc(var(--deal-y,0px) + var(--armed-y)))translateX(calc(var(--offset)*6px))rotate(calc(var(--offset)*3deg + var(--armed-rot)));margin-left:-100px}.match-grid{grid-template-columns:1fr}.light-row{grid-template-columns:repeat(8,1fr)}}