*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Special Elite,monospace;background-color:#f0e9d6;background-image:url(https://www.transparenttextures.com/patterns/paper-fibers.png);color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p{margin:0 0 1rem}.app-container{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border:1px solid #ccc;box-shadow:5px 5px 15px #0000001a;position:relative}button{font-family:Special Elite,monospace;font-size:1rem;padding:.5rem 1rem;border:2px solid #333;background:#eee;color:#333;cursor:pointer;transition:all .2s;margin:.25rem}button:hover{background:#333;color:#fff}input,textarea{font-family:Special Elite,monospace;font-size:1.1rem;padding:.5rem;width:100%;max-width:400px;border:2px solid #ccc;margin-bottom:1rem}textarea{width:100%;max-width:100%}.custom-game-box,.default-game-box{border:2px dashed #ccc;padding:1.5rem;margin-top:1.5rem}.default-game-box button{width:80%;max-width:400px;padding:1rem;font-size:1.2rem;display:block}.winner-box{background:#f9f9f9;border:2px dashed #ccc;padding:1rem;margin-bottom:1.5rem;text-align:center}.winner-box h4{font-size:1.1rem;color:#555;margin-bottom:.5rem}.submission-area{border:2px dashed #aaa;min-height:100px;padding:10px;background:#fdfdfd;margin-bottom:1rem}.word-pool{background:#f4f4f4;padding:10px;border:1px solid #eee}.word-pool button,.submission-area button{font-family:Arial,Helvetica,sans-serif;border:none;padding:4px 6px;margin:3px;box-shadow:2px 2px 3px #0003;text-transform:uppercase;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .1s}.word-pool button:hover,.submission-area button:hover{transform:scale(1.1) rotate(2deg);box-shadow:3px 3px 5px #0000004d}.word-pool button:nth-child(3n){background:#f1f1f1;color:#222;font-family:Times New Roman,serif;font-weight:400;font-size:1.2rem}.word-pool button:nth-child(3n+1){background:#333;color:#fff;font-size:1rem;padding-top:6px}.word-pool button:nth-child(3n+2){background:#fff;color:#333;font-family:Courier New,monospace;font-weight:700}.waiting-box{text-align:center}.waiting-box h4{margin-top:2rem}.waiting-box p{font-style:italic;max-width:400px;margin:0 auto}.music-player-button{position:absolute;top:10px;right:10px;font-size:.8rem;padding:.25rem .5rem;z-index:10;background:#fff;border:1px solid #ccc}.music-player-button:hover{background:#eee;color:#000}.instructions-box{border:2px dashed #aaa;padding:1.5rem;margin-top:2rem;background:#fdfdfd}.instructions-box h2{text-align:center}.instructions-box p{font-size:.95rem;line-height:1.6}.ransom-note-text{display:flex;flex-wrap:wrap;justify-content:center;padding:1rem;min-height:50px}.ransom-note-text span{display:inline-block;font-weight:700;text-transform:uppercase;padding:4px 6px;margin:4px;box-shadow:2px 2px 4px #0000004d;line-height:1}.ransom-note-text span:nth-child(4n+1){font-family:Oswald,sans-serif;background:#fff;color:#222;font-size:1.6rem;transform:rotate(-2deg)}.ransom-note-text span:nth-child(4n+2){font-family:Anton,sans-serif;background:#333;color:#fff;font-size:1.5rem;padding-top:6px;transform:rotate(1deg)}.ransom-note-text span:nth-child(4n+3){font-family:Special Elite,monospace;background:#f0f0f0;color:#000;font-size:1.4rem;transform:rotate(3deg);border:1px dotted #888}.ransom-note-text span:nth-child(4n+4){font-family:Courier New,monospace;background:#ffc;color:#333;font-size:1.6rem;transform:rotate(-1deg)}@media(max-width:768px){.lobby-container{flex-direction:column}.lobby-container>div{border-left:none!important;padding-left:0!important}}