.display{position:relative;aspect-ratio:16/9;background:#030814;border-radius:15px;overflow:hidden}.display video{width:100%;height:100%;object-fit:cover}.display #shadeLayer{position:absolute;inset:0}.display #message{--scale:1;position:absolute;left:7%;right:7%;text-align:center;transform:scale(var(--scale));transform-origin:center}.display #message.center{top:50%;translate:0 -50%}.display #message.top{top:10%;transform-origin:top}.display #message.bottom{bottom:10%;transform-origin:bottom}.display h2{font-size:clamp(2rem,5vw,5.4rem);line-height:1;margin:0;text-shadow:0 5px 24px #000}.display p{font-size:clamp(1rem,2vw,2rem);font-weight:700;text-shadow:0 3px 15px #000;margin:.75em 0 0}.exit{position:absolute;right:20px;top:20px;border:0;border-radius:999px;padding:10px 14px;background:#0009;color:#fff}.display:fullscreen{border-radius:0}.display:fullscreen h2{font-size:clamp(4rem,8vw,9rem)}input[type=color]{height:48px;padding:4px}