body{background:radial-gradient(circle,rgb(190,140,106) 0%,rgb(104,60,33) 100%)}.current-scene{flex-grow:1;display:flex;justify-content:center;align-items:center}@property --timer-value{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@keyframes timer-animation{0%{--timer-value: 100%}to{--timer-value: 0%}}:root{--timer-size: 2em;--timer-color: #404040}.timer-widget{display:inline-block;vertical-align:middle;width:var(--timer-size);height:var(--timer-size);margin:0 2px;border-radius:50%;background:conic-gradient(var(--timer-color) var(--timer-value),0,transparent);animation-name:timer-animation;animation-duration:var(--duration);animation-fill-mode:both;animation-timing-function:linear}:root{--profile-pic-size: 50px}.lobby-user{text-align:center;display:flex;align-items:center;justify-items:center}.lobby-user-disconnected{color:#505050}.lobby-user-disconnected img{filter:grayscale(80%) contrast(70%)}.lobby-user .timer-widget{--timer-size: 1.5em}.flex-row .lobby-username,.button-rejoin{margin-left:.4em}.lobby-username{font-weight:700;z-index:3;max-width:20em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.lobby-user-inner{position:relative;display:inline-block;height:var(--profile-pic-size);width:var(--profile-pic-size)}.lobby-user-inner img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%}.lobby-user.lobby-user-self .lobby-username span{filter:drop-shadow(0px 2px 2px rgba(0,0,0,.6))}.lobby-user-icons{display:inline-block;margin-left:.5em;vertical-align:middle;line-height:0}.player-icon{--player-icon-size: 32px}@media (max-width:1200px){.player-icon{--player-icon-size: 20px}}.player-icon-outer{display:inline-block;height:max-content;width:max-content}.player-icon{pointer-events:none;display:inline-block;height:var(--player-icon-size);width:var(--player-icon-size);-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-image:var(--icon-url);background-size:contain;background-repeat:no-repeat;background-blend-mode:multiply;background-color:var(--icon-color)}.icon-winner{--icon-url: url(/media/icon_winner.png);--icon-color: #bba14f}.icon-origin{--icon-url: url(/media/icon_origin.png);--icon-color: #7bf7ffff}.icon-target{--icon-url: url(/media/icon_target.png);--icon-color: #ff0000ff}.icon-turn{--icon-url: url(/media/icon_turn.png);--icon-color: #4d7f21}.icon-dead{--icon-url: url(/media/icon_dead.png);--icon-color: #dedbd3}.icon-ghost{--icon-url: url(/media/icon_ghost.png);--icon-color: rgb(169, 189, 196)}.icon-skip-turn{--icon-url: url(/media/icon_skip_turn.png);--icon-color: #ff0000ff}.icon-dynamite{--icon-url: url(/media/icon_dynamite.png);--icon-color: rgb(228, 64, 64)}.icon-owner{--icon-url: url(/media/icon_owner.png);--icon-color: #94a4af}.icon-spectator{--icon-url: url(/media/icon_spectator.png);--icon-color: #94a4af}.icon-disconnected{--icon-url: url(/media/icon_disconnected.png);--icon-color: #ff0000}.icon-sheriff{--icon-url: url(/media/icon_sheriff.png);--icon-color: #dfcc29}.icon-outlaw{--icon-url: url(/media/icon_outlaw.png);--icon-color: #e97070}.icon-deputy{--icon-url: url(/media/icon_deputy.png);--icon-color: #afdf29}.icon-renegade{--icon-url: url(/media/icon_renegade.png);--icon-color: #75a4da}.user-menu{min-width:12em}.username-input input{width:100%;padding:.2em}.username-input span,.username-span input{display:none}.collapsible-header{font-weight:700;text-align:center;font-size:15pt;margin-bottom:2pt;cursor:pointer}.collapsible-visible{transition:max-height .3s ease-in-out,visibility .2s step-end;visibility:visible}.collapsible-collapsed{transition:max-height .3s ease-in-out,visibility .3s step-end;max-height:0;visibility:hidden;overflow:hidden}.tooltip{display:inline-block;position:relative;background:#00000040;--tooltip-size: 1.2em;--tooltip-background-color: rgba(0, 0, 0, .9);width:var(--tooltip-size);height:var(--tooltip-size);line-height:var(--tooltip-size);text-align:center;vertical-align:middle;border-radius:100%;cursor:help;font-weight:700;color:#fff}.tooltip .tooltiptext{pointer-events:none;font-weight:400;display:none;background-color:var(--tooltip-background-color);text-align:center;padding:.2em .5em;border-radius:6px;position:absolute;z-index:1;bottom:100%;left:50%;width:15em;transform:translate(-50%)}.tooltip:hover .tooltiptext{display:unset}.tooltip .tooltiptext:after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--tooltip-background-color) transparent transparent transparent}@media (min-width: 768px){.game-options-editor{margin-right:1em}}.game-options-group{width:fit-content;border:2px solid #2d1000ff;border-radius:1em;background-color:#ffffff38;padding:1em;margin:.5em auto}.game-options-group .collapsible-visible{max-height:22em}.game-options-group label{margin:0 .3em}.option-row{display:flex;flex-direction:row;align-items:center}.option-left-column{width:12em}.option-left-column label{margin-left:0}.option-right-column{width:10em;display:flex;align-items:center}@media (max-width: 768px){.option-right-column{width:7.5em}}.option-right-column input{min-width:0;border-radius:.2em;margin:.1em}.option-right-column input[type=range]{flex:3 1 0}.option-right-column input[type=number]{padding:.1em;flex:2 1 0}.lobby-chat-outer{order:1}.lobby-chat-box{display:flex;position:fixed;right:1em;bottom:4.5em;width:min(20em,100vw - 2em);max-height:60vh;flex-direction:column}.lobby-chat-bubble-outer{position:fixed;right:1em;bottom:4.5em;max-width:min(20em,100vw - 2em);filter:drop-shadow(1px 1px 2px black)}.lobby-chat-bubble{background-color:#fffc;--r: .5em;--t: .5em;padding:.2em .5em;border-right:var(--t) solid #0000;-webkit-mask:radial-gradient(var(--t) at 100% 0,#0000 98%,#000 102%) 100% 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(closest-side at 50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;mask:radial-gradient(var(--t) at 100% 0,#0000 98%,#000 102%) 100% 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(closest-side at 50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box}.lobby-chat-messages{background-color:#fffc;overflow-y:auto;margin-bottom:.5em;padding:.5em}.lobby-chat-form{display:flex;flex-direction:row}.lobby-chat-form input{width:100%;margin-right:.5em}.username{font-weight:700}.server-message{color:#00f}.overlay-buttons{position:fixed;width:100%;padding:1em;bottom:0;z-index:20;display:flex;flex-direction:row-reverse;pointer-events:none}.overlay-buttons div{pointer-events:all}@media (max-width: 768px){.overlay-buttons{padding:.5em}}.card-name{font-weight:700}.card-name img{display:inline;height:1em}.player-name{font-weight:700}.unknown-name{color:gray}.card-animation{animation-duration:var(--duration);animation-fill-mode:both;transition:ease-in-out}.card-animation-reverse{animation-direction:reverse}.card-animation-flip{animation-name:flip-card-horizontal}@keyframes flip-card-horizontal{to{transform:rotateY(180deg)}}.feats-cards .card-animation-flip{animation-name:flip-card-vertical}@keyframes flip-card-vertical{to{transform:rotateX(180deg)}}.card-animation-turn{animation-name:turn-card}@keyframes turn-card{to{transform:rotate(90deg)}}.card-animation-flash .card-view-img{animation-duration:var(--duration);animation-name:flash-card;animation-fill-mode:both;transition:cubic-bezier(1,0,1,0)}@keyframes flash-card{0%{box-shadow:0 0 5px 5px #ff0}}:root{--card-width-unscaled: 250px;--card-height-unscaled: 389px;--card-border-unscaled: 18px;--one-hp-size-unscaled: 75px;--card-width: calc(var(--card-scale) * var(--card-width-unscaled));--card-height: calc(var(--card-scale) * var(--card-height-unscaled));--card-border: calc(var(--card-scale) * var(--card-border-unscaled));--one-hp-size: calc(var(--card-scale) * var(--one-hp-size-unscaled));--card-margin: .2em;--card-highlight-size: 3px}.feats-cards *{--card-scale: .3;--card-width-unscaled: 423px;--card-height-unscaled: 231px;--card-width: calc(var(--card-scale) * var(--card-width-unscaled));--card-height: calc(var(--card-scale) * var(--card-height-unscaled));--card-width-plus-margin: calc(var(--card-width) + 2 * var(--card-margin));--card-height-plus-margin: calc(var(--card-height) + 2 * var(--card-margin))}.feats-row{display:inline-flex;vertical-align:middle;flex-direction:row}.feats-col{display:flex;flex-direction:column;width:var(--card-width-plus-margin)}.feats-pocket .pocket-view{max-width:calc(var(--card-width-plus-margin) * 2)}@media (max-width:1200px){.feats-cards *{--card-scale: .18}}.card-view{display:inline-flex;position:relative;transform-style:preserve-3d;margin:var(--card-margin)}.card-front,.card-back,.card-back-flip{height:min-content;position:relative;backface-visibility:hidden}.card-back-flip{position:absolute;transform:rotateY(180deg)}.feats-cards .card-back-flip{transform:rotateX(180deg)}.feats-cards .pocket-view{line-height:0}.card-tokens{position:absolute;width:80%;left:50%;top:25%;transform:translate(-50%);text-align:center;white-space:normal;line-height:0}.card-tokens .card-token{display:inline;margin:0 1px}@media (max-width:1200px){.card-tokens{width:100%}.card-token{width:10px}}.feats-pocket .card-tokens{position:absolute;width:100%;top:unset;bottom:.2em;text-align:center;white-space:normal;line-height:0}.card-horizontal{transform:rotate(90deg)}.card-selected{--card-highlight-color: red}.card-targetable{--card-highlight-color: #cdda1fad;cursor:pointer}.card-targetable:hover{--card-highlight-color: #e6f32bad;--card-highlight-size: 4px}.card-retargetable{--card-highlight-color: rgb(255, 38, 0);cursor:pointer}.card-retargetable:hover{--card-highlight-color: rgb(180, 27, 0)}.card-current{--card-highlight-color: #306eff}.card-prompted{--card-highlight-color: #1848b8}.card-playable{--card-highlight-color: #1ed760aa;cursor:pointer}.card-playable:hover{--card-highlight-color: #189b46de}.card-playable.card-targetable{--card-highlight-color: #44da1fad}.card-playable.card-targetable:hover{--card-highlight-color: #33b811ad}.card-modified{--card-highlight-color: #4470d6b7}.card-highlight{--card-highlight-color: red}.card-origin{--card-highlight-color: cyan}.card-cube{border-radius:50%}.card-targetable-cubes{cursor:pointer}.card-targetable-cubes .card-cube{background-color:#ffa000;box-shadow:0 0 3px 3px #ffa000}.card-targetable-cubes:hover .card-cube{background-color:#ca8000;box-shadow:0 0 3px 3px #ca8000}.card-cube-selected{background-color:#ff0000d0!important;box-shadow:0 0 3px 3px #ff0000d0!important}.card-view-img{background-color:#fff;border-radius:var(--card-border) var(--card-border);box-shadow:0 0 var(--card-highlight-size) var(--card-highlight-size) var(--card-highlight-color);width:var(--card-width);height:var(--card-height)}.card-view-inner{position:absolute;left:4%;bottom:2%;width:max-content;line-height:0;scale:calc(var(--card-scale) * 2);transform-origin:bottom left}.card-view-inner img{display:inline}.deck-shuffle-animation{z-index:2;pointer-events:none;--total-delay: calc(var(--duration) * .6);--delay-per-card: calc(var(--total-delay) / var(--num-cards))}.deck-shuffle-animation-inner{position:fixed;left:var(--startX);top:var(--startY);animation-name:move-and-flip-card-horizontal;animation-fill-mode:both;transition:ease-in-out;animation-duration:calc(var(--duration) - var(--total-delay));animation-delay:calc(var(--card-index) * var(--delay-per-card));transform-style:preserve-3d;transform-origin:0 0}@keyframes move-and-flip-card-horizontal{to{z-index:var(--card-index);transform:translate(var(--diffX),var(--diffY)) rotateY(180deg)}}.feats-cards .deck-shuffle-animation-inner{animation-name:move-and-flip-card-vertical}@keyframes move-and-flip-card-vertical{to{z-index:var(--card-index);transform:translate(var(--diffX),var(--diffY)) rotateX(180deg)}}.card-slot{display:inline-block;width:var(--card-width-plus-margin);height:var(--card-height);margin-top:var(--card-margin)}.card-slot-stretch{animation-name:stretch;animation-duration:var(--duration);animation-fill-mode:both;transition:ease-out}.card-slot-stretch-in{animation-direction:reverse}@keyframes stretch{0%{width:0}}.move-card-animation{position:fixed;left:var(--startX);top:var(--startY);animation-name:move-card;animation-duration:var(--duration);animation-fill-mode:both;transition:ease-in-out;z-index:15;pointer-events:none}.card-anchor{width:0;height:0}.card-anchor .card-view{margin:0;width:max-content;height:max-content;transform:translate(-50%,-50%)}@keyframes move-card{to{transform:translate(var(--diffX),var(--diffY))}}.move-tokens-animation{z-index:15;pointer-events:none;--total-delay: calc(var(--duration) * .2);--delay-per-token: calc(var(--total-delay) / var(--num-tokens))}.total-delay-0{--total-delay: 0ms}.move-tokens-animation-inner{position:fixed;left:var(--startX);top:var(--startY);animation-name:move-token;animation-fill-mode:both;animation-duration:calc(var(--duration) - var(--total-delay));animation-delay:calc(var(--move-token-index) * var(--delay-per-token));transition:ease-in-out}.move-tokens-animation-inner .card-token{transform:translate(-50%,-50%)}@keyframes move-token{to{transform:translate(var(--diffX),var(--diffY))}}:root{--card-width-plus-margin: calc(var(--card-width) + 2 * var(--card-margin));--card-height-plus-margin: calc(var(--card-height) + 2 * var(--card-margin))}.pocket-view{display:inline-block;height:var(--card-height-plus-margin);vertical-align:middle}.stack-pocket{pointer-events:none}.stack-pocket .card-view:last-child{pointer-events:all}.stack-pocket .card-slot{margin:unset;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.pocket-group{display:inline-block;background-color:#ffffff80;outline:2px solid rgb(80,80,80);border-radius:.2em;margin:0 .3em}.card-faded .card-front:before{pointer-events:none;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;border-radius:var(--card-border)}.stack-pocket{display:inline-block;position:relative;height:max-content}.stack-pocket .pocket-view{width:var(--card-width-plus-margin)}.stack-pocket .card-view{position:absolute;left:0;top:0}.stack-pocket .card-view:not(:last-child).card-targetable{--card-highlight-color: unset !important}.stack-pocket .card-view:not(:last-child).card-selected{--card-highlight-color: unset !important}.stack-pocket .card-view:not(:last-child).card-highlight{--card-highlight-color: unset !important}@property --card-translate-y{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.stack-pocket .card-view{transition-property:--card-translate-y;transition-duration:.3s;transition-timing-function:ease-in-out;--card-translate-y: 0%;transform:translateY(var(--card-translate-y))}.stack-pocket .card-view:not(:last-child).card-origin{pointer-events:all;--card-translate-y: -40%}.stack-pocket .card-view:not(:last-child).card-modified{pointer-events:all;--card-translate-y: -40%}.stack-pocket .card-view:not(:last-child).card-current{pointer-events:all;--card-translate-y: -40%}.pocket-count{text-shadow:0px 0px 4px white,0px 0px 4px white,0px 0px 4px white,0px 0px 4px white;font-weight:700;font-size:16pt;padding:2px 5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;pointer-events:none}@media (max-width: 1200px){.pocket-count{font-size:12pt}}.lifepoint-fade-in{animation-name:fade-in-green;animation-duration:var(--duration);animation-fill-mode:both;transition:ease-in}@keyframes fade-in-green{0%{opacity:0;filter:invert(58%) sepia(93%) saturate(2564%) hue-rotate(81deg) brightness(112%) contrast(128%);transform:translate(1em) rotate(-30deg)}}.lifepoint-fade-out{animation-name:fade-out-red;animation-duration:var(--duration);animation-fill-mode:both;transition:ease-in}@keyframes fade-out-red{to{opacity:0;filter:invert(11%) sepia(88%) saturate(7478%) hue-rotate(2deg) brightness(107%) contrast(111%);transform:translate(1em) rotate(30deg)}}.player-view.player-animation-death{animation-name:player-death;animation-duration:var(--duration);animation-fill-mode:both;transition:ease-in}.player-view.player-animation-death .player-hand{overflow-x:unset;overflow-y:unset}.player-view.player-animation-death .player-table{display:none}@keyframes player-death{0%{height:var(--player-height)}to{width:calc(2 * (var(--card-width-plus-margin) + var(--player-padding)));height:calc(var(--card-height-plus-margin) + 2 * var(--player-padding))}}:root{--player-width: calc(var(--card-width) * 6.5);--player-self-width: calc(var(--card-width) * 11);--player-height: calc(var(--card-height) * 2 + 4.5em);--player-tokens-size: 32px;--player-lifepoint-size: 2.5em;--player-lifepoint-spacing: 1.5em;--player-icon-position: .5em;--player-padding: .5em}@media (max-width:1200px){.player-view{--profile-pic-size: 25px;--player-padding: .1em}.player-view .lobby-user{font-size:8pt}:root{--player-tokens-size: 20px;--player-lifepoint-size: 1em;--player-lifepoint-spacing: .7em;--player-icon-position: .2em;--player-width: calc(var(--card-width) * 5);--player-height: calc(var(--card-height) * 2 + 1.5em);--player-self-width: calc(var(--card-width) * 9.5)}.player-tokens{font-size:10pt}}@media (min-width:1200px){.player-tokens{font-size:16pt}}.player-view{display:inline-flex;flex-direction:column;position:relative;--player-border-color: #2d1000ff;outline:3px solid var(--player-border-color);background-color:#ffffff38;border-radius:.8em;white-space:nowrap;width:var(--player-width);height:var(--player-height);padding:var(--player-padding)}.player-view-self{width:var(--player-self-width)}.current-turn{--player-border-color: #4d7f21}.player-winner{--player-border-color: #bba14f}.player-skipped{--player-border-color: rgb(116, 86, 86)}.player-selected{--player-border-color: red}.player-targetable{--player-border-color: rgb(177, 123, 24);cursor:pointer}.player-targetable:hover{--player-border-color: rgb(212, 167, 42)}.player-top-row{position:relative;display:flex;text-align:left;height:100%}.player-character{position:relative;display:flex}.player-role{display:inline-block}.player-role-inner{width:max-content}.player-view-self .player-role{min-width:var(--card-width-plus-margin);max-width:calc(2.5 * var(--card-width));overflow-x:auto;overflow-y:hidden}.player-hand{overflow-x:auto;overflow-y:hidden}.player-hand-inner{display:inline-block}.player-view-self .player-hand{display:flex;flex-grow:1;overflow-x:unset;overflow-y:unset}.player-table,.player-view-self .player-hand-inner{width:100%;height:100%;text-align:center;overflow-x:auto;overflow-y:hidden}.player-tokens{pointer-events:none;position:absolute;left:-.8em;bottom:.3em;text-align:center;font-weight:700;z-index:2;min-width:var(--player-tokens-size);height:var(--player-tokens-size)}.player-tokens-inner{display:inline-block;width:var(--player-tokens-size);height:var(--player-tokens-size);position:relative;margin-right:-.2em;vertical-align:middle}.player-tokens-inner img{width:100%;height:100%;position:absolute;z-index:-1}.player-lifepoints{pointer-events:none;display:flex;flex-direction:row;position:absolute;bottom:0;z-index:1}.player-lifepoint{width:var(--player-lifepoint-spacing)}.player-lifepoint-inner{width:var(--player-lifepoint-size);transform:rotate(-60deg);filter:drop-shadow(0px 1px 1px black)}@media (max-width: 768px){.player-icons{pointer-events:none}}.player-icons{position:absolute;top:var(--player-icon-position);right:var(--player-icon-position);width:max-content}.player-propic{position:absolute;left:50%;top:calc(var(--profile-pic-size) * -.95);transform:translate(-50%)}.player-view .lobby-username{background-color:#ffffc0;border-radius:.3em;padding:.2em}.player-slot{display:inline-block;width:var(--player-width);height:var(--player-height);vertical-align:middle}.move-player-animation{position:fixed;left:var(--startX);top:var(--startY);animation-name:move-player;animation-duration:var(--duration);animation-fill-mode:both;transition:ease-in-out;z-index:15;pointer-events:none;width:0;height:0}.move-player-inner{position:absolute;width:max-content;height:max-content;left:0;right:0;transform:translate(-50%,-50%)}@keyframes move-player{to{transform:translate(var(--diffX),var(--diffY))}}.card-overlay{position:fixed;left:var(--card-overlay-x);top:var(--card-overlay-y);z-index:30;pointer-events:none;width:0;height:0;animation-name:card-overlay-zoom;animation-duration:.3s;animation-fill-mode:forwards}.card-overlay-inner{position:relative;width:max-content;height:max-content;transform:translate(-50%,-50%)}.card-overlay-sign{display:inline;text-align:left;position:absolute;left:6%;bottom:4%}.card-overlay-sign img{display:inline}.card-overlay-img{background-color:#fff;border-radius:var(--card-border-unscaled) var(--card-border-unscaled);box-shadow:5px 5px 15px -2px #000}@keyframes card-overlay-zoom{0%{scale:var(--card-scale)}}.game-log-outer{order:4}.game-log-box{display:block;position:fixed;right:1em;bottom:5.5em;width:min(25em,100vw - 2em);height:60vh;font-size:10pt;background-color:#fffc}.game-log-box-inner{width:100%;height:100%;overflow-y:auto;padding:.5em}.scroll-bottom-button{position:absolute;right:1.5em;bottom:.5em;width:2em;height:2em}@media (max-width: 768px){.overlay-buttons:before{order:3;content:"";display:block;flex-grow:1}.game-log-box{right:unset;left:1em}.scroll-bottom-button{right:1em}}.game-users-outer{order:2}.game-users-box{z-index:10;display:block;position:fixed;right:1em;bottom:4.5em;min-width:200px;max-height:calc(100vh - 10em);overflow-y:auto}.game-users-box .lobby-user{outline:2px solid #2d1000ff;background-color:#cec9b8e0;border-radius:.5em;margin:.4em;padding:.2em;font-size:10pt}.game-users-box .lobby-user.lobby-user-winner{outline-color:#bba14f}.game-users-box .lobby-user.lobby-user-spectator{outline:none;background-color:#cec9b888}.card-choice{position:absolute;left:var(--card-anchor-x);top:var(--card-anchor-y);height:var(--card-height);z-index:5;max-width:calc(var(--card-width-plus-margin) * (var(--card-choice-num-cards) + .5))}.card-choice-inner{transform:translate(-50%,-50%) translateY(1.5em);text-align:center}.card-choice .card-view{margin:.3em}.station-card{display:inline-block;margin:var(--card-margin)}.stations-view{display:inline-block;vertical-align:middle;height:var(--card-height-plus-margin)}.station-card{filter:drop-shadow(0px 0px 3px var(--card-highlight-color)) drop-shadow(1px 1px 3px var(--card-highlight-color)) drop-shadow(-1px -1px 3px var(--card-highlight-color));transform:translateY(-5%) scale(1.2)}.station-card-img{background-color:#d03425;background:linear-gradient(180deg,rgba(208,52,37,1) 0%,rgba(240,216,156,1) 76%,rgba(180,106,69,1) 77%);width:var(--card-width);height:var(--card-height);-webkit-mask-image:url(/media/mask_station.svg);mask-image:url(/media/mask_station.svg);-webkit-mask-size:100%;mask-size:100%}.train-row{vertical-align:middle;margin-bottom:calc(var(--card-height) * .6)}.train-stations-container{display:inline-block;position:relative}.train-container{width:0;height:100%;top:60%;position:absolute;transform:translate(calc((var(--train-position) + 1) * var(--card-width-plus-margin)));transition-property:left;transition-duration:.3s;transition-timing-function:ease-in-out;left:0}.train-container.train-advance-transition{left:calc(var(--card-width-plus-margin) * var(--train-position-diff))}.train-container-inner{position:absolute;width:max-content;right:0}.train-container-move .train-container-inner{animation-name:move-train;animation-duration:var(--duration);animation-fill-mode:both;transition:ease-in-out}@keyframes move-train{to{transform:translate(calc(var(--card-width-plus-margin) * var(--train-position-diff)))}}.prompt-view,.selection-view{position:fixed;transform:translate(-50%,-50%);left:50%;display:flex;flex-direction:column;background-color:#ffffffc0;border-radius:.8em;z-index:10}.prompt-view{top:50%;padding:.5em 1em;border:3px solid #303030}.selection-view{top:20%;padding:.3em .8em;border:3px solid #404040}.selection-view .pocket-view{width:max-content}.prompt-message{min-width:30vw;text-align:center;font-size:large;font-weight:500}.prompt-buttons{display:flex;flex-direction:row;justify-content:center}.prompt-buttons button{margin:.3em}.game-scene{width:100vw;height:100%;display:flex;flex-direction:column}.status-bar{position:fixed;z-index:20;left:50%;bottom:1.5em;background-color:#ffffffd0;border-radius:.5em;padding:.5em;text-align:center;max-width:100vw;transform:translate(-50%);text-shadow:1px 1px 4px #00000080}.status-bar-error{outline:2px solid #a00000d0}.status-bar button{margin:.2em .4em}.main-deck-row{text-align:center;margin:.5em auto 2em}@media (min-width: 1200px){.main-deck-row{display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:space-around;min-width:50vw}}@media (max-width: 1200px){.main-deck-row{display:flex;flex-direction:column;align-items:center;margin-bottom:1em}}@media (max-width: 960px){.status-bar{font-size:10pt;line-height:12pt;bottom:.5em}.main-deck-row{margin-top:.5em}}.table-tokens{display:inline-flex;flex-direction:row;align-items:center;font-weight:700;height:var(--card-height-plus-margin);vertical-align:middle;justify-content:center}.table-tokens img{height:2em}@media (min-width: 1200px){.table-tokens{margin:0 .2em}.table-tokens img{margin-right:.2em}}@media (max-width: 1200px){.table-tokens{font-size:10pt}.table-tokens img{height:1.8em}.table-tokens *{display:block}}@media (min-width:1200px){:root{--card-scale: .24}.player-grid{display:grid;width:100%;grid-template-columns:repeat(10,auto);grid-template-rows:none;padding-bottom:3em}.player-grid[num-players="1"],.player-grid[num-players="2"],.player-grid[num-players="3"],.player-grid[num-players="4"]{grid-template-columns:auto 0 0 repeat(4,auto) 0 0 auto}.player-grid[num-players="8"]{--player-width: calc(var(--card-width) * 5)}.player-grid-item{margin:1.6em 1em;text-align:center}.player-grid-item[player-index="0"]{grid-column:4 / span 4;grid-row:1}.player-grid[num-players="2"] .player-grid-item[player-index="1"]{grid-column:4 / span 4;grid-row:2}.player-grid[num-players="3"] .player-grid-item[player-index="1"]{grid-column:6 / span 2;grid-row:2}.player-grid[num-players="3"] .player-grid-item[player-index="2"]{grid-column:4 / span 2;grid-row:2}.player-grid[num-players="4"] .player-grid-item[player-index="1"]{grid-column:7 / span 2;grid-row:2}.player-grid[num-players="4"] .player-grid-item[player-index="2"]{grid-column:5 / span 2;grid-row:2}.player-grid[num-players="4"] .player-grid-item[player-index="3"]{grid-column:3 / span 2;grid-row:2}.player-grid[num-players="5"] .player-grid-item[player-index="1"]{grid-column:8 / span 2;grid-row:1}.player-grid[num-players="5"] .player-grid-item[player-index="2"]{grid-column:6 / span 2;grid-row:2}.player-grid[num-players="5"] .player-grid-item[player-index="3"]{grid-column:4 / span 2;grid-row:2}.player-grid[num-players="5"] .player-grid-item[player-index="4"]{grid-column:2 / span 2;grid-row:1}.player-grid[num-players="6"] .player-grid-item[player-index="1"]{grid-column:8 / span 2;grid-row:1}.player-grid[num-players="6"] .player-grid-item[player-index="2"]{grid-column:7 / span 2;grid-row:2}.player-grid[num-players="6"] .player-grid-item[player-index="3"]{grid-column:5 / span 2;grid-row:2}.player-grid[num-players="6"] .player-grid-item[player-index="4"]{grid-column:3 / span 2;grid-row:2}.player-grid[num-players="6"] .player-grid-item[player-index="5"]{grid-column:2 / span 2;grid-row:1}.player-grid[num-players="7"] .player-grid-item[player-index="1"]{grid-column:8 / span 2;grid-row:1}.player-grid[num-players="7"] .player-grid-item[player-index="2"]{grid-column:8 / span 2;grid-row:2}.player-grid[num-players="7"] .player-grid-item[player-index="3"]{grid-column:6 / span 2;grid-row:2}.player-grid[num-players="7"] .player-grid-item[player-index="4"]{grid-column:4 / span 2;grid-row:2}.player-grid[num-players="7"] .player-grid-item[player-index="5"]{grid-column:2 / span 2;grid-row:2}.player-grid[num-players="7"] .player-grid-item[player-index="6"]{grid-column:2 / span 2;grid-row:1}.player-grid[num-players="8"] .player-grid-item[player-index="1"]{grid-column:8 / span 2;grid-row:1}.player-grid[num-players="8"] .player-grid-item[player-index="2"]{grid-column:9 / span 2;grid-row:2}.player-grid[num-players="8"] .player-grid-item[player-index="3"]{grid-column:7 / span 2;grid-row:2}.player-grid[num-players="8"] .player-grid-item[player-index="4"]{grid-column:5 / span 2;grid-row:2}.player-grid[num-players="8"] .player-grid-item[player-index="5"]{grid-column:3 / span 2;grid-row:2}.player-grid[num-players="8"] .player-grid-item[player-index="6"]{grid-column:1 / span 2;grid-row:2}.player-grid[num-players="8"] .player-grid-item[player-index="7"]{grid-column:2 / span 2;grid-row:1}}@media (max-width:1200px){:root{--card-scale: .13;--card-margin: .15em}.player-grid{display:grid;width:100%;grid-template-columns:repeat(2,50%);grid-template-rows:none;padding-bottom:3em}.player-grid-item{margin:.9em .3em}.player-grid-item[player-index="0"]{grid-column:1 / span 2;grid-row:1;text-align:center}.player-grid[num-players="2"] .player-grid-item[player-index="1"]{grid-column:1 / span 2;grid-row:2;text-align:center}.player-grid[num-players="3"] .player-grid-item[player-index="2"]{grid-column:1 / span 1;grid-row:2;text-align:right}.player-grid[num-players="3"] .player-grid-item[player-index="1"]{grid-column:2 / span 1;grid-row:2;text-align:left}.player-grid[num-players="4"] .player-grid-item[player-index="3"]{grid-column:1 / span 1;grid-row:2;text-align:right}.player-grid[num-players="4"] .player-grid-item[player-index="1"]{grid-column:2 / span 1;grid-row:2;text-align:left}.player-grid[num-players="4"] .player-grid-item[player-index="2"]{grid-column:1 / span 2;grid-row:3;text-align:center}.player-grid[num-players="5"] .player-grid-item[player-index="4"]{grid-column:1 / span 1;grid-row:2;text-align:right}.player-grid[num-players="5"] .player-grid-item[player-index="1"]{grid-column:2 / span 1;grid-row:2;text-align:left}.player-grid[num-players="5"] .player-grid-item[player-index="3"]{grid-column:1 / span 1;grid-row:3;text-align:right}.player-grid[num-players="5"] .player-grid-item[player-index="2"]{grid-column:2 / span 1;grid-row:3;text-align:left}.player-grid[num-players="6"] .player-grid-item[player-index="5"]{grid-column:1 / span 1;grid-row:2;text-align:right}.player-grid[num-players="6"] .player-grid-item[player-index="1"]{grid-column:2 / span 1;grid-row:2;text-align:left}.player-grid[num-players="6"] .player-grid-item[player-index="4"]{grid-column:1 / span 1;grid-row:3;text-align:right}.player-grid[num-players="6"] .player-grid-item[player-index="2"]{grid-column:2 / span 1;grid-row:3;text-align:left}.player-grid[num-players="6"] .player-grid-item[player-index="3"]{grid-column:1 / span 2;grid-row:4;text-align:center}.player-grid[num-players="7"] .player-grid-item[player-index="6"]{grid-column:1 / span 1;grid-row:2;text-align:right}.player-grid[num-players="7"] .player-grid-item[player-index="1"]{grid-column:2 / span 1;grid-row:2;text-align:left}.player-grid[num-players="7"] .player-grid-item[player-index="5"]{grid-column:1 / span 1;grid-row:3;text-align:right}.player-grid[num-players="7"] .player-grid-item[player-index="2"]{grid-column:2 / span 1;grid-row:3;text-align:left}.player-grid[num-players="7"] .player-grid-item[player-index="4"]{grid-column:1 / span 1;grid-row:4;text-align:right}.player-grid[num-players="7"] .player-grid-item[player-index="3"]{grid-column:2 / span 1;grid-row:4;text-align:left}.player-grid[num-players="8"] .player-grid-item[player-index="7"]{grid-column:1 / span 1;grid-row:2;text-align:right}.player-grid[num-players="8"] .player-grid-item[player-index="1"]{grid-column:2 / span 1;grid-row:2;text-align:left}.player-grid[num-players="8"] .player-grid-item[player-index="6"]{grid-column:1 / span 1;grid-row:3;text-align:right}.player-grid[num-players="8"] .player-grid-item[player-index="2"]{grid-column:2 / span 1;grid-row:3;text-align:left}.player-grid[num-players="8"] .player-grid-item[player-index="5"]{grid-column:1 / span 1;grid-row:4;text-align:right}.player-grid[num-players="8"] .player-grid-item[player-index="3"]{grid-column:2 / span 1;grid-row:4;text-align:left}.player-grid[num-players="8"] .player-grid-item[player-index="4"]{grid-column:1 / span 2;grid-row:5;text-align:center}}.password-input-wrapper{position:relative;display:inline-block}.password-toggle-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#505050}.lobby-list{display:flex;flex-direction:column;min-width:10vw;width:fit-content;margin-top:.5em;margin-left:auto;margin-right:auto}.lobby-options-visible{transition:max-height .3s ease-in-out,visibility .2s step-end;max-height:4em;overflow:hidden}.lobby-options-collapsed{transition:max-height .3s ease-in-out,visibility .3s step-end;max-height:0;overflow:hidden}.lobby-element-wrapper{display:flex;flex-direction:column;padding:.2em;transition:border .3s ease-in-out,background-color .3s ease-in-out;border:2px solid rgba(102,36,20,0);background-color:#fff0;border-radius:6px}.lobby-element-wrapper-expanded{border:2px solid rgba(102,36,20,.589);background-color:#fff3}.lobby-element{display:flex;flex-direction:row}.lobby-list-header{display:flex;flex-direction:row;margin:0 calc(.2em + 2px) .2em;padding-bottom:.2em;border-bottom:2px solid rgba(70,22,0,.644)}.lobby-name{font-weight:700;text-align:center;width:10em}.lobby-element .lobby-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.player-count{width:1.4em;text-align:center}.lobby-list-header .player-count{cursor:help}.lobby-state{margin-right:.5em;cursor:help}.lobby-password-input{margin:auto;width:fit-content}.lobby-password-open{transition:max-height .3s ease-in-out,visibility .2s step-end;max-height:4em;overflow:hidden}.lobby-password-closed{transition:max-height .3s ease-in-out,visibility .3s step-end;max-height:0;overflow:hidden}