.phx-no-feedback.invalid-feedback,.phx-no-feedback .invalid-feedback{display:none}.phx-click-loading{opacity:.5;transition:opacity 1s ease-out}.phx-disconnected{cursor:wait}.phx-disconnected *{pointer-events:none}.phx-modal{opacity:1!important;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.phx-modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%}.phx-modal-close{color:#aaa;float:right;font-size:28px;font-weight:bold}.phx-modal-close:hover,.phx-modal-close:focus{color:#000;text-decoration:none;cursor:pointer}.alert{width:100%;padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert p{margin-bottom:0}.alert:empty{display:none}.invalid-feedback{color:#a94442;display:block;margin:-1rem 0 2rem}html,body,body>div{height:100%}#home{background:#27e5ec;background:radial-gradient(circle,#a8e663 0%,#27e5ec 100%);min-height:100%;display:flex;flex-direction:column;align-items:center}#home .card-circle-holder{position:absolute;top:0;left:0;width:100vw;height:100%;overflow:hidden;display:flex;justify-content:center}#home .card-circle-holder .card-circle{position:relative}#home .card-circle-holder .card-circle .card{position:absolute}#home h1{position:relative;color:#fff;font-size:72px;text-transform:uppercase;text-shadow:0 0 8px black;margin:0;padding:16px 0 32px}#home .buttons{position:relative;width:300px;display:flex;flex-direction:column;align-items:center;padding-bottom:32px}#home .buttons>div{color:#444;font-size:14px;display:block;width:100%;text-align:center;padding:8px 0}#home .buttons>div:before,#home .buttons>div:after{content:"";display:block;width:40%;position:relative;border-top:1px solid #777}#home .buttons>div:before{top:8px;left:5%}#home .buttons>div:after{top:-8px;left:calc(300px - 45%)}#home .buttons form{display:flex}#home .buttons a:not(.btn){margin-top:16px;color:#00f}#home .grow{flex-grow:1}#home button,#home .btn{width:100%}#home input+button{border-top-left-radius:0;border-bottom-left-radius:0}#home input{text-transform:uppercase;width:100px;border-top-left-radius:30px;border-bottom-left-radius:30px}#rules{background:#27e5ec;background:radial-gradient(circle,#a8e663 0%,#27e5ec 100%);min-height:100%;display:flex;flex-direction:column;align-items:center;overflow:auto}#rules h1{color:#fff;font-size:72px;text-transform:uppercase;text-shadow:0 0 8px black}#rules section{max-width:800px;font-size:24px;padding:0 32px 32px}#rules a{color:#00f}#cast{z-index:1000;width:24px;position:absolute;top:10px;right:10px;--connected-color: #57ddfa;--disconnected-color: white}#play{background:url(/images/bg-65fa4858531ee80dfb6103abf6dacc98.jpg?vsn=d);color:#fff;min-height:100%}#play .sharing{display:flex;flex-direction:column;align-items:center;padding-bottom:16px}#play .sharing h1{margin-bottom:0;padding:0 16px;text-align:center}#play .sharing h2{margin:20px 0 8px}#play .sharing input{width:300px}#play ol{font-size:24px;padding-bottom:18px}#play ol .wrapper{display:flex;align-items:center}#play ol .wrapper .name{max-width:220px;overflow:hidden;text-overflow:ellipsis}#play ol .wrapper .host-tag{padding-left:8px}#play ol button{padding:4px 12px;margin-left:8px}#play .blarg{display:flex;justify-content:center}#play .lobby{display:flex;flex-direction:column;align-items:center}#play .lobby .actions{display:flex;align-items:center}#play .lobby .actions>:last-child{margin-left:32px}#play .lobby form{display:inline-block}#play .lobby input{margin:8px 0;width:150px}#play .decks{display:flex;justify-content:center;position:relative;max-width:500px;margin:0 auto}#play .decks .instructions{position:absolute;top:20px;font-size:24px;width:30vw;transition:all .3s;text-align:center}#play .decks.deck-none>.instructions{top:-600px}#play .decks.deck-draw>.instructions{max-width:160px;left:0}#play .decks.deck-discard>.instructions{max-width:160px;margin:0 auto}#play .decks.deck-reveal>.instructions{width:80vw;max-width:500px}#play .decks.deck-none>div,#play .decks.deck-reveal>div,#play .decks.deck-draw>.drawn,#play .decks.deck-discard>.deck{top:-600px}#play .decks svg{max-width:25vw;height:100%}#play .decks>div{display:flex;flex-direction:column;align-items:center;position:relative;transition:all .3s;top:0}#play .decks>div+div{margin-left:5vw}#play .decks h1{margin:0 0 8px}#play .decks button{position:absolute;top:100px}#play .cards{display:grid;margin:0 auto;padding:16px 0;grid-template-rows:repeat(3,1fr);grid-auto-flow:column;grid-gap:10px;width:100%;max-width:470px}#play .cards.gamestate-draw{opacity:.5}#play .cards svg{width:100%;height:100%}#play .overlay{color:#fff;text-align:center}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:10}.overlay h1{margin:0;padding:16px 0}.overlay .actions{display:flex;justify-content:center;padding-top:16px}.overlay .actions>:last-child{margin-left:16px}#somethingamazing{position:relative;z-index:10}.hidden{display:none}.hovered-card{border-radius:8px;box-shadow:0 0 10px 6px #fff;background:#ffffffeb}#spectate{background:url(/images/bg-65fa4858531ee80dfb6103abf6dacc98.jpg?vsn=d);color:#fff;min-height:100%}#spectate .loading{font-size:32px;text-align:center;padding-top:80px}#spectate .lobby{display:flex;flex-direction:column;align-items:center}#spectate .lobby ol{font-size:24px;padding-bottom:18px}#spectate .lobby ol .wrapper{display:flex;align-items:center}#spectate .lobby ol .wrapper .name{max-width:400px;overflow:hidden;text-overflow:ellipsis}#spectate .lobby ol .wrapper .host-tag{padding-left:8px}#spectate .lobby .sharing{position:absolute;bottom:10px;right:10px;display:flex;flex-direction:column;align-items:center}#spectate .lobby .sharing #qrcode{height:256px;width:256px}#spectate .lobby .sharing span{font-size:48px;font-weight:bold;padding-bottom:32px}#spectate .game{display:flex;height:100vh}#spectate .game .players{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}#spectate .game .players .row{display:flex;justify-content:center}#spectate .game .players .row .player{box-sizing:border-box;padding:8px;border-radius:5px}#spectate .game .players .row .player.current{background:rgba(255,255,255,.5)}#spectate .game .players .row .player.out{background:rgba(0,0,0,.5)}#spectate .game .players .row .player label{font-size:24px;height:28px;text-align:center;display:block}#spectate .game .players .row .player .cards{display:flex;height:calc(50vh - 28px - 16px);width:calc((50vh - 28px - 16px) / 158 * 108 / 3 * 4)}#spectate .game .players .row .player .cards .column{display:flex;flex-direction:column}#spectate .game .players .row .player .cards svg{height:33%;width:100%}#spectate .game .decks{display:flex;flex-direction:column;justify-content:center;position:relative;margin:0 auto;padding:0 8px}#spectate .game .decks>div label{display:block;text-align:center;font-size:20px}#spectate .game .decks>div svg{width:100%;height:inherit}#spectate .game .decks>div+div{padding-top:32px}#spectate .overlay{color:#fff;text-align:center}#spectate .overlay table{background:white;color:#000;font-size:32px;margin:0 auto;padding:8px 16px;border-radius:5px}#spectate .overlay table .doubled{background:#ffa3a3}#spectate .overlay table .first{background:#89d889}#spectate .overlay table span{color:green}#spectate .overlay table th{min-width:48px}#spectate .overlay table tr.inactive{opacity:.3}#spectate .overlay table tr>td:first-child{padding-right:16px}body{margin:0;font-family:sans-serif}ul,ol{margin:0;padding:0}ul{list-style:none}button,.btn{font-family:Arial;display:block;box-sizing:border-box;text-align:center;text-decoration:none;font-size:18px;font-weight:bold;padding:16px 32px;border:none;outline:none;background:#454590;color:#fff;border-radius:40px;cursor:pointer;white-space:nowrap}button:hover,.btn:hover{background:#3a3a77}button:active,.btn:active{background:#2e2e5f}button.danger,.btn.danger{background:#de3535}button.danger:hover,.btn.danger:hover{background:#c52e2e}button.danger:active,.btn.danger:active{background:#b12929}input{border:none;font-size:18px;padding:14px 24px;outline:none;min-width:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:10}.card{border-radius:5px;border:5px solid white;width:100px;height:150px}.card.back{background:#555;color:#fff;position:relative;font-size:24px;text-transform:uppercase}.card.back>:first-child{position:absolute;top:30px;left:12px;transform:rotate(165deg)}.card.back>:last-child{position:absolute;bottom:30px;left:13px;transform:rotate(-15deg)}.card:not(.back){display:flex;align-items:center;justify-content:center;position:relative}.card:not(.back)>:nth-child(2){text-shadow:0 0 8px white;font-size:32px;font-weight:bold}.card:not(.back)>:first-child,.card:not(.back)>:last-child{font-size:20px;position:absolute;background:white;border-radius:100%;padding:0 8px}.card:not(.back)>:first-child{top:4px;left:4px}.card:not(.back)>:last-child{bottom:4px;right:4px;transform:rotate(180deg)}.card.n-2,.card.n-1{background:#3f27ce;background:radial-gradient(circle,#f7f8fd 0%,#3f27ce 100%)}.card.n0{background:#57ddfa;background:radial-gradient(circle,#f3f7f6 0%,#57ddfa 100%)}.card.n1,.card.n2,.card.n3,.card.n4{background:#a0da35;background:radial-gradient(circle,#ecf1f3 0%,#a0da35 100%)}.card.n5,.card.n6,.card.n7,.card.n8{background:#fdf62e;background:radial-gradient(circle,#f9f6f4 0%,#fdf62e 100%)}.card.n9,.card.n10,.card.n11,.card.n12{background:#f82932;background:radial-gradient(circle,#f7f7fb 0%,#f82932 100%)}