@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,900|Wendy+One|Josefin+Sans);*{margin:0;padding:0;box-sizing:border-box}body{font-family:Josefin Sans,sans-serif}.full-screen{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.lbtn{font-family:Josefin Sans,sans-serif;background:none;cursor:pointer;outline:none;border:0;text-decoration:underline;color:#3498db;font-size:16px}.lbtn:hover{color:#2980b9}.vbtn-group{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.vbtn-group .vbtn{-ms-flex:1;flex:1;border-radius:0;margin-right:0;border-right-width:0}.vbtn-group .vbtn:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.vbtn-group .vbtn:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px}.vbtn{font-family:Josefin Sans,sans-serif;background-color:#fff;border:1px solid #bdc3c7;border-radius:16px;padding:8px 16px;cursor:pointer;outline:none;text-decoration:none;color:#000;display:inline-block}.vbtn:hover{background-color:#d2d9dd}.vbtn:focus{border-color:#3498db}.vbtn.vbtn-transparent{background-color:hsla(0,0%,100%,0)}.vbtn.vbtn-transparent:hover{background-color:hsla(0,0%,100%,.2)}.vbtn.vbtn-green{background-color:#2ecc71}.vbtn.vbtn-green:hover{background-color:#27ae60}.vbtn.vbtn-blue{background-color:#19b5fe}.vbtn.vbtn-blue:hover{background-color:#74b9ff}.vbtn.vbtn-compact{font-size:12px;padding:4px 8px}.vbtn.vbtn-large{font-size:18px;padding:16px 32px}.vbtn.vbtn-stacked-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:16px}.vbtn.vbtn-stacked-icon svg{margin-bottom:10px}.game-container[data-v-4a8769e7]{display:-ms-flexbox;display:flex;transition:background-color .75s}.game-container.red[data-v-4a8769e7]{background-color:#f55}.game-container.yellow[data-v-4a8769e7]{background-color:#fa0}.game-container.green[data-v-4a8769e7]{background-color:#5a5}.game-container.blue[data-v-4a8769e7]{background-color:#55f}.game-container.special[data-v-4a8769e7]{background-color:#b2bec3}.game[data-v-4a8769e7]{-ms-flex:1;flex:1;position:relative}.player-controls[data-v-4a8769e7]{position:absolute;bottom:0;left:0;right:0}.player-controls .player-hand[data-v-4a8769e7]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;transition:all .25s}.player-controls .player-hand.inactive[data-v-4a8769e7]{-webkit-filter:grayscale(50%);filter:grayscale(50%);transform:scale(.8);transform-origin:bottom}.player-controls .player-btns[data-v-4a8769e7]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.player-controls .player-btns>div[data-v-4a8769e7]{padding:8px;margin:8px;cursor:pointer}.player-controls .player-btns .draw[data-v-4a8769e7]{background-color:#ff7675}.modal-overlay[data-v-4a8769e7]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.7);z-index:999;-ms-flex-pack:center;justify-content:center}.modal-overlay .modal[data-v-4a8769e7],.modal-overlay[data-v-4a8769e7]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.modal-overlay .modal[data-v-4a8769e7]{background-color:#fff;border:1px solid #bdc3c7;border-radius:8px;padding:16px 32px;max-width:800px}.modal-overlay .modal .illustration[data-v-4a8769e7]{width:200px;height:200px;margin-right:16px}.modal-overlay .modal p[data-v-4a8769e7]{margin:8px 0}.card-inner[data-v-e0357eae],.card[data-v-e0357eae]{border-radius:16px}.card[data-v-e0357eae]{width:120px;height:180px;padding:8px;border:1px solid #000;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;transition:all .25s;-ms-flex-negative:0;flex-shrink:0;z-index:1}.card.hover-focus[data-v-e0357eae]:hover{transform:scale(1.2);transform-origin:bottom}.card.no-animate[data-v-e0357eae]{transition:all 0ms}.card.list-enter[data-v-e0357eae]{opacity:0;transform:translateY(30px)}.card.out[data-v-e0357eae]{transform:translateY(-100%) scale(1.2)!important;margin-left:-120px;opacity:.5}.card.selectable[data-v-e0357eae]{cursor:pointer}.card.red .card-inner[data-v-e0357eae]{background-color:#f55}.card.red[data-v-e0357eae] use{fill:#f55}.card.yellow .card-inner[data-v-e0357eae]{background-color:#fa0}.card.yellow[data-v-e0357eae] use{fill:#fa0}.card.green .card-inner[data-v-e0357eae]{background-color:#5a5}.card.green[data-v-e0357eae] use{fill:#5a5}.card.blue .card-inner[data-v-e0357eae]{background-color:#55f}.card.blue[data-v-e0357eae] use{fill:#55f}.card.special .card-inner[data-v-e0357eae]{background-color:#000}.card .card-inner[data-v-e0357eae]{height:100%;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.card .card-inner .bottom-num[data-v-e0357eae],.card .card-inner .top-num[data-v-e0357eae]{color:#fff;font-weight:900;font-size:32px;margin:0 8px}.card .card-inner .bottom-num.hasSvg[data-v-e0357eae],.card .card-inner .top-num.hasSvg[data-v-e0357eae]{height:40px;width:40px}.card .card-inner .bottom-num.hasSvg[data-v-e0357eae] svg,.card .card-inner .top-num.hasSvg[data-v-e0357eae] svg{height:100%;width:100%;padding:8px 16px 8px 0}.card .card-inner .bottom-num.hasSvg[data-v-e0357eae] svg use,.card .card-inner .top-num.hasSvg[data-v-e0357eae] svg use{fill:#fff}.card .card-inner .swoosh[data-v-e0357eae]{-ms-flex-positive:1;flex-grow:1;background-color:#fff;transform:rotate(45deg) scaleX(1.5) scaleY(1.5);-webkit-clip-path:ellipse(25% 50% at 50% 50%);clip-path:ellipse(25% 50% at 50% 50%)}.card .card-inner .swish-num[data-v-e0357eae]{color:#000;position:absolute;width:100%;text-align:center;font-weight:900;font-size:64px;top:50%;transform:translateY(-50%)}.card .card-inner .swish-num.hasSvg[data-v-e0357eae]{height:70px}.card .card-inner .swish-num.hasSvg[data-v-e0357eae] svg{height:100%;width:100%}.card .card-inner .bottom-num[data-v-e0357eae]{transform:rotate(180deg);-ms-flex-item-align:end;align-self:flex-end}.stack[data-v-7300438a]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.stack[data-v-7300438a] .card{position:absolute;top:0;left:0}.chat-view[data-v-62be20bb]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.chat-view.dark[data-v-62be20bb]{background-color:rgba(0,0,0,.8);color:#dfe6e9}.chat-view.dark .chat-header[data-v-62be20bb]{margin:16px}.chat-view.dark .chat-box[data-v-62be20bb]{border:0}.chat-view.dark .compose-container[data-v-62be20bb]{padding:16px}.chat-header[data-v-62be20bb]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;text-align:center;margin:16px 0}.chat-header h1[data-v-62be20bb]{-ms-flex:1;flex:1}.chat-header svg[data-v-62be20bb]{cursor:pointer}.chat-box[data-v-62be20bb]{-ms-flex:1;flex:1;border:1px solid #bdc3c7;overflow-y:scroll;margin-bottom:10px;min-height:200px;padding:8px;border-radius:8px}.chat-box .message[data-v-62be20bb]{margin-bottom:8px}.chat-box .message .sender[data-v-62be20bb]{font-weight:700;margin-right:8px}.compose-container[data-v-62be20bb]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-top:8px}.compose-container .message-input[data-v-62be20bb]{font-family:Josefin Sins,sans-serif;-ms-flex:1;flex:1;padding:4px;margin-right:8px;border:1px solid #bdc3c7;padding:8px 16px}.color-selector-container[data-v-be1273e8]{background-color:rgba(0,0,0,.8);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:999}.color-selector-container .color-selector[data-v-be1273e8]{background-color:#fff;padding:16px;width:432px}.color-selector-container .color-selector p[data-v-be1273e8]{padding:16px 0 32px;text-align:center}.color-selector-container .color-selector .colors-container[data-v-be1273e8]{display:-ms-flexbox;display:flex}.color-selector-container .color-selector .colors-container .color[data-v-be1273e8]{-ms-flex:1 0 100px;flex:1 0 100px;text-align:center;padding:32px 8px;cursor:pointer}.color-selector-container .color-selector .colors-container .color.red[data-v-be1273e8]{background-color:#f55}.color-selector-container .color-selector .colors-container .color.yellow[data-v-be1273e8]{background-color:#fa0}.color-selector-container .color-selector .colors-container .color.green[data-v-be1273e8]{background-color:#5a5}.color-selector-container .color-selector .colors-container .color.blue[data-v-be1273e8]{background-color:#55f}.opponent-detail-layer .opponent[data-v-a5dfc12c]{position:absolute;display:-ms-flexbox;display:flex;width:150px;min-height:150px;padding:8px;transition:all .25s;-webkit-filter:grayscale(80%);filter:grayscale(80%)}.opponent-detail-layer .opponent.active[data-v-a5dfc12c]{padding:1px;-webkit-filter:grayscale(0);filter:grayscale(0)}.opponent-detail-layer .opponent .content[data-v-a5dfc12c]{-ms-flex:1;flex:1;padding:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:3px solid #000}.opponent-detail-layer .opponent .content .player-name[data-v-a5dfc12c]{text-align:center;margin-bottom:8px}.opponent-detail-layer .opponent .content .hand-count[data-v-a5dfc12c]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:1.5em}.opponent-detail-layer .opponent .content .hand-count svg[data-v-a5dfc12c]{width:1em;height:1em;margin-left:4px}.opponent-detail-layer .opponent .content .hand-count[data-v-a5dfc12c] use{fill:#000}.card-back-hand[data-v-16de9dcb]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.card-back .card-inner[data-v-30f20d2a],.card-back[data-v-30f20d2a]{border-radius:16px}.card-back[data-v-30f20d2a]{width:120px;height:180px;padding:8px;border:1px solid #000;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:transform .25s;background-color:#fff}.card-back.selectable[data-v-30f20d2a]{cursor:pointer}.card-back.selected[data-v-30f20d2a]{transform:translateY(-25%)}.card-back .card-inner[data-v-30f20d2a]{height:100%;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;background-color:#000}.card-back .card-inner .swoosh[data-v-30f20d2a]{-ms-flex-positive:1;flex-grow:1;background-color:#f55;transform:rotate(45deg) scaleX(1.5) scaleY(1.5);-webkit-clip-path:ellipse(25% 50% at 50% 50%);clip-path:ellipse(25% 50% at 50% 50%)}.card-back .card-inner .swish-content[data-v-30f20d2a]{color:#fff;position:absolute;width:100%;text-align:center;font-weight:900;font-size:48px;top:50%;transform:translateY(-50%)}.card-back .card-inner .spacer[data-v-30f20d2a]{height:40px}.opponent-hand-layer .hand-container[data-v-4725ac13]{position:absolute;transform-origin:left top}.landing-container[data-v-38799894]{width:100vw;height:100vh;background-image:url(/static/james-connolly-363036-unsplash.jpg);background-size:cover;background-position:50%}.landing-container .landing-layout[data-v-38799894]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.landing-container .landing-layout .landing-content[data-v-38799894]{background-position:100%;background-size:contain;background-repeat:no-repeat;-ms-flex:1;flex:1;background-color:hsla(0,0%,100%,.8);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:32px;position:relative}.landing-container .landing-layout .landing-content h1[data-v-38799894]{font-family:Wendy One;font-size:64px}.landing-container .landing-layout .landing-content p[data-v-38799894]{font-size:24px;text-align:center}.landing-container .landing-layout .landing-content .btn-container[data-v-38799894]{margin-top:16px}.landing-container .landing-layout .landing-content .footer-links[data-v-38799894]{position:absolute;bottom:0;left:0;right:0;padding:16px;text-align:right}.landing-container .landing-layout .landing-content .footer-links a[data-v-38799894]{color:#3498db}.landing-container .landing-layout .landing-content .footer-links a[data-v-38799894]:hover{color:#2980b9}.landing-container .landing-layout .border[data-v-38799894],.landing-container .landing-layout .illustration[data-v-38799894]{height:100%}.game[data-v-43902a05]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.lobby-ui{width:500px;max-width:100vw;border-radius:16px;margin:16px 0}.btn[data-v-7492304d]{cursor:pointer;color:blue;text-decoration:underline}.lobby[data-v-7492304d]{background-image:url(/static/james-connolly-363036-unsplash.jpg);background-size:cover;background-position:50%;width:100vw;min-height:100vh;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.intro-card[data-v-db85aaba],.lobby[data-v-7492304d]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.intro-card[data-v-db85aaba]{border:1px solid #000;margin-top:100px;-ms-flex-direction:row;flex-direction:row;background-color:#fff}.intro-card .koala[data-v-db85aaba]{height:200px;width:200px;margin-top:-100px}.intro-card .text[data-v-db85aaba]{font-family:Wendy One,sans-serif;font-size:24px}.match-find[data-v-2ab59f31]{background-color:#16a085;padding:16px 0}.match-find h1[data-v-2ab59f31]{text-align:center;padding-top:16px}.match-find .match-list[data-v-2ab59f31]{margin:16px;border-radius:8px;background-color:#fff}.match-find .match-list .item-match[data-v-2ab59f31]{border-top:1px solid #000;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.match-find .match-list .item-match[data-v-2ab59f31]:first-of-type{border-top:0}.match-find .match-list .item-match:first-of-type button[data-v-2ab59f31]{border-top-right-radius:8px}.match-find .match-list .item-match:last-of-type button[data-v-2ab59f31]{border-bottom-right-radius:8px}.match-find .match-list .item-match .name[data-v-2ab59f31]{font-family:Wendy One,sans-serif;font-size:20px;padding:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-find .match-list .item-match .status[data-v-2ab59f31]{background-color:#ecf0f1;border:1px solid #bdc3c7;border-radius:4px;padding:4px 8px;margin-right:16px;white-space:nowrap}.match-find .match-list .item-match .spacer[data-v-2ab59f31]{-ms-flex:1;flex:1}.match-find .match-list .item-match button[data-v-2ab59f31]{font-family:Source Sans Pro,sans-serif;font-weight:800;background-color:#2ecc71;border:0;border-left:1px solid #000;padding:8px 32px;-ms-flex-item-align:stretch;align-self:stretch;text-transform:uppercase;font-size:16px;cursor:pointer;transition:background-color .25s}.match-find .match-list .item-match button[data-v-2ab59f31]:hover{background-color:#65ed9f}.match-find .match-list .item-match.create-match[data-v-2ab59f31]{font-size:20px;padding:24px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-top-right-radius:8px;border-top-left-radius:8px;cursor:pointer;transition:all .25s}.match-find .match-list .item-match.create-match .label[data-v-2ab59f31]{max-width:0;overflow:hidden;white-space:nowrap;transition:all .25s;vertical-align:text-bottom}.match-find .match-list .item-match.create-match[data-v-2ab59f31]:hover{background-color:#bdc3c7}.match-find .match-list .item-match.create-match:hover .label[data-v-2ab59f31]{max-width:500px;padding-left:16px}.match-find .match-list .item-match.create-match.explicit[data-v-2ab59f31]{-ms-flex-direction:column;flex-direction:column}.match-find .match-list .item-match.create-match.explicit .label[data-v-2ab59f31]{max-width:inherit;padding-left:0;padding-top:16px}.match-admin-container[data-v-33d1bf67]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.match-admin-container .match-admin[data-v-33d1bf67]{background-color:#fff;padding:16px 32px 32px;display:-ms-flexbox;display:flex;width:80%;height:80%;border-radius:8px}.match-admin-container .match-admin .primary-panel[data-v-33d1bf67]{-ms-flex:2;flex:2;margin-right:16px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.match-admin-container .match-admin .secondary-panel[data-v-33d1bf67]{-ms-flex:1;flex:1}.match-admin-container .title-container[data-v-33d1bf67]{display:-ms-flexbox;display:flex;padding:16px 0}.match-admin-container .title-container h1[data-v-33d1bf67],.match-admin-container .title-container input[data-v-33d1bf67]{-ms-flex:1;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-admin-container .title-container input[data-v-33d1bf67]{padding:16px;font-family:Josefin Sans,sans-serif}.match-admin-container .title-container button[data-v-33d1bf67]{margin-left:8px}.match-admin-container .share[data-v-33d1bf67]{border:1px solid #bdc3c7;border-radius:8px;padding:16px;margin-top:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.match-admin-container .share input[data-v-33d1bf67]{-ms-flex:1;flex:1;margin-left:1em;font-family:Josefin Sans,sans-serif;padding:8px 16px}.match-admin-container .player-list[data-v-33d1bf67]{margin-top:16px;border:1px solid #bdc3c7;border-radius:8px;-ms-flex:1;flex:1;overflow-y:scroll}.match-admin-container .player-list.admin[data-v-33d1bf67]{border-bottom-right-radius:0;border-bottom-left-radius:0}.match-admin-container .player-list .player-row[data-v-33d1bf67]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:16px;border-top:1px solid #bdc3c7;font-size:24px;min-height:64px}.match-admin-container .player-list .player-row[data-v-33d1bf67]:first-of-type{border-top:0;border-radius:8px}.match-admin-container .player-list .player-row.notice-row .notice[data-v-33d1bf67]{margin:16px;text-align:center;display:block;width:100%;font-style:italic;color:#666}.match-admin-container .player-list .player-row svg[data-v-33d1bf67]{-ms-flex-item-align:start;align-self:flex-start}.match-admin-container .player-list .player-row .admin-icon[data-v-33d1bf67]{color:#8e44ad}.match-admin-container .player-list .player-row .robot-icon[data-v-33d1bf67]{color:#000}.match-admin-container .player-list .player-row .human-icon[data-v-33d1bf67]{opacity:0}.match-admin-container .player-list .player-row .player-icon[data-v-33d1bf67]{color:#e74c3c}.match-admin-container .player-list .player-row .name[data-v-33d1bf67]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-admin-container .player-list .player-row .name[data-v-33d1bf67],.match-admin-container .player-list .player-row input[data-v-33d1bf67]{-ms-flex:1;flex:1;padding:0 16px}.match-admin-container .player-list .player-row input[data-v-33d1bf67]{-ms-flex:1;flex:1;margin:0 1em;font-family:Josefin Sans,sans-serif;padding:8px 16px}.match-admin-container .player-button-group button[data-v-33d1bf67]{border-top:0;border-radius:0;margin-right:0;border-right-width:0}.match-admin-container .player-button-group button[data-v-33d1bf67]:first-child{border-bottom-left-radius:8px}.match-admin-container .player-button-group button[data-v-33d1bf67]:last-child{border-bottom-right-radius:8px;border-right-width:1px}.center-button[data-v-33d1bf67]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.center-button>[data-v-33d1bf67]{-ms-flex:1;flex:1}.center-button>[data-v-33d1bf67]:not(:last-child){margin-right:16px}h1[data-v-82b204d6]{text-align:center;margin-bottom:16px}.player[data-v-82b204d6]{background-color:#19b5fe;padding:32px 16px}.name[data-v-82b204d6]{text-align:center}.center-button[data-v-82b204d6]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.name-edit[data-v-82b204d6]{font-family:Josefin Sans,sans-serif;text-align:center;display:block;width:100%;padding:16px}button[data-v-82b204d6]{margin-top:16px}
/*# sourceMappingURL=app.674a27127aa7de22a77000ebc3ae7935.css.map */