html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#2b3a2e;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app,#app canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}.overlay{-webkit-backdrop-filter:blur(3px);z-index:20;background:#1e2822b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.overlay[hidden]{display:none}.panel{color:#3b2f2a;-webkit-user-select:auto;user-select:auto;background:#fff8ec;border-radius:16px;flex-direction:column;gap:10px;width:100%;max-width:320px;padding:24px 20px;display:flex;box-shadow:0 10px 30px #00000059}.panel h1{text-align:center;color:#c0602e;margin:0 0 6px;font-size:26px}.panel label{font-size:15px;font-weight:600}.panel input{min-height:44px;color:inherit;touch-action:manipulation;background:#fff;border:2px solid #e2cfb4;border-radius:10px;padding:0 12px;font-size:18px}.panel input:focus{border-color:#e8823a;outline:none}.panel button{color:#fff;cursor:pointer;touch-action:manipulation;background:#e8823a;border:0;border-radius:10px;min-height:48px;font-size:18px;font-weight:700}.panel button:disabled{opacity:.6}.panel .error{color:#c03a3a;text-align:center;min-height:1.2em;margin:0;font-size:14px}.status{top:calc(env(safe-area-inset-top,0px) + 8px);color:#fff;z-index:15;pointer-events:none;background:#000000b3;border-radius:999px;max-width:calc(100% - 32px);padding:8px 14px;font-size:14px;position:fixed;left:50%;transform:translate(-50%)}.status[hidden]{display:none}#fps{top:calc(env(safe-area-inset-top,0px) + 8px);left:calc(env(safe-area-inset-left,0px) + 8px);color:#b9f5a6;white-space:pre;background:#0000008c;border-radius:6px;padding:4px 8px;font:600 13px/1.2 ui-monospace,Menlo,Consolas,monospace;position:absolute}