/* fan/legoland.css: /worlds/legoland/ only.

   A wall of studs, lit from above. The stud grid is two radial gradients
   tiled, not an image, and it does not move: the LEGO page next door already
   animates its brick, and two of them on one site is one too many. */

body[data-fan="legoland"] { --a: #f5d222; }

/* ── the backdrop ── */
.ll-sky {
  position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden;
  background: linear-gradient(180deg, #1a2a12 0%, #14200e 42%, #0a1207 72%, #050803 100%);
}

.ll-sky > * { position: absolute; inset: 0; }

.ll-glow { background: radial-gradient(46% 30% at 50% 8%, rgba(245,210,34,.18), transparent 72%); }

/* one stud is a bright disc with its own shadow under it, tiled at 46px */
.ll-studs {
  background-image:
    radial-gradient(circle at 50% 44%, rgba(245,210,34,.13) 0 9px, transparent 10px),
    radial-gradient(circle at 50% 56%, rgba(0,0,0,.30) 0 9px, transparent 10px);
  background-size: 46px 46px;
  mask-image: linear-gradient(#000 0 62%, transparent 88%);
  -webkit-mask-image: linear-gradient(#000 0 62%, transparent 88%);
}

.ll-horizon { top: auto; height: 34%; background: linear-gradient(180deg, transparent, rgba(5,8,3,.9)); }

/* ── hero ── */
body[data-fan="legoland"] .fan-title {
  font-family: "Arial Rounded MT Bold", "Trebuchet MS", var(--sans); font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.02em;
  text-shadow: 3px 3px 0 #1d6b2a, 6px 6px 0 rgba(0,0,0,.5);
}

/* ── the minifigure ── */
.ll-art { padding: 0 var(--gutter); max-width: var(--maxw); margin: 2.6rem 0 0; }

.ll-art svg { display: block; width: min(320px, 100%); margin-inline: auto; }

.lla-stud, .lla-head { fill: #f5d222; }

.lla-eye { fill: #1a1408; }

.lla-smile { fill: none; stroke: #1a1408; stroke-width: 5; stroke-linecap: round; }

.lla-neck { fill: #c9a91a; }

.lla-torso { fill: #e0452f; }

.lla-arm { fill: #e0452f; }

.lla-hand { fill: #f5d222; }

.lla-legs { fill: #2f5fd6; }

.ll-art figcaption {
  margin-top: 0.9rem; text-align: center;
  font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--mute);
}