*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#000;width:100%;height:100%;overflow:hidden}#app{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#screen{touch-action:none;display:block}#hud{top:env(safe-area-inset-top,0px);color:#e8f0ff;text-shadow:0 1px #000;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-family:ui-monospace,monospace;font-size:13px;display:flex;position:absolute;left:0;right:0}#overlay{color:#e8f0ff;text-align:center;pointer-events:none;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-family:ui-monospace,monospace;font-size:18px;display:flex;position:absolute;inset:0}#overlay[hidden]{display:none}#rotate{color:#e8f0ff;text-align:center;background:#05060f;justify-content:center;align-items:center;padding:24px;font-family:ui-monospace,monospace;font-size:18px;display:none;position:absolute;inset:0}@media (orientation:landscape) and (height<=500px){#rotate{display:flex}}#title{color:#e8f0ff;background:#05060f;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-family:ui-monospace,monospace;display:flex;position:absolute;inset:0}#title[hidden]{display:none}#title h1{letter-spacing:.2em;font-size:28px;font-weight:500}#title button{color:#05060f;background:#ffd166;border:none;border-radius:6px;padding:12px 32px;font-family:inherit;font-size:18px}#title label{align-items:center;gap:8px;font-size:14px;display:flex}#action-button{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));color:#e8f0ff;background:#3b6fd459;border:2px solid #e8f0ff80;border-radius:50%;width:72px;height:72px;font-family:ui-monospace,monospace;font-size:13px;line-height:1.3;position:absolute}#action-button[hidden]{display:none}