/* Death Protocol — advanced interactive */
*{box-sizing:border-box}
html,body{height:100%; margin:0; background:#000; color:#cfcfcf; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, 'Noto Sans KR', Arial, sans-serif;}
#app{position:relative; width:100vw; height:100vh; overflow:hidden; background:#000;}
#titleImage{
  position:absolute; left:50%; top:55%;
  transform:translate(-50%,-50%);
  max-width:92vw; height:auto;
  filter: drop-shadow(0 0 12px rgba(220,220,220,0.12)) drop-shadow(0 0 42px rgba(180,180,180,0.06));
}
canvas{position:absolute; inset:0; width:100%; height:100%; display:block}
#bg{opacity:.2}
#smoke{opacity:.55}
#layer{opacity:1}
#hud{position:fixed; left:18px; top:14px; letter-spacing:.12em; font-size:12px; opacity:.66; pointer-events:none}
#hint{position:fixed; right:16px; bottom:14px; font-size:12px; opacity:.5; letter-spacing:.08em}
@media (max-width:720px){
  #titleImage{top:58%; max-width:96vw}
  #hud{font-size:10px}
  #hint{font-size:10px}
}