body{color:#fff;font-optical-sizing:auto;background-color:#000;margin:0}canvas{z-index:0;background-color:#000;position:absolute;top:0;left:0}input{text-align:center;color:#fff;background-color:#0000;border:1px solid gray;padding:3px;transition:color .2s,border-color .2s}input:focus{color:#fff;border:1px solid #fff;outline:none}button{box-sizing:border-box;color:#bbb;background-color:#0000;border:1px solid gray;padding:5px;transition:color .2s,border-color .2s}button:hover{color:#fff;cursor:pointer;border:2px solid #fff;padding:4px}#screens-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}#screens-container p{color:gray;cursor:default}#home{background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute}#home-inner-container{text-align:center;grid-template-columns:1fr 20px 1fr;grid-template-rows:column-rule: 1px solid green;background-color:#000;justify-content:center;align-items:center;gap:10px;width:fit-content;display:grid}#home h1{margin:0;font-family:Meddon,cursive;font-weight:800}#waiting{background-color:#000;flex-direction:row;justify-content:center;align-items:center;gap:200px;width:100vw;height:100vh;display:flex;position:absolute}#room-key-display-container{box-sizing:content-box;flex-direction:column;justify-content:center;align-items:center;display:flex}#room-key-display{margin-top:0}ul{color:#ccc;margin:0;padding:0;list-style:none}li{padding:2px 0}