:root{color-scheme:dark;--page-top: #041018;--page-mid: #0d1f2c;--page-bottom: #17293a;--frame-glow: rgba(128, 210, 255, .2);--frame-edge: rgba(233, 247, 255, .16);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;min-height:100%;overflow:hidden;overscroll-behavior:none}body{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at top,rgba(112,184,226,.16),transparent 32%),linear-gradient(180deg,var(--page-top),var(--page-mid) 44%,var(--page-bottom));color:#f4f7fb;font-family:Trebuchet MS,Avenir Next,Gill Sans,sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#app{position:relative;width:100vw;height:100vh;height:100dvh;padding:max(18px,var(--safe-top)) max(18px,var(--safe-right)) max(18px,var(--safe-bottom)) max(18px,var(--safe-left));display:grid;place-items:center;overflow:hidden}canvas{display:block;max-width:100%;max-height:100%;border-radius:20px;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 28px 80px #02080e8c,0 0 0 1px var(--frame-edge),0 0 40px var(--frame-glow)}#app.app-mobile{padding:max(10px,var(--safe-top)) max(10px,var(--safe-right)) max(10px,var(--safe-bottom)) max(10px,var(--safe-left))}#app.app-mobile-landscape{justify-items:start;padding-right:calc(max(10px,var(--safe-right)) + 86px)}#app.app-mobile-landscape canvas{border-radius:16px}.mobile-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.mobile-ui__actions{position:absolute;top:50%;right:max(10px,var(--safe-right));transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;align-items:stretch}.mobile-ui__actions[hidden],.mobile-ui__rotate[hidden]{display:none!important}.mobile-ui__button{min-width:76px;min-height:52px;padding:10px 12px;border:0;border-radius:14px;background:#091c29eb;color:#eef7ff;font:inherit;font-size:13px;font-weight:700;line-height:1.1;letter-spacing:.01em;box-shadow:0 12px 32px #02080e73,0 0 0 1px #e9f7ff2e;pointer-events:auto;touch-action:manipulation}.mobile-ui__button:active{transform:translateY(1px)}.mobile-ui__rotate{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:max(24px,var(--safe-top)) max(20px,var(--safe-right)) max(24px,var(--safe-bottom)) max(20px,var(--safe-left));background:linear-gradient(180deg,#030b12eb,#061522f5),radial-gradient(circle at top,rgba(112,184,226,.14),transparent 36%);pointer-events:auto}.mobile-ui__rotate-card{width:min(320px,100%);padding:22px 20px;border-radius:22px;background:#0a1d2af0;box-shadow:0 24px 64px #02080e85,0 0 0 1px #e9f7ff24;text-align:center}.mobile-ui__rotate-title{margin:0 0 10px;color:#eef7ff;font-size:28px;line-height:1.1}.mobile-ui__rotate-copy{margin:0;color:#c6ddeb;font-size:16px;line-height:1.45}