:root{color-scheme:dark;--bg:#070c16;--panel:#111a29;--border:#ffffff13;--text:#eef4ff;--muted:#94a5bc;--blue:#62beff;--green:#97f5be}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 0,#142d4c88,transparent 48%),var(--bg);color:var(--text);font:15px/1.55 Inter,system-ui,-apple-system,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}.jg-nav{position:sticky;top:0;z-index:30;backdrop-filter:blur(22px);background:#070c16e8;border-bottom:1px solid var(--border)}.jg-nav-inner{max-width:1440px;padding:19px 32px;margin:auto;display:flex;align-items:center;gap:25px}.jg-brand{font-weight:850;font-size:17px;letter-spacing:-.7px;white-space:nowrap}.jg-brand b{font-size:26px;margin-right:10px;color:var(--green)}.jg-links{display:flex;gap:4px;align-items:center;flex:1}.jg-links a{padding:8px 12px;font-size:13px;color:var(--muted);border-radius:9px;white-space:nowrap}.jg-links a[aria-current=page]{color:white;background:#ffffff0c}.jg-links a[href='/studio.html']{color:var(--green);background:#97f5be10}.jg-account{font-size:12px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;white-space:nowrap}.jg-wrap{max-width:1380px;margin:auto;padding:35px 32px 80px}.jg-eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:750;text-transform:uppercase}.jg-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:18px 0 30px}.jg-heading h1{font-size:clamp(32px,5vw,56px);line-height:1.1;letter-spacing:-2px;margin:8px 0 12px}.jg-heading p,.jg-muted{color:var(--muted)}.jg-heading p{margin:0;max-width:680px}.jg-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:#ffffff08;color:var(--text);border-radius:11px;padding:11px 17px;font-size:13px;font-weight:650;min-height:44px}.jg-button.primary{background:var(--green);color:#092219;border-color:transparent}.jg-button.blue{background:var(--blue);color:#07192b}.jg-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.jg-panel{background:linear-gradient(140deg,#131e2e,#0c1421);border:1px solid var(--border);border-radius:20px;padding:24px;min-width:0}.jg-panel h2{margin:0 0 14px;font-size:20px;letter-spacing:-.5px}.jg-panel p{color:var(--muted);font-size:13px}.jg-section{margin:42px 0}.jg-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.jg-section-head h2{font-size:23px;letter-spacing:-.7px;margin:0}.jg-section-head a{font-size:12px;color:var(--blue)}.jg-hero{position:relative;overflow:hidden;min-height:430px;border:1px solid #ffffff18;border-radius:25px;background:radial-gradient(ellipse at 80% 20%,#1c85a944,transparent 50%),linear-gradient(130deg,#0c1a2b,#111526);padding:50px;margin-bottom:25px;display:flex;flex-direction:column;justify-content:end;isolation:isolate}.jg-hero:after{content:'';position:absolute;z-index:-1;right:-2%;top:-35%;width:640px;height:640px;border:1px solid #81c9ff35;border-radius:50%;box-shadow:0 0 0 75px #81c9ff05,0 0 0 76px #81c9ff20,0 0 0 170px #81c9ff04,0 0 0 171px #81c9ff0e;transform:rotate(-20deg) scaleY(.58);pointer-events:none}.jg-hero h1{font-size:clamp(40px,5.7vw,76px);line-height:1.02;letter-spacing:-3px;max-width:700px;margin:15px 0 20px}.jg-hero p{max-width:560px;color:#a8bcd0;font-size:15px}.jg-hero .jg-actions{margin-top:20px}.jg-badge{display:inline-flex;padding:5px 10px;gap:6px;align-items:center;font-size:11px;background:#97f5be12;color:var(--green);border:1px solid #97f5be20;border-radius:99px}.jg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.jg-card{min-width:0}.jg-art{position:relative;display:grid;place-items:center;aspect-ratio:16/11;background:radial-gradient(at 65% 20%,var(--accent,#276ca4),transparent 70%),linear-gradient(125deg,#142b3a,#101425);border:1px solid #ffffff17;border-radius:16px;overflow:hidden;font-size:53px;transition:transform .2s}.jg-art:before{content:'';width:45%;aspect-ratio:1;position:absolute;border:1px solid #ffffff20;transform:rotate(30deg);border-radius:24px;background:#ffffff05}.jg-art span{z-index:1}.jg-card:hover .jg-art{transform:translateY(-3px)}.jg-card h3{font-size:15px;letter-spacing:-.3px;margin:12px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jg-card-meta{display:flex;gap:8px;justify-content:space-between;font-size:11px;color:var(--muted)}.jg-card-meta a{color:var(--blue)}.jg-input{width:100%;background:#060e1bcc;color:var(--text);border:1px solid #ffffff1c;border-radius:11px;padding:12px 14px;min-height:46px}.jg-field{display:grid;gap:7px;margin:16px 0}.jg-field>span{font-size:12px;color:var(--muted)}textarea.jg-input{resize:vertical;min-height:100px}.jg-search{display:flex;gap:12px;margin:25px 0}.jg-search input{flex:1}.jg-search select{width:auto;max-width:210px}.jg-tabs{display:flex;gap:8px;overflow:auto;margin:18px 0 25px;padding:2px}.jg-tabs a,.jg-tabs button{white-space:nowrap}.jg-empty{padding:35px 22px;border:1px dashed #ffffff25;border-radius:16px;color:var(--muted);text-align:center;grid-column:1/-1}.jg-status{border-radius:12px;background:#14283b;padding:12px 16px;color:#a6d5f8;font-size:13px;margin:15px 0;white-space:pre-wrap}.jg-status.error{background:#391c2c;color:#ffb8cc}.jg-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px}.jg-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.jg-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.jg-stat{border:1px solid var(--border);border-radius:17px;background:#101c2b;padding:20px}.jg-stat b{display:block;font-size:30px;font-weight:700;letter-spacing:-1px}.jg-stat span{font-size:12px;color:var(--muted)}.jg-list{display:grid;gap:10px}.jg-row{border:1px solid var(--border);background:#ffffff03;border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.jg-row small{display:block;color:var(--muted);font-size:11px}.jg-row strong{font-size:13px}.jg-version{font-family:monospace}.jg-preview{width:100%;height:440px;border:1px solid var(--border);border-radius:16px;background:#03080d;display:block}.jg-editor{font:12px/1.5 ui-monospace,SFMono-Regular,monospace;min-height:280px!important;tab-size:2}.jg-chat{min-height:130px!important}.jg-plans{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.jg-plan{padding:25px 20px}.jg-plan.featured{border-color:#97f5be70;background:linear-gradient(145deg,#183d36,#0d1726)}.jg-price{font-size:30px;font-weight:750;letter-spacing:-1px;margin:20px 0 0}.jg-plan ul{padding:0;list-style:none;color:var(--muted);font-size:12px;min-height:140px}.jg-plan li{margin:12px 0}.jg-plan .jg-button{width:100%}.jg-footer{border-top:1px solid var(--border);padding:28px 32px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.jg-footer a{margin-left:16px}.jg-check{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:start;margin:16px 0}.jg-check input{margin-top:4px}.jg-chip{border:1px solid var(--border);background:#ffffff06;border-radius:8px;padding:8px;font-size:12px}.jg-mobile-menu{display:none}.jg-select-project{display:block;width:100%;text-align:left}.jg-banner{border:1px solid #8beec222;background:linear-gradient(120deg,#172e2a,#131f34);border-radius:20px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.jg-banner h2{margin:4px 0;font-size:26px;letter-spacing:-1px}.jg-banner p{margin:0;color:var(--muted);font-size:13px}.jg-diff{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.jg-lang{border:1px solid var(--border);background:#101b29;color:white;padding:8px;border-radius:8px;font-size:11px}.jg-legend{font-size:11px;color:var(--muted)}
@media(min-width:1440px){.jg-hero{min-height:500px}}@media(max-width:1150px){.jg-nav-inner{gap:14px}.jg-links a{padding:7px 8px}.jg-plans{grid-template-columns:repeat(3,minmax(0,1fr))}.jg-layout{grid-template-columns:250px minmax(0,1fr)}}@media(max-width:900px){.jg-nav-inner{flex-wrap:wrap;padding:15px 22px;gap:10px}.jg-links{order:4;flex-basis:100%;overflow:auto}.jg-account{margin-left:auto}.jg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jg-two{grid-template-columns:1fr}.jg-layout{grid-template-columns:1fr}.jg-hero{padding:35px;min-height:380px}.jg-hero:after{opacity:.6}.jg-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.jg-wrap{padding:24px 16px 60px}.jg-nav-inner{padding:12px 16px}.jg-links{gap:3px}.jg-links a{font-size:12px}.jg-brand{font-size:15px}.jg-brand b{font-size:22px}.jg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.jg-hero{padding:27px 23px;min-height:430px;justify-content:end}.jg-hero h1{font-size:43px;letter-spacing:-2px}.jg-hero p{font-size:13px}.jg-search{flex-wrap:wrap}.jg-search input{flex-basis:100%}.jg-search select{flex:1;max-width:none}.jg-plans{grid-template-columns:1fr}.jg-plan ul{min-height:auto}.jg-plan{padding:26px}.jg-panel{padding:19px}.jg-heading{display:block}.jg-heading .jg-actions{margin-top:20px}.jg-preview{height:360px}.jg-banner{display:block;padding:25px}.jg-banner .jg-button{margin-top:18px}.jg-stat{padding:16px}.jg-stat b{font-size:26px}.jg-row{align-items:start}.jg-footer{flex-wrap:wrap;padding:25px 16px}.jg-art{font-size:42px}.jg-status{font-size:12px}.jg-card-meta{font-size:10px}.jg-heading h1{letter-spacing:-1.5px}.jg-lang{padding:7px 5px}.jg-account{padding:7px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.jg-nav .worldNav{width:36px;height:36px;min-width:36px;border-radius:9px;font-size:17px}.jg-nav .joinedLangMenu{top:46px}.jg-nav .joinedLangWrap{flex:none}


/* === JOINED FUTURE UI · 2026-09-26 === */
:root{
  --bg:#05070b;--bg2:#07111e;--panel:#0c1420;--panel2:#0f1c2b;--border:#9ec7e51f;
  --text:#f7fbff;--muted:#8ea4b9;--blue:#73c7ff;--green:#b8ff9b;--violet:#9c8cff;
  --glow:0 24px 80px #0008;
}
html{background:#05070b}
body{
  min-height:100dvh;
  background:
    radial-gradient(circle at 82% -8%,#1374a72b 0,transparent 31%),
    radial-gradient(circle at 8% 18%,#78ffab12 0,transparent 26%),
    radial-gradient(circle at 55% 120%,#513fa724 0,transparent 36%),
    linear-gradient(180deg,#05070b 0%,#07111c 55%,#05080d 100%);
  background-attachment:fixed;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.55;
  background-image:radial-gradient(circle,#ffffff88 0 1px,transparent 1.3px);
  background-size:68px 68px;background-position:10px 14px;
  mask-image:linear-gradient(to bottom,#000,transparent 72%);
}
body:after{
  content:"";position:fixed;left:50%;top:36%;width:min(80vw,900px);height:min(80vw,900px);z-index:-2;pointer-events:none;
  transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,#3ca7ff0e,transparent 62%);filter:blur(28px);
}
.jg-nav{
  top:0;border-bottom:1px solid #ffffff0a;background:#05080dbf;backdrop-filter:blur(26px) saturate(135%);
}
.jg-nav-inner{
  max-width:1460px;min-height:78px;padding:14px 30px;gap:22px;
}
.jg-brand{display:flex;align-items:center;gap:11px;font-size:15px;letter-spacing:-.45px}
.jg-brand b{display:none}
.jg-brand-mark{
  width:34px;height:34px;display:grid;place-items:center;border-radius:11px;
  background:linear-gradient(145deg,#c9ffac,#8df0d4);color:#062017;font-weight:950;font-size:20px;
  box-shadow:0 0 0 1px #ffffff20 inset,0 10px 32px #9effab13;
}
.jg-brand-name{font-weight:900;letter-spacing:-.7px}
.jg-links{justify-content:center;gap:7px}
.jg-links a{
  display:flex;align-items:center;gap:7px;padding:10px 13px;border-radius:12px;color:#8ea3b8;
  font-weight:720;transition:.2s ease;
}
.jg-links a:hover{background:#ffffff07;color:#f6fbff}
.jg-links a[aria-current=page]{background:#ffffff0b;color:white;box-shadow:inset 0 0 0 1px #ffffff09}
.jg-links a[href='/studio.html']{background:#8effb50c;color:#b8ff9b}
.jg-nav-icon{font-size:12px;color:#86d5ff}
.jg-nav-tools{display:flex;align-items:center;gap:8px}
.jg-account,.jg-world,.jg-more summary{
  min-height:40px;border:1px solid #ffffff13;background:#ffffff05;color:#dce8f4;border-radius:12px;
}
.jg-account{display:flex;align-items:center;padding:0 13px;font-weight:750}
.jg-world{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:12px!important}
.jg-more{position:relative}
.jg-more summary{list-style:none;display:grid;place-items:center;width:40px;cursor:pointer;font-size:16px;letter-spacing:2px}
.jg-more summary::-webkit-details-marker{display:none}
.jg-more-menu{
  position:absolute;right:0;top:48px;width:210px;padding:8px;border:1px solid #ffffff16;border-radius:16px;
  background:#09131ff2;box-shadow:0 22px 60px #000a;backdrop-filter:blur(20px);display:grid;z-index:80;
}
.jg-more-menu a{padding:12px;border-radius:10px;color:#a9bfd2;font-size:12px;font-weight:720}
.jg-more-menu a:hover{background:#ffffff08;color:white}

.jg-wrap{max-width:1420px;padding:38px 30px 96px}
.jg-heading{margin:18px 0 34px}
.jg-heading>div:first-child{max-width:780px}
.jg-heading h1{font-size:clamp(36px,4.8vw,64px);font-weight:820;letter-spacing:-2.6px;line-height:1.02}
.jg-heading p{font-size:14px;line-height:1.72;max-width:650px;color:#8fa6ba}
.jg-eyebrow{color:#aefc9b;letter-spacing:2.4px;font-size:10px}
.jg-hero{
  min-height:540px;border-radius:32px;padding:58px;
  border:1px solid #a5d7ff1f;
  background:
    radial-gradient(circle at 86% 18%,#5dd9ff35 0,transparent 24%),
    radial-gradient(circle at 70% 80%,#acff9e18 0,transparent 30%),
    linear-gradient(135deg,#0a1523 0%,#09121d 48%,#0a111a 100%);
  box-shadow:var(--glow),inset 0 1px #ffffff0c;
}
.jg-hero:before{
  content:"";position:absolute;right:9%;top:14%;width:clamp(180px,28vw,390px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,#b9ff9b 0 4%,#75d8ff14 5% 32%,transparent 33%);
  border:1px solid #8ddcff35;box-shadow:0 0 0 34px #65cfff08,0 0 0 35px #65cfff17,0 0 90px #53bfff25;
}
.jg-hero:after{
  right:4%;top:5%;width:min(45vw,580px);height:min(45vw,580px);border-color:#8bd5ff24;
  box-shadow:0 0 0 90px #65cfff03,0 0 0 91px #65cfff13,0 0 0 185px #6fffaa03,0 0 0 186px #6fffaa0c;
}
.jg-hero>*{position:relative;z-index:2}
.jg-hero h1{font-size:clamp(48px,6vw,84px);max-width:720px;letter-spacing:-4.5px;font-weight:860;white-space:pre-line}
.jg-hero p{font-size:15px;line-height:1.75;color:#9ab0c4}
.jg-hero .jg-actions{margin-top:26px}
.jg-button{
  min-height:46px;border-radius:13px;border-color:#ffffff14;background:#ffffff06;
  font-weight:760;transition:transform .18s ease,background .18s ease,border-color .18s ease,filter .18s ease;
}
.jg-button:hover{transform:translateY(-1px);background:#ffffff0a;border-color:#ffffff24}
.jg-button.primary{background:linear-gradient(135deg,#caffaa,#8ff0be);color:#092118;box-shadow:0 12px 35px #8dffb214}
.jg-button.blue{background:linear-gradient(135deg,#67c8ff,#7faaff);color:#061524}
.jg-search{
  position:sticky;top:88px;z-index:20;padding:10px;margin:26px 0 34px;border:1px solid #ffffff12;border-radius:18px;
  background:#07111bd9;backdrop-filter:blur(20px);box-shadow:0 16px 42px #0005;
}
.jg-input{
  min-height:48px;border-radius:13px;border-color:#ffffff16;background:#060d16;color:#f6fbff;
  box-shadow:inset 0 1px #ffffff05;
}
.jg-input:focus{border-color:#7dccff75;box-shadow:0 0 0 4px #51bfff10;outline:none}
.jg-section{margin:52px 0}
.jg-section-head{margin-bottom:20px}
.jg-section-head h2{font-size:clamp(23px,2.2vw,31px);font-weight:790;letter-spacing:-1.1px}
.jg-section-head a{color:#74ccff;font-weight:750}
.jg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}
.jg-card{position:relative;min-width:0}
.jg-card-link{display:block}
.jg-art{
  aspect-ratio:16/10;border-radius:22px;border:1px solid #ffffff11;overflow:hidden;
  background:
    radial-gradient(circle at 64% 32%,color-mix(in srgb,var(--accent,#53a9ff) 68%,transparent),transparent 28%),
    radial-gradient(circle at 35% 75%,#9effb91c,transparent 26%),
    linear-gradient(145deg,#112740,#0a1422 72%);
  box-shadow:0 18px 46px #00045;isolation:isolate;
}
.jg-art:before{
  width:53%;border-radius:28%;transform:rotate(33deg);
  background:linear-gradient(145deg,#ffffff09,#ffffff01);border-color:#ffffff17;box-shadow:0 0 45px #68c6ff0b inset;
}
.jg-art:after{
  content:"";position:absolute;inset:auto -12% -42% 18%;height:72%;border-radius:50%;
  background:#0006;filter:blur(18px);z-index:0;
}
.jg-card-icon{z-index:2;font-size:58px;filter:drop-shadow(0 14px 25px #0008)}
.jg-card-kicker{position:absolute;left:14px;right:14px;top:14px;z-index:3;display:flex;justify-content:space-between;gap:8px}
.jg-card-kicker span{font-size:8px;letter-spacing:1.5px;font-weight:900;padding:6px 8px;border:1px solid #ffffff18;border-radius:999px;background:#06101abb;color:#c7d7e5}
.jg-card-kicker span:last-child{color:#b8ff9b}
.jg-card-arrow{
  position:absolute;right:15px;bottom:15px;z-index:3;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;
  background:#f6fbff;color:#06111b;font-size:18px;font-weight:900;transform:translateY(6px);opacity:0;transition:.2s ease;
}
.jg-card:hover .jg-art{transform:translateY(-5px);border-color:#7ccaff3a}
.jg-card:hover .jg-card-arrow{transform:none;opacity:1}
.jg-card-copy h3{font-size:17px;margin:14px 0 5px;letter-spacing:-.45px}
.jg-card-copy p{font-size:11px;color:#7f96ab;margin:0}
.jg-card-meta{margin-top:7px;font-size:11px}
.jg-card-meta strong{color:#dce8f2;font-weight:700}
.jg-panel{
  border-radius:24px;border-color:#ffffff12;background:
    radial-gradient(circle at 100% 0,#66c8ff0b,transparent 30%),linear-gradient(145deg,#0e1b2a,#09121d);
  box-shadow:0 18px 50px #00035,inset 0 1px #ffffff06;
}
.jg-panel h2{font-weight:790;letter-spacing:-.7px}
.jg-row{border-color:#ffffff0e;background:#ffffff03;border-radius:14px}
.jg-stat-grid{gap:12px}
.jg-stat{
  position:relative;overflow:hidden;border-color:#ffffff0e;border-radius:20px;background:linear-gradient(145deg,#0e1c2b,#08121d);
  min-height:116px;
}
.jg-stat:after{content:"";position:absolute;right:-25px;top:-25px;width:86px;height:86px;border-radius:50%;background:#65c8ff0a}
.jg-stat b{font-size:34px;font-weight:820}
.jg-tabs{gap:7px;padding:7px;border:1px solid #ffffff0e;border-radius:16px;background:#07111c;scrollbar-width:none}
.jg-tabs .jg-button{border:0;background:transparent;color:#90a7ba}
.jg-tabs .jg-button:hover{background:#ffffff07;color:white}
.jg-banner{
  border-radius:26px;border-color:#9fffc52a;background:
    radial-gradient(circle at 85% 0,#79f5bb1d,transparent 34%),
    linear-gradient(135deg,#0d221f,#0b1723);
  box-shadow:0 20px 55px #0004;
}
.jg-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.jg-plan{min-height:340px}
.jg-plan.featured{transform:translateY(-8px);border-color:#9df8b34a;background:linear-gradient(145deg,#14302b,#0a1722);box-shadow:0 26px 70px #0005}
.jg-price{font-size:36px;font-weight:840}
.jg-preview{border-radius:22px;border-color:#ffffff14;background:#02070c;box-shadow:0 24px 60px #0006}
.jg-empty{border-radius:20px;border-color:#ffffff15;background:#ffffff02}
.jg-status{border:1px solid #68c9ff20;background:#10283c;border-radius:14px}
.jg-footer{border-color:#ffffff0b;background:#05080c;color:#6f859a}
.jg-footer a:hover{color:#dce8f4}
.jg-mobile-dock{display:none}

@media(max-width:1100px){
  .jg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jg-links a{padding-inline:10px;font-size:12px}
  .jg-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body{padding-bottom:82px}
  .jg-nav{position:sticky}
  .jg-nav-inner{min-height:64px;padding:11px 16px;gap:10px}
  .jg-brand-name{font-size:14px}
  .jg-brand-mark{width:32px;height:32px}
  .jg-links{display:none}
  .jg-nav-tools{margin-left:auto}
  .jg-more{display:none}
  .jg-account{max-width:118px;overflow:hidden;text-overflow:ellipsis}
  .jg-world{width:38px!important;height:38px!important;min-width:38px!important}
  .jg-mobile-dock{
    display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:90;left:10px;right:10px;
    bottom:max(10px,env(safe-area-inset-bottom));padding:7px;border:1px solid #ffffff16;border-radius:22px;
    background:#07111bf0;backdrop-filter:blur(24px) saturate(150%);box-shadow:0 20px 60px #000a;
  }
  .jg-mobile-dock a{
    min-width:0;min-height:52px;display:grid;place-items:center;align-content:center;gap:3px;border-radius:15px;
    color:#7e97ac;text-decoration:none;font-weight:780;
  }
  .jg-mobile-dock a>span{font-size:18px;line-height:1}
  .jg-mobile-dock a small{font-size:8px;letter-spacing:.1px}
  .jg-mobile-dock a[aria-current=page]{background:#c6ffaa;color:#092116;box-shadow:0 8px 22px #a6ff9c13}
  .jg-wrap{padding:24px 16px 72px}
  .jg-hero{min-height:510px;padding:30px 24px;border-radius:26px}
  .jg-hero:before{right:-8%;top:8%;width:270px;opacity:.8}
  .jg-hero:after{right:-42%;top:2%;width:520px;height:520px;opacity:.55}
  .jg-hero h1{font-size:clamp(43px,13vw,61px);letter-spacing:-3.2px;margin-top:16px}
  .jg-hero p{font-size:13px;max-width:86%}
  .jg-search{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;margin-top:18px}
  .jg-search input{grid-column:1/-1}
  .jg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  .jg-art{border-radius:18px}
  .jg-card-icon{font-size:44px}
  .jg-card-kicker span{font-size:7px;padding:5px 6px}
  .jg-card-arrow{display:none}
  .jg-card-copy h3{font-size:15px}
  .jg-card-copy p{font-size:9px}
  .jg-card-meta{font-size:9px}
  .jg-heading h1{font-size:40px;letter-spacing:-2px}
  .jg-heading p{font-size:13px}
  .jg-section{margin:38px 0}
  .jg-panel{border-radius:20px}
  .jg-stat-grid{grid-template-columns:repeat(2,1fr)}
  .jg-plans{grid-template-columns:1fr}
  .jg-plan.featured{transform:none}
  .jg-layout,.jg-two{gap:14px}
  .jg-preview{height:380px}
  .jg-footer{padding-bottom:104px}
}
@media(max-width:390px){
  .jg-account{display:none}
  .jg-grid{gap:18px 10px}
  .jg-art{aspect-ratio:1.35}
  .jg-card-copy h3{font-size:14px}
  .jg-mobile-dock{left:7px;right:7px}
}


.jg-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:end;gap:34px}
.jg-hero-copy{align-self:end}
.jg-hero-signal{
  position:relative;justify-self:end;align-self:center;width:min(38vw,470px);aspect-ratio:1;
  display:grid;place-items:center;
}
.jg-hero-signal:before,.jg-hero-signal:after{
  content:"";position:absolute;inset:12%;border:1px solid #8dd8ff2b;border-radius:50%;transform:rotate(-18deg) scaleY(.58);
  box-shadow:0 0 0 42px #65cfff05,0 0 0 43px #65cfff14,0 0 0 86px #a4ffad04,0 0 0 87px #a4ffad10;
}
.jg-hero-signal:after{inset:25%;transform:rotate(28deg) scaleY(.72);box-shadow:none;border-color:#b8ff9b31}
.jg-signal-core{
  width:104px;height:104px;display:grid;place-items:center;border-radius:30px;z-index:2;
  background:linear-gradient(145deg,#d3ffb8,#83e8c4);color:#061d15;font-size:58px;font-weight:950;
  box-shadow:0 0 70px #9affb438,0 18px 60px #0007,inset 0 1px #ffffff80;
}
.jg-hero-signal i{
  position:absolute;z-index:3;font-style:normal;font-size:9px;font-weight:900;letter-spacing:1.5px;
  padding:8px 10px;border-radius:999px;border:1px solid #ffffff18;background:#07121dcc;color:#d7e8f7;
  box-shadow:0 10px 30px #0005;
}
.jg-hero-signal i.one{left:6%;top:27%}.jg-hero-signal i.two{right:0;top:43%}.jg-hero-signal i.three{left:18%;bottom:13%;color:#b8ff9b}
.jg-store-steps{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 26px;
}
.jg-store-steps a{
  min-height:92px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:13px;align-items:center;
  padding:16px;border:1px solid #ffffff0f;border-radius:18px;background:linear-gradient(145deg,#0c1825,#08111b);
  color:#f4f9fd;font-weight:800;transition:.2s ease;
}
.jg-store-steps a b{
  grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#ffffff06;
  color:#82d8ff;font-size:10px;letter-spacing:1px;border:1px solid #ffffff0c;
}
.jg-store-steps a span{font-size:10px;color:#8198ac;font-weight:600}
.jg-store-steps a:hover{transform:translateY(-2px);border-color:#8fd4ff35;background:#0e1d2d}
@media(max-width:760px){
  .jg-hero{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}
  .jg-hero-signal{position:absolute;right:-86px;top:-35px;width:300px;opacity:.66;pointer-events:none}
  .jg-signal-core{width:84px;height:84px;border-radius:26px;font-size:46px}
  .jg-hero-signal i{display:none}
  .jg-store-steps{grid-template-columns:1fr;margin-top:14px}
  .jg-store-steps a{min-height:70px;grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:13px 14px}
}

/* narrow mobile account safeguard */
@media(max-width:390px){.jg-account{display:flex!important;max-width:96px!important;padding-inline:9px!important}.jg-brand-name{font-size:12px}.jg-nav-inner{gap:7px}}


/* === STORE NIGHT SKY / FUTURE 4 === */
body[data-page="store"]{
  background:#03070d!important;
  isolation:isolate;
}
body[data-page="store"]:before,
body[data-page="store"]:after{display:none!important}
.jg-night-sky{
  position:fixed;inset:0;z-index:-4;pointer-events:none;overflow:hidden;
  background:
    radial-gradient(ellipse at 76% 8%,#174b835f 0,transparent 42%),
    radial-gradient(ellipse at 18% 24%,#0d315a66 0,transparent 42%),
    radial-gradient(ellipse at 50% 82%,#10284999 0,transparent 48%),
    linear-gradient(180deg,#03070d 0%,#061426 48%,#040a13 100%);
}
.jg-night-sky:before{
  content:"";position:absolute;inset:-15%;opacity:.42;
  background:
    radial-gradient(circle at 14% 18%,#8bd8ff18,transparent 12%),
    radial-gradient(circle at 74% 27%,#b8ff9b0b,transparent 16%),
    radial-gradient(circle at 54% 72%,#7a8cff10,transparent 18%);
  filter:blur(6px);
}
.jg-star-layer{position:absolute;inset:-12%;opacity:.7}
.jg-star-layer-a{
  background-image:
    radial-gradient(circle,#e7f7ff 0 1px,transparent 1.35px),
    radial-gradient(circle,#9fdcff 0 1px,transparent 1.35px),
    radial-gradient(circle,#ffffff 0 .8px,transparent 1.1px);
  background-size:73px 73px,119px 119px,163px 163px;
  background-position:12px 18px,48px 21px,17px 67px;
  animation:jgStarDrift 34s linear infinite;
}
.jg-star-layer-b{
  opacity:.34;
  background-image:
    radial-gradient(circle,#d8f1ff 0 1.2px,transparent 1.6px),
    radial-gradient(circle,#b8ffda 0 .8px,transparent 1.2px);
  background-size:211px 211px,287px 287px;
  background-position:93px 32px,8px 121px;
  animation:jgStarDrift 52s linear infinite reverse;
}
.jg-shooting-star{
  position:absolute;width:180px;height:1px;opacity:0;transform:rotate(-34deg);
  background:linear-gradient(90deg,transparent,#ccecff 65%,#fff);
  filter:drop-shadow(0 0 5px #a9dcff);animation:jgMeteor 18s linear infinite;
}
.jg-shooting-star:after{
  content:"";position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:white;
}
.jg-shooting-star.one{left:2%;top:31%;animation-delay:-4s}
.jg-shooting-star.two{left:42%;top:67%;animation-delay:-11s}
.jg-shooting-star.three{left:71%;top:18%;animation-delay:-16s}
@keyframes jgStarDrift{to{transform:translate3d(36px,24px,0)}}
@keyframes jgMeteor{
  0%,78%{opacity:0;transform:translate3d(0,0,0) rotate(-34deg)}
  80%{opacity:.7}
  88%{opacity:0;transform:translate3d(420px,-285px,0) rotate(-34deg)}
  100%{opacity:0;transform:translate3d(420px,-285px,0) rotate(-34deg)}
}
body[data-page="store"] .jg-nav{
  background:#03080dc9;border-bottom-color:#a8ddff12;
}
body[data-page="store"] .jg-wrap{position:relative}
body[data-page="store"] .jg-hero{
  min-height:460px;padding:48px 52px;border-radius:30px;
  background:
    radial-gradient(circle at 82% 18%,#70d6ff20 0,transparent 24%),
    radial-gradient(circle at 72% 76%,#b7ff9b10 0,transparent 27%),
    linear-gradient(140deg,#071424e8 0%,#081525e8 46%,#07111ce6 100%);
  border-color:#a9ddff25;
  box-shadow:0 30px 90px #0009,inset 0 1px #ffffff0a;
  overflow:hidden;
}
body[data-page="store"] .jg-hero:before{
  right:8%;top:18%;width:330px;
  background:radial-gradient(circle,#b8ff9b 0 3.5%,#7bdcff11 4% 29%,transparent 30%);
  box-shadow:0 0 0 38px #6ecfff05,0 0 0 39px #6ecfff15,0 0 92px #61cfff2a;
}
body[data-page="store"] .jg-hero:after{
  opacity:.72;right:1%;top:0;width:520px;height:520px;
}
body[data-page="store"] .jg-hero h1{
  font-size:clamp(50px,5.5vw,78px);line-height:.96;max-width:620px;letter-spacing:-4.2px;
}
body[data-page="store"] .jg-hero p{max-width:570px}
body[data-page="store"] .jg-store-steps{margin-top:20px}
body[data-page="store"] .jg-store-steps a{
  background:linear-gradient(145deg,#091625d9,#07111bd9);
  border-color:#9ed5ff19;box-shadow:0 16px 46px #00035;
}
body[data-page="store"] .jg-search{
  background:#06111bdc;border-color:#9fd7ff1c;box-shadow:0 18px 48px #00055;
}
body[data-page="store"] .jg-section{
  position:relative;
}
body[data-page="store"] .jg-section:before{
  content:"";position:absolute;left:-16px;top:-10px;width:44px;height:1px;background:linear-gradient(90deg,#b8ff9b,transparent);opacity:.55;
}
body[data-page="store"] .jg-card .jg-art{
  background:
    radial-gradient(circle at 72% 23%,color-mix(in srgb,var(--accent,#5ec6ff) 58%,transparent),transparent 27%),
    radial-gradient(circle at 22% 88%,#b9ff9b12,transparent 30%),
    linear-gradient(145deg,#0e2136,#071321 72%);
  border-color:#a6d8ff1b;box-shadow:0 22px 54px #0005;
}
body[data-page="store"] .jg-card:hover .jg-art{box-shadow:0 28px 62px #0007;border-color:#8ed8ff45}
body[data-page="store"] .jg-banner{
  background:
    radial-gradient(circle at 88% 12%,#a9ff9b15,transparent 30%),
    radial-gradient(circle at 10% 84%,#65caff13,transparent 32%),
    linear-gradient(135deg,#0a1b27e8,#07121fe8);
}
@media(max-width:760px){
  body[data-page="store"] .jg-wrap{padding-top:18px}
  body[data-page="store"] .jg-hero{
    min-height:430px;padding:30px 24px 28px;border-radius:25px;
  }
  body[data-page="store"] .jg-hero h1{
    font-size:clamp(42px,12.5vw,56px);line-height:.94;letter-spacing:-3px;max-width:74%;
  }
  body[data-page="store"] .jg-hero p{max-width:84%;font-size:12.5px;line-height:1.62}
  body[data-page="store"] .jg-hero .jg-actions{display:grid;grid-template-columns:1fr;margin-top:22px}
  body[data-page="store"] .jg-hero .jg-button{width:100%;justify-content:center}
  body[data-page="store"] .jg-hero-signal{right:-104px;top:-48px;width:285px;opacity:.5}
  body[data-page="store"] .jg-store-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  body[data-page="store"] .jg-store-steps a{
    min-height:76px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px 7px;text-align:center;
  }
  body[data-page="store"] .jg-store-steps a b{width:30px;height:30px;border-radius:10px}
  body[data-page="store"] .jg-store-steps a span{display:none}
  body[data-page="store"] .jg-search{margin-top:18px}
  body[data-page="store"] .jg-section-head h2{font-size:25px}
}
@media(max-width:420px){
  body[data-page="store"] .jg-hero{min-height:405px}
  body[data-page="store"] .jg-hero h1{max-width:82%;font-size:43px}
  body[data-page="store"] .jg-brand-name{font-size:11px}
  body[data-page="store"] .jg-account{max-width:88px!important}
}
@media(prefers-reduced-motion:reduce){
  .jg-star-layer,.jg-shooting-star{animation:none!important}
  .jg-shooting-star{display:none}
}


/* === STORE LIGHT SKY / FUTURE 5 === */
body[data-page="store"]{
  --store-ink:#10263c;
  --store-muted:#60758a;
  --store-line:#7fb4d52b;
  background:#eef8ff!important;
  color:var(--store-ink)!important;
}
body[data-page="store"] .jg-night-sky{
  background:
    radial-gradient(ellipse at 78% 8%,#bfeaff 0,transparent 38%),
    radial-gradient(ellipse at 18% 28%,#ffffff 0,transparent 42%),
    radial-gradient(ellipse at 52% 88%,#d6efff 0,transparent 48%),
    linear-gradient(180deg,#fbfdff 0%,#eaf7ff 48%,#dff1ff 100%)!important;
}
body[data-page="store"] .jg-night-sky:before{
  opacity:.64!important;
  background:
    radial-gradient(circle at 80% 18%,#ffffffcc 0,transparent 15%),
    radial-gradient(circle at 12% 32%,#cdefff80 0,transparent 18%),
    radial-gradient(circle at 54% 78%,#ffffff9a 0,transparent 20%)!important;
  filter:blur(4px)!important;
}
body[data-page="store"] .jg-star-layer-a{
  opacity:.58!important;
  background-image:
    radial-gradient(circle,#4b91bd 0 1px,transparent 1.3px),
    radial-gradient(circle,#78b6d8 0 .9px,transparent 1.2px),
    radial-gradient(circle,#8dc4df 0 .8px,transparent 1.05px)!important;
}
body[data-page="store"] .jg-star-layer-b{
  opacity:.32!important;
  background-image:
    radial-gradient(circle,#4d8db5 0 1.1px,transparent 1.45px),
    radial-gradient(circle,#7fc7bf 0 .8px,transparent 1.1px)!important;
}
body[data-page="store"] .jg-shooting-star{
  background:linear-gradient(90deg,transparent,#78add0 68%,#3f82ad)!important;
  filter:drop-shadow(0 0 4px #ffffff)!important;
}
body[data-page="store"] .jg-shooting-star:after{background:#4d8fb8!important}

body[data-page="store"] .jg-nav{
  background:#ffffffbd!important;
  border-bottom-color:#76a9ca29!important;
  box-shadow:0 10px 35px #4c83a31a!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
}
body[data-page="store"] .jg-brand-name,
body[data-page="store"] .jg-links a[aria-current=page],
body[data-page="store"] .jg-account{color:#12283f!important}
body[data-page="store"] .jg-links a{color:#5f7488!important}
body[data-page="store"] .jg-links a:hover{background:#3b82b30a!important;color:#0d263c!important}
body[data-page="store"] .jg-links a[aria-current=page]{background:#ffffffc9!important;box-shadow:inset 0 0 0 1px #6da2c329!important}
body[data-page="store"] .jg-links a[href='/studio.html']{background:#dff8ecb8!important;color:#1f6c56!important}
body[data-page="store"] .jg-nav-icon{color:#438cb9!important}
body[data-page="store"] .jg-account,
body[data-page="store"] .jg-world,
body[data-page="store"] .jg-more summary{
  background:#ffffffb8!important;border-color:#78a8c42d!important;color:#173149!important;
}
body[data-page="store"] .jg-more-menu{
  background:#ffffffee!important;border-color:#77a8c52d!important;box-shadow:0 20px 60px #5c86a32b!important;
}
body[data-page="store"] .jg-more-menu a{color:#526a7f!important}
body[data-page="store"] .jg-more-menu a:hover{background:#dcefff80!important;color:#143149!important}

body[data-page="store"] .jg-hero{
  background:
    radial-gradient(circle at 83% 18%,#bdeaffaa 0,transparent 25%),
    radial-gradient(circle at 74% 82%,#d9f8e8aa 0,transparent 31%),
    linear-gradient(145deg,#ffffffea 0%,#f5fbffee 48%,#eaf7ffee 100%)!important;
  border-color:#6fa7ca33!important;
  box-shadow:0 26px 70px #5c8dad22,inset 0 1px #ffffff!important;
}
body[data-page="store"] .jg-hero:before{
  background:radial-gradient(circle,#93ddb5 0 3.5%,#86ccea1f 4% 29%,transparent 30%)!important;
  border-color:#69a7cc40!important;
  box-shadow:0 0 0 38px #6ecfff0a,0 0 0 39px #6aa8cc22,0 0 70px #ffffff!important;
}
body[data-page="store"] .jg-hero:after{border-color:#70a9cc2c!important;box-shadow:0 0 0 90px #6ccfff08,0 0 0 91px #6b9fc61c,0 0 0 185px #86ddb407,0 0 0 186px #7cc49e16!important}
body[data-page="store"] .jg-hero h1{color:#10263c!important}
body[data-page="store"] .jg-hero p{color:#62788d!important}
body[data-page="store"] .jg-eyebrow{color:#2e8a68!important}
body[data-page="store"] .jg-hero-signal:before,
body[data-page="store"] .jg-hero-signal:after{border-color:#5fa0c833!important}
body[data-page="store"] .jg-hero-signal i{
  background:#ffffffdc!important;border-color:#6fa7ca2b!important;color:#34536a!important;box-shadow:0 10px 30px #6e9ab321!important;
}
body[data-page="store"] .jg-hero-signal i.three{color:#2a7d5f!important}
body[data-page="store"] .jg-button{
  background:#ffffffc8!important;border-color:#6e9fbd30!important;color:#244159!important;box-shadow:0 8px 24px #5b87a316!important;
}
body[data-page="store"] .jg-button.primary{
  background:linear-gradient(135deg,#baf89b,#8ee6c6)!important;color:#123629!important;border-color:transparent!important;box-shadow:0 12px 30px #6bc79625!important;
}
body[data-page="store"] .jg-store-steps a{
  background:#ffffffbf!important;border-color:#6fabc92b!important;color:#173149!important;box-shadow:0 16px 38px #6e9bb61c!important;
}
body[data-page="store"] .jg-store-steps a b{background:#e8f6ff!important;border-color:#6ca5c52d!important;color:#337fae!important}
body[data-page="store"] .jg-store-steps a span{color:#71869a!important}
body[data-page="store"] .jg-store-steps a:hover{background:#ffffffed!important;border-color:#5f9fc33f!important}
body[data-page="store"] .jg-search{
  background:#ffffffc9!important;border-color:#6da7c72b!important;box-shadow:0 16px 40px #5b88a31b!important;
}
body[data-page="store"] .jg-input{
  background:#ffffffd9!important;border-color:#7aa7c22d!important;color:#163149!important;
}
body[data-page="store"] .jg-input::placeholder{color:#8a9bab!important}
body[data-page="store"] .jg-section-head h2{color:#10263c!important}
body[data-page="store"] .jg-section-head a{color:#317faf!important}
body[data-page="store"] .jg-section:before{background:linear-gradient(90deg,#6db8df,transparent)!important}
body[data-page="store"] .jg-card .jg-art{
  background:
    radial-gradient(circle at 72% 23%,color-mix(in srgb,var(--accent,#67bce8) 48%,transparent),transparent 27%),
    radial-gradient(circle at 22% 88%,#a9e7c81f,transparent 30%),
    linear-gradient(145deg,#dff3ff,#cae8f8 72%)!important;
  border-color:#6da8c735!important;box-shadow:0 18px 42px #668faa22!important;
}
body[data-page="store"] .jg-card:hover .jg-art{box-shadow:0 24px 52px #5c88a52c!important;border-color:#5a98bd55!important}
body[data-page="store"] .jg-card-kicker span{
  background:#ffffffca!important;border-color:#6e9fbb30!important;color:#436177!important;
}
body[data-page="store"] .jg-card-kicker span:last-child{color:#28785d!important}
body[data-page="store"] .jg-card-copy h3{color:#163149!important}
body[data-page="store"] .jg-card-copy p{color:#71869b!important}
body[data-page="store"] .jg-card-meta a{color:#397da8!important}
body[data-page="store"] .jg-card-meta strong{color:#27465e!important}
body[data-page="store"] .jg-card-arrow{background:#ffffff!important;color:#1c3c53!important;box-shadow:0 8px 22px #6087a32b!important}
body[data-page="store"] .jg-banner{
  background:
    radial-gradient(circle at 88% 12%,#c8f3d8aa,transparent 31%),
    radial-gradient(circle at 10% 84%,#c9eaffb0,transparent 34%),
    linear-gradient(135deg,#ffffffdc,#edf8ffdc)!important;
  border-color:#6aa5c52e!important;box-shadow:0 20px 50px #5f8ba520!important;
}
body[data-page="store"] .jg-banner h2{color:#133049!important}
body[data-page="store"] .jg-banner p{color:#647d91!important}
body[data-page="store"] .jg-footer{
  background:transparent!important;border-color:#6ea3c322!important;color:#708398!important;
}
body[data-page="store"] .jg-footer a{color:#4d6b82!important}
body[data-page="store"] .jg-mobile-dock{
  background:#ffffffea!important;border-color:#679dbd35!important;box-shadow:0 18px 45px #527f9c2b!important;
}
body[data-page="store"] .jg-mobile-dock a{color:#6c8092!important}
body[data-page="store"] .jg-mobile-dock a[aria-current=page]{
  background:linear-gradient(135deg,#c8fba9,#92ebc8)!important;color:#16362b!important;box-shadow:0 8px 22px #77cda12a!important;
}
@media(max-width:760px){
  body[data-page="store"] .jg-hero{min-height:390px!important}
  body[data-page="store"] .jg-hero h1{font-size:clamp(39px,11.6vw,52px)!important;max-width:78%!important}
  body[data-page="store"] .jg-hero p{color:#60778c!important}
}


/* === STORE TWILIGHT / FUTURE 6 === */
body[data-page="store"]{
  --store-ink:#eef8ff;
  --store-muted:#a8bed1;
  background:#0a2138!important;
  color:var(--store-ink)!important;
}
body[data-page="store"] .jg-night-sky{
  background:
    radial-gradient(ellipse at 80% 6%,#2d6c9f70 0,transparent 40%),
    radial-gradient(ellipse at 14% 26%,#1a4a7655 0,transparent 38%),
    radial-gradient(ellipse at 52% 92%,#173d645e 0,transparent 48%),
    linear-gradient(180deg,#081a2d 0%,#0d2b49 48%,#0a2037 100%)!important;
}
body[data-page="store"] .jg-night-sky:before{
  opacity:.58!important;
  background:
    radial-gradient(circle at 78% 16%,#77c9ff22 0,transparent 15%),
    radial-gradient(circle at 14% 30%,#9ee8ff12 0,transparent 17%),
    radial-gradient(circle at 52% 78%,#83ffc914 0,transparent 18%)!important;
  filter:blur(5px)!important;
}
body[data-page="store"] .jg-star-layer-a{
  opacity:.54!important;
  background-image:
    radial-gradient(circle,#d8f3ff 0 1px,transparent 1.35px),
    radial-gradient(circle,#8fd2ff 0 1px,transparent 1.35px),
    radial-gradient(circle,#b9f6df 0 .8px,transparent 1.1px)!important;
}
body[data-page="store"] .jg-star-layer-b{
  opacity:.3!important;
  background-image:
    radial-gradient(circle,#e7f8ff 0 1.15px,transparent 1.5px),
    radial-gradient(circle,#87cfff 0 .85px,transparent 1.2px)!important;
}
body[data-page="store"] .jg-shooting-star{
  background:linear-gradient(90deg,transparent,#9adfff 70%,#ffffff)!important;
  filter:drop-shadow(0 0 5px #8fd5ff)!important;
}
body[data-page="store"] .jg-shooting-star:after{background:#f4fbff!important}

body[data-page="store"] .jg-nav{
  background:#071a2dcc!important;
  border-bottom-color:#9bdcff18!important;
  box-shadow:0 12px 34px #04111f55!important;
  backdrop-filter:blur(24px) saturate(140%)!important;
}
body[data-page="store"] .jg-brand-name,
body[data-page="store"] .jg-links a[aria-current=page],
body[data-page="store"] .jg-account{color:#f3f9ff!important}
body[data-page="store"] .jg-links a{color:#9db4c8!important}
body[data-page="store"] .jg-links a:hover{background:#ffffff08!important;color:#ffffff!important}
body[data-page="store"] .jg-links a[aria-current=page]{background:#ffffff0a!important;box-shadow:inset 0 0 0 1px #a3ddff15!important}
body[data-page="store"] .jg-links a[href='/studio.html']{background:#6fffb311!important;color:#b7ffd8!important}
body[data-page="store"] .jg-nav-icon{color:#76cfff!important}
body[data-page="store"] .jg-account,
body[data-page="store"] .jg-world,
body[data-page="store"] .jg-more summary{
  background:#ffffff07!important;border-color:#b5e6ff16!important;color:#e8f6ff!important;
}
body[data-page="store"] .jg-more-menu{
  background:#0a2238f2!important;border-color:#a7ddff1a!important;box-shadow:0 24px 70px #03111f88!important;
}
body[data-page="store"] .jg-more-menu a{color:#a9bfd1!important}
body[data-page="store"] .jg-more-menu a:hover{background:#ffffff08!important;color:#ffffff!important}

body[data-page="store"] .jg-hero{
  min-height:500px!important;
  grid-template-columns:minmax(0,.9fr) minmax(350px,1.1fr)!important;
  align-items:center!important;
  padding:50px 52px!important;
  background:
    radial-gradient(circle at 82% 16%,#3b8bc34c 0,transparent 28%),
    radial-gradient(circle at 72% 84%,#55c99f1d 0,transparent 30%),
    linear-gradient(145deg,#0d2a46ed 0%,#123b5ded 52%,#0a243dee 100%)!important;
  border-color:#9edaff24!important;
  box-shadow:0 34px 90px #020d1766,inset 0 1px #ffffff12!important;
  overflow:hidden;
}
body[data-page="store"] .jg-hero:before,
body[data-page="store"] .jg-hero:after{display:none!important}
body[data-page="store"] .jg-hero h1{
  color:#f6fbff!important;
  max-width:650px!important;
  font-size:clamp(52px,5.3vw,76px)!important;
  line-height:.96!important;
  letter-spacing:-4px!important;
  margin-bottom:18px!important;
}
body[data-page="store"] .jg-hero p{color:#b5c9da!important;max-width:610px!important}
body[data-page="store"] .jg-eyebrow{color:#9bffc8!important}
body[data-page="store"] .jg-button{
  background:#ffffff08!important;border-color:#b4e2ff18!important;color:#e9f7ff!important;
  box-shadow:none!important;
}
body[data-page="store"] .jg-button.primary{
  background:linear-gradient(135deg,#c7ff9f,#79e4bd)!important;
  color:#0b2a21!important;border-color:transparent!important;
  box-shadow:0 14px 34px #58c99522!important;
}
body[data-page="store"] .jg-hero-proof{
  margin-top:24px;display:flex;flex-wrap:wrap;gap:8px 14px;color:#89a8bf;font-size:9px;font-weight:800;letter-spacing:.9px;
}
body[data-page="store"] .jg-hero-proof span:first-child{color:#a9ffd0}

body[data-page="store"] .jg-hero-showcase{
  position:relative;min-height:360px;align-self:stretch;
  display:grid;place-items:center;isolation:isolate;
}
body[data-page="store"] .jg-showcase-halo{
  position:absolute;inset:12% 10%;border-radius:50%;
  background:radial-gradient(circle,#5cc8ff26 0,transparent 58%);
  filter:blur(2px);
  animation:jgHaloPulse 5s ease-in-out infinite;
}
body[data-page="store"] .jg-showcase-game{
  position:absolute;width:210px;min-height:245px;padding:16px 16px 18px;
  display:flex;flex-direction:column;justify-content:space-between;
  border-radius:24px;text-decoration:none;color:#eff9ff;
  border:1px solid #c3e8ff22;
  background:
    radial-gradient(circle at 70% 16%,#72cfff2d 0,transparent 28%),
    linear-gradient(155deg,#163e61e8,#0c263fe8);
  box-shadow:0 24px 55px #03101e66,inset 0 1px #ffffff12;
  backdrop-filter:blur(14px);transform-origin:center bottom;
}
body[data-page="store"] .jg-showcase-game.game-1{left:2%;top:13%;transform:rotate(-8deg);animation:jgGameFloat1 4.8s ease-in-out infinite}
body[data-page="store"] .jg-showcase-game.game-2{left:35%;top:4%;z-index:3;transform:scale(1.08);animation:jgGameFloat2 5.4s ease-in-out infinite -.7s}
body[data-page="store"] .jg-showcase-game.game-3{right:0;top:18%;transform:rotate(8deg);animation:jgGameFloat3 5s ease-in-out infinite -1.3s}
body[data-page="store"] .jg-showcase-game:hover{
  border-color:#9ee4ff55!important;filter:brightness(1.08);z-index:5!important;
}
body[data-page="store"] .jg-showcase-top{
  display:flex;justify-content:space-between;align-items:center;
  color:#9db8cb;font-size:8px;letter-spacing:1.5px;font-weight:900;
}
body[data-page="store"] .jg-showcase-top b{
  color:#aaffd0;font-size:7px;padding:5px 7px;border-radius:999px;background:#7bffb410;border:1px solid #8dffc01d;
}
body[data-page="store"] .jg-showcase-icon{
  display:grid;place-items:center;min-height:105px;font-size:64px;
  filter:drop-shadow(0 16px 18px #02111f77);
  animation:jgIconFloat 3.6s ease-in-out infinite;
}
body[data-page="store"] .jg-showcase-title{font-size:18px;font-weight:850;letter-spacing:-.6px}
body[data-page="store"] .jg-showcase-game small{color:#91b0c7;font-size:10px;font-weight:700}

body[data-page="store"] .jg-section-head h2{color:#edf8ff!important}
body[data-page="store"] .jg-section-head a{color:#7fd7ff!important}
body[data-page="store"] .jg-section:before{background:linear-gradient(90deg,#6bd3ff,transparent)!important}
body[data-page="store"] .jg-store-steps a{
  background:#0d2a45b8!important;border-color:#a4ddff1b!important;color:#eef8ff!important;
  box-shadow:0 18px 44px #03111d3d!important;
}
body[data-page="store"] .jg-store-steps a b{background:#143d5f!important;border-color:#a5dbff20!important;color:#7cd4ff!important}
body[data-page="store"] .jg-store-steps a span{color:#8fa9be!important}
body[data-page="store"] .jg-store-steps a:hover{background:#123754d6!important;border-color:#7fd6ff3b!important}
body[data-page="store"] .jg-search{
  background:#0a2238d8!important;border-color:#a2dcff18!important;box-shadow:0 18px 46px #03111f42!important;
}
body[data-page="store"] .jg-input{
  background:#0d2942d9!important;border-color:#a8dfff19!important;color:#edf8ff!important;
}
body[data-page="store"] .jg-input::placeholder{color:#7995aa!important}
body[data-page="store"] .jg-card .jg-art{
  background:
    radial-gradient(circle at 72% 23%,color-mix(in srgb,var(--accent,#5ebff2) 54%,transparent),transparent 27%),
    radial-gradient(circle at 22% 88%,#8ef2bf18,transparent 30%),
    linear-gradient(145deg,#153c5d,#0a263f 72%)!important;
  border-color:#a7dfff1d!important;
  box-shadow:0 20px 50px #03111e3f!important;
}
body[data-page="store"] .jg-card:hover .jg-art{box-shadow:0 26px 58px #020d1760!important;border-color:#72ceff45!important}
body[data-page="store"] .jg-card-icon{
  animation:jgIconFloat 4s ease-in-out infinite;
}
body[data-page="store"] .jg-card:nth-child(2n) .jg-card-icon{animation-delay:-1.2s}
body[data-page="store"] .jg-card:nth-child(3n) .jg-card-icon{animation-delay:-2.1s}
body[data-page="store"] .jg-card-kicker span{
  background:#081e33c8!important;border-color:#b8e8ff1a!important;color:#b5c9d8!important;
}
body[data-page="store"] .jg-card-kicker span:last-child{color:#a9ffd0!important}
body[data-page="store"] .jg-card-copy h3{color:#eff8ff!important}
body[data-page="store"] .jg-card-copy p{color:#88a4b9!important}
body[data-page="store"] .jg-card-meta a{color:#77cbf7!important}
body[data-page="store"] .jg-card-meta strong{color:#dbefff!important}
body[data-page="store"] .jg-card-arrow{background:#f4fbff!important;color:#0a2740!important;box-shadow:0 8px 22px #00101f55!important}
body[data-page="store"] .jg-banner{
  background:
    radial-gradient(circle at 88% 12%,#5fdfa22a,transparent 31%),
    radial-gradient(circle at 10% 84%,#4abfff2b,transparent 34%),
    linear-gradient(135deg,#0d2a45e5,#0a2138e8)!important;
  border-color:#9ad9ff20!important;
  box-shadow:0 22px 55px #03111e3e!important;
}
body[data-page="store"] .jg-banner h2{color:#eef8ff!important}
body[data-page="store"] .jg-banner p{color:#99b4c8!important}
body[data-page="store"] .jg-footer{background:transparent!important;border-color:#9fd8ff16!important;color:#7f9bb0!important}
body[data-page="store"] .jg-footer a{color:#9bb6c9!important}

@keyframes jgGameFloat1{
  0%,100%{transform:translate3d(0,0,0) rotate(-8deg)}
  50%{transform:translate3d(0,-10px,0) rotate(-5deg)}
}
@keyframes jgGameFloat2{
  0%,100%{transform:translate3d(0,0,0) scale(1.08)}
  50%{transform:translate3d(0,-13px,0) scale(1.1)}
}
@keyframes jgGameFloat3{
  0%,100%{transform:translate3d(0,0,0) rotate(8deg)}
  50%{transform:translate3d(0,-9px,0) rotate(5deg)}
}
@keyframes jgIconFloat{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-7px) rotate(2deg)}
}
@keyframes jgHaloPulse{
  0%,100%{transform:scale(.96);opacity:.55}
  50%{transform:scale(1.06);opacity:.9}
}

@media(max-width:900px){
  body[data-page="store"] .jg-hero{grid-template-columns:1fr!important;gap:18px!important}
  body[data-page="store"] .jg-hero-showcase{min-height:260px}
  body[data-page="store"] .jg-showcase-game{width:180px;min-height:205px}
}
@media(max-width:760px){
  body[data-page="store"] .jg-wrap{padding-top:18px!important}
  body[data-page="store"] .jg-hero{
    min-height:0!important;padding:27px 20px 24px!important;border-radius:25px!important;
    gap:18px!important;
  }
  body[data-page="store"] .jg-hero h1{
    max-width:95%!important;font-size:clamp(40px,11vw,49px)!important;line-height:.97!important;letter-spacing:-2.8px!important;
  }
  body[data-page="store"] .jg-hero p{max-width:95%!important;color:#abc0d1!important}
  body[data-page="store"] .jg-hero .jg-actions{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:20px!important;
  }
  body[data-page="store"] .jg-hero .jg-button{min-width:0!important;width:100%!important;padding-inline:10px!important;font-size:11px!important}
  body[data-page="store"] .jg-hero-proof{margin-top:16px!important;gap:6px 10px!important;font-size:7px!important}
  body[data-page="store"] .jg-hero-showcase{min-height:195px!important}
  body[data-page="store"] .jg-showcase-halo{inset:8% 15%!important}
  body[data-page="store"] .jg-showcase-game{
    width:132px!important;min-height:158px!important;padding:11px!important;border-radius:18px!important;
  }
  body[data-page="store"] .jg-showcase-game.game-1{left:0!important;top:25px!important}
  body[data-page="store"] .jg-showcase-game.game-2{left:50%!important;top:8px!important;transform:translateX(-50%) scale(1.04)!important;animation:jgGameFloatMobile 5s ease-in-out infinite!important}
  body[data-page="store"] .jg-showcase-game.game-3{right:0!important;top:27px!important}
  body[data-page="store"] .jg-showcase-icon{min-height:68px!important;font-size:42px!important}
  body[data-page="store"] .jg-showcase-title{font-size:13px!important}
  body[data-page="store"] .jg-showcase-game small{font-size:8px!important}
  body[data-page="store"] .jg-showcase-top{font-size:6px!important}
  body[data-page="store"] .jg-store-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[data-page="store"] .jg-mobile-dock{
    background:#081d31ee!important;border-color:#9bdcff1b!important;box-shadow:0 18px 45px #020d176b!important;
  }
  body[data-page="store"] .jg-mobile-dock a{color:#91aabd!important}
  body[data-page="store"] .jg-mobile-dock a[aria-current=page]{
    background:linear-gradient(135deg,#c6ff9f,#7fe3bb)!important;color:#0d2d22!important;
  }
}
@keyframes jgGameFloatMobile{
  0%,100%{transform:translateX(-50%) translateY(0) scale(1.04)}
  50%{transform:translateX(-50%) translateY(-10px) scale(1.06)}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="store"] .jg-showcase-game,
  body[data-page="store"] .jg-showcase-icon,
  body[data-page="store"] .jg-showcase-halo,
  body[data-page="store"] .jg-card-icon{animation:none!important}
}


/* === STORE CREATE FIRST + LIVE GAMES / FUTURE 7 === */
body[data-page="store"] .jg-create-first{
  min-height:510px!important;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)!important;
  align-items:center!important;
  gap:34px!important;
  padding:52px!important;
  background:
    radial-gradient(circle at 84% 18%,#3f93ca42 0,transparent 28%),
    radial-gradient(circle at 70% 86%,#5dd09f18 0,transparent 30%),
    linear-gradient(145deg,#0d2b48f2,#123f62f2 52%,#0a2640f2)!important;
}
body[data-page="store"] .jg-create-first h1{
  max-width:760px!important;
  font-size:clamp(54px,5.6vw,82px)!important;
  line-height:.94!important;
  letter-spacing:-4.5px!important;
}
body[data-page="store"] .jg-create-first p{max-width:690px!important;font-size:15px!important}
body[data-page="store"] .jg-idea-bar{
  margin-top:28px;padding:8px 8px 8px 16px;display:flex;align-items:flex-end;gap:10px;
  border:1px solid #b9e6ff28;border-radius:19px;background:#071d31c9;
  box-shadow:0 18px 48px #020d174f,inset 0 1px #ffffff0c;backdrop-filter:blur(18px);
}
body[data-page="store"] .jg-idea-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
body[data-page="store"] .jg-idea-spark{color:#a9ffd0;font-size:18px;line-height:1}
body[data-page="store"] .jg-idea-input{
  flex:1;min-width:0;resize:none;overflow:hidden;min-height:48px;max-height:120px;padding:13px 4px;
  border:0;background:transparent;color:#f3faff;font:inherit;font-size:14px;line-height:1.45;outline:0;
}
body[data-page="store"] .jg-idea-input::placeholder{color:#7f9caf}
body[data-page="store"] .jg-idea-bar .jg-button{min-height:48px;white-space:nowrap;padding-inline:20px!important}
body[data-page="store"] .jg-idea-suggestions{
  margin-top:11px;display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:#7895aa;font-size:9px;
}
body[data-page="store"] .jg-idea-suggestions>span{font-weight:800;letter-spacing:.8px;text-transform:uppercase}
body[data-page="store"] .jg-idea-suggestions button{
  appearance:none;border:1px solid #a8ddff16;background:#ffffff05;color:#9fb6c9;border-radius:999px;
  padding:7px 10px;font:inherit;font-size:9px;cursor:pointer;transition:.18s ease;
}
body[data-page="store"] .jg-idea-suggestions button:hover{background:#ffffff0a;color:#e9f7ff;border-color:#9edbff30}

body[data-page="store"] .jg-create-orbit{
  position:relative;min-height:360px;display:grid;place-items:center;isolation:isolate;
}
body[data-page="store"] .jg-create-orbit:before,
body[data-page="store"] .jg-create-orbit:after{
  content:"";position:absolute;border:1px solid #8fd9ff24;border-radius:50%;inset:11%;transform:rotate(-18deg) scaleY(.64);
  box-shadow:0 0 0 42px #6ecfff04,0 0 0 43px #73cfff11;
}
body[data-page="store"] .jg-create-orbit:after{inset:24%;transform:rotate(33deg) scaleY(.77);border-color:#a7ffc92a;box-shadow:none}
body[data-page="store"] .jg-create-core{
  position:relative;z-index:3;width:122px;height:122px;display:grid;place-items:center;border-radius:34px;
  background:linear-gradient(145deg,#cdfda9,#82e8c2);color:#09281e;font-size:66px;font-weight:950;
  box-shadow:0 0 65px #7fe8bd27,0 24px 60px #02101d6f,inset 0 1px #ffffff8c;
  animation:jgCreateCore 4.6s ease-in-out infinite;
}
body[data-page="store"] .jg-create-orbit i{
  position:absolute;z-index:4;padding:8px 11px;border-radius:999px;border:1px solid #a8ddff1d;background:#071c30c9;
  color:#cae1f1;font-size:8px;font-style:normal;font-weight:900;letter-spacing:1.5px;box-shadow:0 12px 30px #020d174a;
}
body[data-page="store"] .jg-create-orbit .orbit-one{left:6%;top:26%;animation:jgOrbitTag 4.4s ease-in-out infinite}
body[data-page="store"] .jg-create-orbit .orbit-two{right:2%;top:43%;animation:jgOrbitTag 5s ease-in-out infinite -1.1s}
body[data-page="store"] .jg-create-orbit .orbit-three{left:18%;bottom:14%;color:#abffd0;animation:jgOrbitTag 4.7s ease-in-out infinite -2s}
body[data-page="store"] .create-star{position:absolute;color:#bfe9ff;font-size:18px;font-weight:400;opacity:.72}
body[data-page="store"] .create-star.s1{right:18%;top:15%;animation:jgTwinkle 2.8s ease-in-out infinite}
body[data-page="store"] .create-star.s2{left:17%;top:51%;animation:jgTwinkle 3.3s ease-in-out infinite -.8s}
body[data-page="store"] .create-star.s3{right:25%;bottom:12%;animation:jgTwinkle 2.5s ease-in-out infinite -1.5s}

/* Large swipeable game cards inspired by the requested visual size */
body[data-page="store"] .jg-live-section{margin-top:42px!important}
body[data-page="store"] .jg-live-section .jg-section-head{align-items:end}
body[data-page="store"] .jg-live-section .jg-section-head h2{
  font-size:clamp(38px,4.6vw,64px)!important;letter-spacing:-2.8px!important;line-height:.98!important
}
body[data-page="store"] .jg-section-note{color:#83a2b8;font-size:10px;font-weight:800;letter-spacing:.6px}
body[data-page="store"] .jg-live-rail{
  display:flex;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;
  padding:8px max(0px,calc((100vw - 1420px)/2)) 22px 0;scrollbar-width:none;
}
body[data-page="store"] .jg-live-rail::-webkit-scrollbar{display:none}
body[data-page="store"] .jg-live-card{
  position:relative;flex:0 0 clamp(420px,44vw,610px);aspect-ratio:.88/1;min-height:560px;
  border-radius:34px;overflow:hidden;scroll-snap-align:start;text-decoration:none;color:white;
  border:1px solid #bfe7ff2b;box-shadow:0 28px 70px #020c1666,inset 0 1px #ffffff18;
  isolation:isolate;transform:translateZ(0);
}
body[data-page="store"] .jg-live-card.chess{background:linear-gradient(150deg,#6b38ff 0%,#30208e 46%,#07182c 100%)}
body[data-page="store"] .jg-live-card.tic{background:linear-gradient(150deg,#ff3888 0%,#922487 45%,#08162c 100%)}
body[data-page="store"] .jg-live-card.connect4{background:linear-gradient(150deg,#098cf7 0%,#0841a4 46%,#06182c 100%)}
body[data-page="store"] .jg-live-card.maze{background:linear-gradient(150deg,#0fc59e 0%,#087276 45%,#07182c 100%)}
body[data-page="store"] .jg-live-card:before{
  content:"";position:absolute;inset:0;z-index:1;
  background:radial-gradient(circle at 50% 22%,#ffffff18 0,transparent 36%);
  pointer-events:none;
}
body[data-page="store"] .jg-live-card:hover{transform:translateY(-5px);border-color:#c9edff4a;box-shadow:0 34px 82px #020c167d}
body[data-page="store"] .jg-live-visual{position:absolute;inset:0 0 32% 0;z-index:0;overflow:hidden}
body[data-page="store"] .jg-live-shade{
  position:absolute;inset:34% 0 0;z-index:1;background:linear-gradient(180deg,transparent 0%,#07182c99 32%,#061524f2 76%,#051220 100%);
}
body[data-page="store"] .jg-live-copy{
  position:absolute;z-index:4;left:34px;right:34px;bottom:30px;display:flex;flex-direction:column;align-items:flex-start;
}
body[data-page="store"] .jg-live-players{
  margin-bottom:18px;padding:9px 13px;border:1px solid #ffffff20;border-radius:999px;background:#071528aa;
  color:#f4faff;font-size:10px;font-weight:900;letter-spacing:.8px;backdrop-filter:blur(10px);
}
body[data-page="store"] .jg-live-copy h3{margin:0;font-size:clamp(42px,4.7vw,70px);line-height:1;font-weight:860;letter-spacing:-2.8px}
body[data-page="store"] .jg-live-copy p{margin:13px 0 28px;color:#d4dfeb;font-size:16px}
body[data-page="store"] .jg-live-bottom{width:100%;display:flex;align-items:center;justify-content:space-between}
body[data-page="store"] .jg-live-bottom strong{font-size:12px;letter-spacing:1.1px;color:#dffff0}
body[data-page="store"] .jg-live-bottom span{
  width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#c8ff9f;color:#0b2b20;
  font-size:32px;font-weight:900;box-shadow:0 12px 32px #66d09228;
}

/* Chess motion */
body[data-page="store"] .jg-live-visual.chess .piece{
  position:absolute;color:#07131f;text-shadow:0 12px 20px #0005;filter:drop-shadow(0 10px 14px #0005);
  animation:jgPieceFloat 4.8s ease-in-out infinite;
}
body[data-page="store"] .jg-live-visual.chess .p1{font-size:110px;left:43%;top:10%;animation-delay:-.4s}
body[data-page="store"] .jg-live-visual.chess .p2{font-size:72px;left:58%;top:50%;color:#f6f1e9;animation-delay:-1.4s}
body[data-page="store"] .jg-live-visual.chess .p3{font-size:58px;left:14%;top:58%;color:#dfe8f0;animation-delay:-2.4s}
body[data-page="store"] .jg-live-visual.chess .p4{font-size:52px;right:13%;top:42%;animation-delay:-3.1s}
body[data-page="store"] .jg-live-visual.chess .p5{font-size:46px;left:33%;top:63%;color:#fff;animation-delay:-1.8s}

/* Tic-tac-toe motion */
body[data-page="store"] .jg-live-visual.tic{
  left:20%;right:20%;top:10%;bottom:auto;height:48%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);
}
body[data-page="store"] .jg-live-visual.tic:before{
  content:"";position:absolute;inset:0;background:
    linear-gradient(90deg,transparent 32%,#ffffff24 32% 34%,transparent 34% 65%,#ffffff24 65% 67%,transparent 67%),
    linear-gradient(0deg,transparent 32%,#ffffff24 32% 34%,transparent 34% 65%,#ffffff24 65% 67%,transparent 67%);
}
body[data-page="store"] .jg-live-visual.tic span{position:relative;display:grid;place-items:center;font-size:78px;font-weight:300;z-index:2;opacity:.08}
body[data-page="store"] .jg-live-visual.tic .x{color:#ff8db7;animation:jgMarkIn 4s ease-in-out infinite calc(var(--i)*.11s)}
body[data-page="store"] .jg-live-visual.tic .o{color:#70e9ff;animation:jgMarkIn 4s ease-in-out infinite calc(var(--i)*.11s)}

/* Connect 4 motion */
body[data-page="store"] .jg-live-visual.connect4{
  left:13%;right:13%;top:11%;bottom:auto;height:48%;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(4,1fr);
  gap:10px;padding:22px;border:2px solid #ffffff22;border-radius:30px;background:#0a4fb68a;box-shadow:inset 0 0 35px #02193c55;
}
body[data-page="store"] .jg-live-visual.connect4 .disc{
  width:100%;aspect-ratio:1;border-radius:50%;align-self:center;background:#082244;
  box-shadow:inset 0 8px 12px #0004,0 4px 14px #0002;transform:translateY(-160px);opacity:0;
  animation:jgDiscDrop 5.6s cubic-bezier(.2,.8,.2,1) infinite calc(var(--i)*.06s);
}
body[data-page="store"] .jg-live-visual.connect4 .red{background:radial-gradient(circle at 38% 30%,#ff7b88,#ff3557 68%,#c81436)}
body[data-page="store"] .jg-live-visual.connect4 .yellow{background:radial-gradient(circle at 38% 30%,#ffe985,#ffc92e 68%,#e19e00)}
body[data-page="store"] .jg-live-visual.connect4 .hole{background:#082244}

/* Maze motion */
body[data-page="store"] .jg-live-visual.maze{left:12%;right:12%;top:8%;bottom:auto;height:50%;border:2px solid #dffff044;border-radius:28px}
body[data-page="store"] .jg-live-visual.maze .maze-line{position:absolute;background:#eafff36b;border-radius:10px}
body[data-page="store"] .jg-live-visual.maze .one{left:25%;top:0;width:4px;height:68%}
body[data-page="store"] .jg-live-visual.maze .two{left:25%;top:68%;width:55%;height:4px}
body[data-page="store"] .jg-live-visual.maze .three{right:20%;top:24%;width:4px;height:46%}
body[data-page="store"] .jg-live-visual.maze .four{left:48%;top:24%;width:32%;height:4px}
body[data-page="store"] .jg-live-visual.maze .maze-runner{position:absolute;color:#c8ff9f;font-size:26px;animation:jgMazeRun 5s ease-in-out infinite}
body[data-page="store"] .jg-live-visual.maze .maze-goal{position:absolute;right:11%;top:10%;color:#ffffff;font-size:26px;animation:jgTwinkle 2s ease-in-out infinite}

@keyframes jgCreateCore{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes jgOrbitTag{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes jgTwinkle{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.18)}}
@keyframes jgPieceFloat{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}50%{transform:translate3d(0,-16px,0) rotate(3deg)}}
@keyframes jgMarkIn{0%,18%,100%{opacity:.08;transform:scale(.65)}30%,72%{opacity:1;transform:scale(1)}}
@keyframes jgDiscDrop{0%,12%{transform:translateY(-160px);opacity:0}24%,76%{transform:translateY(0);opacity:1}88%,100%{transform:translateY(20px);opacity:0}}
@keyframes jgMazeRun{
  0%,100%{left:5%;top:82%}
  28%{left:22%;top:82%}
  48%{left:22%;top:18%}
  72%{left:72%;top:18%}
  88%{left:72%;top:8%}
}

@media(max-width:900px){
  body[data-page="store"] .jg-create-first{grid-template-columns:1fr!important;min-height:0!important}
  body[data-page="store"] .jg-create-orbit{min-height:220px!important}
}
@media(max-width:760px){
  body[data-page="store"] .jg-create-first{
    padding:27px 18px 23px!important;gap:15px!important;border-radius:25px!important
  }
  body[data-page="store"] .jg-create-first h1{
    font-size:clamp(42px,11.6vw,52px)!important;line-height:.95!important;letter-spacing:-3px!important;max-width:100%!important
  }
  body[data-page="store"] .jg-create-first p{font-size:12.5px!important;line-height:1.6!important;max-width:100%!important}
  body[data-page="store"] .jg-idea-bar{
    margin-top:20px!important;padding:7px!important;display:grid!important;grid-template-columns:1fr!important;border-radius:17px!important
  }
  body[data-page="store"] .jg-idea-main{padding:0 8px}
  body[data-page="store"] .jg-idea-input{font-size:12px!important;min-height:45px!important;padding:12px 2px!important}
  body[data-page="store"] .jg-idea-bar .jg-button{width:100%!important}
  body[data-page="store"] .jg-idea-suggestions{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none}
  body[data-page="store"] .jg-idea-suggestions::-webkit-scrollbar{display:none}
  body[data-page="store"] .jg-idea-suggestions>span{flex:0 0 auto}
  body[data-page="store"] .jg-idea-suggestions button{flex:0 0 auto;white-space:nowrap}
  body[data-page="store"] .jg-create-orbit{display:none!important}
  body[data-page="store"] .jg-hero-proof{font-size:7px!important;margin-top:14px!important}
  body[data-page="store"] .jg-live-section{margin-top:34px!important}
  body[data-page="store"] .jg-live-section .jg-section-head h2{font-size:38px!important;letter-spacing:-2px!important}
  body[data-page="store"] .jg-section-note{font-size:8px!important}
  body[data-page="store"] .jg-live-rail{
    gap:12px!important;margin-right:-16px!important;padding:4px 16px 18px 0!important
  }
  body[data-page="store"] .jg-live-card{
    flex-basis:min(82vw,440px)!important;min-height:510px!important;border-radius:28px!important;aspect-ratio:.82/1!important
  }
  body[data-page="store"] .jg-live-copy{left:25px!important;right:25px!important;bottom:23px!important}
  body[data-page="store"] .jg-live-copy h3{font-size:48px!important;letter-spacing:-2.2px!important}
  body[data-page="store"] .jg-live-copy p{font-size:14px!important;margin:11px 0 23px!important}
  body[data-page="store"] .jg-live-bottom span{width:54px!important;height:54px!important}
  body[data-page="store"] .jg-live-visual.connect4{left:9%!important;right:9%!important;gap:7px!important;padding:16px!important}
  body[data-page="store"] .jg-live-visual.tic{left:14%!important;right:14%!important}
  body[data-page="store"] .jg-live-visual.tic span{font-size:64px!important}
}
@media(max-width:390px){
  body[data-page="store"] .jg-live-card{flex-basis:84vw!important;min-height:475px!important}
  body[data-page="store"] .jg-live-copy h3{font-size:43px!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="store"] .jg-create-core,
  body[data-page="store"] .jg-create-orbit i,
  body[data-page="store"] .create-star,
  body[data-page="store"] .jg-live-visual *{animation:none!important}
}


/* === STORE ANIMATED DISCOVERY / FUTURE 9 === */
body[data-page="store"] .jg-official-section{
  margin-top:34px!important;
  padding:28px 0 18px;
  border-top:1px solid #a4ddff12;
  border-bottom:1px solid #a4ddff10;
}
body[data-page="store"] .jg-official-section .jg-section-head{
  align-items:end;margin-bottom:18px
}
body[data-page="store"] .jg-official-section .jg-section-head h2{
  font-size:clamp(34px,4vw,56px)!important;
  letter-spacing:-2.3px!important;line-height:1!important
}
body[data-page="store"] .jg-official-rail{
  display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
  overscroll-behavior-inline:contain;scrollbar-width:none;
  padding:6px 4px 24px 0;
}
body[data-page="store"] .jg-official-rail::-webkit-scrollbar{display:none}
body[data-page="store"] .jg-official-card{
  position:relative;flex:0 0 clamp(300px,31vw,430px);min-height:410px;
  border-radius:28px;overflow:hidden;scroll-snap-align:start;text-decoration:none;color:#eff9ff;
  border:1px solid #a9ddff20;
  background:linear-gradient(155deg,#113a5c,#0b2843 58%,#081c30);
  box-shadow:0 22px 54px #020d174d,inset 0 1px #ffffff0f;
  transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease;
  isolation:isolate;
}
body[data-page="store"] .jg-official-card:nth-child(4n+2){background:linear-gradient(155deg,#223d7a,#16265e 58%,#0b1834)}
body[data-page="store"] .jg-official-card:nth-child(4n+3){background:linear-gradient(155deg,#124f54,#0c3a47 58%,#071e30)}
body[data-page="store"] .jg-official-card:nth-child(4n+4){background:linear-gradient(155deg,#54396b,#342453 58%,#11182f)}
body[data-page="store"] .jg-official-card:hover{
  transform:translateY(-6px) scale(1.01);
  border-color:#8ed9ff42;box-shadow:0 30px 70px #020b1469
}
body[data-page="store"] .jg-official-visual{
  position:absolute;inset:0 0 35% 0;overflow:hidden;
  background:
    radial-gradient(circle at 50% 38%,#79cfff1b 0,transparent 34%),
    linear-gradient(180deg,#ffffff05,transparent);
}
body[data-page="store"] .jg-official-grid{
  position:absolute;inset:12% 14%;border:1px solid #ffffff0d;border-radius:30px;
  transform:rotate(-8deg);
  box-shadow:inset 0 0 45px #ffffff06;
}
body[data-page="store"] .jg-official-grid:before,
body[data-page="store"] .jg-official-grid:after{
  content:"";position:absolute;inset:18%;border:1px solid #ffffff0b;border-radius:24px
}
body[data-page="store"] .jg-official-grid:after{inset:34%;border-radius:50%}
body[data-page="store"] .jg-official-orbit{
  position:absolute;width:190px;height:82px;left:50%;top:50%;
  transform:translate(-50%,-50%) rotate(-18deg);
  border:1px solid #9ddfff22;border-radius:50%;
  animation:jgOfficialOrbit 5.2s linear infinite;
}
body[data-page="store"] .jg-official-icon{
  position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);
  font-size:78px;filter:drop-shadow(0 18px 18px #020b155f);
  animation:jgOfficialFloat 3.8s ease-in-out infinite var(--delay,0s);
}
body[data-page="store"] .jg-official-spark{
  position:absolute;color:#d9f5ff;opacity:.45;font-size:15px;
  animation:jgTwinkle 2.8s ease-in-out infinite
}
body[data-page="store"] .jg-official-spark.s1{left:22%;top:20%}
body[data-page="store"] .jg-official-spark.s2{right:21%;top:46%;animation-delay:-1.2s}
body[data-page="store"] .jg-official-copy{
  position:absolute;left:22px;right:22px;bottom:20px;z-index:3
}
body[data-page="store"] .jg-official-badge{
  display:inline-flex;margin-bottom:12px;padding:7px 10px;border-radius:999px;
  border:1px solid #b9e8ff1b;background:#06192bbb;
  color:#a9ffd0;font-size:8px;font-weight:900;letter-spacing:1.1px
}
body[data-page="store"] .jg-official-copy h3{
  margin:0 0 8px;font-size:31px;line-height:1;font-weight:850;letter-spacing:-1.4px
}
body[data-page="store"] .jg-official-copy p{
  margin:0 0 18px;color:#a6bdcf;font-size:12px;line-height:1.45
}
body[data-page="store"] .jg-official-bottom{
  display:flex;align-items:center;justify-content:space-between
}
body[data-page="store"] .jg-official-bottom strong{
  color:#dffff0;font-size:10px;letter-spacing:1.1px
}
body[data-page="store"] .jg-official-bottom span{
  width:46px;height:46px;display:grid;place-items:center;border-radius:50%;
  background:#c8ff9f;color:#0b2b20;font-size:25px;font-weight:900;
  box-shadow:0 10px 26px #66d09225
}

/* More visible per-game motion */
body[data-page="store"] .jg-official-card:nth-child(3n) .jg-official-icon{animation-duration:3.2s}
body[data-page="store"] .jg-official-card:nth-child(3n+2) .jg-official-icon{animation-duration:4.4s}
body[data-page="store"] .jg-official-card:nth-child(5n) .jg-official-orbit{animation-direction:reverse}
body[data-page="store"] .jg-live-card .jg-live-visual{
  transform:translateZ(0);
}
body[data-page="store"] .jg-live-card.chess .jg-live-visual{animation:jgSceneBreathe 5.8s ease-in-out infinite}
body[data-page="store"] .jg-live-card.tic .jg-live-visual{animation:jgSceneBreathe 5.2s ease-in-out infinite -1s}
body[data-page="store"] .jg-live-card.connect4 .jg-live-visual{animation:jgSceneBreathe 5.6s ease-in-out infinite -1.8s}
body[data-page="store"] .jg-live-card.maze .jg-live-visual{animation:jgSceneBreathe 5.4s ease-in-out infinite -.8s}

@keyframes jgOfficialFloat{
  0%,100%{transform:translate(-50%,-50%) translateY(0) rotate(-3deg)}
  45%{transform:translate(-50%,-50%) translateY(-14px) rotate(3deg)}
  70%{transform:translate(-50%,-50%) translateY(-5px) rotate(0)}
}
@keyframes jgOfficialOrbit{
  from{transform:translate(-50%,-50%) rotate(-18deg)}
  to{transform:translate(-50%,-50%) rotate(342deg)}
}
@keyframes jgSceneBreathe{
  0%,100%{filter:saturate(1) brightness(1)}
  50%{filter:saturate(1.14) brightness(1.08)}
}

@media(max-width:760px){
  body[data-page="store"] .jg-official-section{
    margin-top:26px!important;padding-top:23px!important
  }
  body[data-page="store"] .jg-official-section .jg-section-head h2{
    font-size:34px!important;letter-spacing:-1.8px!important
  }
  body[data-page="store"] .jg-official-rail{
    gap:12px;margin-right:-16px;padding-right:16px!important
  }
  body[data-page="store"] .jg-official-card{
    flex-basis:min(78vw,360px)!important;min-height:390px!important;border-radius:25px!important
  }
  body[data-page="store"] .jg-official-icon{font-size:70px!important}
  body[data-page="store"] .jg-official-copy h3{font-size:29px!important}
  body[data-page="store"] .jg-official-copy p{font-size:11px!important}
}
@media(max-width:390px){
  body[data-page="store"] .jg-official-card{flex-basis:80vw!important;min-height:370px!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="store"] .jg-official-icon,
  body[data-page="store"] .jg-official-orbit,
  body[data-page="store"] .jg-official-spark,
  body[data-page="store"] .jg-live-card .jg-live-visual{animation:none!important}
}