body{font-family:Open Sans,sans-serif;padding:0;margin:0}h3{margin:0 0 10px}.game{display:grid;grid-template-areas:"board board players logs" "board board players video" "board board players video" "board board players video";grid-template-columns:repeat(2,475px) repeat(2,1fr);grid-template-rows:repeat(4,237.5px)}.game-loading{display:flex;align-items:center;justify-content:center;height:100vh}.card-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999}.card-overlay .card-picked{position:absolute;top:200px;left:calc(50% - 250px);width:500px;min-height:250px;border:2px solid #000;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-overlay .card-picked span{display:block;padding:10px}.card-overlay .card-picked.chance{background-color:orange}.card-overlay .card-picked.community{background-color:#4987ff}.card-overlay .card-picked .close{position:absolute;font-size:20px;top:15px;right:15px;cursor:pointer}.card-overlay .card-picked .card-player,.card-overlay .card-picked .card-type{font-size:25px;font-weight:700}.card-overlay .card-picked .card-text{flex-grow:2;font-size:30px}.video-chat .video-container{display:grid;grid-template-columns:50% 50%}.video-chat .video-container video{background-color:#000;margin:1px;cursor:pointer;transition:all .25s;width:100%;height:150px}.video-chat .chat{height:150px;overflow-y:auto}.video-chat .chat p{margin:0;font-size:14px}.logs{grid-area:logs}.logs .text{height:150px;overflow-y:auto}.logs .text p{margin:0;font-size:14px}.player-list{grid-area:players;width:400px}.video-chat{grid-area:video}.me h1{margin:10px 0 0;font-size:20px}.card-stack{position:absolute;width:150px;height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #000;top:550px;cursor:pointer}.card-stack.chance-stack{left:200px;background-color:orange}.card-stack.community-stack{left:500px;background-color:#4987ff}.board-container{grid-area:board;position:relative}.board-container .dice-set{cursor:pointer;position:absolute;top:200px;left:300px}.board-container .board-token{position:absolute;z-index:20}.board{user-select:none;background-color:rgba(176,255,140,.64);width:950px;height:950px;display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(24,1fr);grid-template-areas:"p20 p20 p20 p21 p21 p22 p22 p23 p23 p24 p24 p25 p25 p26 p26 p27 p27 p28 p28 p29 p29 p30 p30 p30" "p20 p20 p20 p21 p21 p22 p22 p23 p23 p24 p24 p25 p25 p26 p26 p27 p27 p28 p28 p29 p29 p30 p30 p30" "p20 p20 p20 p21 p21 p22 p22 p23 p23 p24 p24 p25 p25 p26 p26 p27 p27 p28 p28 p29 p29 p30 p30 p30" "p19 p19 p19 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p31 p31 p31" "p19 p19 p19 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p31 p31 p31" "p18 p18 p18 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p32 p32 p32" "p18 p18 p18 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p32 p32 p32" "p17 p17 p17 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p33 p33 p33" "p17 p17 p17 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p33 p33 p33" "p16 p16 p16 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p34 p34 p34" "p16 p16 p16 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p34 p34 p34" "p15 p15 p15 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p35 p35 p35" "p15 p15 p15 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p35 p35 p35" "p14 p14 p14 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p36 p36 p36" "p14 p14 p14 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p36 p36 p36" "p13 p13 p13 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p37 p37 p37" "p13 p13 p13 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p37 p37 p37" "p12 p12 p12 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p38 p38 p38" "p12 p12 p12 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p38 p38 p38" "p11 p11 p11 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p39 p39 p39" "p11 p11 p11 e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   e   p39 p39 p39" "p10 p10 p10 p9  p9  p8  p8  p7  p7  p6  p6  p5  p5  p4  p4  p3  p3  p2  p2  p1  p1  p0  p0  p0" "p10 p10 p10 p9  p9  p8  p8  p7  p7  p6  p6  p5  p5  p4  p4  p3  p3  p2  p2  p1  p1  p0  p0  p0" "p10 p10 p10 p9  p9  p8  p8  p7  p7  p6  p6  p5  p5  p4  p4  p3  p3  p2  p2  p1  p1  p0  p0  p0"}.board-row{display:flex;align-content:stretch}.board-row.middle-row{height:7.6%}.board-row .board-middle{flex-grow:2}.grid-area-0{grid-area:p0}.grid-area-1{grid-area:p1}.grid-area-2{grid-area:p2}.grid-area-3{grid-area:p3}.grid-area-4{grid-area:p4}.grid-area-5{grid-area:p5}.grid-area-6{grid-area:p6}.grid-area-7{grid-area:p7}.grid-area-8{grid-area:p8}.grid-area-9{grid-area:p9}.grid-area-10{grid-area:p10}.grid-area-11{grid-area:p11}.grid-area-12{grid-area:p12}.grid-area-13{grid-area:p13}.grid-area-14{grid-area:p14}.grid-area-15{grid-area:p15}.grid-area-16{grid-area:p16}.grid-area-17{grid-area:p17}.grid-area-18{grid-area:p18}.grid-area-19{grid-area:p19}.grid-area-20{grid-area:p20}.grid-area-21{grid-area:p21}.grid-area-22{grid-area:p22}.grid-area-23{grid-area:p23}.grid-area-24{grid-area:p24}.grid-area-25{grid-area:p25}.grid-area-26{grid-area:p26}.grid-area-27{grid-area:p27}.grid-area-28{grid-area:p28}.grid-area-29{grid-area:p29}.grid-area-30{grid-area:p30}.grid-area-31{grid-area:p31}.grid-area-32{grid-area:p32}.grid-area-33{grid-area:p33}.grid-area-34{grid-area:p34}.grid-area-35{grid-area:p35}.grid-area-36{grid-area:p36}.grid-area-37{grid-area:p37}.grid-area-38{grid-area:p38}.grid-area-39{grid-area:p39}.board-card{position:relative;border:1px solid #000;box-sizing:border-box;font-size:11px;cursor:pointer;display:flex;flex-direction:column}.board-card.left,.board-card.right{writing-mode:vertical-rl}.board-card.left .icon svg,.board-card.right .icon svg{transform-origin:center;transform:rotate(90deg)}.board-card.left .color,.board-card.right .color{height:auto;width:25px;border-bottom:none;border-left:1px solid #000}.board-card.left.mortgaged:after,.board-card.right.mortgaged:after{left:48px;top:-10px}.board-card.right{transform:rotate(180deg)}.board-card.right .hotel,.board-card.right .house{transform:rotate(90deg)}.board-card .icon{display:flex;align-items:center;justify-content:center}.board-card.mortgaged:after{content:"Mortgaged";color:red;position:absolute;top:48px;left:-9px;font-size:18px;font-weight:700;transform:rotate(45deg);pointer-events:none}.board-card.opened{width:300px!important;height:auto!important;font-size:18px!important;background-color:#fff;position:fixed;z-index:100;top:50px;left:calc(50% - 150px);transform:none!important;box-shadow:0 8px 32px 12px rgba(0,0,0,.61);writing-mode:unset!important}.board-card.opened.mortgaged:after{font-size:60px;top:177px!important;left:-9px!important;opacity:.5}.board-card.opened .close{position:absolute;top:-10px;right:-10px}.board-card.opened .close-button{color:#000}.board-card.opened .body{padding:20px;font-size:15px;flex-grow:2}.board-card.opened .icon{flex-grow:0}.board-card.opened .icon svg{transform:none!important}.board-card.opened .color{height:62.5px!important;border-left:none!important;border-bottom:1px solid #000!important;width:300px!important}.board-card.opened .color .hotel,.board-card.opened .color .house{font-size:48px!important;transform:none!important}.board-card:hover{background-color:#fff}.board-card.top{transform:rotate(180deg)}.corner-card{font-size:11px;border:1px solid #000}.corner-card.top{transform:rotate(180deg)}.street .color{height:25px;border-bottom:2px solid #000;display:flex}.street .color .hotel,.street .color .house{display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;margin-right:5px}.street .color .house{color:#0f0}.street .color .hotel{color:red}.street .price,.street .title{text-align:center}.street .body{flex-grow:2}.chance,.community{text-align:center}.chance .icon,.community .icon{flex-grow:2;color:#4987ff;font-size:30px}.community .icon{font-size:30px;padding-top:10px}.income-tax .price,.income-tax .title,.super-tax .price,.super-tax .title,.train-station .price,.train-station .title,.utility .price,.utility .title{text-align:center}.income-tax .icon,.super-tax .icon,.train-station .icon,.utility .icon{text-align:center;font-size:25px;padding-top:5px;flex-grow:2}.free-parking .container,.go-to-jail .container,.go .container,.jail .container{display:flex;flex-direction:column;width:100%;height:100%;transform:rotate(-45deg);text-align:center;align-items:center;justify-content:center}.free-parking .container .icon,.go-to-jail .container .icon,.go .container .icon,.jail .container .icon{flex-grow:2;font-size:35px;color:#a40000}.go-to-jail .container{transform:rotate(-135deg)}.go-to-jail .icon{color:#54f!important}.go .container,.jail .container{transform:rotate(0deg)}.go .icon,.jail .icon{color:#a80f00!important}.jail{position:relative;display:grid;grid-template-areas:"visit-left cell cell " "visit-left cell cell " "e visit-bottom visit-bottom";grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}.jail .cell{grid-area:cell;box-sizing:border-box;background-color:orange;font-size:35px}.jail .cell,.jail .visit-bottom,.jail .visit-left{display:flex;align-items:center;justify-content:center}.jail .visit-left{grid-area:visit-left;writing-mode:vertical-lr}.jail .visit-bottom{grid-area:visit-bottom}.dice{border:1px solid #000;border-radius:5px;margin:20px;background-color:beige;width:40px;height:40px;position:relative}.dice.rolling{animation:shake 1s cubic-bezier(.36,.07,.19,.97) infinite both}.dice .dot{width:7px;height:7px;background-color:#000;border-radius:7px;position:absolute}.dice .dot.middle-center{top:calc(50% - 3.5px);left:calc(50% - 3.5px)}.dice .dot.middle-left{top:calc(50% - 3.5px);left:calc(25% - 3.5px)}.dice .dot.middle-right{top:calc(50% - 3.5px);right:calc(25% - 3.5px)}.dice .dot.top-left{top:calc(25% - 3.5px);left:calc(25% - 3.5px)}.dice .dot.top-right{top:calc(25% - 3.5px);right:calc(25% - 3.5px)}.dice .dot.bottom-left{bottom:calc(25% - 3.5px);left:calc(25% - 3.5px)}.dice .dot.bottom-right{bottom:calc(25% - 3.5px);right:calc(25% - 3.5px)}.dialog.overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;background-color:rgba(0,0,0,.5)}.dialog .content{margin:100px auto;display:block;background-color:#fff;width:500px;min-height:100px;padding:10px 50px;border-radius:5px;box-shadow:0 8px 32px 12px rgba(0,0,0,.61)}.dialog .actions{display:flex;justify-content:flex-end;cursor:pointer}.dialog .actions .action{color:#333;cursor:pointer;padding:0 10px;margin:5px 10px}.dialog .actions .action:hover{background-color:#60f7ff}.select-player-dialog .player,send-money-dialog .player{display:flex;align-items:center;justify-content:left;cursor:pointer}.token{display:inline-flex;align-items:center;justify-content:center;margin:2px 5px;width:40px;height:40px;border-radius:40px;font-size:20px;background-color:#888;color:#fff;text-align:center;cursor:pointer;border:1px solid #333}.token.selected{background-color:green}.player-list{padding:10px}.player-list .player-tabs .player{display:inline-flex;align-items:center;justify-content:left;cursor:pointer}.player-board{display:flex;flex-direction:column;align-items:flex-start;justify-content:left}.player-board .notes{display:flex;align-items:center;justify-content:left;flex-wrap:wrap}.player-board .notes .note{margin:5px}.player-board .notes small{font-size:14px}.player-board .deeds{display:flex;align-items:center;justify-content:left;flex-wrap:wrap}.player-board .deeds .board-card{width:75px;height:100px;margin:5px}.player-board .out-of-jail{margin:10px 0}.player-board .out-of-jail .note{background-color:#f08080}.note{width:100px;height:50px;display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid #000}.note.v500{background-color:orange}.note.v100{background-color:#fff587}.note.v50{background-color:#84129f}.note.v20{background-color:#7f9f5c}.note.v10{background-color:#57849f}.note.v5{background-color:#9e789f}.note.v1{background-color:rgba(186,183,187,.44)}.send-money-dialog .select-notes .notes,.send-money-dialog .select-notes .notes .noteStack{display:flex;align-items:center;justify-content:left}.send-money-dialog .select-notes .notes .note{margin:5px}.game-settings{position:absolute;top:10px;right:10px}.game-settings ul{list-style:none;position:absolute;top:30px;right:0;margin:0;padding:0;box-shadow:0 8px 32px 12px rgba(0,0,0,.61);background-color:#fff;width:200px;border-radius:5px}.game-settings ul li{cursor:pointer;display:block;border-bottom:1px solid #aaa;padding:10px 20px;box-sizing:border-box}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}
/*# sourceMappingURL=style.789aa891.css.map */