/* Limon Gale: colours are supplied by the theme settings partial. */
body { background:rgb(var(--color-voon-background)); }
body::before { background:radial-gradient(ellipse at 85% 18%,rgb(var(--limon-lime) / .075),transparent 42%),radial-gradient(ellipse at 10% 62%,rgb(var(--limon-primary) / .035),transparent 38%); }
.gale-kicker,.gale-live-dot,.gale-start-number { color:rgb(var(--limon-lime)); }
.gale-live-dot { background:rgb(var(--limon-lime)); box-shadow:0 0 14px rgb(var(--limon-lime) / .3); }
.gale-live-pill.is-offline .gale-live-dot { background:#ef4444; box-shadow:0 0 14px rgb(239 68 68 / .3); }.limon-live-updated { width:100%; padding-top:.25rem; color:rgb(255 255 255 / .42); font-size:.58rem; }
.gale-scroll-progress { background:linear-gradient(90deg,rgb(var(--limon-primary)),rgb(var(--limon-lime))); }
.gale-header-login,.gale-header-login:hover,.gale-final-play,.gale-final-play:hover { color:rgb(var(--limon-bg)); background:rgb(var(--limon-primary)); box-shadow:0 8px 28px rgb(var(--limon-primary) / .13); }
.gale-main-nav { gap:1.8rem!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
#header .gale-main-nav .nav-item { min-height:auto; padding:.75rem .15rem; border:0; border-radius:0; color:rgb(255 255 255 / .68); background:transparent!important; box-shadow:none!important; transform:none!important; }
#header .gale-main-nav .nav-item:hover { color:rgb(var(--limon-primary)); background:transparent!important; box-shadow:none!important; transform:none!important; }
#header .gale-main-nav .nav-item.active { color:white; background:transparent!important; box-shadow:none!important; }
.gale-main-nav .nav-item::after { display:none; }
.gale-nav-slider { position:absolute; z-index:3; left:0; bottom:-1px; width:0; height:.5rem; border-radius:999px 999px 0 0; opacity:0; pointer-events:none; background:linear-gradient(90deg,rgb(var(--limon-primary)),rgb(var(--limon-lime))); box-shadow:0 10px 34px rgb(var(--limon-primary) / .32); transform:translate3d(var(--gale-nav-x,0),0,0); transition:transform .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1),opacity .2s ease; }
.gale-nav-slider.is-ready { opacity:1; }
.gale-section-heading h2 { letter-spacing:-.045em; font-size:clamp(1.8rem,3.1vw,2.8rem); line-height:1.15; }
.gale-section-heading p { max-width:25rem; line-height:1.7; }
#__heroSection { min-height:0; border-bottom:1px solid rgb(var(--limon-primary) / .1); background:rgb(var(--limon-bg)); overflow:hidden; }
#__heroSection > svg { display:none; }
#__heroSection .gale-hero-bg { animation:none; transform:none; opacity:var(--limon-image-strength,.58); }
#__heroSection .gale-hero-overlay { background:linear-gradient(90deg,rgb(var(--limon-bg) / .92),rgb(var(--limon-bg) / .42) 64%,rgb(var(--limon-bg) / .08)),linear-gradient(0deg,rgb(var(--limon-bg) / .96),transparent 72%); }
#__heroSection .limon-hero-bright .gale-hero-overlay { background:linear-gradient(90deg,rgb(var(--limon-bg) / .99),rgb(var(--limon-bg) / .75) 64%,rgb(var(--limon-bg) / .45)),linear-gradient(0deg,rgb(var(--limon-bg)),rgb(var(--limon-bg) / .2)); }
#__heroSection .gale-hero-particles { opacity:.14; }
#__heroSection .gale-hero-content { align-items:flex-start; text-align:left; padding-top:5rem; padding-bottom:5.5rem; min-height:660px; }
#__heroSection .gale-hero-content h1 { max-width:690px; margin:1.5rem 0 1rem; font-size:clamp(2.6rem,5.3vw,5rem); line-height:1.02; letter-spacing:-.055em; background:none; color:rgb(var(--limon-primary)); -webkit-text-fill-color:currentColor; overflow-wrap:anywhere; }
#__heroSection .gale-hero-content > p { margin:0; max-width:32rem; font-size:1.1rem; line-height:1.8; color:rgb(255 255 255 / .65); }
#__heroSection .gale-hero-logo { width:auto; max-width:220px; height:82px; margin:1rem 0; animation:none; object-fit:contain; }
#__heroSection .gale-promo-badge { padding:.5rem .8rem; gap:.6rem; border:1px solid rgb(var(--limon-lime) / .25); border-radius:999px; background:rgb(var(--limon-lime) / .07); color:rgb(var(--limon-lime)); font-size:.65rem; letter-spacing:.1em; box-shadow:none; animation:none; }
#__heroSection .gale-live-pill { border:1px solid rgb(255 255 255 / .12); background:rgb(var(--limon-bg) / .72); margin-top:1rem; }
#__heroSection .gale-hero-actions { flex-wrap:wrap; margin-top:2rem; gap:.7rem; }
#__heroSection .gale-hero-actions a { min-height:50px; padding:.85rem 1.3rem; border-radius:.8rem; font-size:.85rem; box-shadow:none; }
#__heroSection .gale-hero-actions a:first-child { color:rgb(var(--limon-bg)); background:rgb(var(--limon-primary)); }
#__heroSection .gale-hero-actions a:not(:first-child) { color:#fff; background:rgb(255 255 255 / .055); border:1px solid rgb(255 255 255 / .14); }
#__heroSection .gale-hero-actions a:hover { filter:brightness(1.1); }
.limon-games-hero { overflow:hidden; padding:4rem 0; border-bottom:1px solid rgb(var(--limon-primary) / .08); }.limon-games-hero-bg { background:linear-gradient(110deg,rgb(var(--limon-primary) / .045),transparent 52%,rgb(var(--limon-lime) / .025)); }.limon-games-hero-copy { align-self:center; }.limon-games-hero-copy .gale-kicker { margin-bottom:.6rem; }.limon-games-hero-art { align-items:center; }.limon-games-hero-art img { max-height:280px; object-fit:contain; filter:drop-shadow(0 18px 28px rgb(0 0 0 / .35)); }
.limon-join-section { margin-top:0; padding-top:2rem; padding-bottom:2rem; }
.limon-join-banner { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:2rem; min-height:132px; overflow:hidden; padding:1.65rem 1.8rem; border:1px solid rgb(var(--limon-lime) / .28); border-radius:1rem; background:rgb(var(--limon-card)); box-shadow:0 18px 55px rgb(0 0 0 / .18); isolation:isolate; }
.limon-join-banner::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgb(var(--limon-bg) / .9) 0%,rgb(var(--limon-bg) / .72) 58%,rgb(var(--limon-bg) / .56) 100%); }
.limon-join-banner-art { position:absolute; inset:0; z-index:-2; background-position:center; background-size:cover; filter:saturate(.85); opacity:calc(var(--limon-image-strength,.58) * .62); }
.limon-join-banner-copy { min-width:0; }
.limon-join-banner-copy h2 { margin-top:.35rem; color:white; font-size:clamp(1.35rem,2.2vw,1.85rem); font-weight:900; line-height:1.12; }
.limon-join-banner-copy p { max-width:760px; margin-top:.45rem; color:rgb(255 255 255 / .66); font-size:.9rem; line-height:1.55; }
.limon-join-banner-action { display:flex; min-width:220px; flex-direction:column; align-items:center; gap:.65rem; }
.limon-join-ip { display:flex; max-width:300px; align-items:center; justify-content:center; gap:.7rem; padding:.9rem 1.3rem; border:1px solid rgb(var(--limon-primary) / .2); border-radius:.65rem; color:rgb(var(--limon-bg)); background:linear-gradient(135deg,rgb(var(--limon-primary)),rgb(var(--limon-lime))); box-shadow:0 12px 28px rgb(var(--limon-primary) / .13); font-size:.9rem; font-weight:850; transition:transform .2s ease,filter .2s ease; }
.limon-join-ip:hover { transform:translateY(-2px); filter:brightness(1.06); }
.limon-join-ip span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.limon-join-online { display:flex; align-items:center; justify-content:center; gap:.35rem; color:rgb(255 255 255 / .56); font-size:.75rem; }
.limon-join-online .gale-live-dot { width:.42rem; height:.42rem; margin-right:.15rem; }
.limon-join-online strong { color:white; font-weight:900; }
.limon-modes { padding-top:3rem; padding-bottom:4rem; }
.limon-mode-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:1.25rem; }
.limon-mode-card { display:flex; flex-direction:column; position:relative; min-width:0; overflow:hidden; border:1px solid rgb(var(--limon-lime) / .24); border-radius:1.35rem; background:linear-gradient(145deg,rgb(var(--color-voon-card)),rgb(var(--limon-lime) / .035)); color:white; text-decoration:none; box-shadow:inset 0 1px 0 rgb(255 255 255 / .035); transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.limon-mode-card:hover { text-decoration:none; color:white; border-color:rgb(var(--limon-primary) / .65); transform:translateY(-5px); box-shadow:0 18px 38px rgb(0 0 0 / .25); }
.limon-mode-art { aspect-ratio:16/11; position:relative; overflow:hidden; display:grid; place-items:center; background:radial-gradient(ellipse at center,rgb(var(--limon-lime) / .14),transparent 75%); }
.limon-mode-art::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgb(var(--color-voon-card)) 2%,rgb(var(--color-voon-card) / .28) 48%,transparent 78%); pointer-events:none; }
.limon-mode-tag,.limon-mode-status { position:absolute; z-index:2; top:1rem; overflow:hidden; max-width:42%; padding:.45rem .7rem; border:1px solid rgb(255 255 255 / .12); border-radius:999px; font-size:.58rem; font-weight:900; letter-spacing:.08em; text-overflow:ellipsis; white-space:nowrap; backdrop-filter:blur(10px); }.limon-mode-tag { left:1rem; color:rgb(var(--limon-bg)); background:rgb(var(--limon-primary)); }.limon-mode-status { right:1rem; color:rgb(var(--limon-lime)); background:rgb(var(--limon-bg) / .82); }.limon-mode-card[data-mode-status="maintenance"] .limon-mode-status { color:#fbbf24; }.limon-mode-card[data-mode-status="soon"] .limon-mode-status { color:#d8b4fe; }.limon-mode-card[data-mode-live-state="offline"] .limon-mode-status { color:#f87171; }
.limon-mode-placeholder { color:rgb(var(--limon-lime) / .45); font-size:4rem; }
.limon-mode-art img { position:absolute; width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.limon-mode-card:hover img { transform:scale(1.045); }
.limon-mode-copy { position:relative; display:flex; flex:1; flex-direction:column; padding:0 1.5rem 1.5rem; }
.limon-mode-copy .gale-kicker { font-size:.6rem; letter-spacing:.15em; color:rgb(var(--limon-lime)); }
.limon-mode-copy h3 { font-size:1.75rem; font-weight:800; letter-spacing:-.04em; margin:.7rem 0; overflow-wrap:anywhere; }
.limon-mode-version { display:flex; align-items:center; gap:.4rem; margin:-.25rem 0 .65rem; color:rgb(255 255 255 / .45); font-size:.68rem; font-weight:700; }
.limon-mode-players { display:flex; align-items:center; gap:.4rem; margin:-.25rem 0 .7rem; color:rgb(var(--limon-lime) / .75); font-size:.67rem; }.limon-mode-players b { color:rgb(var(--limon-primary)); }
.limon-mode-copy p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; color:rgb(255 255 255 / .6); line-height:1.8; font-size:.85rem; margin:0 0 1.5rem; overflow-wrap:anywhere; }
.limon-mode-actions { display:flex; align-items:center; gap:.65rem; margin-top:auto; padding-top:1.25rem; border-top:1px solid rgb(255 255 255 / .1); }.limon-mode-action { display:flex; flex:1; align-items:center; justify-content:space-between; gap:1rem; font-size:.8rem; font-weight:700; color:rgb(var(--limon-primary)); }
.limon-mode-action i { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:rgb(var(--limon-bg)); background:rgb(var(--limon-primary)); transition:background .2s ease; }
.limon-mode-card:hover .limon-mode-action i { background:rgb(var(--limon-lime)); }
.limon-mode-copy-ip { display:grid; place-items:center; width:36px; height:36px; flex:0 0 auto; border:1px solid rgb(var(--limon-lime) / .22); border-radius:50%; color:rgb(var(--limon-lime)); background:rgb(var(--limon-lime) / .06); }
.limon-mode-copy-ip.is-copied { color:rgb(var(--limon-bg)); background:rgb(var(--limon-lime)); }
.limon-all-modes { display:flex; width:fit-content; align-items:center; gap:.75rem; margin:1.75rem auto 0; font-size:.8rem; color:rgb(var(--limon-primary)); }
.limon-mode-state { grid-column:1/-1; padding:2rem; border:1px dashed rgb(var(--limon-lime) / .25); border-radius:1rem; color:rgb(var(--color-indigo-200)); background:rgb(var(--color-voon-card)); }
.limon-retry { margin-top:1rem; padding:.7rem 1.1rem; border-radius:.7rem; color:rgb(var(--limon-bg)); background:rgb(var(--limon-primary)); }
[hidden] { display:none!important; }
.gale-explore-card { border-color:rgb(var(--limon-primary) / .22); box-shadow:inset 0 1px 0 rgb(255 255 255 / .035); }
.gale-explore-art { opacity:calc(var(--limon-image-strength,.58) * .82); }
.gale-explore-shade { background:linear-gradient(to top,rgb(var(--color-voon-950)) 8%,rgb(var(--color-voon-900) / .62) 52%,transparent 84%); }
.gale-final-cta-inner { background:linear-gradient(115deg,rgb(var(--limon-primary) / .1),rgb(var(--color-voon-card)) 55%,rgb(var(--limon-lime) / .07)); border:1px solid rgb(var(--limon-primary) / .22); }
.gale-final-orb-one { background:rgb(var(--limon-primary) / .09); }.gale-final-orb-two { background:rgb(var(--limon-lime) / .09); }
.limon-stats { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; min-height:210px; border:1px solid rgb(var(--limon-primary) / .3); border-radius:1.8rem; background:rgb(var(--limon-card)); isolation:isolate; }
.limon-stats::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgb(var(--limon-bg) / .68),rgb(var(--limon-bg) / .38),rgb(var(--limon-bg) / .68)); }
.limon-stats-art { position:absolute; inset:0; z-index:-2; background-position:center; background-size:cover; opacity:calc(var(--limon-image-strength,.58) * .8); filter:saturate(.92); }
.limon-stat-item { position:relative; display:flex; min-width:0; flex-direction:column; align-items:center; justify-content:center; padding:2rem 1rem; text-align:center; }
.limon-stat-item + .limon-stat-item::before { content:""; position:absolute; left:0; top:24%; bottom:24%; width:1px; background:linear-gradient(transparent,rgb(var(--limon-lime) / .3),transparent); }
.limon-stat-item > i { margin-bottom:.65rem; color:rgb(var(--limon-lime)); font-size:1.1rem; filter:drop-shadow(0 0 12px rgb(var(--limon-lime) / .25)); }
.limon-stat-item strong { color:rgb(var(--limon-primary)); font-size:clamp(2rem,4vw,3.7rem); font-weight:950; line-height:1; letter-spacing:-.045em; text-shadow:0 8px 26px rgb(0 0 0 / .35); }
.limon-stat-item span { margin-top:.55rem; color:white; font-size:.82rem; font-weight:850; }
.limon-event { padding-top:2rem; padding-bottom:4rem; }.limon-event-inner { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:3rem; padding:clamp(1.5rem,4vw,3.5rem); border:1px solid rgb(var(--limon-primary) / .2); border-radius:1.5rem; background:linear-gradient(100deg,rgb(var(--color-voon-card) / .97),rgb(var(--color-voon-card) / .78)),var(--event-image,none) center/cover; }.limon-event-copy { position:relative; z-index:1; }.limon-event-copy h2,.limon-community h2 { color:white; font-size:clamp(1.8rem,3vw,3rem); font-weight:850; letter-spacing:-.045em; }.limon-event-copy p,.limon-community p { max-width:38rem; margin-top:.65rem; color:rgb(255 255 255 / .58); line-height:1.7; }.limon-event-copy a,.limon-community a { display:inline-flex; align-items:center; gap:.8rem; margin-top:1.3rem; padding:.8rem 1.1rem; border-radius:.75rem; color:rgb(var(--limon-bg)); background:rgb(var(--limon-primary)); font-size:.78rem; font-weight:800; }.limon-countdown { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,78px); gap:.5rem; }.limon-countdown > span { display:grid; place-items:center; min-height:92px; border:1px solid rgb(var(--limon-lime) / .15); border-radius:1rem; background:rgb(var(--limon-bg) / .75); }.limon-countdown strong { color:rgb(var(--limon-primary)); font-size:1.65rem; font-weight:900; }.limon-countdown small { color:rgb(255 255 255 / .42); font-size:.56rem; font-weight:800; letter-spacing:.08em; }.limon-event-state { position:relative; z-index:1; padding:1rem 1.4rem; border:1px solid rgb(var(--limon-lime) / .22); border-radius:999px; color:rgb(var(--limon-lime)); background:rgb(var(--limon-lime) / .06); font-weight:800; }
.limon-community { padding-bottom:4rem; }.limon-community-inner { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:1.5rem; padding:2rem; border:1px solid rgb(88 101 242 / .25); border-radius:1.5rem; background:linear-gradient(115deg,rgb(88 101 242 / .12),rgb(var(--color-voon-card))); }.limon-community-icon { display:grid; place-items:center; width:78px; height:78px; border-radius:1.25rem; color:white; background:#5865f2; font-size:2rem; box-shadow:0 12px 32px rgb(88 101 242 / .22); }.limon-community a { margin:0; color:white; background:#5865f2; }
.limon-mobile-join { display:none; }
.limon-mobile-server-state { display:grid; grid-template-columns:auto 1fr; gap:.25rem .55rem; align-items:center; margin:.25rem 0 .7rem; padding:.8rem; border:1px solid rgb(var(--limon-lime) / .14); border-radius:.8rem; color:rgb(255 255 255 / .72); background:rgb(var(--limon-lime) / .045); font-size:.7rem; }.limon-mobile-server-state strong { grid-column:2; color:rgb(var(--limon-primary)); overflow:hidden; text-overflow:ellipsis; }.limon-mobile-server-state .gale-live-dot { width:8px; height:8px; }
html.gale-lime body { --color-voon-background:17 22 12; --color-voon-card:30 39 20; }.gale-lime body::before { background:radial-gradient(ellipse at 80% 15%,rgb(var(--limon-lime) / .11),transparent 42%); }
@media(max-width:1023px) { #__heroSection .gale-hero-content { min-height:580px; padding-top:3rem; padding-bottom:3rem; }.limon-event-inner { grid-template-columns:1fr; }.limon-community-inner { grid-template-columns:auto 1fr; }.limon-community a { grid-column:1/-1; justify-content:center; } }
@media(max-width:640px) { body { padding-bottom:76px; }.limon-modes { padding-top:2rem; padding-bottom:2.5rem; }#__heroSection .gale-hero-content { padding-top:2rem; padding-bottom:2.5rem; min-height:0; }#__heroSection .gale-hero-content h1 { font-size:clamp(2.4rem,10vw,3.4rem); }#__heroSection .gale-hero-content > p { font-size:.95rem; }#__heroSection .gale-hero-actions { width:100%; }#__heroSection .gale-hero-actions a { flex:1 1 45%; justify-content:center; padding:.8rem; }.limon-join-section { padding-top:1rem; }.limon-join-banner { grid-template-columns:1fr; gap:1.2rem; padding:1.35rem; text-align:center; }.limon-join-banner-copy p { margin-right:auto; margin-left:auto; }.limon-join-banner-action { width:100%; min-width:0; }.limon-join-ip { width:100%; max-width:none; }.limon-mode-art { aspect-ratio:16/9; }.limon-countdown { grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; }.limon-countdown > span { min-height:74px; }.limon-countdown strong { font-size:1.2rem; }.limon-event-inner { gap:1.5rem; }.limon-community-inner { grid-template-columns:1fr; text-align:center; }.limon-community-icon { margin:auto; }.limon-stats { grid-template-columns:1fr; min-height:0; }.limon-stat-item { min-height:138px; padding:1.3rem 1rem; }.limon-stat-item + .limon-stat-item::before { top:0; bottom:auto; left:18%; right:18%; width:auto; height:1px; }.limon-stat-item strong { font-size:2.4rem; }.limon-mobile-join { position:fixed; left:.6rem; right:.6rem; bottom:.6rem; z-index:120; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.5rem; padding:.5rem; border:1px solid rgb(var(--limon-primary) / .25); border-radius:1rem; background:rgb(var(--limon-bg) / .94); box-shadow:0 18px 45px rgb(0 0 0 / .5); backdrop-filter:blur(16px); }.limon-mobile-join button { min-width:0; padding:.35rem .6rem; text-align:left; }.limon-mobile-join button small,.limon-mobile-join button strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.limon-mobile-join button small { color:rgb(var(--limon-lime)); font-size:.52rem; }.limon-mobile-join button strong { color:white; font-size:.72rem; }.limon-mobile-join a { display:flex; align-items:center; gap:.5rem; padding:.8rem 1rem; border-radius:.7rem; color:rgb(var(--limon-bg)); background:rgb(var(--limon-primary)); font-size:.72rem; font-weight:850; } }
@media(prefers-reduced-motion:reduce) { .limon-mode-card,.limon-mode-art img { transition:none; }.limon-mode-card:hover,.limon-mode-card:hover img { transform:none; } }