/* Pizza Protocol — interactive with bottom-right label (style 1) */
*{box-sizing:border-box}
html,body{height:100%; margin:0; background:#000; color:#e6e6e6; font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,'Noto Sans KR',Arial}
#app{position:relative; width:100vw; height:100vh; overflow:hidden; background:#000}
#titleImage{
  position:absolute; left:50%; top:60%;
  transform:translate(-50%,-50%);
  max-width:92vw; height:auto;
  filter: drop-shadow(0 0 10px rgba(255,255,255,0.10)) drop-shadow(0 0 32px rgba(255,255,255,0.06));
}
canvas{position:absolute; inset:0; width:100%; height:100%; display:block}
#smoke{opacity:.5}
#dust{opacity:.35}
#hud{position:fixed; left:18px; top:14px; letter-spacing:.12em; font-size:12px; opacity:.66; pointer-events:none}
/* Bottom-right label — Style 1: white, 40% opacity, minimal */
#rb-label{
  position:absolute; right:18px; bottom:16px;
  text-align:right; opacity:.4; color:#fff; font-size:12px; letter-spacing:.04em; line-height:1.1;
  font-weight:500; text-shadow:0 0 6px rgba(255,255,255,.06);
  pointer-events:none;
}
#rb-label .pname{font-weight:600}
#rb-label .brand{font-weight:500}
@media (max-width:720px){
  #titleImage{top:58%; max-width:96vw}
  #hud{font-size:10px}
  #rb-label{font-size:10px}
}