body,html{margin:0;padding:0;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000;overscroll-behavior:none;overflow:hidden}*,*:before,*:after{box-sizing:border-box}.flex-outer{width:100vw;height:100vh;display:flex;justify-content:center}.flex-inner{writing-mode:vertical-rl;width:100%;max-width:100%;height:100vh;border:1px dashed black;display:flex;align-items:center}.canv{position:relative;flex:1 0 1px;padding-block-start:100%}.canvasbox{position:absolute;top:0;left:0;height:100%;width:100%;writing-mode:horizontal-tb}#citydiv{pointer-events:none;position:absolute;top:0;left:0;height:100%;width:100%;writing-mode:horizontal-tb}.title-text{position:absolute;font:2em Lato,sans-serif;color:#fff;padding:5px}.messages{position:absolute;font:1em Lato,sans-serif;color:#fff;padding:5px;right:5px}.controls{position:absolute;font:1em Lato,sans-serif;color:#fff;padding:5px;bottom:5px}.attribution{position:absolute;color:#b9b9b9;font-size:small;padding:5px;bottom:5px;right:5px}.attribution a{color:#b9b9b9}#webglCanvas{width:100%;height:100%;display:block;background-color:transparent;touch-action:none}@media (max-aspect-ratio: 1/1){.flex-inner{writing-mode:horizontal-tb}.controls{bottom:-25px}.attribution{bottom:-55px}.title-text{top:-60px}.messages{top:-30px}}.word{position:absolute;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-weight:700;transform:translate(-50%,-50%)}.word.black{color:#555}.word.white{color:#fff;-webkit-text-stroke:2px rgba(0,0,0,.95);paint-order:stroke}