html, body { margin: 0; height: 100%; position: fixed; inset: 0; background: #07080a; overflow: hidden; overscroll-behavior: none;
  -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; touch-action: none; }
#table { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; height: 100dvh; display: block; }
#dmd { position: fixed; top: env(safe-area-inset-top, 0); left: 0; width: 100vw; z-index: 2; display: block; pointer-events: none; }
.chip { position: fixed; z-index: 3; left: 8px; top: calc(env(safe-area-inset-top, 0px) + 72px); font: 12px/1 -apple-system, system-ui, sans-serif;
  color: #c9b9a4; background: rgba(20,16,12,.7); border: 1px solid #3a2f25; border-radius: 999px; padding: 7px 11px; }
.tune { position: fixed; z-index: 4; left: 8px; bottom: 8px; font: 11px -apple-system, system-ui, sans-serif; color: #ddd; }
.tune-toggle { font: inherit; background: #222; color: #ddd; border: 1px solid #444; border-radius: 6px; padding: 5px 9px; }
.tune-body { display: none; background: rgba(10,10,12,.92); border: 1px solid #333; border-radius: 8px; padding: 8px; margin-top: 6px; max-height: 70vh; overflow: auto; width: 270px; }
.tune.open .tune-body { display: block; }
.tune label { display: grid; grid-template-columns: 1fr 90px 44px; gap: 6px; align-items: center; margin: 3px 0; }
.tune-bar { display: flex; gap: 6px; margin-top: 8px; }
.tune-bar button { font: inherit; background: #2b2b2b; color: #eee; border: 1px solid #444; border-radius: 5px; padding: 4px 7px; }
.hint { position: fixed; z-index: 5; left: 10px; right: 10px; top: calc(env(safe-area-inset-top, 0px) + 74px); padding: 10px 12px;
  font: 13px/1.4 -apple-system, system-ui, sans-serif; color: #e9dccb; background: rgba(20,16,12,.92); border: 1px solid #4a3a2b; border-radius: 10px; }
.hint button { margin-left: 6px; font: inherit; color: #1a1209; background: #ffb46b; border: 0; border-radius: 6px; padding: 3px 9px; }