*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;background:#04060a;color:#fff;font:14px/1.5 system-ui,-apple-system,sans-serif;overflow:hidden}
#c{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}

#overlay{
  position:fixed;left:32px;bottom:32px;
  mix-blend-mode:difference;pointer-events:none;
}
#overlay h1{
  font-weight:300;
  font-size:28px;
  letter-spacing:-0.015em;
  line-height:1;
  display:inline-flex;
  align-items:center;
  gap:14px;
}
#li{
  width:22px;height:22px;
  color:#fff;
  pointer-events:auto;
  opacity:0.85;
  transition:opacity 0.15s;
}
#li:hover{opacity:1}
#li svg{width:100%;height:100%;display:block}

#meta{
  position:fixed;right:32px;bottom:32px;
  display:flex;flex-direction:column;align-items:flex-end;gap:2px;
  font:10px/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.55);
  mix-blend-mode:difference;
  pointer-events:none;
}

#fps{
  position:fixed;left:32px;top:32px;
  font:10px/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.55);
  mix-blend-mode:difference;
  pointer-events:none;
}
#meta span:last-child{
  color:rgba(255,255,255,0.35);
  margin-top:6px;
}