:root{--bg: #2b1d12;--panel: #3d2a1a;--ink: #f6ecdc;--accent: #e0a24a;--tap: 56px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:18px/1.4 -apple-system,SF Pro Text,Helvetica Neue,Arial,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;touch-action:manipulation;overscroll-behavior:none}.ui,.ui *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ui input,.ui textarea{-webkit-user-select:text;user-select:text}.screen{min-height:100%;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;gap:16px}h1{margin:0;font-size:32px}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 20px;border:0;border-radius:14px;background:var(--accent);color:#2b1d12;font:inherit;font-weight:600;text-decoration:none;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,opacity .15s ease}button:active:not(:disabled){transform:scale(.965);filter:brightness(.94)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body.probe{overflow:hidden}body.probe canvas{display:block;width:100vw;height:100vh}.hud{position:fixed;left:0;right:0;bottom:0;padding:10px 10px calc(env(safe-area-inset-bottom) + 10px);background:#0000008c;display:flex;flex-direction:column;gap:8px}.stats{font:14px/1.3 ui-monospace,Menlo,monospace;white-space:pre}.controls{display:flex;flex-wrap:wrap;gap:8px}.controls button,.controls .button{min-height:44px;padding:0 12px;font-size:15px}
