@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap");:root{--bg-0:#05060a;--bg-1:#0a0d17;--bg-2:#10152340;--panel:#0e1220;--panel-2:#141a2c;--border:#1e2540;--border-strong:#2a3358;--text:#eef1fb;--text-dim:#8a92b3;--text-mute:#565e80;--green:#16d97a;--green-glow:#16d97a80;--red:#ff3b57;--red-glow:#ff3b5780;--violet:#a457ff;--violet-glow:#a457ff80;--gold:#ffd166;--cyan:#4ee2ff;--amber:#ffb638;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:22px;--font-ui:"Inter Tight","Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,monospace;--font-display:"Space Grotesk","Inter Tight",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:#05060a;color:var(--text);font-family:var(--font-ui)}.page-bg{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse 900px 500px at 20% -10%,#1a1030 0,transparent 60%),radial-gradient(ellipse 700px 400px at 100% 100%,#0a2030 0,transparent 55%),linear-gradient(180deg,#05060a,#05060a);position:relative;overflow-x:hidden}.page-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 30%,black 30%,transparent 80%);pointer-events:none}.mono,.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.num{letter-spacing:-.02em}.eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.ball{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;isolation:isolate}.ball:before{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 45%);z-index:2}.ball:after,.ball:before{content:"";position:absolute;inset:0;border-radius:50%}.ball:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),inset 0 -6px 14px rgba(0,0,0,.4);z-index:3}.ball .label{position:relative;z-index:4}.ball.split{overflow:hidden}.ball.split .half-l,.ball.split .half-r{position:absolute;top:0;bottom:0;width:50%;z-index:1}.ball.split .half-l{left:0}.ball.split .half-r{right:0}.ball.green{background:radial-gradient(circle at 30% 25%,#4affa0 0,#16d97a 50%,#0b8f4e 100%);box-shadow:0 0 24px var(--green-glow),0 6px 20px rgba(0,0,0,.5)}.ball.red{background:radial-gradient(circle at 30% 25%,#ff7a8e 0,#ff3b57 50%,#b21a30 100%);box-shadow:0 0 24px var(--red-glow),0 6px 20px rgba(0,0,0,.5)}.ball.violet{background:radial-gradient(circle at 30% 25%,#cb9bff 0,#a457ff 50%,#6a2ec7 100%);box-shadow:0 0 24px var(--violet-glow),0 6px 20px rgba(0,0,0,.5)}.ball.white{background:radial-gradient(circle at 30% 25%,#ffffff 0,#e7ebf7 60%,#b7bccc 100%);color:#0e1220}.half.green{background:radial-gradient(circle at 50% 25%,#4affa0 0,#16d97a 60%,#0b8f4e 120%)}.half.red{background:radial-gradient(circle at 50% 25%,#ff7a8e 0,#ff3b57 60%,#b21a30 120%)}.half.violet{background:radial-gradient(circle at 50% 25%,#cb9bff 0,#a457ff 60%,#6a2ec7 120%)}.half.white{background:radial-gradient(circle at 50% 25%,#ffffff 0,#e7ebf7 70%,#b7bccc 120%)}.ball-btn{background:none;padding:0;border-radius:50%;transition:transform .12s;cursor:pointer}.ball-btn:hover{transform:scale(1.08)}.color-chip{position:relative;border-radius:14px;padding:14px 10px;font-family:var(--font-display);font-weight:700;letter-spacing:.06em;color:#fff;text-transform:uppercase;transition:transform .12s ease,box-shadow .12s ease;overflow:hidden}.color-chip:before{background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 45%)}.color-chip:after,.color-chip:before{content:"";position:absolute;inset:0;pointer-events:none}.color-chip:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),inset 0 -8px 18px rgba(0,0,0,.35);border-radius:inherit}.color-chip:active{transform:translateY(1px) scale(.98)}.color-chip.green{background:linear-gradient(180deg,#1eea86,#0e9d55);box-shadow:0 0 22px var(--green-glow),0 6px 18px rgba(0,0,0,.4)}.color-chip.red{background:linear-gradient(180deg,#ff4a63,#b8253d);box-shadow:0 0 22px var(--red-glow),0 6px 18px rgba(0,0,0,.4)}.color-chip.violet{background:linear-gradient(180deg,#b871ff,#6a2ec7);box-shadow:0 0 22px var(--violet-glow),0 6px 18px rgba(0,0,0,.4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;font-family:var(--font-ui);font-weight:600;font-size:14px;transition:all .12s ease}.btn-primary{background:linear-gradient(180deg,#21e88a,#0e9a58);color:#04140b;box-shadow:0 8px 24px rgba(30,234,134,.35),inset 0 1px 0 rgba(255,255,255,.4)}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{background:rgba(255,255,255,.04);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:rgba(255,255,255,.07);border-color:var(--border-strong)}.btn-danger{background:linear-gradient(180deg,#ff4a63,#b8253d);color:#fff;box-shadow:0 8px 24px rgba(255,74,99,.35)}.panel{background:linear-gradient(180deg,#0f1424,#0b0f1c);border:1px solid var(--border);border-radius:var(--r-lg)}.panel-glow{position:relative}.panel-glow:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(78,226,255,.5),rgba(164,87,255,.3) 40%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.pill.live{color:var(--green);border-color:rgba(22,217,122,.3);background:rgba(22,217,122,.08)}.pill.live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent);border:0;margin:12px 0}.scroll::-webkit-scrollbar{width:6px;height:6px}.scroll::-webkit-scrollbar-thumb{background:#232b48;border-radius:4px}.scroll::-webkit-scrollbar-track{background:transparent}.flipcard{display:inline-flex;align-items:center;padding:8px 12px;background:linear-gradient(180deg,#171d33,#0b0f1c);border:1px solid var(--border-strong);border-radius:10px;font-family:var(--font-mono);font-weight:700;font-size:26px;color:var(--text);min-width:56px;justify-content:center;box-shadow:inset 0 -6px 12px rgba(0,0,0,.35)}@keyframes ballDrop{0%{transform:translateY(-120px) scale(.4);opacity:0}50%{transform:translateY(20px) scale(1.05);opacity:1}70%{transform:translateY(-8px) scale(.98)}to{transform:translateY(0) scale(1)}}@keyframes ballSpin{0%{transform:rotate(0) scale(.6);opacity:0}60%{transform:rotate(2turn) scale(1.1);opacity:1}to{transform:rotate(2turn) scale(1)}}.reveal-ball{animation:ballDrop .9s cubic-bezier(.2,.9,.3,1.2) both}.spin-ball{animation:ballSpin 1.2s cubic-bezier(.15,.7,.2,1) both}@keyframes glowPulse{0%,to{box-shadow:0 0 24px currentColor}50%{box-shadow:0 0 60px currentColor}}.glow-pulse{animation:glowPulse 1.6s ease-in-out infinite}.trend-dot{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:11px;color:#fff}.trend-dot.g{background:linear-gradient(180deg,#1eea86,#0e9d55);box-shadow:0 0 10px var(--green-glow)}.trend-dot.r{background:linear-gradient(180deg,#ff4a63,#b8253d);box-shadow:0 0 10px var(--red-glow)}.trend-dot.v{background:linear-gradient(180deg,#b871ff,#6a2ec7);box-shadow:0 0 10px var(--violet-glow)}.neon-halo{position:absolute;border-radius:50%;pointer-events:none;filter:blur(40px);opacity:.6}.sheet{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0f1424,#05060a);border-top:1px solid var(--border-strong);border-radius:22px 22px 0 0;padding:16px 16px 34px;box-shadow:0 -20px 60px rgba(0,0,0,.6);z-index:100;animation:sheetIn .26s cubic-bezier(.2,.9,.2,1) both}.sheet .grip{width:40px;height:4px;border-radius:2px;background:#2a3358;margin:0 auto 12px}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-backdrop{position:absolute;inset:0;background:rgba(3,5,12,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease both}.modal{background:linear-gradient(180deg,#10162a,#080b16);border:1px solid var(--border-strong);border-radius:20px;padding:20px;width:min(360px,calc(100% - 32px));box-shadow:0 30px 80px rgba(0,0,0,.7);animation:popIn .3s cubic-bezier(.2,.9,.3,1.2) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}.seg{display:inline-flex;padding:3px;background:#0a0e1a;border:1px solid var(--border);border-radius:10px}.seg button{padding:7px 14px;border-radius:8px;font-size:12px;color:var(--text-dim);font-weight:600}.seg button.active{background:linear-gradient(180deg,#1c2340,#131936);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.rail-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text-dim);font-size:13px;font-weight:500}.rail-item.active{background:rgba(78,226,255,.08);color:var(--text);box-shadow:inset 0 0 0 1px rgba(78,226,255,.2)}.rail-item:hover:not(.active){background:rgba(255,255,255,.03);color:var(--text)}.txt-glow-green{color:var(--green);text-shadow:0 0 10px var(--green-glow)}.txt-glow-red{color:var(--red);text-shadow:0 0 10px var(--red-glow)}.txt-glow-violet{color:var(--violet);text-shadow:0 0 10px var(--violet-glow)}.txt-glow-cyan{color:var(--cyan);text-shadow:0 0 12px rgba(78,226,255,.6)}.txt-glow-gold{color:var(--gold);text-shadow:0 0 12px rgba(255,209,102,.6)}.wallet-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--border);transition:all .12s ease}.wallet-card:hover{border-color:var(--border-strong);background:rgba(255,255,255,.06)}.tr{display:grid;align-items:center;padding:10px 12px;border-bottom:1px solid #131a2e;font-size:13px;color:var(--text-dim)}.tr.head{color:var(--text-mute);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.tr:last-child{border-bottom:0}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:1024px){.mobile-only{display:none}.desktop-only{display:flex}}.mobile-shell{min-height:100dvh}.desktop-shell,.mobile-shell{position:relative;height:100dvh;background:var(--bg-0);color:var(--text);overflow:hidden}.desktop-shell{display:none}@media (min-width:1024px){.mobile-shell{display:none}.desktop-shell{display:flex}}.tab-bar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;padding:10px 8px 30px;background:linear-gradient(180deg,transparent,#05060a 40%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:90;border-top:1px solid var(--border)}.chip-select{padding:10px 0;border-radius:10px;font-family:var(--font-mono);font-weight:700;font-size:13px}.chip-select.on-cyan{color:var(--cyan);border:1px solid rgba(78,226,255,.4)}.chip-select.on-cyan,.chip-select.on-gold{background:linear-gradient(180deg,#1c2340,#131936)}.chip-select.on-gold{color:var(--gold);border:1px solid rgba(255,209,102,.4)}.chip-select.off{background:rgba(255,255,255,.03);color:var(--text-dim);border:1px solid var(--border)}.field{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);font-family:var(--font-ui);font-size:14px}.field:focus{outline:none;border-color:rgba(78,226,255,.45)}.banner-error{padding:10px 12px;border-radius:10px;background:rgba(255,59,87,.08);border:1px solid rgba(255,59,87,.25);color:var(--red);font-size:12px}.slip-bar{background:linear-gradient(180deg,#0f1424,#05060a);border:1px solid var(--border-strong);border-radius:16px;padding:12px;box-shadow:0 -12px 40px rgba(0,0,0,.45)}.slip-dock{position:absolute;left:12px;right:12px;bottom:86px;z-index:95}.variant-toggle{top:auto;bottom:88px;left:50%;transform:translateX(-50%)}@media (min-width:1024px){.variant-toggle{top:12px;bottom:auto}}.celebrate-blast{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.celebrate-bit{position:absolute;left:50%;top:38%;border-radius:2px;animation:celebrateFly 1.35s cubic-bezier(.12,.72,.18,1) both}.celebrate-bit.round{border-radius:50%}@keyframes celebrateFly{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.25) rotate(var(--spin))}}.celebrate-ring,.celebrate-ring-2{position:absolute;left:50%;top:38%;width:90px;height:90px;border-radius:50%;border:3px solid rgba(255,209,102,.85);box-shadow:0 0 24px rgba(255,209,102,.55);animation:celebrateRing .9s ease-out both}.celebrate-ring-2{border-color:rgba(22,217,122,.7);animation-delay:.12s}@keyframes celebrateRing{0%{transform:translate(-50%,-50%) scale(.2);opacity:.95}to{transform:translate(-50%,-50%) scale(3.1);opacity:0}}.congrats-banner{margin:4px 0 8px;animation:congratsPop .56s cubic-bezier(.2,.9,.3,1.2) both}.congrats-title{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:.08em;color:var(--gold);text-shadow:0 0 18px rgba(255,209,102,.75),0 0 42px rgba(22,217,122,.35);animation:congratsShine 1.2s ease-in-out infinite}.congrats-sub{margin-top:4px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--green);text-shadow:0 0 10px var(--green-glow)}@keyframes congratsPop{0%{transform:scale(.4) rotate(-8deg);opacity:0}60%{transform:scale(1.12) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes congratsShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.28)}}.modal.celebrate-win{overflow:visible;box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 40px rgba(255,209,102,.18)}