/* Forgeflight world: the game's own "Ember Dawn" look. Plum night, orange / gold / rose glows,
   frosted glass, chunky Lilita One lettering with a dark outline, Manrope for reading. */
body.world-forgeflight {
  --ink: #160912; --night: #1f0c18; --plate: #24101d; --plate-2: #2e1424;
  --line: rgba(255, 255, 255, .12); --line-2: rgba(255, 255, 255, .2);
  --paper: #fff4ec; --dim: #c9aca3; --mute: #8a6e69; --ivory: #fff4ec;
  --accent: #ff8a3d; --accent-hi: #ffcf5a; --brass: #ff8a3d; --brass-hi: #ffcf5a; --brass-lo: #ff3d6e;
  --g1: #ff5a2b; --g2: #ffcf5a; --g3: #ff3d6e;
  --serif: "Lilita One", "Rubik", system-ui, sans-serif;
  --sans: "Manrope", "Rubik", system-ui, sans-serif;
  --mono: "Manrope", system-ui, sans-serif;
  --radius: 24px;
  --outline: 0 2px 0 #2a0a10, 1.5px 1.5px 0 #2a0a10, -1.5px 1.5px 0 #2a0a10, 1.5px -1.5px 0 #2a0a10, -1.5px -1.5px 0 #2a0a10, 0 3px 0 #2a0a10, 0 5px 8px rgba(0, 0, 0, .4);
  background:
    radial-gradient(60% 40% at 8% 20%, rgba(255, 90, 43, .16), transparent 70%),
    radial-gradient(50% 40% at 96% 55%, rgba(255, 61, 110, .14), transparent 70%),
    radial-gradient(60% 30% at 40% 95%, rgba(255, 207, 90, .08), transparent 70%),
    var(--ink);
  background-attachment: fixed;
}
.world-forgeflight .display, .world-forgeflight .h2 { font-weight: 400; letter-spacing: .005em; line-height: .98; text-shadow: var(--outline); }
.world-forgeflight .display { font-size: clamp(46px, 8.4vw, 120px); }
.world-forgeflight .h2 { font-size: clamp(36px, 5.2vw, 70px); }
.world-forgeflight em { color: var(--g2); font-style: normal; }
.world-forgeflight .h3, .world-forgeflight .shot h3, .world-forgeflight .chron h3 { font-family: "Lilita One", sans-serif; font-weight: 400; letter-spacing: .01em; }
.world-forgeflight .eyebrow { font-weight: 800; letter-spacing: .16em; color: var(--g2); }
.world-forgeflight .eyebrow::before { height: 3px; border-radius: 3px; background: linear-gradient(90deg, var(--g1), var(--g3)); opacity: 1; }
.world-forgeflight .lede { color: #e7cfc6; }
.world-forgeflight .btn { font-family: "Lilita One", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: .02em; border-radius: 18px; }
.world-forgeflight .btn-key { color: #fff; text-shadow: 0 2px 0 rgba(90, 20, 10, .5); background: linear-gradient(180deg, #ffb066, #ff6a2b 55%, #e2431c); box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5), 0 5px 0 #8f2410, 0 14px 30px -10px rgba(255, 90, 43, .8); }
.world-forgeflight .btn-key:active { transform: translateY(4px); box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5), 0 1px 0 #8f2410; }
.world-forgeflight .btn-glass { background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .18); box-shadow: 0 5px 0 rgba(0, 0, 0, .35); }
.world-forgeflight .card, .world-forgeflight .shot { background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03)); border-color: rgba(255, 255, 255, .14); backdrop-filter: blur(10px); }
.world-forgeflight .shot .tag { color: var(--g2); font-weight: 800; }
.world-forgeflight .chip { background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .16); color: #f3ddd4; font-weight: 700; }
.world-forgeflight .chip .dot { background: var(--g1); box-shadow: 0 0 10px var(--g1); }
.world-forgeflight .hero::after { background: linear-gradient(180deg, rgba(22, 9, 18, .5) 0%, transparent 30%, rgba(22, 9, 18, .2) 55%, var(--ink) 100%), linear-gradient(90deg, rgba(22, 9, 18, .75) 0%, transparent 60%); }
/* Chronicle as a run through gates: each stage is a lit ember coin. */
.world-forgeflight .chron::before { width: 4px; left: 22px; border-radius: 4px; background: rgba(255, 255, 255, .1); }
.world-forgeflight .chron::after { width: 4px; left: 22px; border-radius: 4px; background: linear-gradient(var(--g2), var(--g1) 50%, var(--g3)); box-shadow: 0 0 18px var(--g1); }
.world-forgeflight .chron .node { font-family: "Lilita One", sans-serif; font-size: 17px; border-radius: 50%; border: 3px solid rgba(255, 255, 255, .16); background: #2a1020; color: #c9aca3; }
.world-forgeflight .chron li.lit .node { color: #3a1410; background: radial-gradient(circle at 35% 30%, #fff1b8, var(--g2) 45%, var(--g1)); border-color: #ffe39a; box-shadow: 0 4px 0 #8f2410, 0 0 30px rgba(255, 138, 61, .7); }
.world-forgeflight .chron .stage { font-weight: 800; color: var(--g2); letter-spacing: .14em; }
.world-forgeflight .cta-band { background: radial-gradient(80% 120% at 0% 0%, rgba(255, 90, 43, .25), transparent 60%), radial-gradient(80% 120% at 100% 100%, rgba(255, 61, 110, .22), transparent 60%), #210d1a; border-color: rgba(255, 255, 255, .14); }
.world-forgeflight .next-app { border-color: rgba(255, 255, 255, .14); }
.world-forgeflight .dev { box-shadow: 0 0 0 1px rgba(255, 255, 255, .1) inset, 0 40px 90px -30px rgba(0, 0, 0, .8), 0 0 90px -20px rgba(255, 90, 43, .6); }
.world-forgeflight .loot { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 22px 0 0; }
.world-forgeflight .loot li { background: #2a1220; border: 2px solid #4a1f33; border-radius: 14px; padding: 8px 14px; box-shadow: 0 4px 0 #0d0509; font-weight: 700; color: #c9aca3; }
.world-forgeflight .loot b { font-family: "Lilita One", sans-serif; font-weight: 400; font-size: 20px; color: #ffcf5a; margin-right: 4px; text-shadow: 0 2px 0 #7a2a10; }
.world-forgeflight .demo .live { color: #ffcf5a; }
.dev.land { max-width: 900px; margin-inline: auto; }
/* Power-up row: each pick-up's real activation clip, side by side (swipe on phones). */
.world-forgeflight .pu-row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(12px, 1.6vw, 22px); margin-top: 34px; }
.world-forgeflight .pu { margin: 0; }
.world-forgeflight .pu-fr { border-radius: 22px; overflow: hidden; border: 3px solid #4a1f33; box-shadow: 0 6px 0 #0d0509, 0 24px 40px -20px rgba(0,0,0,.8); background: #1b1530; aspect-ratio: 3 / 4; }
.world-forgeflight .pu-fr video { width: 100%; height: 100%; object-fit: cover; display: block; }
.world-forgeflight .pu figcaption { margin-top: 14px; display: grid; gap: 4px; }
.world-forgeflight .pu figcaption b { font-family: "Lilita One", sans-serif; font-weight: 400; font-size: 22px; color: #ffcf5a; text-shadow: 0 2px 0 #7a2a10; }
.world-forgeflight .pu figcaption span { font-size: 14px; color: #c9aca3; line-height: 1.45; }
@media (max-width: 820px) {
  .world-forgeflight .pu-row { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(-1 * var(--gutter)); padding: 4px var(--gutter) 18px; scrollbar-width: none; }
  .world-forgeflight .pu-row::-webkit-scrollbar { display: none; }
  .world-forgeflight .pu { flex: 0 0 46vw; scroll-snap-align: start; }
}