:root{--bg-0:#070d22;--bg-1:#0a1230;--bg-2:#0b1b3a;--ink:#eaf3ff;--ink-dim:#bfdbfec7;--cyan:#38bdf8;--blue:#3b82f6;--blue-deep:#1d4ed8;--line:#38bdf829;--card:#0d1b3aa8;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(120% 70% at 50% -10%, #38bdf82e, transparent 60%), linear-gradient(180deg, var(--bg-2) 0%, var(--bg-1) 55%, var(--bg-0) 100%);background-attachment:fixed;min-height:100svh}a{color:inherit;text-decoration:none}button{font-family:inherit}.neon-floor{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);pointer-events:none;background-size:44px 44px;animation:16s linear infinite floor-drift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 30%,#000 100%);mask-image:linear-gradient(#0000 30%,#000 100%)}@keyframes floor-drift{to{background-position:0 44px,44px 0}}@media (prefers-reduced-motion:reduce){.neon-floor{animation:none}}.gcard{--accent:#38bdf8;background:linear-gradient(180deg, #ffffff0a, #fff0), var(--card);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #38bdf82e;border-radius:16px;flex-direction:column;min-height:188px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #02061766}.gcard:hover{border-color:color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:0 16px 40px #0206178c, 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-4px)}.gcard__glow{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 55%, transparent), transparent 65%);filter:blur(18px);opacity:.5;pointer-events:none;border-radius:50%;width:180px;height:180px;transition:opacity .18s;position:absolute;top:-60px;right:-40px}.gcard:hover .gcard__glow{opacity:.95}.gcard.is-soon{opacity:.92}.gcard__top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.gcard__icon{filter:drop-shadow(0 0 12px color-mix(in srgb, var(--accent) 70%, transparent));font-size:38px;line-height:1}.gcard__tag{letter-spacing:1.5px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.gcard__tag.is-live{color:#04210f;background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 14px #10b98180}.gcard__tag.is-soon{color:var(--ink-dim);border:1px solid #94b8e659}.gcard__name{color:var(--ink);margin:0 0 6px;font-size:20px;font-weight:800}.gcard__desc{color:var(--ink-dim);margin:0;font-size:13.5px;line-height:1.45}.gcard__cta{color:color-mix(in srgb, var(--accent) 85%, #fff);margin-top:auto;padding-top:16px;font-size:13px;font-weight:700}.authbar{z-index:5;gap:10px;display:flex;position:absolute;top:18px;right:18px}.authbar__btn{letter-spacing:.2px;cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-size:14px;font-weight:800;transition:transform .1s,filter .15s,background .15s,border-color .15s;display:inline-flex}.authbar__btn:active{transform:scale(.97)}.authbar__btn--login{color:var(--ink);background:#38bdf814;border:1px solid #7dd3fc73}.authbar__btn--login:hover{background:#38bdf829;border-color:#7dd3fccc}.authbar__btn--signup{color:#04210f;background:linear-gradient(135deg,#7dd3fc 0%,#38bdf8 100%);border:1px solid #0000;box-shadow:0 6px 18px #38bdf866}.authbar__btn--signup:hover{filter:brightness(1.06)}@media (width<=560px){.authbar{gap:8px;top:12px;right:12px}.authbar__btn{height:36px;padding:0 14px;font-size:13px}}.hub{max-width:1120px;min-height:100svh;margin:0 auto;padding:clamp(28px,6vw,72px) 20px 60px;position:relative;overflow:hidden}.hub__aura{filter:blur(30px);pointer-events:none;background:radial-gradient(circle,#2563eb66,#0000 62%);border-radius:50%;width:760px;max-width:130vw;height:760px;animation:5s ease-in-out infinite aura-pulse;position:absolute;top:-220px;left:50%;transform:translate(-50%)}@keyframes aura-pulse{0%,to{opacity:.6}50%{opacity:1}}.hub__header{text-align:center;margin-bottom:clamp(28px,5vw,52px);position:relative}.hub__badge{letter-spacing:4px;color:var(--cyan);text-shadow:0 0 14px #38bdf8cc;border:1px solid #7dd3fc80;border-radius:999px;margin-bottom:16px;padding:7px 18px;font-size:12px;font-weight:800;display:inline-block}.hub__title{letter-spacing:1px;color:#dbeafe;text-shadow:0 0 50px #3b82f673;margin:0;font-size:clamp(40px,10vw,92px);font-weight:900;line-height:.95}.hub__title span{background:linear-gradient(#7dd3fc,#2563eb);color:#0000;-webkit-background-clip:text;background-clip:text}.hub__sub{color:var(--ink-dim);margin:16px 0 0;font-size:clamp(14px,2.4vw,17px)}.hub__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid;position:relative}@media (width<=900px){.hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.hub__grid{grid-template-columns:minmax(0,1fr);gap:14px}}.hub__footer{text-align:center;color:#94b8e680;margin-top:44px;font-size:13px;position:relative}.hub__dot{margin:0 8px}.shell{--accent:#38bdf8;min-height:100svh;position:relative;overflow:hidden}.shell__bar{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #38bdf829;align-items:center;gap:12px;padding:16px clamp(14px,4vw,28px);display:flex;position:relative}.shell__back{color:var(--ink);border:1px solid #7dd3fc4d;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.shell__back:hover{background:#38bdf81f;border-color:#7dd3fc99}.shell__title{letter-spacing:.3px;align-items:center;gap:8px;margin:0 auto;font-size:clamp(15px,3vw,18px);font-weight:800;display:inline-flex}.shell__icon{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 70%, transparent));font-size:20px}.shell__spacer{width:92px}@media (width<=560px){.shell__spacer{display:none}.shell__title{margin:0}}.shell__stage{z-index:1;justify-content:center;align-items:center;min-height:calc(100svh - 64px);padding:clamp(20px,5vw,48px) 20px 60px;display:flex;position:relative}.soon{text-align:center;padding:20px;position:relative}.soon__glow{background:radial-gradient(circle, color-mix(in srgb, var(--accent,#3b82f6) 50%, transparent), transparent 65%);filter:blur(22px);pointer-events:none;border-radius:50%;width:340px;height:340px;animation:4s ease-in-out infinite aura-pulse;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.soon__icon{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--accent,#3b82f6) 70%, transparent));margin-bottom:14px;font-size:64px;animation:2.6s ease-in-out infinite soon-bob;display:inline-block;position:relative}@keyframes soon-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.soon__title{color:#dbeafe;text-shadow:0 0 40px #3b82f673;margin:0 0 10px;font-size:clamp(26px,6vw,40px);font-weight:900;position:relative}.soon__sub{max-width:420px;color:var(--ink-dim);margin:0 auto 20px;font-size:15px;position:relative}.soon__pill{letter-spacing:2px;color:var(--cyan);text-shadow:0 0 12px #38bdf8cc;border:1px solid #7dd3fc80;border-radius:999px;padding:8px 18px;font-size:12px;font-weight:800;display:inline-block;position:relative}@media (prefers-reduced-motion:reduce){.soon__glow,.soon__icon{animation:none}}.rr{flex-direction:column;gap:18px;width:100%;max-width:520px;display:flex}.rr__pad{appearance:none;cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;border:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:320px;transition:background .12s,box-shadow .12s;display:flex}.rr__big{letter-spacing:1px;text-shadow:0 2px 20px #00000059;font-size:clamp(34px,8vw,56px);font-weight:900}.rr__small{opacity:.92;font-size:15px;font-weight:600}.rr__pad--idle,.rr__pad--result{background:linear-gradient(160deg,#1d4ed8,#0ea5e9);box-shadow:0 18px 50px #0ea5e966,inset 0 0 0 1px #7dd3fc66}.rr__pad--waiting{background:linear-gradient(160deg,#b91c1c,#ef4444);box-shadow:0 18px 50px #ef444459,inset 0 0 0 1px #fecaca4d}.rr__pad--toosoon{background:linear-gradient(160deg,#9a3412,#f59e0b);box-shadow:0 18px 50px #f59e0b59,inset 0 0 0 1px #fde68a59}.rr__pad--go{background:linear-gradient(160deg,#15803d,#22c55e);animation:.5s ease-in-out infinite alternate rr-flash;box-shadow:0 0 60px #22c55e99,inset 0 0 0 1px #bbf7d080}@keyframes rr-flash{to{box-shadow:0 0 90px #22c55ee6,inset 0 0 0 1px #bbf7d0b3}}.rr__stats{background:var(--card);color:var(--ink-dim);border:1px solid #38bdf82e;border-radius:14px;justify-content:space-around;padding:14px;font-size:14px;display:flex}.rr__stats b{color:var(--ink);margin-left:4px}@media (prefers-reduced-motion:reduce){.rr__pad--go{animation:none}}.dd{text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:460px;display:flex}.dd__scores{color:var(--ink-dim);gap:28px;font-size:14px;display:flex}.dd__scores b{color:var(--ink);margin-left:4px;font-size:16px}.dd__digit{color:#eaf3ff;text-shadow:0 0 40px #3b82f699;background:radial-gradient(120% 100% at 50% 0,#38bdf840,#0000 60%),linear-gradient(#0d1b3ae6,#070d22e6);border-radius:28px;justify-content:center;align-items:center;width:clamp(150px,44vw,220px);height:clamp(150px,44vw,220px);font-size:clamp(96px,26vw,150px);font-weight:900;line-height:1;display:flex;box-shadow:0 18px 50px #02061780,inset 0 0 0 1px #38bdf840}.dd__digit.is-win{animation:.35s dd-pop;box-shadow:0 0 60px #22c55e8c,inset 0 0 0 1px #86efac99}.dd__digit.is-lose{animation:.4s dd-shake;box-shadow:0 0 60px #ef444480,inset 0 0 0 1px #fca5a599}.dd__digit.is-push{animation:.35s dd-pop;box-shadow:0 0 50px #f59e0b73,inset 0 0 0 1px #fde68a80}@keyframes dd-pop{0%{transform:scale(.9)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes dd-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.dd__hint{color:var(--ink-dim);margin:0;font-size:15px}.dd__hint--over{color:#fca5a5;font-weight:700}.dd__note{color:#94b8e68c;margin:0;font-size:12.5px}.dd__btns{gap:14px;width:100%;display:flex}.dd__btn{appearance:none;cursor:pointer;color:#fff;border:none;border-radius:14px;flex:1;padding:16px 18px;font-size:17px;font-weight:800;transition:transform .1s,filter .15s}.dd__btn:active{transform:scale(.97)}.dd__btn--hi{background:linear-gradient(135deg,#15803d,#22c55e);box-shadow:0 10px 26px #22c55e59}.dd__btn--lo{background:linear-gradient(135deg,#b91c1c,#ef4444);box-shadow:0 10px 26px #ef444459}.dd__btn--again{background:linear-gradient(135deg,#1d4ed8,#0ea5e9);flex:none;padding:14px 30px;box-shadow:0 10px 26px #0ea5e959}.dd__btn:hover{filter:brightness(1.07)}@media (prefers-reduced-motion:reduce){.dd__digit.is-win,.dd__digit.is-lose,.dd__digit.is-push{animation:none}}