@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*{font-family:Rubik,serif;font-optical-sizing:auto;margin:0}body{min-height:90vh;display:block}a,a:hover,a:visited{text-decoration:none}.large-screen-hidden{display:none}.header-row a,.header-row a:hover,.header-row a:visited{color:#000}h1.header-title{font-size:3em;margin:10px}.header-row{display:flex;align-items:center;justify-content:space-between}.header-row img{min-width:50px;margin:auto 10px}.header-row p{margin:auto 10px;font-size:1.5em;text-align:right}.header-row p:before{content:"User: "}.header-row>span{width:20%}.navigation{width:100%;margin:10px 0}.navigation ul{display:flex;flex-direction:row;justify-content:space-evenly;padding:0}.navigation ul li{list-style:none;width:10%;background:#4a90e2;text-align:center;border-radius:5px}.navigation ul li:hover{background-color:#417fc6}.navigation ul li:active{background-color:#386da8}.navigation ul li a{color:#000;padding:10px 0;width:100%;color:#fff;display:block}.footer{width:100%;background-color:#fff;height:10vh}.footer>p{text-align:center}.verse{font-size:1.2em;margin:10px}.v-title{font-size:1.3em}.my-button{background-color:#4a90e2;color:#fff;border:none;cursor:pointer;font-size:1.5em}.my-button:hover{background-color:#417fc6}.my-button:active{background-color:#386da8}.my-button:disabled{background-color:#89a0bb;cursor:default}@media only screen and (max-width: 820px){.mobile-hidden{display:none}.large-screen-hidden{display:inline}h1.header-title{font-size:2em;margin:10px}.header-row{display:flex;align-items:center;justify-content:space-between}.header-row img{min-width:50px;margin:auto 10px}.header-row p{font-size:1em;overflow-x:scroll}.header-row p:before{content:""}.header-row>span{width:20%}.navigation ul li{width:30%}.footer>p{text-align:center}.verse{font-size:.9em;margin:10px}.v-title{font-size:1em}}.index-main{margin-top:30px;height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.login-form h2{text-align:center;font-size:2em;margin:20px}.login-form{margin:10px;height:75%;width:40%;border:3px solid #869faf;border-radius:10px}.login-form>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:75%}.login-form div div{width:fit-content;margin:10px;text-align:center}.login-form div div>label{display:block;font-size:1.5em}.login-form div div>input{text-align:left;font-size:1.5em}.login-form>div>input{margin:10px;font-size:1.5em;border:none;padding:5px 10px;border-radius:5px}.return-message{height:fit-content;padding:10px;border-radius:10px;background-color:#f44;font-size:3em;color:#fff;text-align:center}@media only screen and (max-width: 820px){.login-form{height:85%;width:90%}.login-form h2{text-align:center;font-size:1.5em;margin:10px}.login-form input{padding:0}.login-form div div input{max-width:90%}}@media (orientation: landscape) and (max-height: 820px){.index-main{height:auto}}h1{text-align:center}table{width:75%;margin:20px auto;border-collapse:collapse;border:1px solid black}th{font-weight:700;text-align:left;background-color:#4a90e2;color:#fff}td,th{margin:0;width:16.66%;padding:10px;font-size:1.25em}tr:nth-child(odd){background-color:#e7e7e7}.table-responsive-mine{max-width:100vw;overflow-x:auto}#play-page-layout{width:100%;display:grid;grid-template-columns:1fr 3fr 1fr;height:75vh}#controls{border-top:1px solid black;border-right:1px solid black;display:grid;grid-template-rows:1fr 1fr 1fr}#play-page-layout .player-area{display:flex;justify-content:center;align-items:center}#chat-box{border-left:1px solid black;height:100%;max-height:100%}#play-page-layout h3{text-align:center;margin:5px;font-size:1.25em}.chat-header{border-top:1px solid black}#chat{background-color:#e6e6e6;overflow-y:auto;border-top:1px solid black;border-bottom:1px solid black;height:55vh}.chat-message{margin:10px 5px;font-style:italic}#board{width:55%;aspect-ratio:1/1;border:black 1px solid;display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(24,1fr)}.room{grid-row:auto / span 6;grid-column:auto / span 6;border:1px solid black;display:flex;align-items:center;justify-content:center;z-index:-1;text-align:center}.door{border:3px solid #386da8}.hall:hover,.door:hover{background-color:#eaeaea}.void{border:1px solid black;background-color:#000;grid-column:10 / 16;grid-row:10 / 16}.clinic{grid-column:1 / 7;grid-row:1 / 7}.dr-office{grid-column:10 / 16;grid-row:1 / 7}.dir-office{grid-column:19 / 25;grid-row:1 / 7}.lab{grid-column:1 / 7;grid-row:10 / 16}.icu{grid-column:19 / 25;grid-row:10 / 16}.op{grid-column:1 / 7;grid-row:19 / 25}.lobby{grid-column:10 / 16;grid-row:19 / 25}.mri{grid-column:19 / 25;grid-row:19 / 25}.hall{border:1px solid black;grid-row:span 1;grid-column:span 1}main h1{text-align:center}#controls .secret-info ul{font-size:1.25em;line-height:1.25em;overflow-y:auto;max-height:20vh}#controls .rolling{border-top:1px solid black;text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#controls .rolling>button{width:40%;aspect-ratio:3 / 1;border-radius:.15em;margin:20px}#controls .rolling>p{font-size:1.5em}.guessing{border-top:1px solid black}.guessing>div{margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;height:95%}.guessing>div div{font-size:1.25em;text-align:left}.guessing>div div label{width:30%;display:inline-block;margin:10px 10px 10px 20px}.guessing>div div select{width:50%;padding:.25em 0}.guessing>div p{text-align:center}.guessing>div button{margin:10px 0 0;text-align:center;width:40%;padding:10px 0;border-radius:.15em}#open-controls,#open-chat{background-color:#4a90e2;color:#fff;border:none;cursor:pointer;border-radius:5px}.player{width:100%;height:100%;border-radius:100%}.player-dot{width:10px;height:10px;border-radius:100%;display:inline-block;margin-left:5px}@media only screen and (max-width: 1280px){.guessing>div div select{width:50%;padding:.25em 0}.guessing>div p{text-align:center}.guessing>div button{margin:0;padding:0}#controls .rolling{padding:2px}#controls .rolling>button{aspect-ratio:unset;border-radius:.15em;padding:0;margin:0}#controls .rolling>p{font-size:1em}#chat{height:50vh}.guessing>div div label{width:30%;display:inline-block;margin:2px 2px 2px 10px}}@media only screen and (max-width: 1024px){#play-page-layout{grid-template-columns:3fr;grid-template-rows:1fr;height:fit-content}#chat-box{display:none}#board{width:90%}.room{font-size:.75em;text-align:center}#controls{display:none;max-height:100vh;background-color:#fffe;position:fixed;border-bottom:1px solid black;min-width:40%;top:0}#controls.modal{display:grid}#close-controls{border:none;background:none;display:inline-block}#close-controls:after{content:"×";color:red;font-weight:500;font-size:1.25em}#close-chat{border:none;background:none;display:inline-block;width:fit-content}#close-chat:after{content:"×";color:red;font-weight:500;font-size:1.25em}#controls .secret-info ul{font-size:1em;line-height:1.25em}#controls .rolling>button{width:40%;aspect-ratio:5 / 1;border-radius:.15em;margin:10px}#controls .rolling>p{font-size:1em}.guessing>div div{font-size:1em}.guessing>div div label{width:30%;display:inline-block;margin:0 10px 0 20px}.guessing>div div select{width:50%;padding:2px 0}.guessing>div button{margin:5px 0;text-align:center;width:40%;padding:2px 0;border-radius:.15em}.modal-buttons{display:flex;justify-content:space-evenly;margin:5px}#chat-box{display:none;max-height:100vh;background-color:#fffe;position:fixed;border-bottom:1px solid black;right:0;top:0;border-top:1px solid black;min-width:40%}#chat-box.modal{display:block}}@media (orientation: landscape){#controls{font-size:.75em}}fieldset{border:none}.join-room{width:60%;height:50vh;margin:30px auto;text-align:center}.available-rooms{width:75%;height:80%;background-color:#ddd;margin:30px auto;border-radius:10px;text-align:left;padding:5px}.join-room button{border-radius:5px}h2{text-align:center;font-size:2em}.room-join-option{font-size:1.25em;background-color:#a7a7a7;padding:5px;border-radius:3px;width:fit-content;margin:10px;display:inline-block;cursor:pointer}.start-game{width:60%;height:50vh;margin:30px auto;text-align:center}.game-players{width:75%;height:80%;background-color:#ddd;margin:30px auto;border-radius:10px;text-align:left;padding:5px}.start-game button{border-radius:5px}.small-circle{height:20px;width:20px;border-radius:100%;display:inline-block}.player-opt{font-size:1.5em;display:inline-block;margin:10px}marquee{margin:30px auto;font-size:4em;height:40vh}.middle-link{padding:10px;margin:20px auto;display:block;width:fit-content;border-radius:7px}