:root{--app-height: 100dvh;--bottom-overdraw: 0px;--bottom-lift: 0px;color-scheme:dark;background:#08184c;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#08184c}body{position:fixed;inset:0;width:100vw;height:100vh;height:var(--app-height)}#app{position:fixed;top:0;right:0;bottom:calc(var(--bottom-overdraw) * -1);left:0;width:100vw;height:calc(var(--app-height) + var(--bottom-overdraw));min-height:-webkit-fill-available;padding:0;background:#08184c}#rive-canvas{position:fixed;top:0;right:0;bottom:calc(var(--bottom-overdraw) * -1);left:0;width:100vw;height:calc(var(--app-height) + var(--bottom-overdraw));min-height:-webkit-fill-available;display:block;background:transparent;touch-action:none;transform:translate3d(0,calc(var(--bottom-lift) * -1),0)}#mode-pill{position:absolute;left:50%;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));z-index:2;min-width:112px;max-width:calc(100vw - 32px);transform:translate(-50%);padding:9px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#ffffffe6;background:#070b1675;box-shadow:0 12px 34px #0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:13px;font-weight:650;line-height:1;text-align:center;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden}#mode-drawer{position:absolute;z-index:4;left:12px;right:12px;bottom:max(62px,calc(env(safe-area-inset-bottom) + 58px));max-height:min(48vh,420px);padding:10px;overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#05070db8;box-shadow:0 18px 60px #0000006b;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}#mode-drawer,#mode-drawer[data-open=true],#mode-drawer[hidden]{display:none}#mode-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#mode-list button{min-height:42px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#ffffffeb;background:#ffffff14;font:inherit;font-size:13px;font-weight:650}#mode-list button:active{background:#6ee7ff38}@media(display-mode:fullscreen),(display-mode:standalone){#mode-pill{bottom:max(14px,calc(env(safe-area-inset-bottom) + 8px))}}