html,body{margin:0;height:100%;overflow:hidden;background:#86b4e6}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(24,18,48,.3))}.caption{position:fixed;left:0;right:0;bottom:4.5%;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Georgia,Times New Roman,serif;font-size:clamp(11px,1.6vmin,15px);font-variant:small-caps;letter-spacing:.45em;text-indent:.45em;color:#fff9ead9;text-shadow:0 1px 10px rgba(70,40,0,.45)}.caption .hint{display:block;margin-top:.55em;font-size:.72em;font-style:italic;font-variant:normal;letter-spacing:.3em;text-indent:.3em;opacity:.55}