:root{--bg-base:#0b0d09;--bg-radial-top:#161c0e;--surface-1:#13170e;--surface-2:#171c11;--hero-grad-top:#1b2310;--hero-grad-mid:#13170e;--hero-grad-bottom:#0e120a;--text-primary:#f1f5ea;--text-secondary:#f1f5ea99;--text-tertiary:#f1f5ea66;--volt:#c8f135;--foil-pale:#f4ffd0;--foil-mid:#d8f55c;--foil-olive:#93b722;--good:#8fd69b;--warn:#e2603c;--streak-orange:#e8843c;--tier-bronze:#c08552;--tier-silver:#aeb6bd;--tier-gold:#d9a94a;--tier-hof:#c9a6e8;--tier-legend:#ffe9a8;--border-faint:#ffffff12;--border-soft:#ffffff17;--border-volt:#c8f13559;--radius-card:20px;--radius-card-lg:26px;--radius-sm:14px;--radius-pill:99px;--font-display:"Archivo", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--ease-overshoot:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}@keyframes popIn{0%{opacity:0;transform:scale(.82)}60%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}@keyframes breatheGlow{0%,to{opacity:.45}50%{opacity:.85}}@keyframes pillPulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes barFill{0%{width:0%}}@keyframes sheenSweep{0%{transform:translate(-140%)skew(-18deg)}to{transform:translate(240%)skew(-18deg)}}@keyframes callOutPulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes emblemBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes emblemBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes raySweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkFloat{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(-140px)}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sheen{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.sheen:after{content:"";background:linear-gradient(100deg,#0000,#ffffff29,#0000);width:40%;animation:5s ease-in-out infinite sheenSweep;position:absolute;top:-40%;bottom:-40%;left:0}.pop-in{animation:popIn .7s var(--ease-overshoot) both}.rise-in{animation:riseIn .4s var(--ease-out) both}*{box-sizing:border-box}html,body,#root{height:100%}html,body{width:100%;overflow-x:hidden}body{background:radial-gradient(circle at 50% -10%, var(--bg-radial-top), var(--bg-base) 55%) fixed;color:var(--text-primary);font-family:var(--font-display);-webkit-font-smoothing:antialiased;margin:0}button,input{color:inherit;font-family:inherit}button{cursor:pointer;transition:transform .12s}button:active{transform:scale(.92)}.app-shell{max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:88px;position:relative}.screen{padding:calc(20px + env(safe-area-inset-top,0px)) 18px 12px}@keyframes screenIn{0%{opacity:0;transform:translateY(9px)}}.screen-anim{animation:screenIn .3s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.screen-anim,.pop-in,.rise-in,.sheen:after{animation:none}}@keyframes badgeDealIn{0%{opacity:0;transform:translateY(14px)scale(.97)}}.badge-card{transition:transform .22s var(--ease-out), box-shadow .22s ease, border-color .22s ease;animation:badgeDealIn .5s var(--ease-out) both}@keyframes tierUpFlash{0%{filter:drop-shadow(0 4px 10px #00000073)brightness();transform:scale(1)}35%{filter:drop-shadow(0 0 26px var(--volt)) brightness(1.7);transform:scale(1.16)}to{filter:drop-shadow(0 4px 10px #00000073)brightness();transform:scale(1)}}.tier-up{animation:tierUpFlash 1.1s var(--ease-out)}.badge-card:hover{transform:translateY(-3px)}.badge-card:active{transform:translateY(-1px)scale(.99)}.mono{font-family:var(--font-mono)}.label-mono{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--volt);font-size:11px}.card{background:var(--surface-1);border:1px solid var(--border-faint);border-radius:var(--radius-card);padding:16px}.back-link{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-size:12px;display:inline-flex}::-webkit-scrollbar{display:none}.lp{--gutter:22px;--max:1120px;color:var(--text-primary);overflow-x:hidden}.lp-wrap{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.lp-grain{pointer-events:none;z-index:1;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E");position:fixed;inset:0}.lp>*{z-index:2;position:relative}.lp-nav{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-faint);padding-top:env(safe-area-inset-top,0px);background:#0b0d09b8;position:sticky;top:0}.lp-nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.lp-brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.lp-brand img{width:30px;height:30px}.lp-nav-actions{align-items:center;gap:8px;display:flex}.btn{font-family:var(--font-display);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .12s,filter .2s,background .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--volt);color:#141906;box-shadow:0 6px 30px #c8f13538}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{color:var(--text-primary);border-color:var(--border-soft);background:0 0}.btn-ghost:hover{border-color:var(--border-volt);color:var(--volt)}.btn-lg{padding:16px 30px;font-size:15px}.lp-hero{padding:clamp(48px,9vw,104px) 0 clamp(40px,7vw,80px);position:relative}.lp-hero:before{content:"";pointer-events:none;background:radial-gradient(#c8f13521,#0000 68%);width:min(900px,120vw);height:620px;position:absolute;top:-160px;left:50%;transform:translate(-50%)}.lp-hero-grid{grid-template-columns:1fr;align-items:center;gap:clamp(36px,6vw,60px);display:grid}@media (width>=900px){.lp-hero-grid{grid-template-columns:1.05fr .95fr}}.eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--volt);border:1px solid var(--border-volt);background:#c8f13512;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 13px;font-size:11px;display:inline-flex}.lp-h1{letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(40px,7.4vw,74px);font-weight:900;line-height:.98}.foil{background:linear-gradient(150deg, var(--foil-pale), var(--foil-mid) 45%, var(--foil-olive));color:#0000;-webkit-background-clip:text;background-clip:text}.lp-sub{color:var(--text-secondary);max-width:52ch;margin:0 0 30px;font-size:clamp(15px,1.9vw,18px);line-height:1.6}.lp-cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lp-note{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.04em;margin-top:16px;font-size:11px}.card-3d{perspective:1200px}.player-card{border:1px solid var(--border-volt);background:linear-gradient(160deg, var(--hero-grad-top), var(--hero-grad-mid) 55%, var(--hero-grad-bottom));transition:transform .5s var(--ease-out);border-radius:26px;padding:26px;position:relative;overflow:hidden;transform:rotateX(4deg)rotateY(-7deg);box-shadow:0 40px 90px #0009,0 0 60px #c8f13512}.player-card:hover{transform:rotateX(0)rotateY(0)}.pc-ovr{letter-spacing:-.04em;font-size:clamp(76px,12vw,104px);font-weight:900;line-height:.85}.pc-attr-row{align-items:center;gap:11px;margin-top:11px;display:flex}.pc-attr-key{font-family:var(--font-mono);color:var(--text-secondary);flex:none;width:30px;font-size:11px}.pc-bar{background:#ffffff14;border-radius:99px;flex:1;height:6px;overflow:hidden}.pc-bar span{background:linear-gradient(90deg, var(--tier-bronze), var(--volt));height:100%;animation:barFill 1.3s var(--ease-out) both;border-radius:99px;display:block}.pc-attr-val{text-align:right;width:24px;font-size:14px;font-weight:700}.hero-media{border:1px solid var(--border-volt);background:linear-gradient(160deg, var(--hero-grad-top), var(--hero-grad-mid) 55%, var(--hero-grad-bottom));aspect-ratio:16/10;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px #0009,0 0 60px #c8f13512}.hero-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hm-sound{z-index:3;border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.1em;background:#0b0d09b3;border-radius:999px;padding:7px 12px;font-size:10px;position:absolute;bottom:12px;right:12px}.hm-glow{pointer-events:none;background:radial-gradient(at 50% 45%,#c8f13526,#0000 65%);position:absolute;inset:0}.hm-emblems{z-index:2;justify-content:center;align-items:center;gap:clamp(6px,2vw,16px);display:flex;position:relative}.hm-emblem{animation:4.5s ease-in-out infinite emblemBob}.hm-caption{z-index:2;text-align:center;margin-top:26px;padding:0 20px;position:relative}.card-showcase{grid-template-columns:1fr;align-items:center;gap:clamp(28px,5vw,54px);display:grid}@media (width>=900px){.card-showcase{grid-template-columns:.95fr 1.05fr}}.lp-marquee{border-block:1px solid var(--border-faint);background:#ffffff03;padding:22px 0;overflow:hidden}.lp-marquee-track{gap:30px;width:max-content;animation:42s linear infinite lpScroll;display:flex}@keyframes lpScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.lp-marquee-track{animation:none}}.lp-section{padding:clamp(56px,9vw,104px) 0}.lp-section-head{max-width:62ch;margin-bottom:clamp(30px,5vw,48px)}.lp-h2{letter-spacing:-.025em;margin:12px 0 14px;font-size:clamp(28px,4.4vw,44px);font-weight:900;line-height:1.05}.lp-lead{color:var(--text-secondary);margin:0;font-size:clamp(14px,1.7vw,17px);line-height:1.65}.lp-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=700px){.lp-grid-3{grid-template-columns:repeat(3,1fr)}}@media (width>=620px){.lp-grid-2{grid-template-columns:repeat(2,1fr)}}.lp-card{border:1px solid var(--border-faint);background:linear-gradient(165deg,#ffffff09,#ffffff02);border-radius:20px;padding:24px;transition:border-color .25s,transform .25s}.lp-card:hover{border-color:#c8f13547;transform:translateY(-3px)}.lp-card h3{margin:14px 0 8px;font-size:17px;font-weight:800}.lp-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.attr-chip{font-family:var(--font-mono);letter-spacing:.1em;color:var(--volt);border:1px solid var(--border-volt);background:#c8f13514;border-radius:8px;justify-content:center;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.tier-row{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=760px){.tier-row{grid-template-columns:repeat(5,1fr)}}.tier-cell{border:1px solid var(--border-faint);text-align:center;background:#ffffff05;border-radius:18px;padding:20px 14px}.tier-name{font-family:var(--font-mono);letter-spacing:.16em;margin-top:12px;font-size:11px}.tier-rarity{letter-spacing:-.02em;margin-top:8px;font-size:21px;font-weight:900}.tier-of{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.1em;font-size:9px}.step-num{font-family:var(--font-mono);color:var(--volt);letter-spacing:.18em;font-size:12px}.lp-final{border:1px solid var(--border-volt);text-align:center;background:linear-gradient(160deg, var(--hero-grad-top), var(--bg-base));border-radius:30px;padding:clamp(40px,7vw,76px) clamp(22px,5vw,56px);position:relative;overflow:hidden}.lp-final-bg{opacity:.55;mix-blend-mode:screen;pointer-events:none;background-position:50% 42%;background-size:cover;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 72%);mask-image:radial-gradient(#000 25%,#0000 72%)}.lp-final>*{z-index:2;position:relative}.lp-footer{border-top:1px solid var(--border-faint);margin-top:clamp(50px,8vw,90px);padding:30px 0 44px}.lp-footer-inner{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.06em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.auth-shell{min-height:100vh;padding:calc(30px + env(safe-area-inset-top,0px)) 20px 60px;flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-card{border:1px solid var(--border-faint);background:linear-gradient(165deg,#ffffff0a,#ffffff03);border-radius:24px;width:100%;max-width:400px;padding:30px 26px}.field{margin-bottom:15px}.field label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:7px;font-size:10px;display:block}.field input{background:var(--surface-2);border:1px solid var(--border-soft);width:100%;color:var(--text-primary);border-radius:12px;padding:13px 14px;font-size:15px;transition:border-color .18s}.field input:focus{border-color:var(--border-volt);outline:none}.auth-error{color:#f0a58c;background:#e2603c1a;border:1px solid #e2603c66;border-radius:12px;margin-bottom:15px;padding:11px 13px;font-size:13px;line-height:1.5}.auth-info{border:1px solid var(--border-volt);color:var(--text-primary);background:#c8f13514;border-radius:12px;margin-bottom:15px;padding:13px;font-size:13px;line-height:1.55}