/* ── Reset & Base ─────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{background:#07051a;overflow:hidden;font-family:'Segoe UI',ui-monospace,monospace;user-select:none;color:#c0b090;}
::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-track{background:#080614;}
::-webkit-scrollbar-thumb{background:#281838;border-radius:2px;}
input,select,button{font-family:inherit;}
input,select{width:100%;padding:.52rem .8rem;background:#0c0820;border:1px solid #281838;border-radius:4px;color:#e0cb90;font-size:.9rem;outline:none;}
input:focus,select:focus{border-color:#6030a0;}
select option{background:#0c0820;}
button{cursor:pointer;border:none;font-family:inherit;}

/* ── Hex background (landing page) ───────────────────────────────────────── */
.hex-bg{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(30deg,rgba(60,40,100,.06) 12%,transparent 12.5%,transparent 87%,rgba(60,40,100,.06) 87.5%,rgba(60,40,100,.06)),
    linear-gradient(150deg,rgba(60,40,100,.06) 12%,transparent 12.5%,transparent 87%,rgba(60,40,100,.06) 87.5%,rgba(60,40,100,.06)),
    linear-gradient(30deg,rgba(60,40,100,.06) 12%,transparent 12.5%,transparent 87%,rgba(60,40,100,.06) 87.5%,rgba(60,40,100,.06)),
    linear-gradient(150deg,rgba(60,40,100,.06) 12%,transparent 12.5%,transparent 87%,rgba(60,40,100,.06) 87.5%,rgba(60,40,100,.06)),
    linear-gradient(60deg,rgba(40,30,80,.05) 25%,transparent 25.5%,transparent 75%,rgba(40,30,80,.05) 75%,rgba(40,30,80,.05)),
    linear-gradient(60deg,rgba(40,30,80,.05) 25%,transparent 25.5%,transparent 75%,rgba(40,30,80,.05) 75%,rgba(40,30,80,.05));
  background-size:80px 140px;
  background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px;
  animation:hexdrift 55s linear infinite;
}
@keyframes hexdrift{
  0%  {background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px;}
  100%{background-position:80px 140px,80px 140px,120px 210px,120px 210px,80px 140px,120px 210px;}
}