@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-deep: #060A14;--color-bg: #080F1C;--color-surface: #0A1220;--color-surface-2: #101a2e;--color-text: #F0F1F4;--color-text-muted: rgba(240, 241, 244, .62);--color-text-faint: rgba(240, 241, 244, .42);--color-devil: #F4C95D;--color-devil-bright: #FCD34D;--color-devil-deep: #B45309;--color-accent: #DC2626;--color-accent-bright: #EF4444;--color-accent-deep: #991B1B;--color-border: rgba(240, 241, 244, .1);--color-border-strong: rgba(240, 241, 244, .18);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#root{min-height:100%;height:100%}body{background:radial-gradient(ellipse at 80% -10%,rgba(244,201,93,.12),transparent 55%),radial-gradient(ellipse at -10% 110%,rgba(244,201,93,.05),transparent 55%),var(--color-surface);background-attachment:fixed;color:var(--color-text);font-family:Syne,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}input,textarea{background:#fafafa0a;border:1px solid var(--color-border);border-radius:10px;padding:12px 14px;color:var(--color-text);font-family:Syne,sans-serif;font-size:15px;outline:none;width:100%;transition:border-color .2s;resize:none;-webkit-appearance:none}input:focus,textarea:focus{border-color:var(--color-devil)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}button{font-family:Syne,sans-serif;cursor:pointer;border:none;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.35;cursor:not-allowed}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes cardIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heroIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes winBurst{0%{opacity:0;transform:scale(.7) translateY(20px)}55%{opacity:1;transform:scale(1.06) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmer{0%,to{box-shadow:0 0 22px #fcd34d99,0 0 44px #f4c95d59}50%{box-shadow:0 0 30px #fcd34dd9,0 0 60px #f4c95d8c}}.fu{animation:fadeUp .3s ease both}.pl{animation:pulse 1.8s ease-in-out infinite}.ci{animation:cardIn .22s ease both}.hero{animation:heroIn .32s cubic-bezier(.4,0,.2,1) both}.burst{animation:winBurst .55s cubic-bezier(.34,1.56,.64,1) both}.shimmer{animation:shimmer 2s ease-in-out infinite}@keyframes ts-card-devil{0%{opacity:0;transform:translate(-180px,240px) rotate(-32deg) scale(.85)}to{opacity:1;transform:translate(-44px,8px) rotate(-13deg) scale(1)}}@keyframes ts-card-white{0%{opacity:0;transform:translate(180px,240px) rotate(32deg) scale(.85)}to{opacity:1;transform:translate(44px,8px) rotate(13deg) scale(1)}}@keyframes ts-card-black{0%{opacity:0;transform:translateY(260px) rotate(-12deg) scale(.85)}to{opacity:1;transform:translate(0) rotate(3deg) scale(1)}}@keyframes ts-text-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ts-tap-pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.75;transform:translateY(-2px)}}.ts-card-devil{animation:ts-card-devil .72s cubic-bezier(.19,1,.22,1) .2s both}.ts-card-white{animation:ts-card-white .72s cubic-bezier(.19,1,.22,1) .38s both}.ts-card-black{animation:ts-card-black .76s cubic-bezier(.19,1,.22,1) .58s both}@keyframes mf-card-devil{0%{opacity:0;transform:translateY(-100px) rotate(-26deg) scale(.85)}to{opacity:1;transform:translate(0) rotate(-3deg) scale(1)}}@keyframes mf-card-black{0%{opacity:0;transform:translate(-110px,130px) rotate(-32deg) scale(.85)}to{opacity:1;transform:translate(-44px,30px) rotate(-8deg) scale(1)}}@keyframes mf-card-white{0%{opacity:0;transform:translate(110px,130px) rotate(32deg) scale(.85)}to{opacity:1;transform:translate(44px,30px) rotate(8deg) scale(1)}}.mf-card-devil{animation:mf-card-devil .52s cubic-bezier(.19,1,.22,1) 0ms both}.mf-card-black{animation:mf-card-black .56s cubic-bezier(.19,1,.22,1) .18s both}.mf-card-white{animation:mf-card-white .56s cubic-bezier(.19,1,.22,1) .34s both}.ts-on-card{animation:ts-text-in .48s cubic-bezier(.4,0,.2,1) 1.38s both}.ts-tagline{animation:ts-text-in .46s cubic-bezier(.4,0,.2,1) 1.7s both}.ts-tap{animation:ts-tap-pulse 1.6s ease-in-out 2.2s infinite both}@property --bp-glow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes bpAngleSpin{to{--bp-glow-angle: 360deg}}@keyframes bpHeroPulse{0%,to{box-shadow:0 24px 60px #000000b3,0 0 8px #f4c95dd9,0 0 22px #f4c95d73,0 0 50px #f4c95d38}50%{box-shadow:0 24px 60px #000000b3,0 0 14px #fcd34d,0 0 32px #f4c95da6,0 0 72px #f4c95d52}}@keyframes bpSlimPulse{0%,to{box-shadow:0 4px 14px #00000080,0 0 4px #f4c95d8c,0 0 12px #f4c95d38,0 0 24px #f4c95d1a}50%{box-shadow:0 4px 14px #00000080,0 0 7px #fcd34dbf,0 0 18px #f4c95d52,0 0 32px #f4c95d29}}.bp-card-glow{position:relative;isolation:isolate}.bp-card-glow:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:inherit;background:conic-gradient(from var(--bp-glow-angle),transparent 0%,var(--color-devil) 7%,var(--color-devil-bright) 13%,var(--color-devil) 19%,transparent 26%,transparent 100%);z-index:-1;padding:1.5px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.bp-glow-hero{animation:bpHeroPulse 2.4s ease-in-out infinite}.bp-glow-hero:before{animation:bpAngleSpin 2.8s linear infinite}.bp-glow-slim{animation:bpSlimPulse 3.4s ease-in-out infinite}.bp-glow-slim:before{animation:bpAngleSpin 4.6s linear infinite;opacity:.55}@keyframes devilGoldPulse{0%,to{box-shadow:0 4px 14px #00000080,0 0 8px #f4c95da6,0 0 22px #f4c95d52,0 0 50px #f4c95d29}50%{box-shadow:0 4px 14px #00000080,0 0 14px #ffdc6ed9,0 0 32px #f4c95d80,0 0 70px #f4c95d42}}.devil-glow{position:relative;isolation:isolate}.devil-glow:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:inherit;background:conic-gradient(from var(--bp-glow-angle),transparent 0%,var(--color-devil) 7%,#FFE08A 13%,var(--color-devil) 19%,transparent 26%,transparent 100%);z-index:-1;padding:1.5px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:bpAngleSpin 3.6s linear infinite}.devil-glow.devil-glow-active{animation:devilGoldPulse 3s ease-in-out infinite}.devil-glow.devil-glow-active:before{animation:bpAngleSpin 3.2s linear infinite}@keyframes sp-pack-tense{0%{transform:scale(.92);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.sp-pack-tense{animation:sp-pack-tense .25s cubic-bezier(.34,1.4,.64,1) both}@keyframes sp-foil-top{0%{transform:translate(0) rotate(0)}to{transform:translate(-32px,-56px) rotate(-7deg);opacity:.92}}@keyframes sp-foil-bottom{0%{transform:translate(0) rotate(0)}to{transform:translate(32px,56px) rotate(7deg);opacity:.92}}.sp-foil-top{animation:sp-foil-top .4s cubic-bezier(.34,1.2,.64,1) .55s both}.sp-foil-bottom{animation:sp-foil-bottom .4s cubic-bezier(.34,1.2,.64,1) .55s both}@keyframes sp-rip-line{0%{opacity:0;stroke-dasharray:130;stroke-dashoffset:130}36%{opacity:1;stroke-dashoffset:0}70%{opacity:.95}to{opacity:0}}.sp-rip-line line{animation:sp-rip-line 1.1s ease-out .25s both}@keyframes sp-chest-burst{0%,78%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 0 rgba(244,201,93,0))}85%{transform:translate(-50%,-50%) scale(1.12);filter:drop-shadow(0 0 22px rgba(244,201,93,.95))}92%{transform:translate(-50%,-50%) scale(.97);filter:drop-shadow(0 0 30px rgba(244,201,93,.9))}to{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 16px rgba(244,201,93,.55))}}@keyframes sp-confirm-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-slot-arc{0%{transform:translate(-50%,-50%) translate(var(--save-start-dx),var(--save-start-dy))}35%{transform:translate(-50%,-50%) translate(var(--save-apex-dx),-180px)}70%{transform:translate(-50%,-50%) translate(var(--save-mid-dx),-110px)}to{transform:translate(-50%,-50%) translateY(-76px)}}@keyframes sp-visual-absorb{0%{transform:rotate(var(--save-tilt)) scale(1);opacity:1}35%{transform:rotate(calc(var(--save-tilt) * .5)) scale(.92);opacity:1}70%{transform:rotate(0) scale(.5);opacity:.55}to{transform:rotate(0) scale(.18);opacity:0}}.sp-chest{position:absolute;top:50%;left:50%;animation:sp-chest-burst 2.4s ease-out both;will-change:transform,filter}.sp-confirm{animation:sp-confirm-in .8s ease-out 1.9s both}@keyframes sp-reveal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sp-reveal-in{animation:sp-reveal-in .6s cubic-bezier(.22,1,.36,1) .15s both}@keyframes sp-cards-glow-pulse{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.06)}}.sp-cards-glow{position:absolute;top:50%;left:50%;width:min(72vw,460px);height:min(72vw,460px);background:radial-gradient(circle,#f4c95d52,#f4c95d1f 38%,#f4c95d00 65%);filter:blur(28px);pointer-events:none;z-index:1;animation:sp-cards-glow-pulse 4.2s ease-in-out infinite;will-change:transform,opacity}.sub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}@media (min-width: 600px){.sub-grid{grid-template-columns:repeat(3,1fr)}}.bp-pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@keyframes bp-overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes bp-overlay-pop{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}.bp-overlay{animation:bp-overlay-fade .22s ease-out both}.bp-overlay-pop{animation:bp-overlay-pop .3s cubic-bezier(.22,1,.36,1) both}