*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{display:flex;flex-direction:column}#root{flex-grow:1}.root-loader{display:flex;flex-direction:column;height:80%;justify-content:center}*{font-family:Roboto,Arial}.p{line-height:1.6}.heading.large{font-size:3rem}.heading.medium{font-size:2rem}.button{background-color:#007bff;border:1px solid transparent;border-radius:4px;box-shadow:none;color:#fff;cursor:pointer;display:block;font-size:1rem;padding:.5rem 1rem;position:relative;vertical-align:top}.button:disabled{cursor:not-allowed;opacity:.5}.button.loading{font-size:0}.button.loading:after{content:"Loading...";display:block;font-size:16px;height:100%;text-align:center;width:100%}.input{background-color:#fff;border:1px solid #dbdbdb;border-radius:4px;box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);color:#363636;font-size:16px;height:2.25rem;line-height:1.5;padding:calc(.375rem - 1px) calc(.625rem - 1px);position:relative;vertical-align:top;width:100%}.list{line-height:1.6}.list li{margin-bottom:.5rem}.list li:last-child{margin-bottom:0}.loader{display:inline-block;height:64px;position:relative;width:64px}.loader .ripple{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #007bff;border-radius:50%;opacity:1;position:absolute}.loader .ripple:nth-child(2){animation-delay:-.5s}.loader.large{height:128px;width:128px}.loader.large .ripple{animation:lds-ripple-large 1s cubic-bezier(0,.2,.8,1) infinite}.loader.large .ripple:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{height:0;left:28px;opacity:1;top:28px;width:0}to{height:58px;left:-1px;opacity:0;top:-1px;width:58px}}@keyframes lds-ripple-large{0%{height:0;left:56px;opacity:1;top:56px;width:0}to{height:116px;left:-1px;opacity:0;top:-1px;width:116px}}.loading-message{align-items:center;display:flex;flex-direction:column}.loading-message .text{font-size:1.4rem;margin-top:1rem}.nav{background:#fafafa;border-bottom:1px solid #ccc;display:flex;height:4.5rem;min-height:4.5rem;padding:1rem}.nav .logo{color:#222;font-size:2rem;margin-right:4rem;text-decoration:none}.nav .links{align-items:center;display:flex;list-style:none}.nav .link{border-right:1px solid #ccc;margin:0 0 0 1rem;padding:0 1rem 0 0}.nav .link a{color:#007bff;text-decoration:none}.nav .link:last-child{border-right:0}.page{margin:4rem auto;width:1200px}.page .heading{margin-bottom:1.5rem}.page .heading.medium{padding-top:1rem}.page .list,.page .p{margin-bottom:1rem;width:70%}.page .list{padding:.5rem 0 1.5rem 2rem}.page .section{border-bottom:1px solid #ccc;margin-bottom:1.5rem;padding:3rem 0 1.5rem}.page .sub-section{padding:0 0 1rem}.digital-pattern-library{margin:4rem auto;width:1200px}.digital-pattern-library .example-group{align-items:flex-start;display:flex;margin-bottom:2rem}.digital-pattern-library .example-group.vertical{flex-direction:column}.digital-pattern-library .example-group>.description-box{margin-right:2%}.digital-pattern-library .example-group>.heading{margin-bottom:1rem}.digital-pattern-library .example-group>.button,.digital-pattern-library .example-group>.button-checkbox,.digital-pattern-library .example-group>.game-button{margin-right:2%;width:10%}.digital-pattern-library .example-group>.input{margin-right:2%;width:30%}.digital-pattern-library .example-group>.loader,.digital-pattern-library .example-group>.loading-message{margin-right:5%}.lobby{margin:4rem auto;width:1200px}.lobby .heading{margin-bottom:2.5rem}.lobby .button{margin-bottom:1rem}.name-entry{margin:4rem auto;width:1200px}.name-entry .heading{margin-bottom:2.5rem}.name-entry .p{margin-bottom:1rem}.name-entry .input{margin:0 1rem 1rem 0;width:30%}.name-entry .button,.name-entry .input{display:inline-block}.waiting-room{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:center}.waiting-room .heading{font-size:2rem;margin-bottom:1rem}.waiting-room .subheading{font-size:1.6rem;font-weight:300;margin-bottom:2rem}.game{display:flex;flex-direction:column;height:100%}.game .top{display:flex;flex-grow:1}.game .status{align-items:center;height:60px}.game .bottom,.game .status{border-top:1px solid #ccc;display:flex}.game .bottom{background:#eee;bottom:0;height:325px}.game .game-end{margin:0 auto;padding-top:15rem;width:60rem}.button-checkbox{position:relative}.button-checkbox:nth-child(2n){margin-right:0}.button-checkbox .bc-input{left:-1000px;position:absolute}.button-checkbox .bc-input:checked+.button{border:2px solid #007bff}.button-checkbox .bc-button{cursor:pointer}.common-card{font-size:20px}.common-card,.common-card .letter{align-items:center;display:flex;height:35px}.common-card .letter{font-weight:700;justify-content:center;margin-right:15px;position:relative;text-align:center;width:35px}.common-card .letter.loading{font-size:0}.common-card .letter.loading:after{content:"...";display:block;font-size:16px;text-align:center}.common-card.victory{background:#c3e6cb;color:#155724}.common-card.victory .letter{border:1px solid #155724}.common-card.treasure{background:#ffeeba;color:#856404}.common-card.treasure .letter{border:1px solid #856404}.common-card.curse{background:#b39dc9;color:#49205e}.common-card.curse .letter{border:1px solid #49205e}.common-card.highlighted .letter{border:2px solid #007bff;cursor:pointer}.common-card .common-card-description{display:none;position:fixed;z-index:10}.game-button{align-items:center;background:#e2e3e5;border:1px solid #383d41;display:flex;font-weight:700;height:35px;justify-content:center;position:relative;text-align:center}.game-button.white{background:#fff}.game-button.treasure{background:#ffeeba;border:1px solid #856404;color:#856404}.game-button.victory{background:#c3e6cb;border:1px solid #155724;color:#155724}.game-button.curse{background:#b39dc9;border:1px solid #49205e;color:#49205e}.game-button.highlighted{border:2px solid #007bff;cursor:pointer}.game-button.loading{font-size:0}.game-button.loading:after{align-items:center;content:"Loading...";display:flex;font-size:16px;height:100%;justify-content:center;width:100%}.coin{background:#ffeeba;border-radius:50%;color:#856404;font-size:20px;height:34px;line-height:34px;text-align:center;width:34px}.description-box{background:#222;color:#fff;line-height:24px;padding:1rem;width:20rem}.description-box .standard-effects{border-bottom:1px solid #fff;list-style:none;margin-bottom:.5rem;padding-bottom:.5rem}.description-box .standard-effects:last-child{border-bottom:0;margin:0;padding:0}.score-card{align-items:center;border:1px solid #ccc;display:flex;flex-direction:column;font-size:1.6rem;padding:2rem}.score-card .name{font-weight:700;padding-right:2rem}.score-card .heading{margin-bottom:1rem}.game .hand{background:#fff;border-left:1px solid #ccc;line-height:20px;overflow-y:scroll;width:20%}.game .hand-title{border-bottom:1px solid #ccc;font-size:24px;margin-bottom:15px;padding:15px}.game .hand-card{margin:0 15px 10px}.game .log{background:#fff;border-left:1px solid #ccc;font-size:15px;line-height:20px;overflow-y:scroll;width:40%}.game .log-title{border-bottom:1px solid #ccc;font-size:24px;margin-bottom:15px;padding:15px}.game .log-entry{display:block;padding:0 0 10px 15px}.game .player-area{padding:15px;width:40%}.game .player-area-options{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}.game .player-area-option{margin:0 15px 10px 0;width:48%}.game .player-area-option:nth-child(2n){margin-right:0}.game .player-area-title{font-size:22px;font-weight:300;margin-bottom:10px}.game .player-area-checkbox{margin:0 .5% 10px 0;width:48%}.game .status-resource{font-size:19px;font-weight:700;margin:0 20px;min-width:130px}.game .status-amount{font-weight:400;margin-left:5px}.game .common-cards{border-left:1px solid #ccc;display:flex;flex-direction:column;width:200px}.game .common-card-group{display:flex;flex-direction:column;justify-content:center;padding:0 0 0 1.5rem}.game .common-card-group.treasure{background:#ffeeba;color:#856404;flex-grow:2}.game .common-card-group.victory{background:#c3e6cb;color:#155724;flex-grow:2}.game .common-card-group.misc{background:#b39dc9;color:#49205e;flex-grow:1}.game .common-card{margin:0 0 10px}.game .kingdom-cards{display:flex;flex-grow:1;flex-wrap:wrap;padding:60px}.game .kingdom-card-group{display:flex;flex-direction:column;margin-right:4%;width:30%}.game .kingdom-card-group:nth-child(3n){margin-right:0}.game .coin-divider{height:34px;margin-bottom:20px;position:relative}.game .coin-divider:before{border-top:1px solid #ccc;content:"";left:0;position:absolute;top:17px;width:100%}.game .coin{left:50%;margin-left:-17px;position:absolute;top:0}.game .kingdom-card{color:#383d41;display:flex;line-height:35px;margin-bottom:10px}.game .kingdom-card-name{width:85%}.game .kingdom-card-amount{height:35px;text-align:center;width:15%}.game .kingdom-card-description{display:none;position:fixed;z-index:10}