@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700;900&family=JetBrains+Mono:wght@400;600&display=swap');
*{box-sizing:border-box;}
html,body{
  margin:0; padding:0; min-height:100%;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,83,145,.20) 0 2%, transparent 18%),
    radial-gradient(circle at 82% 28%, rgba(74,180,255,.16) 0 3%, transparent 20%),
    radial-gradient(ellipse at 50% -12%, #693c83 0%, transparent 55%),
    linear-gradient(180deg, #251342 0%, #100b28 100%);
  color:#faf3e6;
  font-family:'JetBrains Mono', monospace;
  line-height:1.75;
}
.wrap{ max-width:720px; margin:0 auto; padding:28px 18px 60px; }
.top-title{
  font-family:'Zen Maru Gothic', sans-serif; font-weight:900; font-size:26px; letter-spacing:1px;
  background:linear-gradient(90deg, #ff8ec7, #ffd98a, #8ecbff);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  margin:0 0 4px;
}
.top-sub{ color:#cdb8ff; font-size:12.5px; margin:0 0 22px; }
h1{ font-family:'Zen Maru Gothic', sans-serif; font-weight:900; font-size:19px; color:#ffe27a; margin:28px 0 10px; }
h2{ font-family:'Zen Maru Gothic', sans-serif; font-weight:700; font-size:15px; color:#8ecbff; margin:22px 0 8px; }
p, li{ font-size:13.5px; color:#e9defa; }
a{ color:#ffd98a; }
nav{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:26px; }
nav a{
  display:inline-block; text-decoration:none; font-family:'Zen Maru Gothic', sans-serif; font-weight:700;
  font-size:12.5px; color:#faf3e6; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14);
  padding:8px 14px; border-radius:999px;
}
nav a.play{ background:linear-gradient(180deg,#ffd98a,#ff8a5b); color:#241332; border:none; }
.card{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:16px; padding:16px 18px; margin:14px 0; }
footer{ margin-top:40px; font-size:11.5px; color:#9d8fc0; }
label{ display:block; font-size:12.5px; color:#cdb8ff; margin:14px 0 5px; font-family:'Zen Maru Gothic',sans-serif; font-weight:700; }
input, textarea{
  width:100%; padding:10px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.16);
  background:rgba(0,0,0,.25); color:#faf3e6; font-family:'JetBrains Mono', monospace; font-size:13px;
}
textarea{ min-height:110px; resize:vertical; }
button.submit{
  margin-top:16px; padding:10px 26px; border:none; border-radius:999px; cursor:pointer;
  background:linear-gradient(180deg, #ffd98a, #ff8a5b); color:#241332; font-family:'Zen Maru Gothic',sans-serif; font-weight:900; font-size:13.5px;
}
.notice{ font-size:12px; color:#cdb8ff; background:rgba(142,203,255,.1); border:1px solid rgba(142,203,255,.25); border-radius:10px; padding:10px 12px; margin-top:14px; }