.canvas-viewport.svelte-1uha8ag{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.ui-layer.svelte-1uha8ag{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;z-index:100}.ui-layer.svelte-1uha8ag .floating-pill{pointer-events:auto}::view-transition-group(about-morph){animation-duration:.4s;animation-timing-function:cubic-bezier(.77,0,.175,1)}::view-transition-old(about-morph){animation:morph-fade-out .15s ease-out forwards}::view-transition-new(about-morph){animation:morph-fade-in .3s ease-out .1s both}@keyframes morph-fade-out{0%{opacity:1}to{opacity:0}}@keyframes morph-fade-in{0%{opacity:0}to{opacity:1}}.canvas-frame.svelte-1uha8ag{position:absolute;inset:0;overflow:hidden;background-color:var(--color-bg-canvas)}.crt-overlay.svelte-1uha8ag{position:absolute;inset:0;pointer-events:none;z-index:50;will-change:opacity}.crt-overlay.svelte-1uha8ag:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 80%,rgba(0,0,0,.15) 100%);box-shadow:inset 0 0 20px #0003}.crt-aberration.svelte-1uha8ag{position:absolute;inset:0}.crt-left.svelte-1uha8ag{box-shadow:inset 2px 0 8px -2px #0003}.crt-right.svelte-1uha8ag{box-shadow:inset -2px 0 8px -2px #ffffff1a}