body{text-align:center;background-color:#cfd8dc;margin:0;font-family:Arial,Helvetica,sans-serif}hr{background-color:#90a4ae;border:0;height:2px;margin:24px 0}a{color:#29b6f6;text-shadow:1px 1px 2px #0000004d;text-decoration:none}a:hover{color:#0277bd;text-decoration:underline}nav{color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:relative}nav>span{text-shadow:2px 2px 1px #0000004d;padding:5px 0;font-size:1.25rem}footer{border-top:1px solid #546e7a;padding:16px 8px}main{padding:8px 8px 4rem}.roles-list{align-items:stretch}.role-card{border-radius:4px;flex-grow:1;flex-basis:160px;margin:6px;padding:11px}.werewolves{background-color:#ffebee;border:1px solid #b71c1c;box-shadow:1px 1px 2px #b71c1c4d}.werewolves-text{color:#b71c1c}.villagers{background-color:#e3f2fd;border:1px solid #0d47a1;box-shadow:1px 1px 2px #0d47a14d}.villagers-text{color:#0d47a1}.special{background-color:#f3e5f5;border:1px solid #4a148c;box-shadow:1px 1px 2px #4a148c4d}.special-text{color:#4a148c}.night{border:1px solid #1a237e}.bg-night{background-color:#e8eaf6}.day{border:1px solid #f57f17}.bg-day{background-color:#fff3e0}.bg-light{color:#050505;background-color:#fafafa}.bg-dark{color:#fff;background-color:#546e7a}.logo-dark{text-shadow:0 0 1px #ffffffe6}.flex{flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;display:flex}.card{text-align:left;vertical-align:top;border:1px solid #546e7a;border-radius:4px;flex-grow:1;max-width:640px;margin:12px;padding:16px 20px;box-shadow:1px 1px 3px #0000004d}.card-title{margin-top:0}.secret-card{border:1px dashed #0000004d;border-radius:4px;padding:4px 8px}.list{margin-bottom:0;padding-left:20px;font-size:17px;list-style-type:none}.alert{color:#fff;text-shadow:1px 1px #000c;background-color:#b71c1c;border:1px solid #000;border-radius:4px;font-size:18px;animation:.4s shake;box-shadow:1px 1px 3px #b71c1c80}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.btn{cursor:pointer;border-radius:4px;width:100%;margin-top:15px;margin-bottom:10px;font-size:16px;display:inline-block;box-shadow:1px 1px 5px #0000004d}.btn:active{position:relative;top:1px}.btn-primary{color:#fff;text-shadow:1px 1px #000c;background:linear-gradient(#0288d1 5%,#0277bd 100%);border:1px solid #124d77;padding:6px 24px;text-decoration:none;box-shadow:1px 1px 5px #0000004d,inset 0 1px #03a9f4}.btn-primary:hover{background:linear-gradient(#0277bd 5%,#0288d1 100%)}.btn-primary:active{box-shadow:1px 1px 2px #0000004d,inset 0 1px #03a9f4}.btn-outline{color:#000;background:linear-gradient(#fff 5%,#e1f5fe 100%);border:1px solid #124d77;padding:6px 24px;text-decoration:none}.btn-outline:hover{background:linear-gradient(#e1f5fe 5%,#fff 100%)}.btn-outline:active{box-shadow:1px 1px 2px #0000004d}.large{font-size:24px}.form-control{box-sizing:border-box;border:2px solid #0277bd80;border-radius:4px;width:100%;margin:1px 0 15px;padding:10px 12px;font-size:16px;display:block}.custom-select{width:100%;font-size:18px}.list-inline{padding:0;list-style:none}.list-inline>li{display:inline}.list-middot>li:not(:last-child):after{content:"-";margin:0 .25em}