/* ARK Golden Jubilee loader — homepage only (rain → gold to 50% → fireworks → light → hero). Uses the --gj-* tokens from hero.css */
/* ARK Centennial loader — canvas, Skip button and prototype controls (press D) */
/* ---------- the loader stage ---------- */
  #gj-stage{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:2147483600}

  /* ---------- controls (prototype only) ---------- */
  #gj-skip{
    position:fixed;bottom:26px;right:26px;z-index:2147483601;
    font:600 10px/1 var(--gj-sans);letter-spacing:.2em;text-transform:uppercase;
    color:rgba(255,246,230,.7);background:transparent;border:1px solid rgba(255,246,230,.28);
    padding:12px 18px;border-radius:999px;cursor:pointer;transition:.25s
  }
  #gj-skip:hover{color:var(--gj-cream);border-color:rgba(255,246,230,.7)}
  #gj-dev{
    position:fixed;left:20px;bottom:20px;z-index:2147483602;display:none;
    background:rgba(20,2,6,.82);border:1px solid rgba(246,208,110,.25);border-radius:14px;
    padding:14px 16px;color:var(--gj-cream);font:400 11px/1.5 var(--gj-sans);backdrop-filter:blur(10px);min-width:236px
  }
  #gj-dev.on{display:block}
  #gj-dev h4{font:600 9px/1 var(--gj-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gj-gold-lit);margin-bottom:10px}
  #gj-dev .row{display:flex;align-items:center;gap:8px;margin-bottom:9px}
  #gj-dev input[type=range]{flex:1;accent-color:#F6D06E}
  #gj-dev .jump{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
  #gj-dev button{
    font:600 9px/1 var(--gj-sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;
    background:rgba(246,208,110,.1);border:1px solid rgba(246,208,110,.3);color:var(--gj-gold-lit);
    padding:7px 9px;border-radius:7px
  }
  #gj-dev button:hover{background:rgba(246,208,110,.24)}
  #gj-dev .hint{margin-top:10px;opacity:.5;font-size:10px;line-height:1.5}
  #gj-devtip{
    position:fixed;left:20px;bottom:20px;z-index:2147483601;
    font:500 9px/1 var(--gj-sans);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,246,230,.3)
  }

#gj-devtip{display:none}
html.gj-dev #gj-devtip{display:block}
html.is-loading, html.is-loading body{overflow:hidden !important}

/* A quiet red prelude, followed by actual pen-traced gold lettering. */
#gj-stage{background:#760B19}
#gj-inscription{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(94vw,1100px);height:auto;max-height:80vh;overflow:visible;z-index:2147483600;pointer-events:none;filter:drop-shadow(0 1px 5px #d8a13a25)}