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}.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}@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: 64px}.lobby-user{text-align:center;display:flex;align-items:center;justify-items:center;gap:.6em;padding:.55em .75em;border-radius:.75em;border:1px solid rgba(255,200,80,.1);background:linear-gradient(135deg,rgba(25,10,2,.65) 0%,rgba(45,20,5,.55) 100%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s,border-color .2s,box-shadow .2s;margin-bottom:.4em}.lobby-user:hover{background:linear-gradient(135deg,rgba(35,15,3,.75) 0%,rgba(60,28,6,.7) 100%);border-color:#ffc85033}.lobby-user-disconnected{color:#666;opacity:.6}.lobby-user-disconnected img{filter:grayscale(90%) contrast(60%)}.lobby-user.lobby-user-self{border-color:#dcaa2880;background:linear-gradient(135deg,rgba(50,28,3,.82) 0%,rgba(80,45,8,.72) 100%);box-shadow:0 0 0 1px #dcaa284d,0 4px 16px #b4821433}.lobby-user.lobby-user-self .lobby-username span{color:#ffd87a;filter:drop-shadow(0px 1px 3px rgba(200,140,0,.6))}.lobby-user.lobby-user-winner{border-color:#c8aa32b3;background:linear-gradient(135deg,rgba(60,45,5,.85) 0%,rgba(90,65,10,.8) 100%);box-shadow:0 0 16px #c8a02859;animation:winner-pulse 2s ease-in-out infinite}@keyframes winner-pulse{0%,to{box-shadow:0 0 12px #c8a0284d}50%{box-shadow:0 0 24px #dcb4328c}}.lobby-user.lobby-user-spectator{opacity:.72;border-style:dashed}.lobby-user .timer-widget{--timer-size: 1.5em}.lobby-user-inner{position:relative;display:inline-block;flex-shrink:0;height:var(--profile-pic-size);width:var(--profile-pic-size);border-radius:50%;border:2px solid rgba(180,130,40,.4);background:rgba(0,0,0,.3);transition:border-color .2s,box-shadow .2s;overflow:hidden}.lobby-user:hover .lobby-user-inner{border-color:#dcaa3299;box-shadow:0 0 0 3px #c8962826}.lobby-user.lobby-user-self .lobby-user-inner{border-color:#dcaa28cc;box-shadow:0 0 0 3px #dcaa2833,0 0 12px #c88c144d}.lobby-user-inner img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;border-radius:50%;object-fit:cover}.lobby-username{font-weight:600;z-index:3;max-width:18em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#000;display:flex;align-items:center;flex-wrap:nowrap;gap:.3em;font-size:.95em}.flex-row .lobby-username{margin-left:.2em}.flex-col .lobby-user-inner{margin-bottom:.1em}.lobby-user-icons{display:inline-flex;align-items:center;gap:.15em;flex-shrink:0;vertical-align:middle;line-height:0}.button-rejoin{margin-left:.4em}.collapsible-header{font-weight:700;text-align:left;font-size:.88em;letter-spacing:.1em;text-transform:uppercase;color:#c8a050;margin-bottom:.4em;cursor:pointer;padding:.4em .5em;border-radius:.4em;display:flex;align-items:center;gap:.4em;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(200,140,40,.2);transition:background .15s,color .15s}.collapsible-header:hover{background:rgba(200,140,40,.1);color:#ffd878}.collapsible-visible{transition:max-height .3s ease-in-out,visibility .2s step-end,opacity .3s ease-in-out;visibility:visible;opacity:1}.collapsible-collapsed{transition:max-height .3s ease-in-out,visibility .3s step-end,opacity .2s ease-in-out;max-height:0;visibility:hidden;overflow:hidden;opacity:0}.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}.game-options-editor{display:flex;flex-direction:column;gap:.75em}@media (min-width: 768px){.game-options-editor{margin-right:1.25em}}.game-options-group{width:fit-content;min-width:22em;box-sizing:border-box;border:1px solid rgba(255,210,120,.18);border-radius:.875em;background:linear-gradient(135deg,rgba(30,14,4,.82) 0%,rgba(50,25,8,.78) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1em 1.1em 1.1em;margin:0 auto;box-shadow:0 4px 24px #00000073,inset 0 1px #ffc85a14;transition:box-shadow .2s}.game-options-group:hover{box-shadow:0 6px 32px #0000008c,inset 0 1px #ffc85a1f}.game-options-group .collapsible-visible{max-height:28em;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(200,140,50,.35) transparent}.game-options-group label{margin:0 .35em;color:#e8d5a8;font-size:.93em;cursor:pointer;transition:color .15s}.game-options-group label:hover{color:#ffd87a}.option-row{display:flex;flex-direction:row;align-items:center;padding:.22em .3em;border-radius:.4em;transition:background .15s}.option-row:hover{background:rgba(255,200,80,.07)}.option-left-column{width:14em;display:flex;align-items:center}.option-left-column label{margin-left:0}.option-right-column{width:10.5em;display:flex;align-items:center;gap:.25em}@media (max-width: 768px){.game-options-group{min-width:unset;width:100%;font-size:10.5pt}.option-left-column{width:10em}.option-right-column{width:7em}.game-options-editor{width:100%;padding:0 .5em;box-sizing:border-box}}@media (max-width: 400px){.option-left-column{width:8.5em}.option-right-column{width:6em}.game-options-group label{font-size:.85em}}.option-row input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.05em;height:1.05em;border:2px solid rgba(200,140,50,.55);border-radius:.25em;background:rgba(255,255,255,.06);cursor:pointer;position:relative;flex-shrink:0;transition:border-color .15s,background .15s,box-shadow .15s;vertical-align:middle}.option-row input[type=checkbox]:hover{border-color:#ffbe3cd9;background:rgba(255,190,60,.1)}.option-row input[type=checkbox]:checked{background:rgba(200,130,30,.75);border-color:#c88020;box-shadow:0 0 6px #c8962866}.option-row input[type=checkbox]:checked:after{content:"";position:absolute;left:.18em;top:0;width:.35em;height:.65em;border:2px solid #fff8e0;border-top:none;border-left:none;transform:rotate(45deg)}.option-right-column input{min-width:0;border-radius:.35em;margin:.1em;border:1px solid rgba(200,140,50,.35);background:rgba(255,255,255,.07);color:#f0e6cc;transition:border-color .15s,background .15s;outline:none}.option-right-column input:focus{border-color:#c8a03cbf;background:rgba(255,200,80,.1);box-shadow:0 0 0 2px #c8962833}.option-right-column input[type=range]{flex:3 1 0;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border:none;border-radius:2px;background:linear-gradient(to right,#c88020 0%,rgba(200,140,50,.25) 100%);cursor:pointer;padding:0}.option-right-column input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#f0c060;border:2px solid #c88020;box-shadow:0 0 4px #c88c2880;cursor:pointer;-webkit-transition:transform .15s;transition:transform .15s}.option-right-column input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.option-right-column input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#f0c060;border:2px solid #c88020;cursor:pointer}.option-right-column input[type=number]{padding:.15em .25em;flex:2 1 0;font-size:.88em;text-align:center}.lobby-scene{display:flex;flex-direction:column;min-height:0}.lobby-status-bar{display:flex;align-items:center;justify-content:center;padding:.6em 1em;margin-bottom:.75em;background:linear-gradient(90deg,rgba(20,8,2,0) 0%,rgba(40,18,4,.55) 50%,rgba(20,8,2,0) 100%);border-bottom:1px solid rgba(200,140,40,.18)}.lobby-status-bar button{min-width:10em;font-size:1em;font-weight:700;letter-spacing:.05em;padding:.5em 2em;border-radius:.5em;background:linear-gradient(135deg,#4a7c20 0%,#2e5214 100%);border:1px solid rgba(100,200,60,.3);color:#e8ffd0;box-shadow:0 4px 16px #3c8c1459,inset 0 1px #b4ff6426;transition:background .2s,box-shadow .2s,transform .1s;cursor:pointer;text-transform:uppercase}.lobby-status-bar button:hover{background:linear-gradient(135deg,#5a9428 0%,#3a661a 100%);box-shadow:0 6px 22px #3ca01480,inset 0 1px #c8ff7833;transform:translateY(-1px)}.lobby-status-bar button:active{transform:translateY(0);box-shadow:0 2px 8px #3c781459}.lobby-content{display:flex;flex-direction:column;align-items:center;gap:1em;padding-bottom:2em}@media (min-width: 768px){.lobby-content{flex-direction:row;align-items:flex-start}}.lobby-players-panel{display:flex;flex-direction:column;min-width:14em;order:-1}@media (min-width: 768px){.lobby-players-panel{order:0}}.lobby-players-header{font-size:.75em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c8a03cb3;margin-bottom:.5em;padding-left:.3em;border-bottom:1px solid rgba(200,140,40,.15);padding-bottom:.3em}.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}}@font-face{font-family:American Typewriter;src:url("/fonts/American Typewriter Regular.ttf")}@font-face{font-family:Palatino Linotype;src:url(../fonts/palatinolinotype_roman.ttf)}.card-image-view{pointer-events:none}.card-title{position:absolute;text-align:center;font-family:American Typewriter;font-size:11pt;text-transform:uppercase;width:100%;top:19%;left:0}.card-title-higher{top:17%}.card-title-lower{top:20%}.character-title{top:15%}.card-description-inner{text-align:center;line-height:12pt;font-family:Palatino Linotype,Book Antiqua,sans-serif;font-size:12pt;white-space:wrap;position:absolute;width:100%;top:50%;transform:translateY(-50%)}.card-description{position:absolute;width:76%;height:20%;left:12%;top:70%}.draw-description{position:absolute;width:60%;height:22%;left:28%;top:70%}.draw-description[description-index="1"]{left:11%;width:16%}.card-description-higher{position:absolute;width:76%;height:26%;left:12%;top:63%}.card-description-lower{position:absolute;width:76%;height:16%;left:12%;top:76%}.weapon-description{position:absolute;width:76%;height:18%;left:12%;top:60%}.character-description{position:absolute;width:76%;height:28%;left:12%;top:64%}.cube-description{position:absolute;width:68%;height:15%;left:16%;top:74%}.cube-description-lower{position:absolute;width:68%;height:15%;left:16%;top:77%}.cube-description-double[description-index="0"]{position:absolute;width:76%;height:15%;left:12%;top:62%;font-size:11pt}.cube-description-double[description-index="1"]{position:absolute;width:68%;height:10%;left:16%;top:80%;font-size:11pt}.cube-description .card-description-inner{font-size:11pt}.train-description{position:absolute;width:90%;height:20%;left:5%;top:27%}.train-title{position:absolute;text-align:center;font-family:American Typewriter;font-weight:700;font-size:11pt;text-transform:uppercase;width:80%;top:82.5%;left:10%}.locomotive-description{position:absolute;width:70%;height:25%;left:15%;top:15%}.legends-description{position:absolute;width:84%;height:18%;left:8%;top:80%}.legends-description .card-description-inner{font-size:11pt;line-height:10pt}.feats-description{position:absolute;width:50%;height:30%;left:43%;top:62%}.feats-description .card-description-inner{text-align:left;font-family:Arial Narrow,Arial,Helvetica,sans-serif;top:0;transform:unset}.feats-title{position:absolute;font-family:Arial Narrow,Arial,Helvetica,sans-serif;font-size:10pt;font-weight:700;text-transform:uppercase;top:16%;left:43%;color:#414141}.text-bigger .card-description-inner{font-size:40pt}.text-smaller .card-description-inner{font-size:10pt}.text-smallest .card-description-inner{font-size:9pt}.line-smaller .card-description-inner{line-height:10pt}.card-view .card-description-inner{font-size:2.4pt;line-height:2.4pt;color:#646464}.card-view .text-bigger .card-description-inner{font-size:10pt}.card-view .card-title{font-size:3pt;color:#646464}.card-view .train-title{font-size:3pt;color:#6d4939}.card-view .feats-title{font-size:3pt;color:#646464}.card-view .legends-description .card-description-inner{color:#5a5a5a}@media (max-width:1200px){.card-view .card-description-inner,.card-view .card-title{color:#000!important}.card-view .card-description-inner{font-size:1.2pt;line-height:1.5pt}.card-view .text-bigger .card-description-inner{font-size:5pt}.card-view .card-title,.card-view .train-title,.card-view .feats-title{font-size:1.5pt}}: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}.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}}.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 .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 .card-sign-view{position:absolute;left:4%;bottom:2%;width:max-content;line-height:0;scale:calc(var(--card-scale) * 2);transform-origin:bottom left}.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 :nth-last-child(1 of.card-view):not(.card-origin,.card-modified,.card-current) .card-front:after{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 .card-sign-view{display:inline;text-align:left;position:absolute;left:6%;bottom:4%}.card-overlay .card-view-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}.winner-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:all .4s ease-in-out}.winner-modal-overlay.show{background:rgba(10,5,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1;pointer-events:all}.winner-modal-content{background:linear-gradient(135deg,rgba(80,20,10,.95) 0%,rgba(30,10,5,.95) 100%);border:2px solid #eab308;border-radius:1.5rem;padding:2.5rem;width:90%;max-width:450px;text-align:center;box-shadow:0 20px 50px #000c,0 0 40px #eab3084d;transform:scale(.8) translateY(20px);opacity:0;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.winner-modal-content.show{transform:scale(1) translateY(0);opacity:1}.winner-modal-header{margin-bottom:2rem}.winner-modal-stars{font-size:2rem;letter-spacing:.5rem;margin-bottom:.5rem;filter:drop-shadow(0 0 10px rgba(234,179,8,.8))}.winner-modal-title{font-family:Rye,cursive,serif;font-size:2.5rem;color:#fbbf24;margin:0;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.winner-modal-subtitle{color:#fcd34d;font-size:1rem;letter-spacing:.1rem;opacity:.8;margin-top:.5rem;text-transform:uppercase;font-weight:600}.winner-modal-body{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.winner-name-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,215,0,.3);padding:1rem;border-radius:1rem;font-size:1.5rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:inset 0 0 20px #eab3081a;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.winner-medal{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.winner-modal-footer{margin-top:1rem}.winner-modal-btn{background:linear-gradient(to bottom,#f59e0b,#d97706);color:#fff;border:2px solid #fbbf24;padding:.75rem 2rem;font-size:1.1rem;font-weight:700;border-radius:.75rem;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:all .2s;text-transform:uppercase;letter-spacing:.1rem}.winner-modal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d9770699;background:linear-gradient(to bottom,#fbbf24,#f59e0b)}.winner-modal-btn:active{transform:translateY(1px)}@media (max-width: 600px){.winner-modal-content{padding:2rem 1.5rem;width:85%}.winner-modal-title{font-size:2rem}.winner-name-badge{font-size:1.25rem;padding:.75rem}}.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:nth-child(1){grid-column:4 / span 4;grid-row:1}.player-grid[num-players="2"] .player-grid-item:nth-child(2){grid-column:4 / span 4;grid-row:2}.player-grid[num-players="3"] .player-grid-item:nth-child(2){grid-column:6 / span 2;grid-row:2}.player-grid[num-players="3"] .player-grid-item:nth-child(3){grid-column:4 / span 2;grid-row:2}.player-grid[num-players="4"] .player-grid-item:nth-child(2){grid-column:7 / span 2;grid-row:2}.player-grid[num-players="4"] .player-grid-item:nth-child(3){grid-column:5 / span 2;grid-row:2}.player-grid[num-players="4"] .player-grid-item:nth-child(4){grid-column:3 / span 2;grid-row:2}.player-grid[num-players="5"] .player-grid-item:nth-child(2){grid-column:8 / span 2;grid-row:1}.player-grid[num-players="5"] .player-grid-item:nth-child(3){grid-column:6 / span 2;grid-row:2}.player-grid[num-players="5"] .player-grid-item:nth-child(4){grid-column:4 / span 2;grid-row:2}.player-grid[num-players="5"] .player-grid-item:nth-child(5){grid-column:2 / span 2;grid-row:1}.player-grid[num-players="6"] .player-grid-item:nth-child(2){grid-column:8 / span 2;grid-row:1}.player-grid[num-players="6"] .player-grid-item:nth-child(3){grid-column:7 / span 2;grid-row:2}.player-grid[num-players="6"] .player-grid-item:nth-child(4){grid-column:5 / span 2;grid-row:2}.player-grid[num-players="6"] .player-grid-item:nth-child(5){grid-column:3 / span 2;grid-row:2}.player-grid[num-players="6"] .player-grid-item:nth-child(6){grid-column:2 / span 2;grid-row:1}.player-grid[num-players="7"] .player-grid-item:nth-child(2){grid-column:8 / span 2;grid-row:1}.player-grid[num-players="7"] .player-grid-item:nth-child(3){grid-column:8 / span 2;grid-row:2}.player-grid[num-players="7"] .player-grid-item:nth-child(4){grid-column:6 / span 2;grid-row:2}.player-grid[num-players="7"] .player-grid-item:nth-child(5){grid-column:4 / span 2;grid-row:2}.player-grid[num-players="7"] .player-grid-item:nth-child(6){grid-column:2 / span 2;grid-row:2}.player-grid[num-players="7"] .player-grid-item:nth-child(7){grid-column:2 / span 2;grid-row:1}.player-grid[num-players="8"] .player-grid-item:nth-child(2){grid-column:8 / span 2;grid-row:1}.player-grid[num-players="8"] .player-grid-item:nth-child(3){grid-column:9 / span 2;grid-row:2}.player-grid[num-players="8"] .player-grid-item:nth-child(4){grid-column:7 / span 2;grid-row:2}.player-grid[num-players="8"] .player-grid-item:nth-child(5){grid-column:5 / span 2;grid-row:2}.player-grid[num-players="8"] .player-grid-item:nth-child(6){grid-column:3 / span 2;grid-row:2}.player-grid[num-players="8"] .player-grid-item:nth-child(7){grid-column:1 / span 2;grid-row:2}.player-grid[num-players="8"] .player-grid-item:nth-child(8){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:nth-child(1){grid-column:1 / span 2;grid-row:1;text-align:center}.player-grid[num-players="2"] .player-grid-item:nth-child(2){grid-column:1 / span 2;grid-row:2;text-align:center}.player-grid[num-players="3"] .player-grid-item:nth-child(3){grid-column:1 / span 1;grid-row:2;text-align:right}.player-grid[num-players="3"] .player-grid-item:nth-child(2){grid-column:2 / span 1;grid-row:2;text-align:left}.player-grid[num-players="4"] .player-grid-item:nth-child(4){grid-column:1 / span 1;grid-row:2;text-align:right}.player-grid[num-players="4"] .player-grid-item:nth-child(2){grid-column:2 / span 1;grid-row:2;text-align:left}.player-grid[num-players="4"] .player-grid-item:nth-child(3){grid-column:1 / span 2;grid-row:3;text-align:center}.player-grid[num-players="5"] .player-grid-item:nth-child(5){grid-column:1 / span 1;grid-row:2;text-align:right}.player-grid[num-players="5"] .player-grid-item:nth-child(2){grid-column:2 / span 1;grid-row:2;text-align:left}.player-grid[num-players="5"] .player-grid-item:nth-child(4){grid-column:1 / span 1;grid-row:3;text-align:right}.player-grid[num-players="5"] .player-grid-item:nth-child(3){grid-column:2 / span 1;grid-row:3;text-align:left}.player-grid[num-players="6"] .player-grid-item:nth-child(6){grid-column:1 / span 1;grid-row:2;text-align:right}.player-grid[num-players="6"] .player-grid-item:nth-child(2){grid-column:2 / span 1;grid-row:2;text-align:left}.player-grid[num-players="6"] .player-grid-item:nth-child(5){grid-column:1 / span 1;grid-row:3;text-align:right}.player-grid[num-players="6"] .player-grid-item:nth-child(3){grid-column:2 / span 1;grid-row:3;text-align:left}.player-grid[num-players="6"] .player-grid-item:nth-child(4){grid-column:1 / span 2;grid-row:4;text-align:center}.player-grid[num-players="7"] .player-grid-item:nth-child(7){grid-column:1 / span 1;grid-row:2;text-align:right}.player-grid[num-players="7"] .player-grid-item:nth-child(2){grid-column:2 / span 1;grid-row:2;text-align:left}.player-grid[num-players="7"] .player-grid-item:nth-child(6){grid-column:1 / span 1;grid-row:3;text-align:right}.player-grid[num-players="7"] .player-grid-item:nth-child(3){grid-column:2 / span 1;grid-row:3;text-align:left}.player-grid[num-players="7"] .player-grid-item:nth-child(5){grid-column:1 / span 1;grid-row:4;text-align:right}.player-grid[num-players="7"] .player-grid-item:nth-child(4){grid-column:2 / span 1;grid-row:4;text-align:left}.player-grid[num-players="8"] .player-grid-item:nth-child(8){grid-column:1 / span 1;grid-row:2;text-align:right}.player-grid[num-players="8"] .player-grid-item:nth-child(2){grid-column:2 / span 1;grid-row:2;text-align:left}.player-grid[num-players="8"] .player-grid-item:nth-child(7){grid-column:1 / span 1;grid-row:3;text-align:right}.player-grid[num-players="8"] .player-grid-item:nth-child(3){grid-column:2 / span 1;grid-row:3;text-align:left}.player-grid[num-players="8"] .player-grid-item:nth-child(6){grid-column:1 / span 1;grid-row:4;text-align:right}.player-grid[num-players="8"] .player-grid-item:nth-child(4){grid-column:2 / span 1;grid-row:4;text-align:left}.player-grid[num-players="8"] .player-grid-item:nth-child(5){grid-column:1 / span 2;grid-row:5;text-align:center}}.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-pocket{display:grid;grid-template-rows:repeat(2,50%)}.feats-pocket>:nth-child(1){grid-column:1;grid-row:1}.feats-pocket>:nth-child(2){grid-column:1;grid-row:2}.feats-pocket>:nth-child(3){grid-column:2;grid-row:1}.feats-pocket>:nth-child(4){grid-column:2;grid-row:2}.feats-pocket .card-tokens{position:absolute;width:100%;top:unset;bottom:.2em;text-align:center;white-space:normal;line-height:0}.feats-row{display:inline-flex;vertical-align:middle;flex-direction:row}.feats-col{display:flex;flex-direction:column;width:var(--card-width-plus-margin)}@media (max-width:1200px){.feats-cards *{--card-scale: .18}}
