@import"https://fonts.googleapis.com/css2?family=Della+Respira&display=swap";.landing-section{display:flex;justify-content:center;align-items:center;text-align:center;text-shadow:0 4px 8px rgba(0,0,0,.75);font-family:serif;font-size:clamp(1rem,8vw,2rem);padding:2.5rem}.landing-section h1{margin:0}.title-highlight{font-family:Chomsky,serif;font-size:1.15em;color:#d50404;font-weight:400}.controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.2rem,2vw,1.5rem);font-family:Consolas,monospace;padding:.5rem 0}.name-input-container{display:flex;justify-content:center;align-items:center;flex:0 0 100%;gap:.5rem}.name-input-label{text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:1.5rem}.name-input{font-family:monospace;border-radius:.25rem;background-color:#333;border:none;height:2rem;font-size:1.5rem;width:15ch;outline:none;text-align:center;color:#fff}.name-input::placeholder{color:#a2a2a2}.host-button,.join-button{display:flex;align-items:center;justify-content:center;color:#fff;border:none;border-radius:.25rem;font-family:monospace;font-size:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:background-color .2s}.host-button{width:7rem;height:3rem;background-color:#e66102;margin:.5rem}.host-button.loading{background-color:#b84d00}.host-button:not(.loading):hover{background-color:#b84d00}.join-container{display:flex;align-items:center;gap:.5rem;margin:.5rem}.join-button{height:3rem;padding:.5rem;background-color:#16a34a}.join-button.loading{background-color:#15803d}.join-button:not(.loading):hover{background-color:#15803d}.join-input{height:2rem;padding:0 .5rem;margin-right:.5rem;border-radius:.25rem;background-color:#166534;color:#fff;border:none;text-align:left;font-family:monospace;width:4ch;font-size:1.5rem}.join-input::placeholder{color:#9ca3af}.join-input:focus{outline:none}@font-face{font-family:Chomsky;src:url(/fonts/Chomsky.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:GothicPixels;src:url(/fonts/GothicPixels.ttf) format("opentype");font-weight:400;font-style:normal}.phone-wrapper{width:100%;height:auto;margin:0 auto;padding:0vh 0vw;position:relative;display:flow-root}@media (orientation: landscape){.phone-wrapper{aspect-ratio:1;width:min(100vh,100vw)}}:root{color:#fff;background-color:#505050;font-size:1.2rem}.error-banner{position:fixed;top:1rem;left:50%;transform:translate(-50%);background-color:#dc2626;color:#fff;padding:.5rem 1rem;border-radius:.25rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition-property:opacity;font-family:monospace;font-size:1rem}.error-visible{opacity:1;transition-duration:0ms}.error-hidden{opacity:0;transition-duration:.5s}.settings-button{position:absolute;width:2.5rem;margin:.5rem;top:0rem;left:0rem;z-index:1000}.settings-button img{margin:0rem;height:auto;width:100%}.code-container{position:absolute;top:0rem;right:0rem;z-index:1000}.qr-code-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-color:#000;border:2px solid #000;border-radius:.5rem;border-radius:1rem;padding:1rem;z-index:2000}.player-list{display:flex;justify-items:center;align-items:center;flex-direction:column;gap:.4em;margin-top:3.5rem;overflow-y:auto}.player-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;padding-inline:1rem;border:2px solid #000;border-radius:.5rem;box-shadow:0 2px 4px #0003;width:17rem;height:3rem;background-color:#2e2e2e}.anonymous{font-style:italic;color:#a8a8a8}.spectator{color:#e4e4e4}.player-name,.anonymous{flex:0 0 33%;text-align:left}.role-name{flex:0 0 33%;text-align:right}.player-badges{display:flex;justify-content:right;flex:0 0 33%}.host-badge,.you-badge{flex:0 0 45%;padding:0rem}.host-badge{font-weight:600;text-align:right}.you-badge{text-align:right}