@import url(https://fonts.googleapis.com/css?family=Karla:400,700&display=swap);body{margin:0}blockquote,figure,ol,pre,ul{padding:0;margin:0}img{max-width:100%;height:auto;border:none}article,aside,figure,footer,header,img,main,nav{display:block}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}iframe{border:none}li{list-style:none}h1,h2,h3,h4,h5{font:inherit;font-weight:700}h1,h2,h3,h4,h5,li,ol,p,ul{margin:0}[type=button],[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=button],[type=submit],button{cursor:pointer;background:transparent;padding:0}[type=button],[type=submit],button,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;font:inherit;-webkit-box-shadow:none;box-shadow:none;border:none}select{background:transparent;font-size:1rem;background:transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="10"><path fill="%23041E31" fill-rule="nonzero" d="M9 7.59L1.7.29A1 1 0 10.3 1.71l8 8a1 1 0 001.4 0l8-8A1 1 0 1016.3.29L9 7.6z"/></svg>') center right .5rem no-repeat;background-size:10px auto;padding-right:2rem}#app{min-height:100vh}:root{--sans:"Karla",sans-serif}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#fafafa;color:#10110f;font:400 18px/1.4 var(--sans)}hr{border:none;border-bottom:1px solid rgba(0,0,0,.1)}.h2{font-size:1.5em}.h3{font-size:1.25em}a{color:inherit}table{text-align:left;border-collapse:collapse}td,th{padding:.5em}.button{border:2px solid var(--black);background:#fff;padding:.3em 1em;font-weight:700;cursor:pointer;color:#3d3421;font-size:1.125em;text-decoration:none;display:inline-block}.button--green{background:var(--green)}[disabled]{opacity:.3;cursor:not-allowed}label{display:block}.input-group strong{text-transform:capitalize}[type=text]{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:1px solid #ccc;padding:.25em;font:inherit;width:100%}.bg{background:url(/bg.jpg) no-repeat 50%;background-size:cover;opacity:.1;position:fixed;-webkit-filter:saturate(0);filter:saturate(0);z-index:-1;height:100%;width:100%;left:0;top:0}.u-scroller{overflow-x:scroll;overflow-y:visible;padding-bottom:.6rem;-webkit-overflow-scrolling:touch}.u-scroller,.u-split{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.u-split{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:root{--space:0.625rem}.u-space--h>*+*{margin-left:var(--space)}.u-space>*+*{margin-top:var(--space)}.u-space--large{--space:1.25rem}.u-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.u-flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.u-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.u-pad{padding:20px}.feather{font-size:1em;width:1em;height:1em;vertical-align:middle}.page{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px}.page__content{width:100%;max-width:400px;background:hsla(0,0%,100%,.5);padding:20px;border:2px solid var(--red)}.player-name{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.player-name>*+*{margin-left:.25em}.player-name:before{content:"";height:15px;width:15px;margin-right:.5rem}.player-name--red:before{background:var(--red)}.player-name--blue:before{background:var(--blue)}.player-name--black:before{background:var(--black)}.player-name--yellow:before{background:var(--yellow)}.player-name--green:before{background:var(--green)}.card{width:90px;height:120px;border:5px solid #fff;border-radius:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.2);box-shadow:0 4px 10px rgba(0,0,0,.2);font-size:1em;font-weight:700;position:relative;overflow:hidden;color:var(--black);-ms-flex-negative:0;flex-shrink:0}.card:after{content:"🚂";position:absolute;font-size:3rem;-webkit-filter:saturate(0);filter:saturate(0);mix-blend-mode:overlay;-webkit-transform:translate(-50%,-50%) rotate(-90deg) scaleX(-1);transform:translate(-50%,-50%) rotate(-90deg) scaleX(-1);top:50%;left:50%}@media (min-width:1048px){.card{width:120px;height:150px}.card:after{font-size:4em}}.card--last{position:absolute;left:0;-webkit-transform:perspective(500px) rotateY(-90deg);transform:perspective(500px) rotateY(-90deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;visibility:hidden;opacity:0}.card--active{-webkit-transform:perspective(500px) rotateY(0deg);transform:perspective(500px) rotateY(0deg);visibility:visible;opacity:1}:root{--red:#e74c3c;--pink:#cca5da;--green:#78e08f;--blue:#0984e3;--orange:#f18f3e;--rainbow:linear-gradient(var(--red),var(--orange),var(--yellow),var(--green),var(--blue),var(--pink));--off-white:#f1f2f6;--yellow:#f6e58d;--grey:#a5b1c2;--black:#2d3436}.card--top{background:var(--grey)}.card--red{background:var(--red);color:var(--off-white)}.card--pink{background:var(--pink)}.card--green{background:var(--green)}.card--blue{background:var(--blue);color:var(--off-white)}.card--orange{background:var(--orange);color:var(--off-white)}.card--rainbow{background:var(--rainbow)}.card--white{background:var(--off-white)}.card--yellow{background:var(--yellow)}.card--black{background:var(--black);color:var(--off-white)}.card--white:after{mix-blend-mode:normal;opacity:.5}.card--top:after{opacity:.3}.journey{background:#fab1a0;width:220px;height:120px;font-size:.8em;border:5px solid #fff;border-radius:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px rgba(0,0,0,.1);font-weight:700;padding:1em .5em .5em 1em;position:relative;margin-bottom:10px;-ms-flex-negative:0;flex-shrink:0}@media (min-width:1048px){.journey{width:250px;height:150px;font-size:1em}}.journey:after{content:"";position:absolute;z-index:0;height:100%;width:100%;left:0;top:0;background:url(/bg.jpg) no-repeat 50%;background-size:cover;opacity:.15;pointer-events:none}.journey select{font-size:1em}.journey>*{position:relative;z-index:1}.journey--checked{border-color:var(--red)}.journey__score{border:3px solid rgba(0,0,0,.2);background:rgba(0,0,0,.2);font-weight:700;font-size:1em;border-radius:100%;height:2em;width:2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.journey__status{text-transform:capitalize}.journey input{display:none}.journey--completed{background:var(--green)}.journey--forfeited{background:var(--red)}.game{padding:20px;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.game-controls{border-bottom:1px solid rgba(0,0,0,.1);padding:0 0 10px}.game-global{padding:20px 0}.game-you{margin-top:auto}.all-finished{background:#333;padding:1rem 2rem;z-index:10;position:fixed;color:#fff;left:50%;top:50%;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal{position:fixed;height:100%;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:100}.modal,.modal__content{width:100%;padding:1rem;overflow-y:scroll}.modal__content{position:relative;z-index:1;background:#fff;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;margin:auto;max-height:100%;min-width:288px}.modal__bg{position:absolute;height:100%;width:100%;left:0;top:0;background:rgba(39,35,34,.9)}.settings{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-width:320px}.settings,.settings>*{display:-webkit-box;display:-ms-flexbox;display:flex}.settings>*{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.settings>*+*{margin-top:1rem;padding-top:1rem;border-top:1px solid #ccc}