*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:radial-gradient(circle at 50% 40%,#1c2233,#0a0c12 70%,#05060a);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e8ecf5;-webkit-font-smoothing:antialiased}#root{position:relative}canvas{display:block;touch-action:none}.title{position:absolute;top:calc(20px + env(safe-area-inset-top,0px));left:0;right:0;text-align:center;white-space:nowrap;font-size:clamp(16px,5vw,44px);letter-spacing:.28em;padding-left:.28em;text-transform:uppercase;color:#c8d2e48c;-webkit-user-select:none;user-select:none;pointer-events:none}.tilt-ui{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:10}.tilt-btn{font:inherit;font-size:13px;letter-spacing:.06em;color:#e8ecf5;background:#141a289e;border:1px solid rgba(150,170,210,.35);border-radius:999px;padding:10px 18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;touch-action:manipulation}.tilt-btn:active{background:#28324acc}.tilt-note{font-size:12px;color:#c8d2e480;background:#141a288c;border-radius:999px;padding:8px 16px}