:root{
  --pit:#120a07; --plate:#2b1d16; --plate-hi:#4a3326; --rust:#8a3b1c;
  --bone:#e8dcc0; --brass:#e0a93f; --blood:#b3261e;
  color-scheme:dark; box-sizing:border-box;
}
*,*::before,*::after{box-sizing:inherit}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--pit);color:var(--bone)}
body{font-family:'VT323','Courier New',monospace;font-size:20px}
#menu{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  padding:16px;overflow-y:auto;
  background:radial-gradient(ellipse at 50% 38%,rgba(60,14,4,.25),rgba(8,3,2,.88) 78%),#120a07;
}
.mwrap{display:flex;flex-direction:column;align-items:center;width:100%;max-width:680px;margin:auto}
#logo{
  display:block;width:min(640px,94%);max-height:38vh;object-fit:contain;
  filter:drop-shadow(0 8px 22px rgba(255,90,0,.28));margin-bottom:14px;
}
#mlist{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;align-items:flex-start}
.mi{
  position:relative;display:block;padding:0 6px 0 54px;cursor:pointer;
  user-select:none;-webkit-user-select:none;text-decoration:none;
  font-family:'Bungee',Impact,'Arial Black',sans-serif;
  font-size:clamp(21px,4.4vw,34px);line-height:1.18;white-space:nowrap;
  color:transparent;background:linear-gradient(#ff6a48,#c41a10 55%,#6a0703);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(2px 2px 0 #1c0402) drop-shadow(0 0 1px #000);
}
.mi .arr{
  position:absolute;left:7px;top:50%;transform:translateY(-51%);
  width:36px;text-align:center;color:#8a3b1c;-webkit-text-fill-color:#8a3b1c;
  opacity:.55;font-family:'Silkscreen','Courier New',monospace;font-size:.50em;
}
.mi.sel,.mi:hover,.mi:focus-visible{
  background-image:linear-gradient(#fff4b8,#ffb224 48%,#d8420a);outline:none;
}
.mi.sel .arr,.mi:hover .arr,.mi:focus-visible .arr{
  color:#ffc85a;-webkit-text-fill-color:#ffc85a;opacity:1;
}
#mhint{margin:16px 0 0;color:#8a7662;font-size:18px;text-align:center}
@media (max-width:520px){
  .mi{padding-left:44px;font-size:clamp(18px,7vw,29px)}
  .mi .arr{left:3px}
}