:root{color-scheme:dark;font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif;background:#21143c}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 20%,#683d8f,#21143c 62%,#100820)}#app,#game-container{display:grid;place-items:center;min-width:0;min-height:0}#app{position:fixed;inset:0}#game-container{width:100%;height:100%;overflow:hidden}#game-container canvas{display:block;width:min(100vw,calc(100vh * 16 / 9))!important;height:min(100vh,56.25vw)!important;box-shadow:0 1rem 4rem #00000073}#game-container canvas:focus-visible{outline:4px solid #ffe36e;outline-offset:-4px}#portrait-message{display:none;position:fixed;inset:0;z-index:10;padding:2rem;align-content:center;justify-items:center;text-align:center;color:#fff8dc;background:#2f1951;font-size:clamp(1.4rem,7vw,2.2rem);font-weight:800}#portrait-message div{font-size:4rem}#portrait-message p{max-width:18ch;margin:1rem 0 0}@media(orientation:portrait)and (max-width:800px){#portrait-message{display:grid}}