*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#050508;color:#e8e8f0;font-family:ui-sans-serif,system-ui,-apple-system,SF Pro Text,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.app{position:fixed;inset:0}.app canvas{position:absolute;inset:0;touch-action:none}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:max(22px,env(safe-area-inset-top)) 24px max(30px,env(safe-area-inset-bottom));pointer-events:none;text-align:center}header h1{margin:0;font-size:14px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.9}header p{margin:5px 0 0;font-size:12px;letter-spacing:.04em;opacity:.45}.controls{display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto}button{appearance:none;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:inherit;font:inherit;font-size:14px;letter-spacing:.03em;padding:12px 24px;cursor:pointer;transition:background .2s ease,border-color .2s ease}button:hover{background:#ffffff1f;border-color:#ffffff4d}button.ghost{background:transparent;border-color:transparent;font-size:12px;padding:6px 14px;opacity:.5}button.ghost:hover{opacity:.9}.pill{font-size:12px;letter-spacing:.08em;opacity:.6;padding:9px 18px;border:1px solid rgba(255,255,255,.12);border-radius:999px}.fps{position:absolute;top:max(20px,env(safe-area-inset-top));right:20px;font-family:ui-monospace,SF Mono,monospace;font-size:11px;opacity:.5}