.set-mode-panel{position:fixed;left:20px;top:20px}.set-mode-panel .section{margin-bottom:20px}.set-mode-panel button{width:110px;height:40px;font-size:14px;margin-bottom:10px;display:block;border-width:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.set-mode-panel .hint{color:#d3d3d3;font-size:12px;width:150px;line-height:1.6}@media (max-width:700px){.set-mode-panel{left:8px;top:8px}.set-mode-panel button{width:86px;height:36px;font-size:13px;margin-bottom:6px}.set-mode-panel .hint{font-size:11px;width:120px}}.set-mode-panel button.selectable{cursor:pointer;background-color:grey}.set-mode-panel button.selectable:active{transform:scale(.99)}.set-mode-panel button.selectable:hover{background-color:hsla(0,0%,50.2%,.9)}.set-mode-panel button.toggled{background-color:green}.set-mode-panel button.clickable{cursor:pointer;background-color:#805000}.set-mode-panel button.clickable:hover{background-color:rgba(128,80,0,.8)}.set-mode-panel .hotkeys-panel{position:fixed;top:10vh;left:35vw;width:calc(30vw - 40px);height:80vh;background-color:#fff;border:2px solid #000;margin:0 auto;color:#000;padding:20px}.set-mode-panel .hotkeys-panel table{border-spacing:10px;margin-bottom:20px}.set-mode-panel .hotkeys-panel>button{position:absolute;top:8px;right:8px;width:30px;height:30px;background-color:red}.set-mode-panel .hotkeys-panel>button:hover{background-color:rgba(255,0,0,.6)}.fill{width:100%;height:100%}.card-value{position:absolute;left:2px;top:1px;font-size:18px;background:radial-gradient(#c8c8aa,#c8c8aa,rgba(200,200,170,0));width:20px;height:44px;padding:4px;text-align:center;border-radius:3px}.hidden{display:none}.red{color:#8c0000}.black{color:#000}body{margin:0;background-color:#000}img{-webkit-user-select:none;-ms-user-select:none;user-select:none}.positioned{position:absolute}.shadow{box-shadow:5px 5px 5px #666;-webkit-box-shadow:5px 5px 5px #666}.small-shadow{box-shadow:2px 2px 2px #666;-webkit-box-shadow:2px 2px 2px #666}.gray{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.5}.player-name{color:grey;text-align:center;pointer-events:none;overflow:hidden}.player-name.current-player{color:orange}.decrease-health{background-image:url(/health/health-red.png);background-size:cover}.increase-health{background-image:url(/health/health-green.png);background-size:cover}.decrease-max-health{background-image:url(/health/health-minus.png)}.decrease-max-health,.increase-max-health{background-size:contain;background-repeat:no-repeat}.increase-max-health{background-image:url(/health/health-plus.png)}.chain{background-image:url(/chain.png);background-size:cover}.game-label{position:absolute;color:#fff;pointer-events:none}.image-placeholder{background-color:#3a3a3a;border:2px dashed #888;box-sizing:border-box;color:#aaa;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;padding:8px}.hp-label{position:absolute;background-color:rgba(0,0,0,.6);border-radius:4px;padding:2px 4px;box-sizing:border-box;text-align:center;pointer-events:none}.hp-btn,.hp-label{color:#fff;line-height:1}.hp-btn{background-color:rgba(60,60,60,.85);border:1px solid #999;border-radius:4px;padding:0;cursor:pointer}.hp-btn:hover{background-color:hsla(0,0%,47.1%,.9)}.hp-max-input{background-color:rgba(0,0,0,.6);border:1px solid #999;border-radius:4px;color:#fff;text-align:center;padding:0;box-sizing:border-box}.hp-max-input:focus{outline:2px solid orange}.gm-actions{position:fixed;top:52px;left:50%;transform:translateX(-50%);z-index:999}.gm-reset{background-color:rgba(200,60,40,.9);border:1px solid #fff;border-radius:8px;color:#fff;font-size:14px;padding:6px 14px;cursor:pointer}.gm-reset:hover{background-color:#c83c28}.gm-status{background-color:rgba(0,0,0,.6);border-radius:8px;text-align:center}.gm-deal,.gm-status{color:#fff;padding:6px 14px;margin-bottom:8px;font-size:14px}.gm-deal{background-color:rgba(0,128,0,.9);border:1px solid #fff;border-radius:8px;cursor:pointer}.gm-deal:hover{background-color:green}.target-overlay{top:0;left:0;z-index:50}.role-badge,.target-overlay{position:absolute;pointer-events:none}.role-badge{background-color:rgba(0,0,0,.75);border-radius:4px;color:#fff;text-align:center;line-height:1;display:flex;align-items:center;justify-content:center;z-index:10}.role-badge.King{background-color:rgba(200,150,0,.9);color:#1a1a1a;font-weight:700}.role-badge.Rebel{background-color:rgba(200,40,40,.9)}.role-badge.Loyalist{background-color:rgba(40,80,200,.9)}.role-badge.Spy{background-color:rgba(40,160,80,.9)}.my-area{position:absolute;bottom:0;width:100%;background-color:#2b1a15}.help-panel{position:relative;top:30vh;width:35vw;height:30vh;background-color:#fff;border:2px solid #000;margin:0 auto;color:#000}.help-panel>img{height:100%;float:left;margin-right:3px}.help-panel>div{padding:20px;height:calc(100% - 40px);overflow:auto}.help-panel>button{position:absolute;top:8px;right:8px;width:30px;height:30px}.selectable .item{cursor:pointer}.selectable .item:hover{outline:4px solid orange}.selectable .item:active{transform:scale(.99)}.image-div.selectable{cursor:pointer}.image-div.selectable:hover{outline:4px solid orange}.image-div.selectable:active{transform:scale(.99)}button{font-size:16px;border-radius:8px;color:#fff;-webkit-user-select:none;-ms-user-select:none;user-select:none}button.warn{background-color:#ffba00}button.warn.selectable:hover{background-color:rgba(255,186,0,.7)}button.bad{background-color:red}button.bad.selectable:hover{background-color:rgba(255,0,0,.6)}button.selectable{cursor:pointer}button.selectable:active{transform:scale(.99)}button.disabled{background-color:grey}@media (max-width:700px){.hp-max-input{font-size:16px}.gm-actions{top:44px;max-width:92vw}.gm-actions .gm-status,.gm-actions button{font-size:13px;padding:4px 10px}}.board{position:relative;width:100vw;max-width:100vw;margin:0 auto;height:calc(100vh - 10px);height:calc(100dvh - 10px);background-color:#ffebd0;border:3px solid #2b1a15;text-align:left;box-sizing:border-box;overflow:hidden}@media (min-width:1200px){.board{max-width:calc(100vw - 250px)}}@media (min-width:1650px){.board{max-width:1400px}}.lobby{text-align:center;color:#d3d3d3;font-size:18px}.lobby .title h1{color:#ffd27f;font-size:42px;margin:20px 0 10px}.gm-banner{position:fixed;top:8px;left:50%;transform:translateX(-50%);background-color:rgba(255,210,127,.95);color:#2b1a15;font-size:16px;font-weight:700;padding:6px 16px;border-radius:8px;z-index:1000;pointer-events:none}.lobby .title{width:100vw}.lobby .title img{max-height:50vh;margin:0 auto;display:block}.lobby #lobby-view{padding:0!important}.lobby .hidden{display:none}.lobby button{color:#000}.lobby #instances table{margin:0 auto;border-spacing:5px}.lobby #instances td{border:1px solid #d3d3d3;padding:5px}.lobby .phase-title>*>*{padding:10px}.lobby .expansion{text-transform:capitalize;margin:0 2px 0 0}.lobby .bgio-client{position:fixed;top:0;left:0;width:100vw;height:100vh}.toggle-sound{background-size:cover;position:fixed;bottom:5px;left:5px;width:30px;height:30px;cursor:pointer;background-color:#d3d3d3}.toggle-sound.off{background-image:url(/sound-off.png)}.toggle-sound.on{background-image:url(/sound-on.png)}.leave-button{position:fixed;bottom:5px;left:40px;background-color:red;color:#000;cursor:pointer}@media (max-width:700px){.lobby .title h1{font-size:28px;margin:12px 0 6px}.lobby{font-size:15px}.lobby #instances{overflow-x:auto}.gm-banner{font-size:13px;padding:4px 10px;top:6px;width:90vw;box-sizing:border-box}}
/*# sourceMappingURL=main.f8c1f99c.chunk.css.map */