/* The Art of Minecraft — premium crystal homepage v2 (rainbow + richer fireflies) */
:root{
  --taomc-home-bg:url('/assets/taomc/home-bg-mountain-panorama.webp');
  --premium-ink:#2f2a34;
  --premium-copy:#4b4450;
  --glass-line:rgba(255,255,255,.60);
  --glass-line-hover:rgba(255,255,255,.90);
  --glass-shadow:0 15px 38px rgba(13,20,31,.16), inset 0 1px 0 rgba(255,255,255,.78), inset 0 -1px 0 rgba(255,255,255,.11);
  --glass-shadow-hover:0 22px 52px rgba(13,20,31,.23), inset 0 1px 0 rgba(255,255,255,.94), inset 0 -1px 0 rgba(255,255,255,.14);
}

.static-stage{
  contain:paint;
  background-image:var(--taomc-home-bg)!important;
  background-size:cover!important;
  background-position:center center!important;
}
.static-stage:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 7% 14%,rgba(255,193,208,.40) 0%,rgba(255,193,208,.18) 22%,transparent 41%),
    radial-gradient(circle at 16% 59%,rgba(248,225,155,.22) 0%,rgba(248,225,155,.10) 18%,transparent 34%),
    radial-gradient(circle at 19% 77%,rgba(180,225,197,.30) 0%,rgba(180,225,197,.12) 23%,transparent 43%),
    radial-gradient(circle at 29% 30%,rgba(195,208,246,.30) 0%,rgba(195,208,246,.10) 22%,transparent 40%),
    radial-gradient(circle at 38% 11%,rgba(224,194,255,.18) 0%,rgba(224,194,255,.06) 18%,transparent 32%),
    linear-gradient(90deg,rgba(253,236,243,.62) 0%,rgba(244,229,248,.54) 15%,rgba(227,240,244,.46) 28%,rgba(223,242,232,.36) 38%,rgba(247,236,202,.23) 48%,rgba(255,255,255,.06) 59%,transparent 71%)!important;
}
.static-stage:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(13,19,27,.03),transparent 24%,transparent 76%,rgba(8,13,20,.08)),
    radial-gradient(circle at 72% 18%,rgba(255,222,153,.10),transparent 23%),
    radial-gradient(circle at 64% 14%,rgba(255,255,255,.10),transparent 12%)!important;
}
.static-hero-shade{
  background:linear-gradient(90deg,rgba(255,255,255,.03),transparent 52%)!important;
}
.static-rainbow-arc{
  position:absolute;
  right:9%;
  top:7%;
  width:min(44vw,780px);
  height:min(34vw,520px);
  z-index:1;
  pointer-events:none;
  opacity:.68;
  filter:none;
}
.static-rainbow-arc::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50% 50% 0 0 / 100% 100% 0 0;
  background:conic-gradient(from 180deg at 50% 100%,
    rgba(255,85,126,0) 0deg 20deg,
    rgba(255,95,95,.00) 20deg 25deg,
    rgba(255,95,95,.42) 25deg 33deg,
    rgba(255,164,74,.38) 33deg 41deg,
    rgba(255,222,92,.34) 41deg 49deg,
    rgba(113,218,124,.32) 49deg 57deg,
    rgba(95,190,255,.30) 57deg 65deg,
    rgba(180,138,255,.30) 65deg 73deg,
    rgba(255,95,95,0) 73deg 160deg,
    rgba(255,255,255,0) 160deg 360deg
  );
  -webkit-mask:radial-gradient(circle at 50% 100%, transparent 0 52%, #000 53% 61%, transparent 62% 68%, #000 69% 77%, transparent 78% 84%, #000 85% 92%, transparent 93%);
  mask:radial-gradient(circle at 50% 100%, transparent 0 52%, #000 53% 61%, transparent 62% 68%, #000 69% 77%, transparent 78% 84%, #000 85% 92%, transparent 93%);
  box-shadow:0 0 35px rgba(255,255,255,.12);
}
.static-rainbow-arc::after{
  content:"";
  position:absolute;
  left:7%; right:7%; top:7%; bottom:12%;
  border-radius:50% 50% 0 0 / 100% 100% 0 0;
  background:radial-gradient(circle at 50% 100%, rgba(255,255,255,.28), rgba(255,255,255,.06) 42%, transparent 68%);
  filter:none;
  opacity:.55;
}

/* Stronger rainbow in title */
.static-title-pastel{
  background-image:linear-gradient(90deg,#f6b3b8 0%,#f6d5a2 16%,#c7e0a6 32%,#a9dddf 50%,#b8d8fa 68%,#d6b8f0 84%,#f2bfd8 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.32));
}
.static-script{
  color:#8a77bf!important;
  text-shadow:0 1px 12px rgba(255,255,255,.28);
}

/* Premium glass elements */
.static-nav,
.static-btn,
.static-server-pill,
.static-bg-fab{
  -webkit-backdrop-filter:blur(14px) saturate(135%)!important;
  backdrop-filter:blur(14px) saturate(135%)!important;
  border-color:rgba(255,255,255,.50)!important;
  box-shadow:0 12px 34px rgba(16,22,32,.12),inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(255,255,255,.10)!important;
}
.static-nav{background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.075))!important}
.static-nav a{color:#37313d!important;font-weight:800!important;text-shadow:0 1px 3px rgba(255,255,255,.58)}
.static-nav a:hover{background:rgba(255,255,255,.19)!important;color:#4d416c!important}
.static-nav a.is-active{background:linear-gradient(135deg,rgba(232,222,249,.40),rgba(255,255,255,.13))!important;color:#554681!important}
.static-btn{overflow:hidden!important}
.static-btn-primary{background:linear-gradient(135deg,rgba(153,132,228,.40),rgba(115,96,191,.25))!important;color:#fff!important;text-shadow:0 1px 9px rgba(63,48,112,.62)!important}
.static-btn-secondary,.static-server-pill{background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.095))!important;color:#37323e!important}
.static-btn:hover,.static-server-pill:hover,.static-bg-fab:hover{border-color:rgba(255,255,255,.82)!important;box-shadow:0 18px 44px rgba(16,22,32,.18),inset 0 1px 0 rgba(255,255,255,.88)!important}
.static-server-copy strong{color:#302b34!important;font-weight:850!important}
.static-server-copy small{color:#514a55!important}
.static-copy-glyph{color:#46404b!important}

/* Invisible layout grid only. */
.static-card-rack{
  position:absolute!important;
  z-index:6!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  width:min(calc(100% - 52px),1450px)!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
  contain:layout style!important;
}
.static-card-rack:before,.static-card-rack:after{content:none!important;display:none!important}

/* One pane crystal cards */
.static-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  contain:paint!important;
  border:1px solid var(--glass-line)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.10) 58%,rgba(255,255,255,.16))!important;
  box-shadow:var(--glass-shadow)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.static-card:before,.static-card:after{content:none!important;display:none!important;background:none!important;box-shadow:none!important;filter:none!important}
.static-card > *{position:relative;z-index:1}
.static-card:hover{
  transform:translateY(-4px)!important;
  border-color:var(--glass-line-hover)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.14) 58%,rgba(255,255,255,.19))!important;
  box-shadow:var(--glass-shadow-hover)!important;
}
.static-card-mint{background:linear-gradient(145deg,rgba(216,242,223,.26),rgba(255,255,255,.11) 58%,rgba(255,255,255,.16))!important}
.static-card-blue{background:linear-gradient(145deg,rgba(213,231,250,.26),rgba(255,255,255,.11) 58%,rgba(255,255,255,.16))!important}
.static-card-sand{background:linear-gradient(145deg,rgba(249,232,198,.26),rgba(255,255,255,.11) 58%,rgba(255,255,255,.16))!important}
.static-card-blush{background:linear-gradient(145deg,rgba(248,219,234,.26),rgba(255,255,255,.11) 58%,rgba(255,255,255,.16))!important}
.static-card-lilac{background:linear-gradient(145deg,rgba(232,224,249,.26),rgba(255,255,255,.11) 58%,rgba(255,255,255,.16))!important}
.static-card h2{color:var(--premium-ink)!important;font-weight:900!important;text-shadow:0 1px 1px rgba(255,255,255,.96),0 0 5px rgba(255,255,255,.38)!important}
.static-card p{color:var(--premium-copy)!important;font-weight:680!important;opacity:1!important;text-shadow:0 1px 1px rgba(255,255,255,.96),0 0 4px rgba(255,255,255,.34)!important}
.static-card small{color:#5c5560!important;font-weight:750!important;text-shadow:0 1px 1px rgba(255,255,255,.94)!important}
.static-card-arrow{color:#28242d!important;font-weight:900!important;text-shadow:0 1px 2px rgba(255,255,255,.90)!important}
.static-card-icon img{filter:drop-shadow(0 4px 6px rgba(13,20,29,.22)) drop-shadow(0 0 4px rgba(255,255,255,.28))!important}

/* Tiny background cycle button */
.static-bg-fab{
  position:absolute!important; right:18px!important; left:auto!important; top:auto!important; bottom:20px!important;
  z-index:9!important; width:48px!important; height:48px!important; border-radius:16px!important;
  display:grid!important; place-items:center!important; padding:0!important;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.065))!important;
  color:#fff!important; opacity:.62!important;
}
.static-bg-fab:hover,.static-bg-fab:focus-visible{opacity:.94!important;transform:translateY(-2px)!important}
.static-bg-fab-icon{font-size:15px!important}
.static-bg-fab-count{position:absolute!important;right:7px!important;bottom:5px!important;font-size:8px!important;color:rgba(255,255,255,.94)!important;text-shadow:0 2px 8px rgba(10,14,20,.48)!important}

/* Richer ambient fireflies */
.firefly-field{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;contain:strict}
.firefly{
  position:absolute;
  left:var(--x); top:var(--y);
  width:var(--size); height:var(--size);
  border-radius:50%; opacity:0;
  background:radial-gradient(circle,#fff9d4 0%,#fff2a7 26%,#ffd86c 48%,rgba(255,215,95,.60) 58%,rgba(255,215,95,0) 76%);
  box-shadow:0 0 8px rgba(255,241,169,.86),0 0 18px rgba(255,217,104,.46);
  animation:firefly-float var(--dur) ease-in-out var(--delay) infinite;
  will-change:transform,opacity;
  transform:translate3d(0,0,0);
}
.firefly.firefly-soft{
  background:radial-gradient(circle,rgba(255,244,187,.92) 0%,rgba(255,229,122,.36) 45%,rgba(255,229,122,0) 75%);
  box-shadow:0 0 10px rgba(255,236,141,.30),0 0 18px rgba(255,215,107,.14);
}
@keyframes firefly-float{
  0%,100%{opacity:0;transform:translate3d(0,10px,0) scale(.72)}
  8%{opacity:calc(var(--opacity) * .7)}
  18%{opacity:var(--opacity)}
  44%{opacity:calc(var(--opacity) * .78);transform:translate3d(var(--dx1),var(--dy1),0) scale(1)}
  68%{opacity:var(--opacity);transform:translate3d(var(--dx2),var(--dy2),0) scale(.84)}
  88%{opacity:.12}
}
@media (prefers-reduced-motion:reduce){.firefly,.static-rainbow-arc{display:none!important}}

@media(max-height:800px) and (min-width:821px){
  .static-card-rack{bottom:12px!important;gap:10px!important}
  .static-bg-fab{right:14px!important;bottom:14px!important;width:44px!important;height:44px!important;border-radius:15px!important}
}
@media(max-width:820px){
  .static-card-rack{left:14px!important;right:14px!important;bottom:12px!important;transform:none!important;width:auto!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:190px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;gap:10px!important}
  .static-stage:before{background:radial-gradient(circle at 8% 18%,rgba(244,190,211,.30),transparent 42%),radial-gradient(circle at 18% 74%,rgba(186,218,198,.24),transparent 45%),linear-gradient(90deg,rgba(244,235,245,.68),rgba(224,237,241,.44) 54%,rgba(255,255,255,.07) 83%,transparent)!important}
  .static-rainbow-arc{right:2%;top:10%;width:62vw;height:38vw;opacity:.54}
  .static-bg-fab{right:12px!important;bottom:12px!important;width:44px!important;height:44px!important}
}
@media(max-width:540px){
  .static-card-rack{grid-auto-columns:164px!important}
  .static-bg-fab{width:40px!important;height:40px!important;border-radius:14px!important;right:10px!important;bottom:10px!important}
  .firefly:nth-child(n+25){display:none}
  .static-rainbow-arc{display:none}
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .static-nav,.static-btn-secondary,.static-server-pill,.static-bg-fab{background:rgba(255,255,255,.82)!important;color:#413c48!important}
  .static-btn-primary{background:rgba(138,116,218,.90)!important}
  .static-card{background:rgba(246,248,246,.80)!important}
}