:root{
  --green:#6bff1f;
  --shadow:2px 2px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,0 2px 5px rgba(0,0,0,.85);
  --shadow-title:3px 3px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,0 4px 8px rgba(0,0,0,.9);
  --purple:#b04dff;
  --bg-desktop:url("assets/images/background-desktop.png"); /* textless original artwork, 16:9 */
  --bg-mobile:url("assets/images/background-mobile.png");   /* optional portrait version */
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow-x:hidden}
body{
  background:#05060a var(--bg-desktop) center/cover no-repeat;
  color:var(--green);
  font-family:"Pirata One","UnifrakturCook",serif;
}
.stage{
  position:relative;min-height:100vh;min-height:100svh;
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
/* Positions taken from the 1672x941 preview, in % of viewport */
.title{
  position:absolute;left:50%;top:21%;transform:translateX(-50%);
  width:100%;text-align:center;font-weight:400;text-transform:uppercase;
  color:var(--green);line-height:.82;
  text-shadow:var(--shadow-title);
}
.title span{display:block}
.line1{font-size:7.2vw}
.line2{font-size:11.2vw;letter-spacing:.01em}
.links{
  position:absolute;left:0;right:0;top:62.5%;
  display:flex;justify-content:center;align-items:center;
  gap:0;
}
.links a{
  position:relative;color:var(--green);text-decoration:none;
  text-transform:uppercase;font-size:2.35vw;line-height:1;
  padding:.4em 0;
  text-shadow:var(--shadow);
  transition:color .25s ease,text-shadow .25s ease;
}
.links a + a{margin-left:5.4vw}
/* purple four‑point star separators */
.links a + a::before{
  content:"✦";position:absolute;left:-3.2vw;top:50%;transform:translate(-50%,-50%);
  color:var(--purple);font-size:2vw;pointer-events:none;
  text-shadow:var(--shadow);
}
.links a:hover{color:var(--purple);text-shadow:var(--shadow),0 0 .6em rgba(176,77,255,.7)}
.links a:active{color:var(--purple)}

@media (max-width:700px){
  body{background-image:var(--bg-mobile);background-position:center}
  .title{top:38%}
  .line1{font-size:17vw}
  .line2{font-size:21vw}
  .links{top:60%;flex-direction:column;gap:0}
  .links a{font-size:7vw;padding:.55em 1em}
  .links a + a{margin-left:0}
  .links a + a::before{display:none}
}