.viewport-guidance{position:fixed;inset:0;box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--ink);color:var(--chalk);font:16px/1.5 var(--pf),sans-serif;text-align:center;overflow:auto}.viewport-guidance[open]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.viewport-guidance h2{color:var(--chalk);font:600 20px/1.3 var(--pf),sans-serif;margin:0;max-width:30em}.viewport-guidance p{margin:0;max-width:30em;color:var(--silver)}.viewport-guidance::backdrop{background:var(--ink)}html.viewport-small #app,html.viewport-small #tutorial-root{visibility:hidden}html.viewport-small #app *,html.viewport-small #tutorial-root *{animation-play-state:paused!important}