/* LimonMc Gale Enhanced — keeps Gale's original design language and LeaderOS markup. */
:root {
  --gale-glow: rgb(var(--color-indigo-400) / .42);
  --gale-line: rgb(255 255 255 / .09);
  --gale-ease: cubic-bezier(.2,.8,.2,1);
}

html { scroll-behavior: smooth; }
body { overflow-x:hidden; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; }
::selection { color:white; background:rgb(var(--color-indigo-500) / .75); }
.section { width:min(1280px,calc(100% - 2rem)); margin-left:auto; margin-right:auto; }
.main { position:relative; isolation:isolate; }
.main::before { content:""; position:absolute; inset:0; z-index:-2; pointer-events:none; background:radial-gradient(circle at 8% 22%,rgb(var(--color-indigo-500) / .055),transparent 26%),radial-gradient(circle at 92% 72%,rgb(var(--color-indigo-700) / .05),transparent 25%); }
:focus-visible { outline:3px solid rgb(var(--color-indigo-400)); outline-offset:3px; }
.gale-skip-link { position:fixed; top:12px; left:12px; z-index:100000; padding:.75rem 1rem; border-radius:.75rem; color:white; background:rgb(var(--color-indigo-600)); transform:translateY(-180%); transition:transform .2s ease; }.gale-skip-link:focus { transform:none; color:white; }
.gale-page-loader { position:fixed; inset:0; z-index:100000; display:grid; place-items:center; color:white; background:radial-gradient(circle at center,rgb(var(--color-indigo-900)),rgb(var(--color-voon-950)) 62%); opacity:1; visibility:visible; transition:opacity .45s ease,visibility .45s ease; }.gale-page-loader.is-hidden { opacity:0; visibility:hidden; pointer-events:none; }.gale-loader-content { width:min(300px,72vw); text-align:center; }.gale-loader-content img { width:180px; height:100px; object-fit:contain; margin:auto; filter:drop-shadow(0 14px 22px rgb(0 0 0 / .4)); animation:galeLogoFloat 2.2s ease-in-out infinite; }.gale-loader-line { overflow:hidden; height:5px; margin-top:1.2rem; border-radius:999px; background:rgb(255 255 255 / .08); }.gale-loader-line span { display:block; width:45%; height:100%; border-radius:inherit; background:linear-gradient(90deg,transparent,rgb(var(--color-indigo-400)),transparent); animation:galeLoaderSlide 1.15s ease-in-out infinite; }.gale-loader-content small { display:block; margin-top:.75rem; color:rgb(255 255 255 / .38); font-weight:800; text-transform:uppercase; letter-spacing:.15em; }
body.gale-page-leaving #app { opacity:0; transform:translateY(8px); }body #app { transition:opacity .28s ease,transform .28s ease; }

.gale-quick-toggle { position:fixed; top:50%; right:0; z-index:103; display:grid; place-items:center; width:50px; height:58px; border:1px solid rgb(255 255 255 / .1); border-right:0; border-radius:18px 0 0 18px; color:white; background:linear-gradient(145deg,rgb(var(--color-indigo-500)),rgb(var(--color-indigo-700))); box-shadow:-8px 12px 30px rgb(0 0 0 / .3),inset 2px 2px 0 rgb(255 255 255 / .16); transform:translateY(-50%); transition:right .4s var(--gale-ease),filter .2s ease; }.gale-quick-toggle:hover { filter:brightness(1.12); }.gale-quick-toggle.is-open { right:360px; }
.gale-quick-backdrop { position:fixed; inset:0; z-index:100; background:rgb(0 0 0 / .44); backdrop-filter:blur(3px); }
.gale-quick-sidebar { position:fixed; top:0; right:0; z-index:102; display:flex; flex-direction:column; width:360px; height:100vh; padding:1.4rem; color:white; border-left:1px solid rgb(255 255 255 / .1); background:linear-gradient(165deg,rgb(var(--color-voon-800) / .98),rgb(var(--color-voon-950) / .99)); box-shadow:-25px 0 70px rgb(0 0 0 / .42); transform:translateX(105%); transition:transform .42s var(--gale-ease); }.gale-quick-sidebar.is-open { transform:none; }
.gale-quick-head { display:flex; align-items:center; gap:1rem; padding:.4rem .25rem 1.2rem; border-bottom:1px solid var(--gale-line); }.gale-quick-head img { width:64px; height:52px; object-fit:contain; filter:drop-shadow(0 8px 14px rgb(0 0 0 / .35)); }.gale-quick-head strong,.gale-quick-head span { display:block; }.gale-quick-head span { margin-top:.15rem; color:rgb(255 255 255 / .42); font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; }
.gale-sidebar-ip { display:flex; align-items:center; gap:.8rem; width:100%; margin:1.2rem 0; padding:.85rem; border:1px solid rgb(52 211 153 / .16); border-radius:1rem; text-align:left; color:white; background:rgb(52 211 153 / .07); }.gale-sidebar-ip > span:nth-child(2) { flex:1; }.gale-sidebar-ip small,.gale-sidebar-ip strong { display:block; }.gale-sidebar-ip small { color:rgb(255 255 255 / .38); font-size:.6rem; letter-spacing:.11em; }.gale-sidebar-ip strong { margin-top:.1rem; font-size:.82rem; }.gale-sidebar-ip > i { color:#34d399; }
.gale-quick-nav { display:grid; gap:.35rem; overflow-y:auto; }.gale-quick-nav a,.gale-quick-account a { display:grid; grid-template-columns:28px 1fr auto; align-items:center; gap:.7rem; padding:.82rem .9rem; border-radius:.9rem; color:rgb(255 255 255 / .68); font-size:.83rem; font-weight:700; transition:color .2s ease,background .2s ease,transform .2s ease; }.gale-quick-nav a:hover,.gale-quick-account a:hover { color:white; text-decoration:none; background:rgb(var(--color-indigo-500) / .14); transform:translateX(4px); }.gale-quick-nav a > i:first-child,.gale-quick-account a > i { color:rgb(var(--color-indigo-300)); }.gale-quick-nav a > i:last-child { opacity:.25; font-size:.65rem; }
.gale-quick-account { display:grid; grid-template-columns:1fr 1fr; gap:.45rem; margin-top:auto; padding-top:1rem; border-top:1px solid var(--gale-line); }.gale-quick-account a { grid-template-columns:24px 1fr; background:rgb(255 255 255 / .035); }
.gale-quick-discord { display:flex; justify-content:center; align-items:center; gap:.7rem; margin-top:.75rem; padding:.9rem; border-radius:1rem; color:white; font-size:.8rem; font-weight:800; background:linear-gradient(135deg,#5865f2,#7c3aed); box-shadow:0 12px 28px rgb(88 101 242 / .2); }.gale-quick-discord:hover { color:white; text-decoration:none; filter:brightness(1.08); }
.gale-appearance-toggle { display:flex; align-items:center; justify-content:center; gap:.65rem; width:100%; margin-top:.7rem; padding:.75rem; border:1px solid var(--gale-line); border-radius:.9rem; color:rgb(255 255 255 / .65); font-size:.76rem; font-weight:800; background:rgb(255 255 255 / .035); transition:color .2s ease,background .2s ease; }.gale-appearance-toggle:hover { color:white; background:rgb(255 255 255 / .07); }

.gale-auth-body { min-height:100vh; background:rgb(var(--color-voon-background)); }.gale-auth-screen { position:relative; isolation:isolate; background:radial-gradient(circle at 12% 18%,rgb(var(--color-indigo-500) / .13),transparent 28%),rgb(var(--color-voon-background)); }.gale-auth-screen::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.2; background-image:radial-gradient(rgb(255 255 255 / .18) 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(to right,black,transparent 62%); }
.gale-auth-card { position:relative; padding:2.4rem; border:1px solid rgb(255 255 255 / .09); border-radius:2rem; background:linear-gradient(145deg,rgb(var(--color-voon-card) / .78),rgb(var(--color-voon-950) / .64)); box-shadow:0 32px 90px rgb(0 0 0 / .34),inset 0 1px 0 rgb(255 255 255 / .07); backdrop-filter:blur(16px); animation:galeIntro .7s var(--gale-ease) both; }.gale-auth-card::after { content:""; position:absolute; top:-1px; left:12%; right:12%; height:2px; border-radius:100%; background:linear-gradient(90deg,transparent,rgb(var(--color-indigo-400)),transparent); box-shadow:0 0 20px var(--gale-glow); }
.gale-auth-body .form-control { min-height:54px; border:1px solid rgb(255 255 255 / .09); border-radius:1rem; color:white; background:rgb(0 0 0 / .18); transition:border-color .2s ease,box-shadow .2s ease,background .2s ease; }.gale-auth-body .form-control:focus { border-color:rgb(var(--color-indigo-400) / .7); background:rgb(0 0 0 / .28); box-shadow:0 0 0 4px rgb(var(--color-indigo-500) / .1),0 12px 28px rgb(0 0 0 / .18); }.gale-auth-body .auth-form-label { color:rgb(255 255 255 / .65); font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.gale-auth-panel button[name="login"] { min-width:130px; justify-content:center; box-shadow:0 15px 32px var(--gale-glow); }.gale-auth-panel .btn-discord { justify-content:center; gap:.8rem; background:linear-gradient(135deg,#5865f2,#7c3aed); }.gale-auth-panel .btn-discord svg { width:22px; height:22px; }
.gale-auth-visual::before { content:""; position:absolute; inset:4%; border:1px solid rgb(255 255 255 / .09); border-radius:3rem 0 0 3rem; box-shadow:0 30px 90px rgb(0 0 0 / .4); pointer-events:none; }

/* Shared polish for Gale inner pages without changing their data flow. */
.main > section:not(#__heroSection):first-child .card,
.main > div:first-child .card { box-shadow:0 22px 60px rgb(0 0 0 / .2); }
.main .breadcrumb { border:1px solid var(--gale-line); border-radius:1rem; background:rgb(var(--color-voon-card) / .64); backdrop-filter:blur(12px); }
.main table { border-collapse:separate; border-spacing:0; }.main table tbody tr { transition:background .2s ease,transform .2s ease; }.main table tbody tr:hover { background:rgb(var(--color-indigo-500) / .065); }
.main .pagination a { transition:transform .2s ease,box-shadow .2s ease; }.main .pagination a:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgb(0 0 0 / .18); }
.main :is(h1,h2,h3) { letter-spacing:-.025em; text-wrap:balance; }.main p { text-wrap:pretty; }
.main :is(button,.btn,a[class*="bg-indigo-"]):active { transform:translateY(1px) scale(.985); }
.main .form-control,.main select,.main textarea { transition:border-color .2s ease,box-shadow .2s ease,background .2s ease; }.main .form-control:focus,.main select:focus,.main textarea:focus { border-color:rgb(var(--color-indigo-400) / .7); box-shadow:0 0 0 4px rgb(var(--color-indigo-500) / .1); }
.main img { transition:opacity .35s ease; }.main img.gale-image-pending { opacity:0; }.main img.gale-image-ready { opacity:1; }
#app > div:last-child { border-top:1px solid rgb(var(--color-indigo-400) / .1); background:linear-gradient(180deg,rgb(var(--color-voon-800) / .7),rgb(var(--color-voon-950))); box-shadow:inset 0 1px 0 rgb(255 255 255 / .025); }
#app > div:last-child h3 { color:white; letter-spacing:.08em; font-size:.76rem; }
#app > div:last-child .widget-link { display:inline-flex; align-items:center; padding:.22rem 0; color:rgb(255 255 255 / .52); transition:color .2s ease,transform .2s ease; }
#app > div:last-child .widget-link:hover { color:rgb(var(--color-indigo-300)); text-decoration:none; transform:translateX(4px); }
.gale-scroll-progress { position:fixed; top:0; left:0; z-index:10000; width:0; height:3px; background:linear-gradient(90deg,rgb(var(--color-indigo-400)),#a855f7,#facc15); box-shadow:0 0 18px var(--gale-glow); pointer-events:none; }
.gale-cursor-glow { position:fixed; z-index:-1; width:380px; height:380px; border-radius:50%; pointer-events:none; background:radial-gradient(circle,rgb(var(--color-indigo-500) / .075),transparent 68%); transform:translate(-50%,-50%); transition:opacity .25s ease; }

/* Store — category-first shopping experience using native LeaderOS data. */
.gale-store-hero { min-height:570px; overflow:hidden; isolation:isolate; }.gale-store-hero-bg { position:absolute; inset:0; z-index:-3; background-position:center; background-size:cover; opacity:.55; transform:scale(1.04); }.gale-store-hero::after { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgb(var(--color-voon-950) / .94),rgb(var(--color-indigo-900) / .58) 55%,rgb(var(--color-voon-950) / .45)),linear-gradient(to top,rgb(var(--color-voon-background)),transparent 45%); }.gale-store-hero-grid { position:absolute; inset:0; z-index:-1; opacity:.08; background-image:linear-gradient(rgb(255 255 255 / .18) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .18) 1px,transparent 1px); background-size:38px 38px; mask-image:linear-gradient(to right,black,transparent 78%); }
.gale-store-kicker { display:inline-flex; align-items:center; gap:.55rem; margin-bottom:1rem; color:rgb(var(--color-indigo-300)); font-size:.72rem; font-weight:900; letter-spacing:.14em; }.gale-store-title { max-width:680px; font-size:clamp(2.5rem,5vw,4.6rem); line-height:1; text-shadow:0 12px 32px rgb(0 0 0 / .4); }.gale-store-hero h3 { font-size:1rem; line-height:1.65; color:rgb(255 255 255 / .58); }
.gale-store-hero-actions { display:flex; align-items:center; gap:.8rem; margin-top:1.7rem; }.gale-store-hero-actions > a { display:flex; align-items:center; gap:.6rem; padding:.9rem 1.15rem; border-radius:.9rem; color:white; font-size:.82rem; font-weight:900; background:linear-gradient(135deg,rgb(var(--color-indigo-400)),rgb(var(--color-indigo-700))); box-shadow:0 14px 32px var(--gale-glow); }.gale-store-hero-actions > a:hover { color:white; text-decoration:none; transform:translateY(-3px); }.gale-store-hero-actions > div { padding:.65rem 1rem; border:1px solid var(--gale-line); border-radius:.9rem; background:rgb(0 0 0 / .18); }.gale-store-hero-actions small,.gale-store-hero-actions strong { display:block; }.gale-store-hero-actions small { color:rgb(255 255 255 / .4); font-size:.58rem; letter-spacing:.1em; }.gale-store-hero-actions strong { color:white; }
.gale-store-character > img { filter:drop-shadow(0 35px 35px rgb(0 0 0 / .5)); animation:galeCharacterFloat 5s ease-in-out infinite; }
.gale-store-categories { position:relative; z-index:3; margin-top:-62px; }.gale-store-section-head { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:1.4rem; color:white; }.gale-store-section-head span { color:rgb(var(--color-indigo-400)); font-size:.68rem; font-weight:900; letter-spacing:.16em; }.gale-store-section-head h2 { margin-top:.3rem; font-size:clamp(1.7rem,3vw,2.5rem); font-weight:900; }.gale-store-section-head p { color:rgb(255 255 255 / .48); }
.gale-store-category-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:1rem; padding:1rem; border:1px solid var(--gale-line); border-top-color:rgb(var(--color-indigo-400) / .45); border-radius:1.6rem; background:rgb(var(--color-voon-950) / .86); box-shadow:0 28px 75px rgb(0 0 0 / .34); backdrop-filter:blur(18px); }.gale-store-category-card { position:relative; min-height:210px; overflow:hidden; padding:1.15rem; border:1px solid var(--gale-line); border-radius:1.2rem; color:white; background:rgb(var(--color-voon-card)); transition:transform .3s var(--gale-ease),border-color .3s ease,box-shadow .3s ease; }.gale-store-category-card:hover { color:white; text-decoration:none; transform:translateY(-7px); border-color:rgb(var(--color-indigo-400) / .42); box-shadow:0 20px 44px rgb(0 0 0 / .28); }.gale-store-category-art { position:absolute; inset:0; background-position:center; background-size:cover; opacity:.2; transition:transform .5s var(--gale-ease),opacity .3s ease; }.gale-store-category-card::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgb(var(--color-voon-950)) 8%,rgb(var(--color-voon-950) / .42)); }.gale-store-category-card:hover .gale-store-category-art { transform:scale(1.12); opacity:.34; }.gale-store-category-icon,.gale-store-category-card strong,.gale-store-category-card > span { position:relative; z-index:2; }.gale-store-category-icon { display:grid; place-items:center; width:50px; height:50px; border-radius:1rem; background:rgb(var(--color-indigo-500) / .2); box-shadow:inset 0 1px 0 rgb(255 255 255 / .08); }.gale-store-category-card strong { display:block; margin-top:3.7rem; font-size:1rem; }.gale-store-category-card > span { display:flex; align-items:center; gap:.5rem; margin-top:.5rem; color:rgb(var(--color-indigo-300)); font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.gale-store-category-hero { position:relative; display:flex; align-items:center; min-height:220px; gap:1.5rem; overflow:hidden; margin:1rem 0 1.4rem; padding:2.2rem; border:1px solid rgb(var(--color-indigo-400) / .2); border-radius:1.7rem; color:white; background:linear-gradient(115deg,rgb(var(--color-indigo-900) / .86),rgb(var(--color-voon-card))); box-shadow:0 24px 65px rgb(0 0 0 / .26); }.gale-store-category-hero-art { position:absolute; inset:0 0 0 48%; background-position:center; background-size:cover; opacity:.2; mask-image:linear-gradient(to left,black,transparent); }.gale-store-category-hero > div:nth-child(2) { position:relative; z-index:2; flex:1; }.gale-store-category-hero span { color:rgb(var(--color-indigo-300)); font-size:.65rem; font-weight:900; letter-spacing:.15em; }.gale-store-category-hero h1 { margin-top:.35rem; font-size:clamp(2rem,4vw,3.4rem); font-weight:900; }.gale-store-category-hero p { color:rgb(255 255 255 / .5); }.gale-store-category-hero > a { position:relative; z-index:2; display:flex; align-items:center; gap:.55rem; padding:.9rem 1.1rem; border-radius:.9rem; color:white; font-size:.78rem; font-weight:900; background:rgb(var(--color-indigo-500)); box-shadow:0 14px 30px var(--gale-glow); }
.gale-store-tabs { display:flex; gap:.75rem; overflow-x:auto; padding:.85rem; border:1px solid var(--gale-line); border-radius:1.35rem; background:rgb(var(--color-voon-950) / .7); scrollbar-width:thin; }.gale-store-tabs a { display:flex; min-width:150px; align-items:center; gap:.7rem; padding:.75rem; border:1px solid var(--gale-line); border-radius:1rem; color:rgb(255 255 255 / .55); font-size:.75rem; background:rgb(255 255 255 / .025); transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease; }.gale-store-tabs a:hover,.gale-store-tabs a.active { color:white; text-decoration:none; border-color:rgb(var(--color-indigo-400) / .38); background:rgb(var(--color-indigo-500) / .14); transform:translateY(-2px); }.gale-store-tab-icon { display:grid; place-items:center; width:36px; height:36px; flex:0 0 auto; border-radius:.75rem; color:rgb(var(--color-indigo-300)); background:rgb(var(--color-indigo-500) / .15); }
.gale-product-grid { align-items:stretch; }.gale-product-card { display:flex; min-width:0; flex-direction:column; padding:.7rem; border:1px solid var(--gale-line); border-radius:1.5rem; background:linear-gradient(145deg,rgb(var(--color-voon-card)),rgb(var(--color-voon-950) / .82)); box-shadow:0 16px 42px rgb(0 0 0 / .17); transition:transform .3s var(--gale-ease),border-color .3s ease,box-shadow .3s ease; }.gale-product-card:hover { transform:translateY(-8px); border-color:rgb(var(--color-indigo-400) / .3); box-shadow:0 28px 60px rgb(0 0 0 / .3); }.gale-product-image { overflow:hidden; min-height:230px; background:linear-gradient(145deg,color-mix(in srgb,var(--product-bg) 85%,white 15%),var(--product-bg))!important; }.gale-product-image::after { content:""; position:absolute; inset:auto -20% -50% -20%; height:70%; background:radial-gradient(circle,rgb(255 255 255 / .25),transparent 65%); }.gale-product-image > img { transition:transform .4s var(--gale-ease),filter .4s ease; filter:drop-shadow(0 18px 18px rgb(0 0 0 / .32)); }.gale-product-card:hover .gale-product-image > img { transform:translateY(-5px) scale(1.07); }.gale-product-info { display:flex; flex:1; flex-direction:column; }.gale-product-info .mt-4 { margin-top:auto; }.gale-product-info a,.gale-product-info button { text-align:center; box-shadow:0 10px 25px var(--gale-glow); }

#header {
  position: sticky;
  top: 0;
  z-index: 80;
  border-bottom: 1px solid var(--gale-line);
  background: rgb(var(--color-voon-900) / .72);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
  box-shadow: 0 14px 45px rgb(0 0 0 / .18);
  transition:background .3s ease,box-shadow .3s ease,border-color .3s ease;
}
#header::after { content:""; position:absolute; left:8%; right:8%; bottom:-1px; height:1px; background:linear-gradient(90deg,transparent,rgb(var(--color-indigo-400) / .45),transparent); opacity:.55; }
#header.is-scrolled { background:rgb(var(--color-voon-950) / .9); border-bottom-color:rgb(var(--color-indigo-400) / .2); box-shadow:0 18px 48px rgb(0 0 0 / .35); }
.gale-header-inner { min-height:104px; transition:min-height .3s ease,padding .3s ease; }.is-scrolled .gale-header-inner { min-height:76px; padding-top:.45rem; padding-bottom:.45rem; }
.gale-header-left { min-width:0; }.gale-header-brand { position:relative; flex:0 0 auto; }.gale-header-brand::before { content:""; position:absolute; inset:22% 8%; z-index:-1; border-radius:50%; background:rgb(var(--color-indigo-400) / .18); filter:blur(22px); opacity:0; transition:opacity .3s ease; }.gale-header-brand:hover::before { opacity:1; }.gale-header-brand img { transition:height .3s ease,transform .3s var(--gale-ease); }.gale-header-brand:hover img { transform:translateY(-2px) scale(1.025); }.is-scrolled .gale-header-brand img { height:3.8rem; }
.gale-main-nav { position:relative; align-items:center; padding:.4rem; border:1px solid rgb(255 255 255 / .065); border-radius:1.15rem; background:rgb(255 255 255 / .025); box-shadow:inset 0 1px 0 rgb(255 255 255 / .035),0 12px 28px rgb(0 0 0 / .1); }

#header img { filter: drop-shadow(0 8px 18px rgb(0 0 0 / .35)); }
#header .nav-item { position:relative; display:flex; align-items:center; min-height:42px; padding:.65rem 1rem; border-radius:.8rem; color:rgb(255 255 255 / .58); font-size:.88rem; font-weight:800; white-space:nowrap; transition:color .25s ease,transform .25s ease,background .25s ease,box-shadow .25s ease; }
#header .nav-item:hover { color:white; text-decoration:none; transform:translateY(-2px); background:rgb(var(--color-indigo-500) / .09); }
#header .nav-item.active { color:white; background:linear-gradient(145deg,rgb(var(--color-indigo-500) / .18),rgb(var(--color-indigo-700) / .08)); box-shadow:inset 0 1px 0 rgb(255 255 255 / .05),0 8px 20px rgb(var(--color-indigo-500) / .09); }
#header .nav-item::after {
  content: "";
  position: absolute;
  left: 50%; right: 50%; bottom: 2px;
  height: 3px; border-radius: 999px;
  background: rgb(var(--color-indigo-400));
  box-shadow: 0 0 18px var(--gale-glow);
  transition: left .25s ease, right .25s ease;
}
#header .nav-item:hover::after, #header .nav-item.active::after { left: 0; right: 0; }
.gale-header-login { position:relative; overflow:hidden; border:1px solid rgb(255 255 255 / .12); background:linear-gradient(135deg,rgb(var(--color-indigo-500)),rgb(var(--color-indigo-700))); box-shadow:inset -3px -3px 0 rgb(var(--color-indigo-900) / .35),inset 2px 2px 0 rgb(255 255 255 / .14),0 12px 28px var(--gale-glow); transition:transform .25s var(--gale-ease),filter .25s ease; }.gale-header-login::before { content:""; position:absolute; top:-100%; left:-60%; width:45%; height:300%; background:linear-gradient(90deg,transparent,rgb(255 255 255 / .25),transparent); transform:rotate(22deg); transition:left .55s ease; }.gale-header-login:hover { color:white; text-decoration:none; transform:translateY(-3px); filter:brightness(1.08); }.gale-header-login:hover::before { left:125%; }
#mobile-menu { position:relative; z-index:90; border-bottom:1px solid var(--gale-line); background:rgb(var(--color-voon-950) / .92); backdrop-filter:blur(18px); box-shadow:0 16px 38px rgb(0 0 0 / .28); }#mobile-menu > div:first-child { min-height:70px; padding:.65rem 1rem; }#mobile-menu > div:nth-child(2) { position:absolute; left:.75rem; right:.75rem; top:calc(100% + .5rem); padding:.75rem; border:1px solid var(--gale-line); border-radius:1.25rem; background:rgb(var(--color-voon-900) / .97); box-shadow:0 25px 65px rgb(0 0 0 / .42); }#mobile-menu > div:nth-child(2) > a,#mobile-menu > div:nth-child(2) > div { margin:.2rem 0; transition:background .2s ease,transform .2s ease; }#mobile-menu > div:nth-child(2) > a:hover { transform:translateX(4px); background:rgb(var(--color-indigo-500) / .12); }

@media (min-width:641px) and (max-width:1100px) { .gale-header-left { gap:1.5rem; }.gale-main-nav .nav-item { padding:.6rem .7rem; font-size:.78rem; }.gale-header-brand img { height:4rem; } }

#__heroSection { min-height: min(860px, 92vh); isolation: isolate; }
#__heroSection .gale-hero-bg {
  transform: scale(1.04);
  animation: galeHeroBreath 14s ease-in-out infinite alternate;
  will-change: transform;
}
#__heroSection .gale-hero-overlay {
  background:
    radial-gradient(circle at 70% 34%, rgb(var(--color-indigo-400) / .20), transparent 34%),
    linear-gradient(105deg, rgb(var(--color-voon-950) / .90) 5%, rgb(var(--color-voon-900) / .44) 58%, rgb(var(--color-indigo-900) / .25));
}
.gale-hero-particles {
  position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background-position: center; background-size: cover;
  opacity: .55; mix-blend-mode: screen;
  animation: galeParticleDrift 8s ease-in-out infinite alternate;
}
.gale-hero-foreground { position:absolute; right:-3%; bottom:6%; z-index:3; width:min(34vw,470px); height:min(60vh,560px); background-repeat:no-repeat; background-position:right bottom; background-size:contain; opacity:.62; filter:drop-shadow(0 25px 35px rgb(0 0 0 / .42)); pointer-events:none; animation:galeCharacterFloat 5s ease-in-out infinite; }
.gale-hero-content { display:flex; flex-direction:column; align-items:center; text-align:center; }
.gale-hero-logo { width:min(480px,74vw); max-height:190px; object-fit:contain; margin:1rem auto 0; filter:drop-shadow(0 16px 24px rgb(0 0 0 / .44)); animation:galeLogoFloat 4.8s ease-in-out infinite; }
.gale-promo-badge { display:inline-flex; align-items:center; gap:.8rem; margin-bottom:.25rem; padding:.7rem 1rem; border:2px solid rgb(255 255 255 / .18); border-radius:1rem; color:white; font-size:.75rem; font-weight:900; letter-spacing:.06em; background:linear-gradient(135deg,#fb7185,#f59e0b); box-shadow:inset -4px -4px 0 rgb(134 63 23 / .38),inset 3px 3px 0 rgb(255 255 255 / .22),0 12px 25px rgb(0 0 0 / .25); animation:galeBadgePulse 2.4s ease-in-out infinite; }
.gale-promo-badge:hover { color:white; text-decoration:none; }
.gale-promo-badge i { opacity:.8; }
.gale-hero-content h1 {
  text-wrap: balance;
  text-shadow: 0 5px 0 rgb(0 0 0 / .16), 0 18px 42px rgb(0 0 0 / .42);
  animation: galeIntro .8s var(--gale-ease) both;
}
.gale-hero-content h1,.gale-hero-content p { margin-left:auto; margin-right:auto; }
.gale-hero-content p { animation: galeIntro .8s .12s var(--gale-ease) both; }
.gale-hero-actions { animation: galeIntro .8s .22s var(--gale-ease) both; }
.gale-hero-actions a {
  min-height: 54px; border: 1px solid rgb(255 255 255 / .13);
  box-shadow: 0 14px 35px rgb(0 0 0 / .28), 0 0 0 0 var(--gale-glow);
  transition: transform .25s var(--gale-ease), box-shadow .25s ease, filter .25s ease;
}
.gale-hero-actions a:hover { transform: translateY(-4px) scale(1.025); box-shadow: 0 18px 42px rgb(0 0 0 / .34), 0 0 28px var(--gale-glow); filter: brightness(1.08); }
.gale-discord-button { background: linear-gradient(135deg,#5865f2,#7c3aed); }
.gale-download-button { color:#1f2937!important; background:linear-gradient(135deg,#fde047,#f59e0b); box-shadow:inset -4px -4px 0 rgb(146 64 14 / .35),inset 3px 3px 0 rgb(255 255 255 / .35),0 14px 30px rgb(0 0 0 / .3)!important; }
.gale-live-pill {
  display: inline-flex; align-items: center; gap: 10px; max-width: 100%;
  padding: 9px 14px; border: 1px solid rgb(255 255 255 / .14); border-radius: 999px;
  color: rgb(255 255 255 / .82); font-size: .82rem; font-weight: 700;
  background: rgb(var(--color-voon-950) / .56); backdrop-filter: blur(12px);
  box-shadow: 0 12px 32px rgb(0 0 0 / .24);
  animation: galeIntro .7s var(--gale-ease) both;
}
.gale-hero-actions { justify-content:center; flex-wrap:wrap; }
.gale-hero-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; width:min(760px,100%); margin:2rem auto 0; text-align:left; }.gale-hero-highlight { display:grid; grid-template-columns:28px 1fr; column-gap:.7rem; align-items:center; min-width:0; padding:.85rem .95rem; border:1px solid rgb(255 255 255 / .12); border-radius:1rem; color:white; background:rgb(8 12 25 / .3); box-shadow:inset 0 1px 0 rgb(255 255 255 / .06); backdrop-filter:blur(12px); }.gale-hero-highlight i { grid-row:span 2; display:grid; place-items:center; width:28px; height:28px; border-radius:.6rem; color:rgb(var(--color-indigo-200)); font-size:.78rem; background:rgb(var(--color-indigo-500) / .2); }.gale-hero-highlight span { overflow:hidden; color:rgb(255 255 255 / .46); font-size:.58rem; font-weight:800; letter-spacing:.08em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }.gale-hero-highlight strong { overflow:hidden; margin-top:.1rem; font-size:.76rem; text-overflow:ellipsis; white-space:nowrap; }
.gale-start-guide { display:grid; grid-template-columns:minmax(220px,.82fr) minmax(0,2.18fr); align-items:center; gap:2rem; overflow:hidden; padding:1.7rem!important; border:1px solid rgb(var(--color-indigo-400) / .22)!important; background:linear-gradient(115deg,rgb(var(--color-indigo-800) / .66),rgb(var(--color-voon-card) / .9))!important; box-shadow:0 25px 60px rgb(0 0 0 / .25); }.gale-start-guide-intro h2 { margin-top:.35rem; font-size:clamp(1.45rem,2.5vw,2rem); font-weight:900; }.gale-start-guide-intro p { margin-top:.5rem; color:rgb(255 255 255 / .58); font-size:.88rem; line-height:1.65; }.gale-start-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; }.gale-start-step { position:relative; display:flex; min-height:142px; flex-direction:column; justify-content:center; overflow:hidden; padding:1rem; border:1px solid rgb(255 255 255 / .09); border-radius:1rem; color:white; text-align:left; background:rgb(0 0 0 / .15); transition:transform .25s var(--gale-ease),border-color .25s ease,background .25s ease; }.gale-start-step:hover { color:white; text-decoration:none; transform:translateY(-5px); border-color:rgb(var(--color-indigo-300) / .4); background:rgb(var(--color-indigo-500) / .12); }.gale-start-step > i { margin-bottom:.65rem; color:rgb(var(--color-indigo-300)); font-size:1.1rem; }.gale-start-step small { color:rgb(255 255 255 / .4); font-size:.55rem; font-weight:900; letter-spacing:.11em; }.gale-start-step strong { margin-top:.2rem; font-size:.83rem; }.gale-start-step em { margin-top:.35rem; color:rgb(255 255 255 / .48); font-size:.65rem; font-style:normal; }.gale-start-step em i { margin-left:.25rem; }.gale-start-number { position:absolute; top:.75rem; right:.85rem; color:rgb(255 255 255 / .15); font-size:.7rem; font-weight:900; }.gale-start-ip { cursor:pointer; background:rgb(52 211 153 / .07); }.gale-start-ip > i { color:#6ee7b7; }
.gale-live-pill button { color: white; font: inherit; white-space: nowrap; }
.gale-live-pill button i { margin-left: 5px; opacity: .65; }
.gale-live-dot { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; background:#34d399; box-shadow:0 0 0 5px rgb(52 211 153 / .13),0 0 18px #34d399; animation:galePulse 1.8s ease-out infinite; }
.gale-live-divider { width:1px; height:18px; background:rgb(255 255 255 / .16); }

.gale-section-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2rem; color:white; }
.gale-section-heading h2 { font-size:clamp(1.75rem,3vw,2.5rem); line-height:1; font-weight:800; }
.gale-section-heading p { color:rgb(255 255 255 / .52); }
.gale-kicker { display:block; margin-bottom:.65rem; color:rgb(var(--color-indigo-400)); font-size:.72rem; font-weight:900; letter-spacing:.18em; }
.gale-section-heading-center { justify-content:center; text-align:center; flex-direction:column; align-items:center; }
.gale-explore-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.25rem; }
.gale-explore-card { position:relative; min-height:290px; overflow:hidden; border:1px solid var(--gale-line); border-radius:1.5rem; background:rgb(var(--color-voon-card)); box-shadow:0 18px 45px rgb(0 0 0 / .18); transition:transform .35s var(--gale-ease),border-color .35s ease,box-shadow .35s ease; }
.gale-explore-card:hover { transform:translateY(-9px); border-color:rgb(var(--color-indigo-400) / .38); box-shadow:0 30px 70px rgb(0 0 0 / .32),0 0 34px rgb(var(--color-indigo-500) / .10); }
.gale-explore-art { position:absolute; inset:0; background-position:80% 25%; background-size:cover; opacity:.38; transform:scale(1.03); transition:transform .6s var(--gale-ease),opacity .4s ease; }
.gale-explore-card:hover .gale-explore-art { transform:scale(1.12) translateY(-2%); opacity:.52; }
.gale-explore-shade { position:absolute; inset:0; background:linear-gradient(to top,rgb(var(--color-voon-950)) 12%,rgb(var(--color-voon-900) / .76) 52%,transparent); }
.gale-explore-icon { position:absolute; top:1.25rem; left:1.25rem; display:grid; place-items:center; width:46px; height:46px; border-radius:14px; color:white; background:rgb(var(--color-indigo-500) / .78); backdrop-filter:blur(10px); box-shadow:0 10px 25px var(--gale-glow); }
.gale-explore-content { position:absolute; left:1.35rem; right:1.35rem; bottom:1.25rem; color:white; }
.gale-explore-content h3 { font-size:1.25rem; font-weight:800; }
.gale-explore-content p { min-height:42px; margin-top:.35rem; color:rgb(255 255 255 / .58); font-size:.86rem; }
.gale-explore-content span { display:inline-flex; gap:.6rem; align-items:center; margin-top:1rem; color:rgb(var(--color-indigo-300)); font-size:.8rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.gale-explore-content span i { transition:transform .25s ease; }.gale-explore-card:hover span i { transform:translateX(5px); }

.gale-podium { display:flex; justify-content:center; align-items:end; gap:1.25rem; max-width:840px; margin:3rem auto 0; }
.gale-podium-player { position:relative; display:flex; flex:1; max-width:250px; min-width:0; flex-direction:column; align-items:center; padding:1.5rem 1rem 0; color:white; border:1px solid var(--gale-line); border-radius:1.5rem 1.5rem .5rem .5rem; background:linear-gradient(180deg,rgb(var(--color-voon-card)),rgb(var(--color-voon-950))); box-shadow:0 22px 55px rgb(0 0 0 / .28); transition:transform .3s var(--gale-ease); }
.gale-podium-player:hover { transform:translateY(-8px); }.gale-rank-1 { order:2; }.gale-rank-2 { order:1; }.gale-rank-3 { order:3; }
.gale-rank-1 { padding-top:2.3rem; border-color:rgb(250 204 21 / .35); }.gale-rank-1 .gale-podium-step { height:110px; color:#facc15; }.gale-rank-2 .gale-podium-step { height:78px; color:#d1d5db; }.gale-rank-3 .gale-podium-step { height:58px; color:#fb923c; }
.gale-podium-player strong { margin-top:.75rem; max-width:100%; overflow:hidden; text-overflow:ellipsis; }.gale-podium-player > span { color:rgb(var(--color-indigo-300)); font-size:.85rem; }
.gale-rank-badge { position:absolute; top:-14px; padding:.35rem .7rem; border-radius:999px; color:white; font-weight:900; background:rgb(var(--color-indigo-600)); box-shadow:0 7px 18px var(--gale-glow); }
.gale-podium-step { display:flex; align-items:center; justify-content:center; width:calc(100% + 2rem); margin-top:1.25rem; border-radius:0 0 .45rem .45rem; background:rgb(255 255 255 / .045); font-size:1.5rem; }

.gale-final-cta-inner { position:relative; display:flex; align-items:center; justify-content:space-between; gap:2rem; overflow:hidden; padding:3rem; border:1px solid rgb(var(--color-indigo-400) / .25); border-radius:2rem; color:white; background:linear-gradient(120deg,rgb(var(--color-indigo-900) / .92),rgb(var(--color-voon-card)),rgb(var(--color-indigo-700) / .62)); box-shadow:0 30px 80px rgb(0 0 0 / .32),inset 0 1px 0 rgb(255 255 255 / .1); }
.gale-final-copy,.gale-final-actions { position:relative; z-index:2; }.gale-final-copy h2 { max-width:620px; font-size:clamp(1.8rem,3.2vw,3rem); line-height:1.08; font-weight:900; }.gale-final-copy p { max-width:580px; margin-top:.75rem; color:rgb(255 255 255 / .6); }
.gale-final-actions { display:flex; align-items:stretch; gap:.8rem; }.gale-final-ip { display:grid; grid-template-columns:1fr auto; min-width:230px; padding:.8rem 1rem; border:1px solid rgb(255 255 255 / .14); border-radius:1rem; text-align:left; color:white; background:rgb(0 0 0 / .2); backdrop-filter:blur(10px); }.gale-final-ip small { grid-column:1/-1; color:rgb(255 255 255 / .45); font-size:.62rem; font-weight:900; letter-spacing:.12em; }.gale-final-ip strong { font-size:.9rem; }.gale-final-ip i { color:rgb(var(--color-indigo-300)); }
.gale-final-play { display:flex; align-items:center; gap:.7rem; padding:1rem 1.35rem; border-radius:1rem; color:white; font-weight:900; background:rgb(var(--color-indigo-500)); box-shadow:0 14px 30px var(--gale-glow); transition:transform .25s ease,filter .25s ease; }.gale-final-play:hover { color:white; text-decoration:none; transform:translateY(-4px); filter:brightness(1.1); }
.gale-final-orb { position:absolute; border-radius:50%; filter:blur(1px); opacity:.24; }.gale-final-orb-one { width:250px; height:250px; top:-140px; right:18%; background:#38bdf8; }.gale-final-orb-two { width:180px; height:180px; bottom:-110px; left:35%; background:#a855f7; }

.gale-copy-toast { position:fixed; left:50%; bottom:28px; z-index:99999; display:flex; align-items:center; gap:.8rem; min-width:280px; padding:1rem 1.2rem; border:1px solid rgb(52 211 153 / .3); border-radius:1rem; color:white; background:rgb(8 12 20 / .92); box-shadow:0 24px 65px rgb(0 0 0 / .42); backdrop-filter:blur(16px); transform:translate(-50%,140%); opacity:0; transition:transform .45s var(--gale-ease),opacity .35s ease; }.gale-copy-toast.is-active { transform:translate(-50%,0); opacity:1; }.gale-copy-toast i { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:#052e16; background:#34d399; }.gale-copy-toast strong { display:block; font-size:.85rem; }.gale-copy-toast span { display:block; color:rgb(255 255 255 / .48); font-size:.72rem; }
.gale-ripple { position:absolute; border-radius:50%; background:rgb(255 255 255 / .28); transform:scale(0); animation:galeRipple .55s linear; pointer-events:none; }
.gale-mobile-dock { position:fixed; left:.65rem; right:.65rem; bottom:.65rem; z-index:95; display:flex; align-items:center; justify-content:space-around; min-height:64px; padding:.4rem .55rem calc(.4rem + env(safe-area-inset-bottom)); border:1px solid rgb(255 255 255 / .1); border-radius:1.35rem; background:rgb(var(--color-voon-950) / .9); box-shadow:0 22px 60px rgb(0 0 0 / .48),inset 0 1px 0 rgb(255 255 255 / .06); backdrop-filter:blur(18px) saturate(145%); }.gale-mobile-dock a { position:relative; display:flex; min-width:50px; flex:1; flex-direction:column; align-items:center; gap:.25rem; padding:.45rem .35rem; border-radius:.8rem; color:rgb(255 255 255 / .55); font-size:.58rem; font-weight:800; }.gale-mobile-dock a:hover { color:white; text-decoration:none; }.gale-mobile-dock a i { font-size:1rem; }.gale-mobile-dock a.active { color:rgb(var(--color-indigo-300)); background:rgb(var(--color-indigo-500) / .12); }.gale-mobile-dock .gale-mobile-play { width:54px; height:54px; min-width:54px; flex:0 0 54px; justify-content:center; margin-top:-28px; border:4px solid rgb(var(--color-voon-950)); border-radius:50%; color:white; background:linear-gradient(145deg,rgb(var(--color-indigo-400)),rgb(var(--color-indigo-700))); box-shadow:0 12px 30px var(--gale-glow); }.gale-mobile-dock .gale-mobile-play span { display:none; }

html.gale-light { color-scheme:light; }html.gale-light body:not(.gale-auth-body) { --color-voon-950:230 239 248;--color-voon-900:238 245 251;--color-voon-800:247 250 253;--color-voon-700:218 230 241;--color-voon-background:242 247 251;--color-voon-card:255 255 255;--color-neutral-900:230 239 248;background:rgb(var(--color-voon-background)); }html.gale-light .main :is(h1,h2,h3,h4):not(#__heroSection *),html.gale-light .main .text-white:not(#__heroSection *) { color:#172033!important; }html.gale-light .main .card,html.gale-light .main .card-simple { border-color:rgb(15 23 42 / .08); box-shadow:0 18px 48px rgb(15 23 42 / .09); }html.gale-light footer,html.gale-light .bg-voon-700\/50 { color:#172033; }
[data-gale-animations="0"] *,[data-gale-animations="0"] *::before,[data-gale-animations="0"] *::after { animation:none!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }

.gale-join-widget { border: 1px solid rgb(var(--color-indigo-400) / .22); box-shadow: 0 26px 70px rgb(0 0 0 / .32), inset 0 1px 0 rgb(255 255 255 / .08); }
.gale-join-widget::before {
  content: ""; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: linear-gradient(115deg, transparent 25%, rgb(255 255 255 / .12), transparent 62%);
  transform: translateX(-110%); animation: galeShine 7s ease-in-out infinite;
}
.gale-join-widget [data-toggle="copyip"] { box-shadow: 0 10px 30px var(--gale-glow); transition: transform .2s ease, filter .2s ease; }
.gale-join-widget [data-toggle="copyip"]:hover { transform: translateY(-3px); filter: brightness(1.12); }

.card, .card-simple { position:relative; border:1px solid var(--gale-line); background:linear-gradient(145deg,rgb(var(--color-voon-card) / .96),rgb(var(--color-voon-950) / .72)); box-shadow:0 18px 50px rgb(0 0 0 / .16),inset 0 1px 0 rgb(255 255 255 / .035); backdrop-filter:blur(10px); }
.card.hovered, .group .card, section .rounded-3xl { transition: transform .35s var(--gale-ease), box-shadow .35s ease, border-color .35s ease; }
.card.hovered:hover { transform: translateY(-7px); border-color: rgb(var(--color-indigo-400) / .25); box-shadow: 0 24px 55px rgb(0 0 0 / .28), 0 0 32px rgb(var(--color-indigo-500) / .08); }

.gale-store-listing .gale-product-grid { grid-column:span 10 / span 10; }
.gale-store-listing .lg\:col-span-3 { display:none; }
.gale-product-detail { overflow:hidden; border:1px solid rgb(255 255 255 / .1); background:linear-gradient(145deg,rgb(21 25 37 / .96),rgb(9 11 18 / .98)); box-shadow:0 28px 80px rgb(0 0 0 / .32); }
.gale-product-detail-media { min-height:420px; background:radial-gradient(circle at 50% 48%,rgb(var(--color-indigo-500) / .15),transparent 55%),linear-gradient(145deg,rgb(255 255 255 / .035),transparent); }
.gale-product-detail-media img:not(.absolute) { width:min(270px,70%); filter:drop-shadow(0 24px 28px rgb(0 0 0 / .45)); transition:transform .45s cubic-bezier(.2,.8,.2,1); }
.gale-product-detail:hover .gale-product-detail-media img:not(.absolute) { transform:translateY(-7px) scale(1.035); }
.gale-product-detail-copy { min-height:420px; padding:clamp(1.5rem,4vw,3rem); }

.gale-reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s var(--gale-ease), transform .7s var(--gale-ease); }
.gale-reveal.is-visible { opacity: 1; transform: none; }

@keyframes galeHeroBreath { to { transform: scale(1.10) translate3d(0,-1.5%,0); } }
@keyframes galeParticleDrift { from { transform: translate3d(-.7%,0,0); } to { transform: translate3d(.7%,-1.2%,0); } }
@keyframes galeIntro { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@keyframes galeShine { 0%,55% { transform: translateX(-110%); } 78%,100% { transform: translateX(110%); } }
@keyframes galePulse { 70% { box-shadow:0 0 0 10px rgb(52 211 153 / 0),0 0 18px #34d399; } 100% { box-shadow:0 0 0 0 rgb(52 211 153 / 0),0 0 18px #34d399; } }
@keyframes galeLogoFloat { 0%,100% { transform:translateY(0) scale(1); } 50% { transform:translateY(-10px) scale(1.015); } }
@keyframes galeCharacterFloat { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-18px) rotate(1deg); } }
@keyframes galeBadgePulse { 0%,100% { transform:rotate(-1deg) scale(1); } 50% { transform:rotate(1deg) scale(1.035); } }
@keyframes galeRipple { to { transform:scale(4); opacity:0; } }
@keyframes galeLoaderSlide { from { transform:translateX(-110%); } to { transform:translateX(245%); } }

@media (max-width: 640px) {
  .section { width:min(100% - 1.25rem,1280px); }
  #__heroSection { min-height: 680px; }
  .gale-hero-content h1 { font-size: 2.5rem; line-height: 1.08; }
  .gale-hero-actions { align-items: stretch; flex-direction: column; }
  .gale-hero-actions a { justify-content: center; width: 100%; }
  .gale-hero-highlights { grid-template-columns:1fr; gap:.5rem; margin-top:1.35rem; }
  .gale-hero-highlight { padding:.7rem .8rem; }
  .gale-start-guide { grid-template-columns:1fr; gap:1.1rem; padding:1.15rem!important; }
  .gale-start-steps { grid-template-columns:1fr; gap:.5rem; }
  .gale-start-step { min-height:0; padding:.85rem 1rem; }
  .gale-hero-particles { opacity: .32; }
  .gale-hero-foreground { right:-24%; bottom:9%; width:72vw; opacity:.25; }
  .gale-hero-logo { width:78vw; max-height:125px; }
  .gale-promo-badge { font-size:.62rem; }
  .gale-live-pill { border-radius:1rem; flex-wrap:wrap; }
  .gale-section-heading { align-items:start; flex-direction:column; gap:.5rem; }
  .gale-explore-grid { grid-template-columns:1fr; }
  .gale-explore-card { min-height:230px; }
  .gale-podium { gap:.45rem; }.gale-podium-player { padding-left:.4rem; padding-right:.4rem; }.gale-podium-player strong { font-size:.75rem; }.gale-podium-player > span { font-size:.65rem; }
  .gale-final-cta-inner { padding:2rem 1.25rem; flex-direction:column; align-items:flex-start; }.gale-final-actions { width:100%; flex-direction:column; }.gale-final-ip,.gale-final-play { width:100%; }.gale-final-play { justify-content:center; }
  .gale-auth-card { padding:1.5rem; border-radius:1.4rem; }.gale-auth-panel { padding-top:1rem; }
  .gale-store-hero { min-height:500px; padding-top:6rem; padding-bottom:7rem; }.gale-store-title { font-size:2.55rem; }.gale-store-hero-actions { align-items:stretch; flex-direction:column; }.gale-store-hero-actions > a { justify-content:center; }.gale-store-categories { margin-top:-42px; }.gale-store-section-head { align-items:start; flex-direction:column; gap:.4rem; }.gale-store-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); padding:.65rem; gap:.6rem; }.gale-store-category-card { min-height:180px; padding:.8rem; }.gale-store-category-card strong { margin-top:2.9rem; font-size:.8rem; }.gale-store-category-card > span { font-size:.56rem; }.gale-store-category-hero { align-items:flex-start; flex-direction:column; padding:1.4rem; }.gale-store-category-hero > a { width:100%; justify-content:center; }.gale-store-tabs { margin-left:-.2rem; margin-right:-.2rem; }.gale-store-tabs a { min-width:130px; }.gale-product-image { min-height:190px; }
}

@media (min-width:641px) and (max-width:1023px) { .gale-explore-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

@media (max-width:1023px) { .gale-product-detail-copy { min-height:auto; border-top:1px solid rgb(255 255 255 / .08); } }

/* Gale v9 — site-wide design system */
:root { --gale-surface:rgb(var(--color-voon-card) / .88); --gale-surface-strong:rgb(var(--color-voon-950) / .94); --gale-radius:1.15rem; }
body { min-height:100vh; }
body::before { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; background:radial-gradient(circle at 12% 18%,rgb(var(--color-indigo-500) / .07),transparent 27rem),radial-gradient(circle at 88% 70%,rgb(14 165 233 / .055),transparent 31rem); }
a,button,input,select,textarea { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid rgb(var(--color-indigo-400) / .7)!important; outline-offset:3px; }

#header { position:sticky; top:0; z-index:90; border-bottom:1px solid transparent; transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease; }
#header.is-scrolled { border-color:rgb(255 255 255 / .07); background:rgb(var(--color-voon-950) / .84); box-shadow:0 14px 45px rgb(0 0 0 / .26); backdrop-filter:blur(18px) saturate(145%); }
.gale-header-brand img { transition:transform .3s var(--gale-ease),filter .3s ease; }.gale-header-brand:hover img { transform:translateY(-2px) scale(1.035); filter:drop-shadow(0 8px 16px var(--gale-glow)); }
.gale-main-nav .nav-item { position:relative; padding:.7rem .9rem; border-radius:.8rem; transition:color .2s ease,background .2s ease; }
.gale-main-nav .nav-item::after { content:""; position:absolute; left:.9rem; right:.9rem; bottom:.34rem; height:2px; border-radius:99px; background:rgb(var(--color-indigo-400)); transform:scaleX(0); transition:transform .25s var(--gale-ease); }
.gale-main-nav .nav-item:hover,.gale-main-nav .nav-item.active { color:white; background:rgb(255 255 255 / .045); }.gale-main-nav .nav-item:hover::after,.gale-main-nav .nav-item.active::after { transform:scaleX(1); }
.gale-header-login { box-shadow:0 10px 28px var(--gale-glow); transition:transform .25s ease,filter .25s ease; }.gale-header-login:hover { transform:translateY(-3px); filter:brightness(1.1); }

.gale-mobile-header { position:sticky; top:0; z-index:100; border-bottom:1px solid rgb(255 255 255 / .08); background:rgb(var(--color-voon-950) / .92); box-shadow:0 12px 35px rgb(0 0 0 / .25); backdrop-filter:blur(18px); }
.gale-mobile-header-bar { min-height:68px; }.gale-mobile-menu-toggle { width:44px; height:44px; color:white; border:1px solid rgb(255 255 255 / .1); background:rgb(var(--color-indigo-500) / .14); }
.gale-mobile-menu-panel { max-height:calc(100vh - 76px); overflow-y:auto; border-top:1px solid rgb(255 255 255 / .07); background:linear-gradient(180deg,rgb(var(--color-voon-950) / .96),rgb(var(--color-voon-card) / .96)); box-shadow:0 30px 60px rgb(0 0 0 / .4); }
.gale-mobile-menu-panel > a,.gale-mobile-menu-panel > div > div:first-child > div { margin:.25rem 0; border:1px solid transparent; border-radius:.8rem; transition:background .2s ease,border-color .2s ease; }
.gale-mobile-menu-panel > a:hover,.gale-mobile-menu-panel > div > div:first-child > div:hover { border-color:rgb(var(--color-indigo-400) / .16); background:rgb(var(--color-indigo-500) / .1); }

.gale-inner-page { position:relative; padding-top:clamp(2rem,5vw,4.5rem); padding-bottom:clamp(4rem,8vw,7rem); }
.gale-inner-page > .container,.gale-inner-page > .section { position:relative; z-index:1; }
.gale-inner-page h1 { letter-spacing:-.025em; }.gale-inner-page h1::after { content:""; display:block; width:52px; height:4px; margin-top:.75rem; border-radius:99px; background:linear-gradient(90deg,rgb(var(--color-indigo-400)),rgb(var(--color-indigo-600) / .1)); }
.gale-inner-page .card,.gale-inner-page .card-simple { border-radius:var(--gale-radius); }

input:not([type="checkbox"]):not([type="radio"]),select,textarea { min-height:46px; border:1px solid rgb(255 255 255 / .09)!important; border-radius:.85rem!important; color:rgb(255 255 255 / .9); background:rgb(0 0 0 / .16)!important; transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important; }
textarea { min-height:120px; }
input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus { border-color:rgb(var(--color-indigo-400) / .55)!important; background:rgb(0 0 0 / .23)!important; box-shadow:0 0 0 4px rgb(var(--color-indigo-500) / .1)!important; }
button[type="submit"],.btn-before { transition:transform .22s ease,filter .22s ease,box-shadow .22s ease; }button[type="submit"]:hover,.btn-before:hover { transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 12px 26px var(--gale-glow); }

.gale-table-scroll { width:100%; overflow-x:auto; border:1px solid rgb(255 255 255 / .075); border-radius:1rem; background:rgb(0 0 0 / .08); scrollbar-width:thin; }
.gale-table-scroll table { width:100%; min-width:620px; border-collapse:separate; border-spacing:0; }.gale-table-scroll th { color:rgb(255 255 255 / .6); font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; background:rgb(255 255 255 / .035); }.gale-table-scroll th,.gale-table-scroll td { padding:.95rem 1rem; border-bottom:1px solid rgb(255 255 255 / .055); }.gale-table-scroll tr:last-child td { border-bottom:0; }.gale-table-scroll tbody tr { transition:background .2s ease; }.gale-table-scroll tbody tr:hover { background:rgb(var(--color-indigo-500) / .055); }

.gale-back-to-top { position:fixed; right:1.25rem; bottom:1.25rem; z-index:88; display:grid; place-items:center; width:46px; height:46px; border:1px solid rgb(255 255 255 / .12); border-radius:50%; color:white; background:linear-gradient(145deg,rgb(var(--color-indigo-400)),rgb(var(--color-indigo-700))); box-shadow:0 14px 34px var(--gale-glow); opacity:0; pointer-events:none; transform:translateY(18px) scale(.9); transition:opacity .25s ease,transform .25s ease; }.gale-back-to-top.is-visible { opacity:1; pointer-events:auto; transform:none; }.gale-back-to-top:hover { transform:translateY(-4px); }

@media (max-width:640px) { .gale-inner-page { padding-top:1.5rem; }.gale-inner-page > .container { width:calc(100% - 1.25rem); }.gale-back-to-top { right:.85rem; bottom:.85rem; width:42px; height:42px; }.gale-copy-toast { min-width:0; width:calc(100% - 1.5rem); bottom:1rem; } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .gale-reveal { opacity: 1; transform: none; }
}