/* Forge boot loader — logo + spark pulse on a single hammer-strike beat.
         Painted from static markup so it shows instantly, before JS parses.
         Only mounted on the landing route ("/"); removed by main.tsx after the app fades in. */
      #forge-boot {
        position: fixed;
        inset: 0;
        z-index: 2147483647;
        display: none;
        align-items: center;
        justify-content: center;
        background:
          radial-gradient(60% 50% at 50% 42%, rgba(0, 107, 248, 0.18), transparent 70%),
          #000000;
        opacity: 1;
        transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1);
      }
      html[data-forge-boot="1"] #forge-boot {
        display: flex;
      }
      #forge-boot.forge-boot-hide {
        opacity: 0;
        pointer-events: none;
      }
      .forge-boot-stage {
        position: relative;
        width: 132px;
        height: 132px;
        display: grid;
        place-items: center;
      }
      /* The logo takes the "strike" beat: anticipation lift, slam down, settle. */
      .forge-boot-logo {
        width: 96px;
        height: auto;
        transform-origin: 50% 80%;
        animation: forge-boot-strike 0.55s cubic-bezier(0.5, 0, 0.4, 1) both;
        filter: drop-shadow(0 0 0 rgba(113, 190, 255, 0));
      }
      /* Spark burst flashes on impact (~52% of the cycle, when the slam lands). */
      .forge-boot-spark {
        position: absolute;
        top: 58%;
        left: 50%;
        width: 132px;
        height: 132px;
        transform: translate(-50%, -50%) scale(0.2);
        opacity: 0;
        background: radial-gradient(circle, rgba(180, 220, 255, 0.95) 0%, rgba(113, 190, 255, 0.7) 28%, transparent 62%);
        animation: forge-boot-spark 0.55s ease-out both;
      }
      @keyframes forge-boot-strike {
        0%   { transform: translateY(-10px) rotate(-6deg) scale(0.96); }
        38%  { transform: translateY(-16px) rotate(-9deg) scale(0.96); }
        52%  { transform: translateY(4px) rotate(2deg) scale(1.04); filter: drop-shadow(0 0 14px rgba(113, 190, 255, 0.9)); }
        66%  { transform: translateY(0) rotate(0deg) scale(1); }
        100% { transform: translateY(0) rotate(0deg) scale(1); filter: drop-shadow(0 0 6px rgba(113, 190, 255, 0.45)); }
      }
      @keyframes forge-boot-spark {
        0%, 46%  { opacity: 0; transform: translate(-50%, -50%) scale(0.2); }
        54%      { opacity: 1; transform: translate(-50%, -50%) scale(0.9); }
        78%      { opacity: 0; transform: translate(-50%, -50%) scale(1.4); }
        100%     { opacity: 0; transform: translate(-50%, -50%) scale(1.4); }
      }
      @media (prefers-reduced-motion: reduce) {
        .forge-boot-logo { animation: none; }
        .forge-boot-spark { display: none; }
      }