/* public/tool/mobile/common/cardboard.css — スマホ（Cardboard 型ゴーグル）アプリ共通の見た目 */
html, body { margin: 0; height: 100%; background: #000; overflow: hidden; overscroll-behavior: none; touch-action: none;
  font-family: 'Courier New', monospace; color: #00ffcc; -webkit-user-select: none; user-select: none; }
canvas { display: block; position: fixed; inset: 0; width: 100%; height: 100%; }
#cb-start { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px;
  background: rgba(0,0,0,.88); z-index: 10; text-align: center; padding: 16px; }
#cb-start h1 { margin: 0; font-size: 22px; letter-spacing: .2em; font-weight: normal; }
#cb-start button, #cb-menu button { font: inherit; color: #00ffcc; background: #001a14; border: 1px solid #00ffcc; border-radius: 8px;
  padding: 12px 22px; font-size: 18px; }
#cb-start p { margin: 0; font-size: 13px; line-height: 1.8; color: #9fd8d0; }
#cb-menu { position: fixed; left: 8px; top: 8px; z-index: 5; display: none; flex-wrap: wrap; gap: 6px; max-width: 70vw; }
#cb-menu button { padding: 8px 12px; font-size: 13px; background: rgba(0,26,20,.85); }
#cb-menu button.on { background: #00ffcc; color: #001a14; }
#cb-hud { position: fixed; right: 8px; top: 8px; z-index: 5; font-size: 11px; line-height: 1.5; white-space: pre; display: none;
  background: rgba(0,0,0,.55); padding: 6px 8px; border-radius: 6px; pointer-events: none; }