*{box-sizing:border-box}html,body,#app{background:#101010;min-height:100%;margin:0}body{font-family:Arial,sans-serif;overflow:hidden}main{background:radial-gradient(#353535,#090909);place-items:center;min-height:100vh;display:grid}.game-host{aspect-ratio:2/3;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100vw,66.6667vh);box-shadow:0 0 42px #000}canvas{image-rendering:auto;width:100%;height:100%;display:block}.site-info{z-index:10;color:#f8ead8;width:min(24rem,100vw - 1.5rem);font-size:.875rem;line-height:1.45;position:fixed;top:.75rem;right:.75rem}.site-info summary{cursor:pointer;color:#fff3df;background:#0f0b0af0;border:1px solid #8e2d22;border-radius:.25rem;width:fit-content;margin-left:auto;padding:.5rem .7rem;font-weight:700;list-style:none;box-shadow:0 2px 10px #00000073}.site-info summary::-webkit-details-marker{display:none}.site-info summary:focus-visible{outline-offset:2px;outline:3px solid #ffd478}.site-info__content{background:#0f0b0af5;border:1px solid #8e2d22;border-radius:.25rem;max-height:min(34rem,100vh - 4.5rem);margin-top:.45rem;padding:1rem 1.1rem;overflow:auto;box-shadow:0 5px 20px #0000008c}.site-info h2{color:#ffd478;margin:.65rem 0 .25rem;font-size:1rem}.site-info h2:first-child{margin-top:0}.site-info p{margin:0 0 .7rem}.site-info p:last-child{margin-bottom:0}.contact-placeholder span{color:#ffd478;font-style:italic}