canvas{touch-action:none;width:100vw;height:100vh;display:block}body{margin:0;overflow:hidden}.message-overlay{pointer-events:none;background-color:#0000;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.message-overlay p{position:var(--message-position);left:var(--message-X);top:var(--message-Y);width:var(--message-width);height:var(--message-height);background:linear-gradient(var(--gradient-angle), #b85cffd9, #e7b8ffd9 55%, #ffffffd9);-webkit-text-fill-color:transparent;text-align:center;text-shadow:0 0 12px #b85cff26;-webkit-background-clip:text;background-clip:text;align-content:center;margin:0;padding:clamp(.4rem,1vw,.8rem) 1rem;font-size:clamp(.9rem,1.4vw,1.8rem);font-weight:400;line-height:1.5}.message-column{box-sizing:border-box;flex-direction:column;justify-content:space-evenly;align-items:center;padding:2rem;display:flex;position:fixed}.message-column.left{top:0;bottom:0;left:0}.message-column.right{top:0;bottom:0;right:0}.message-column.top{top:0;left:0;right:0}.message-column.bottom{bottom:0;left:0;right:0}.message-column p{text-align:center;max-width:100%;margin:0}.interaction-hint{opacity:.35;white-space:nowrap;pointer-events:none;-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#b85cffd9,#e7b8ffd9 55%,#ffffffd9);-webkit-background-clip:text;background-clip:text;font-size:.75rem;position:fixed;bottom:.75rem}.interaction-hint kbd{font:inherit;border:1px solid #b85cffd9;border-radius:.25rem;padding:.1rem .3rem}@media (pointer:coarse){.interaction-hint{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:.5;transform:translateY(0)}}