@font-face{
  font-family:'minecraftia';
  src:url("https://static1.squarespace.com/static/6602e3868144b8486d855d7b/t/6713cd25101fb42b9dac017b/1729350950126/Minecraftia-Regular.ttf");
  font-display:swap;
}

html.yogs,
html.yogs .botc-draft-wrapper,
html.yogs #floatingControls{
  --blood:#9E0B0F; --blood-light:#D4585C; --blood-dark:#6E0709;
  --gold:#000; --gold-dim:#786844;
  --parchment:#000; --parchment-dark:#786844;
  --ink:#000; --ink-light:#95845E; --shadow:rgba(0,0,0,.5);
  --townsfolk:#0072BC; --outsider:#1A5A7A; --minion:#9E0B0F; --demon:#6E0709;
  --bg:#000; --surface:#D6BF97; --surface2:#C2AD86;
  --radius:0;
}

html.yogs .overlay{
  --blood:#9E0B0F; --blood-light:#D4585C; --blood-dark:#6E0709;
  --gold:#E0B42D; --gold-dim:#95845E;
  --parchment:#D6BF97; --parchment-dark:#95845E;
  --ink:#000; --ink-light:#95845E; --shadow:rgba(0,0,0,.6);
  --townsfolk:#4E95C0; --outsider:#79A647; --minion:#D4585C; --demon:#D4585C;
  --bg:#000; --surface:#1C1712; --surface2:#2B2318;
  --radius:0;
}

html.yogs .botc-draft-wrapper, html.yogs .botc-draft-wrapper *:not(.yogs-glyph),
html.yogs .overlay, html.yogs .overlay *:not(.yogs-glyph),
html.yogs #floatingControls, html.yogs #floatingControls *:not(.yogs-glyph){
  font-family:'minecraftia','Segoe UI Symbol','Segoe UI Emoji','Apple Symbols','Noto Sans Symbols 2',monospace !important;
  font-style:normal !important;
  letter-spacing:0 !important;
  border-radius:0 !important;
  text-shadow:none !important;
}
html.yogs .botc-draft-wrapper img, html.yogs .overlay img{image-rendering:pixelated}

html.yogs:has(.botc-draft-wrapper){
  background-image:none !important;
  background-color:#000 !important;
}
html.yogs .botc-draft-wrapper{background:#000;background-image:none;color:#D6BF97}
html.yogs .app{padding:1rem 2vw}

html.yogs header{
  border-image-source:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkAAAAJACAYAAABlmtk2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGmmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgMTAuMC1jMDAwIDc5LmQyMGU0NjYzMCwgMjAyNS8xMi8wOS0wMjoxMToyMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNC0xMC0xOVQxNTowNDo1OSswMTowMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuMiAoV2luZG93cykiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjYtMDktMDdUMTU6MjI6MjMrMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI2LTA5LTA3VDE1OjIyOjIzKzAxOjAwIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Zjc1ZjY5ZDYtNDY0My1mOTRiLWFmYmEtOTdjY2Y1MzQxZjhjIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU4YmExNzQ1LTBlMWQtMzc0My05ZjA4LTkxNzNkZDVjMmQ3OSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjQyMjVjZmFmLTEzZjMtZDE0Mi04NWJhLTIzNGRiZGNkNjVmZCI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NDIyNWNmYWYtMTNmMy1kMTQyLTg1YmEtMjM0ZGJkY2Q2NWZkIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjUuMiAoV2luZG93cykiIHN0RXZ0OndoZW49IjIwMjQtMTAtMTlUMTU6MDQ6NTkrMDE6MDAiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDpjaGFuZ2VkPSIvIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmVmMWZkNWI2LTViNWItZDE0Mi1hZjQ4LTMyM2ExNWY0NGEwMiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjIgKFdpbmRvd3MpIiBzdEV2dDp3aGVuPSIyMDI0LTEwLTE5VDE1OjE3OjQxKzAxOjAwIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1OGJhMTc0NS0wZTFkLTM3NDMtOWYwOC05MTczZGQ1YzJkNzkiIHN0RXZ0OndoZW49IjIwMjYtMDktMDdUMTU6MjI6MjMrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNy4xMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+70njigAAECtJREFUeJzt3dFxItsVhtHGNVFQkM11LtcZXEfgEByMw4EiDflJXadU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");
  border-image-slice:fill 18;
  border-image-width:18px;
  border-image-repeat:repeat;
  border-style:solid;
  border-color:transparent;
  padding:18px 25px;
  text-align:left;
}
html.yogs header h1{font-size:28px;color:#fff;text-transform:uppercase}
html.yogs header .subtitle{color:#D6BF97;font-size:14px;margin-top:.4rem}

html.yogs header .chrome-ext-tip{display:none}

html.yogs #setupPhase > div[style*="text-align:center"],
html.yogs #draftPhase p{color:#95845E !important}

html.yogs .panel,
html.yogs #draftRules,
html.yogs #resultsPhase{
  border-image-source:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkAAAAJACAYAAABlmtk2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGmmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgMTAuMC1jMDAwIDc5LmQyMGU0NjYzMCwgMjAyNS8xMi8wOS0wMjoxMToyMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNC0xMC0xOVQxNTowNDo1OSswMTowMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuMiAoV2luZG93cykiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjYtMDktMDdUMTU6MjM6NTkrMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI2LTA5LTA3VDE1OjIzOjU5KzAxOjAwIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NmViYWFlN2MtMzA0NC04YzRlLWE5YzItZWYzNGU4NDhlZTEyIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmVjZTNjZTljLTc1MWQtMGI0NS04MzA2LTNhYTQ2YzQ0NWM0MyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjY2OTFjNmE3LWQ0ZGYtMDQ0NS05N2Y5LTAxNzRlNmMxNTI3NSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjY5MWM2YTctZDRkZi0wNDQ1LTk3ZjktMDE3NGU2YzE1Mjc1IiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjUuMiAoV2luZG93cykiIHN0RXZ0OndoZW49IjIwMjQtMTAtMTlUMTU6MDQ6NTkrMDE6MDAiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDpjaGFuZ2VkPSIvIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjAwNzIwZGFiLTM5OWYtYTk0Zi04Zjc2LTZlZTRiNDIyMjU5ZiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjIgKFdpbmRvd3MpIiBzdEV2dDp3aGVuPSIyMDI0LTEwLTE5VDE1OjE4OjU5KzAxOjAwIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplY2UzY2U5Yy03NTFkLTBiNDUtODMwNi0zYWE0NmM0NDVjNDMiIHN0RXZ0OndoZW49IjIwMjYtMDktMDdUMTU6MjM6NTkrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNy4xMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TfGcDgAAD8ZJREFUeJzt3UFuGl0WhmFoZVOWR95Iev5voafpJaTn/0oYIZZFq6VQ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") !important;
  border-image-slice:fill 15 !important;
  border-image-width:15px !important;
  border-image-repeat:repeat !important;
  border-style:solid !important;
  border-color:transparent !important;
  background:transparent !important;
  padding:18px 20px 22px !important;
  color:#000;
}
html.yogs #resultsPhase{margin-top:1rem}
html.yogs .setup-grid{gap:1rem}

html.yogs .bluffs-box,
html.yogs #resultsPhase details{
  border-image:none !important;
  background:transparent !important;
  border:0 !important;
  padding:0 0 10px !important;
}

html.yogs .bluffs-box{padding:0 0 14px !important;border:0 !important}
html.yogs .bluffs-box .bluffs-sub{margin-top:.6rem;font-style:normal}
html.yogs .bluffs-box > *:not(h3),
html.yogs #resultsPhase details > *:not(summary){margin-left:14px;margin-right:14px}

html.yogs .panel h3,
html.yogs #draftRules h3,
html.yogs .bluffs-box h3,
html.yogs #resultsPhase h3,
html.yogs #jinxesBox h3,
html.yogs #resultsPhase details summary{
  border-image-slice:fill 0 24 !important;
  border-image-width:0 24px !important;
  border-image-repeat:repeat !important;
  border-style:solid !important;
  border-color:transparent !important;

  border-width:0 !important;
  border-image-source:url("https://images.squarespace-cdn.com/content/v1/6602e3868144b8486d855d7b/47479e4b-0608-462e-9dcc-267565ff765f/blueBanner.png") !important;
  height:42px !important;line-height:42px !important;

  padding:0 40px !important;margin:0 0 14px !important;
  color:#fff !important;text-transform:uppercase;font-size:16px !important;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  list-style:none;
}

html.yogs #resultsPhase .bluffs-box h3,
html.yogs #jinxesBox h3{
  border-image-source:url("https://images.squarespace-cdn.com/content/v1/6602e3868144b8486d855d7b/45895507-c1b8-4d97-a07e-5eeeb27800f8/redBanner.png") !important;
}
html.yogs #resultsPhase details summary,
html.yogs #draftRules h3{
  border-image-source:url("https://images.squarespace-cdn.com/content/6602e3868144b8486d855d7b/598cc520-1288-4eee-b38f-74f0da60dc8d/beigeBanner.png") !important;
}
html.yogs #resultsPhase details summary::-webkit-details-marker{display:none}
html.yogs #resultsPhase > h2{color:#000 !important;text-transform:uppercase;font-size:24px !important}

html.yogs .botc-draft-wrapper .count-row,html.yogs .botc-draft-wrapper .count-row .val,
html.yogs .botc-draft-wrapper .config-row label,html.yogs .botc-draft-wrapper .option-label,
html.yogs .botc-draft-wrapper .note,
html.yogs #draftRulesList,html.yogs #draftRulesList *{color:#000}
html.yogs .botc-draft-wrapper .option-hint,
html.yogs .botc-draft-wrapper .type-dist-label{color:#786844}
html.yogs .tip-bubble a,html.yogs #scriptImportMsg,html.yogs #resultsScriptMsg{color:#0072BC !important}

html.yogs .overlay .option-label,html.yogs .overlay .config-row label,
html.yogs .overlay .count-row,html.yogs .overlay .note{color:#D6BF97}
html.yogs .overlay .option-hint,html.yogs .overlay .type-dist-label{color:#95845E}

html.yogs .botc-draft-wrapper button:not(.choice-btn):not(.seg-btn),
html.yogs .overlay button:not(.choice-btn):not(.seg-btn){
  background:#D6BF97 !important;
  color:#000 !important;
  border:3px solid #C2AD86 !important;
  box-shadow:inset 0 0 0 3px #95845E !important;

  padding:8px 14px !important;
}
html.yogs .botc-draft-wrapper button:not(.choice-btn):not(.seg-btn):hover,
html.yogs .overlay button:not(.choice-btn):not(.seg-btn):hover{background:#E6D3B0 !important}

html.yogs .botc-draft-wrapper .script-btn,      html.yogs .overlay .script-btn,
html.yogs .botc-draft-wrapper .select-type-btn, html.yogs .overlay .select-type-btn,
html.yogs .botc-draft-wrapper .action-btn,      html.yogs .overlay .action-btn,
html.yogs .botc-draft-wrapper .restart-btn,     html.yogs .overlay .restart-btn{
  background:#D6BF97 !important;
  color:#000 !important;
  border:3px solid #C2AD86 !important;
  box-shadow:inset 0 0 0 3px #95845E !important;
  text-transform:uppercase;
  line-height:1.2;
}
html.yogs .script-btn:hover,html.yogs .select-type-btn:hover,
html.yogs .action-btn:hover,html.yogs .restart-btn:hover{background:#E6D3B0 !important}

html.yogs .botc-draft-wrapper button.script-btn.active.active,
html.yogs .overlay button.script-btn.active.active,
html.yogs .botc-draft-wrapper button.script-btn.active.active:hover,
html.yogs .overlay button.script-btn.active.active:hover{
  background:#0072BC !important;color:#fff !important;
  box-shadow:inset 0 0 0 3px #4E95C0 !important;
}
html.yogs .botc-draft-wrapper .action-btn,html.yogs .overlay .action-btn{padding:14px 40px !important;font-size:18px}
html.yogs .action-btn:disabled{opacity:.45}

html.yogs .botc-draft-wrapper .stepper-btn,html.yogs .overlay .stepper-btn,
html.yogs .botc-draft-wrapper .redraft-btn,html.yogs .overlay .redraft-btn{
  background:#D6BF97 !important;color:#000 !important;
  border:3px solid #C2AD86 !important;
  box-shadow:inset 0 0 0 3px #95845E !important;
  padding:0 !important;
}
html.yogs .botc-draft-wrapper .stepper-btn{font-size:24px}
html.yogs .botc-draft-wrapper .redraft-btn{opacity:.85}
html.yogs .redraft-btn:hover{opacity:1;background:#E6D3B0 !important}

html.yogs .seg-group{border:3px solid #95845E}
html.yogs .botc-draft-wrapper .seg-btn,html.yogs .overlay .seg-btn{
  background:#95845E !important;color:#D6BF97 !important;
  border:0 !important;border-right:2px solid #786844 !important;
  box-shadow:none !important;
  text-transform:uppercase;font-size:12px;padding:7px 10px !important;
}
html.yogs .botc-draft-wrapper .seg-btn:last-child,
html.yogs .overlay .seg-btn:last-child{border-right:0 !important}
html.yogs .botc-draft-wrapper .seg-btn:hover,
html.yogs .overlay .seg-btn:hover{background:#AE9B6E !important;color:#fff !important}
html.yogs .botc-draft-wrapper .seg-btn.active,
html.yogs .overlay .seg-btn.active{background:#0072BC !important;color:#fff !important}

html.yogs .toggle-switch{width:44px;height:22px}
html.yogs .toggle-switch .slider{background:#95845E;border:0;box-shadow:inset 0 0 0 3px #786844}
html.yogs .toggle-switch .slider:before{width:16px;height:16px;left:3px;bottom:3px;background:#D6BF97;border-radius:0}
html.yogs .toggle-switch input:checked+.slider{background:#0072BC;box-shadow:inset 0 0 0 3px #4E95C0}
html.yogs .toggle-switch input:checked+.slider:before{transform:translateX(22px);background:#fff}

html.yogs .tip-icon{background:#95845E;color:#D6BF97;border:0}
html.yogs .tip-icon:hover,html.yogs .tip-wrap.show .tip-icon{background:#0072BC;color:#fff}
html.yogs .tip-bubble{
  background:#D6BF97;color:#000;border:0;
  box-shadow:inset 0 0 0 3px #95845E,0 4px 0 rgba(0,0,0,.45);
}
html.yogs .config-input,html.yogs #qrSearch,
html.yogs .botc-draft-wrapper textarea,html.yogs .botc-draft-wrapper select{
  background:#D6BF97 !important;color:#000 !important;border:3px solid #95845E !important;
}
html.yogs .adv-toggle{color:#786844;border-top:3px solid #95845E}
html.yogs .adv-toggle:hover{color:#000}
html.yogs .error-msg{color:#9E0B0F}
html.yogs .type-dist-row{background:transparent;box-shadow:inset 0 0 0 3px #95845E}

html.yogs .botc-draft-wrapper ::-webkit-scrollbar,
html.yogs #roleChangeGrid::-webkit-scrollbar{width:12px}
html.yogs .botc-draft-wrapper ::-webkit-scrollbar-track,
html.yogs #roleChangeGrid::-webkit-scrollbar-track{background:#95845E}
html.yogs .botc-draft-wrapper ::-webkit-scrollbar-thumb,
html.yogs #roleChangeGrid::-webkit-scrollbar-thumb{background:#D6BF97;border:3px solid #95845E}

html.yogs .char-grid{box-shadow:inset 0 0 0 3px #95845E;background:rgba(120,104,68,.12);padding:4px}
html.yogs .char-chip{background:transparent;border:0;color:#786844;box-shadow:none;padding:5px 8px}
html.yogs .char-chip:hover{background:rgba(255,255,255,.18);color:#000}
html.yogs .char-chip.selected{background:#C2AD86;color:#000;box-shadow:inset 4px 0 0 #0072BC}
html.yogs .char-chip .dot{width:0;height:0;margin:0;overflow:hidden}

html.yogs .char-chip .chip-token{
  box-sizing:border-box;
  object-fit:contain;
  border:0;
  padding:0;
  margin:2px 4px 2px 2px;
  box-shadow:0 0 0 2px #95845E, 0 0 0 4px #C2AD86;
  filter:none;opacity:.45;transform:none !important;
}
html.yogs .char-chip:hover .chip-token{opacity:.8}
html.yogs .char-chip.selected .chip-token{
  opacity:1;filter:none;box-shadow:0 0 0 2px #95845E, 0 0 0 4px #0072BC;
}

html.yogs .char-chip.selected .chip-token[data-yogs-type="minion"],
html.yogs .char-chip.selected .chip-token[data-yogs-type="demon"],
html.yogs .char-chip.selected:has(.dot.minion) .chip-token,
html.yogs .char-chip.selected:has(.dot.demon) .chip-token{
  box-shadow:0 0 0 2px #95845E, 0 0 0 4px #9E0B0F;
}
html.yogs .char-chip.selected:has(.dot.minion),
html.yogs .char-chip.selected:has(.dot.demon){box-shadow:inset 4px 0 0 #9E0B0F}

html.yogs .overlay{background:#000 !important}
html.yogs .overlay-confirm.demon-reveal{
  background:radial-gradient(ellipse at 50% 45%,#2b0708 0%,#000 60%) !important;
}

html.yogs #demonFx{
  --px:8;
  width:calc(100% / var(--px)) !important;height:calc(100% / var(--px)) !important;
  transform:scale(var(--px));transform-origin:0 0;
  image-rendering:pixelated;
}
@media(max-width:1200px){html.yogs #demonFx{--px:5}}
@media(max-width:640px){html.yogs #demonFx{--px:3}}
html.yogs .overlay h2,html.yogs .overlay h3,
html.yogs .overlay-spinner .spin-text{color:#fff !important;text-transform:uppercase}
html.yogs .overlay p,html.yogs .overlay .pick-sub,
html.yogs .overlay .spin-sub,html.yogs .overlay .confirm-note{color:#95845E !important}
html.yogs .overlay-handoff .seat-badge{
  color:#fff;background:#000;
  border:6px solid #95845E;
  box-shadow:0 0 0 6px #C2AD86;
  width:132px;height:132px;
}

#yogsLamps{display:none}
html.yogs .overlay-spinner,html.yogs .overlay-handoff{--yl-size:min(62vw,48vh,420px);--yl-below:7rem}
html.yogs #yogsLamps{
  display:block;width:var(--yl-size);height:var(--yl-size);
  position:absolute;top:calc(50% - var(--yl-below) / 2);left:50%;transform:translate(-50%,-50%);

  --yl-lamp:min(calc(var(--yl-size) * .19),calc(var(--yl-size) * 3.1416 / var(--yl-n) * .8));
  font-family:'minecraftia',monospace;
}

html.yogs .yl-lamp,html.yogs .yl-num{position:absolute;left:50%;top:50%}
html.yogs .yl-lamp{
  width:var(--yl-lamp);height:var(--yl-lamp);
  transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(var(--yl-size) / -2 + var(--yl-lamp) / 2)) rotate(calc(-1 * var(--a)));
}
html.yogs .yl-lamp img{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  image-rendering:pixelated;user-select:none;-webkit-user-drag:none;
}
html.yogs .yl-lamp .yl-on{opacity:0}
html.yogs .yl-lamp.lit .yl-on{opacity:1}

html.yogs .yl-lamp::before{
  content:'';position:absolute;inset:-45%;z-index:-1;opacity:0;
  background:radial-gradient(circle,rgba(255,196,96,.6) 0%,rgba(255,196,96,.18) 40%,rgba(255,196,96,0) 68%);
}
html.yogs .yl-lamp.lit::before{opacity:1}
html.yogs .yl-num{
  font-size:calc(var(--yl-lamp) * .36);line-height:1;color:#95845E;

  padding:.375em 0 0 .125em;
  transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(var(--yl-size) / -2 + var(--yl-lamp) * 1.25)) rotate(calc(-1 * var(--a)));
}
html.yogs .yl-num.lit{color:#fff}

html.yogs .yl-big{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  padding:.675em .3em .3em .425em;
  font-size:calc(var(--yl-size) * .19);line-height:1;color:#fff;
  text-shadow:0 0 18px rgba(255,196,96,.55);

  background:radial-gradient(circle,rgba(0,0,0,.92) 42%,rgba(0,0,0,0) 72%);
  opacity:0;transition:opacity .4s ease;
}

html.yogs .yl-hands{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:calc(var(--yl-size) * .56);height:calc(var(--yl-size) * .56);
  image-rendering:pixelated;
}
html.yogs #yogsLamps.settled .yl-big{opacity:1}

@keyframes yl-blink{0%{opacity:1}20%{opacity:0}40%{opacity:1}60%{opacity:0}80%,100%{opacity:1}}
html.yogs #yogsLamps.settled .yl-lamp.lit .yl-on,
html.yogs #yogsLamps.settled .yl-lamp.lit::before{animation:yl-blink .5s steps(1,end) 1}

html.yogs.js-lamps .overlay-spinner .spin-text{display:none}
html.yogs.js-lamps .overlay-spinner,html.yogs.js-lamps .overlay-handoff{
  padding-top:calc(50vh - var(--yl-below) / 2 + var(--yl-size) / 2 + .9rem);gap:1rem;
}
html.yogs.js-lamps .overlay-spinner::before,html.yogs.js-lamps .overlay-handoff::before{flex:0 0 0}

html.yogs.js-lamps .overlay-handoff > :not(#yogsLamps){opacity:0;transition:opacity .4s ease}
html.yogs.js-lamps .overlay-handoff.yl-revealed > :not(#yogsLamps){opacity:1}

html.yogs.js-lamps .overlay-handoff h2,
html.yogs.js-lamps .overlay-handoff .seat-badge,
html.yogs.js-lamps .overlay-handoff > p:nth-of-type(2){display:none}

html.yogs .overlay .choice-btn{
  background:#D6BF97 !important;

  color:#000 !important;
  border:0 !important;
  box-shadow:0 6px 0 #95845E;
  animation:none;
}

html.yogs .overlay .choice-btn:has(.token-bg){
  padding:190px 16px 16px;
  min-width:270px;max-width:300px;
  align-items:stretch;text-align:left;
}
html.yogs .overlay .choice-btn:hover{
  background:#E6D3B0 !important;box-shadow:0 6px 0 #C2AD86;transform:none;
}
html.yogs .choice-btn::before,html.yogs .choice-btn::after{content:none}
html.yogs .choice-btn .token-bg{
  inset:auto;
  position:absolute;top:16px;left:50%;
  transform:translateX(-50%);
  width:160px;height:160px;
  background-size:contain;background-position:center;background-repeat:no-repeat;
  opacity:1;animation:none;
  mask-image:none;-webkit-mask-image:none;
  box-sizing:border-box;
  border:3px solid #95845E;
  box-shadow:0 0 0 3px #C2AD86;
  padding:10px;
  background-origin:content-box;background-clip:content-box;
}
html.yogs .choice-btn:hover .token-bg{opacity:1}
html.yogs .choice-btn .choice-name{
  color:#000;font-size:20px;text-transform:uppercase;
  border-bottom:3px solid #000;padding-bottom:4px;width:100%;
  order:1;margin:0;
}
html.yogs .choice-btn .choice-desc{
  color:#000;opacity:1;font-size:14px;line-height:1.45;
  text-align:left;padding-top:10px;order:2;
}
html.yogs .choice-btn .type-badge{
  order:3;align-self:flex-start;margin-top:12px;
  background:#0072BC;color:#fff;border:0;padding:5px 10px;font-size:12px;
}
html.yogs .choice-btn .type-badge.outsider{background:#4E95C0;color:#fff}
html.yogs .choice-btn .type-badge.minion{background:#9E0B0F;color:#fff}
html.yogs .choice-btn .type-badge.demon{background:#6E0709;color:#fff}

html.yogs .choice-btn .type-badge svg{display:none}

@media(min-width:641px){
  html.yogs .overlay .choice-btn:has(.token-bg) .choice-desc{flex:1 0 auto}
}

html.yogs #confirmTokenWrap{width:min(260px,34vh);height:min(260px,34vh)}
html.yogs #confirmTokenWrap::after{content:none}

html.yogs .confirm-token{
  box-sizing:border-box;
  object-fit:contain;filter:none !important;
  border:6px solid #95845E;
  box-shadow:0 0 0 6px #C2AD86;
  padding:10px;
  background:#D6BF97;animation:none !important;
}
html.yogs .overlay-confirm .picked-name{
  color:#fff !important;text-transform:uppercase;font-size:38px;animation:none !important;
}
html.yogs .overlay-confirm .picked-type{color:#95845E !important}
html.yogs .demon-reveal .picked-name{color:#D4585C !important}

html.yogs .results-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
html.yogs .result-card{
  background:transparent;border:0;
  box-shadow:inset 0 0 0 3px #95845E;
  padding:10px 12px;
}
html.yogs .result-card .seat{order:0;width:44px;height:44px;font-size:18px;color:#fff;border:0}
html.yogs .result-card .seat.townsfolk{background:#0072BC}
html.yogs .result-card .seat.outsider{background:#2E7DA8}
html.yogs .result-card .seat.minion{background:#9E0B0F}
html.yogs .result-card .seat.demon{background:#6E0709}
html.yogs .result-token-bg{
  position:static;transform:none;
  order:1;flex:0 0 auto;
  box-sizing:border-box;
  width:46px;height:46px;margin:0 3px;
  background-size:contain;background-repeat:no-repeat;background-position:center;
  background-origin:content-box;background-clip:content-box;
  opacity:1;
  border:3px solid #95845E;
  box-shadow:0 0 0 3px #C2AD86;
  padding:3px;
}
html.yogs .result-card:hover .result-token-bg{opacity:1}
html.yogs .result-card .info{order:2;min-width:0}
html.yogs .result-card > div:last-child{order:9}
html.yogs .result-card .info .name{color:#000;font-size:14px;line-height:1.25;text-transform:uppercase}
html.yogs .result-card .info .meta{color:#786844;font-size:12px;text-transform:uppercase}
html.yogs .result-card .info .secret{color:#9E0B0F;font-size:12px}
html.yogs .bluff-chip{
  background:transparent;color:#000;border:0;
  box-shadow:inset 0 0 0 3px #9E0B0F;text-transform:uppercase;
}

#yogsToggle{
  background:rgba(37,30,21,.85);color:#D4C4A0;
  border:1px solid #8B7535;border-radius:6px;
  padding:.35rem .7rem;font-size:.75rem;line-height:1.2;
  font-family:'Crimson Text',Georgia,serif;cursor:pointer;
  opacity:.5;transition:opacity .2s;backdrop-filter:blur(4px);
  box-sizing:border-box;white-space:nowrap;
}
#yogsToggle:hover{opacity:1}
html.yogs #floatingControls button,html.yogs #floatingControls select{
  background:#D6BF97 !important;color:#000 !important;
  border:3px solid #C2AD86 !important;
  box-shadow:inset 0 0 0 3px #95845E !important;
  opacity:.85;
}
html.yogs #floatingControls button:hover,html.yogs #floatingControls select:hover{opacity:1}
html.yogs #yogsToggle{
  background:#0072BC !important;color:#fff !important;
  box-shadow:inset 0 0 0 3px #4E95C0 !important;
  border-color:#4E95C0 !important;opacity:1;
}

html.yogs .yogs-fallback{filter:sepia(1) saturate(.6) contrast(1.05) brightness(.95) !important}

@media(max-width:1400px){
  html.yogs header h1{font-size:24px}
}
@media(max-width:640px){
  html.yogs header h1{font-size:20px}

  html.yogs .overlay .choice-btn:has(.token-bg){
    padding:12px 12px 12px 96px;min-width:0;min-height:0;

    max-width:none;
  }
  html.yogs .choice-btn .token-bg{
    inset:auto;top:12px;left:12px;transform:none;width:72px;height:72px;
  }
  html.yogs .choice-btn .choice-name{font-size:15px}
  html.yogs .choice-btn .choice-desc{font-size:12px;padding-top:6px}
  html.yogs .choice-btn .type-badge{margin-top:8px;font-size:11px;padding:4px 8px}
  html.yogs .overlay-confirm .picked-name{font-size:26px}

  html.yogs .panel h3,html.yogs #draftRules h3,html.yogs .bluffs-box h3,
  html.yogs #resultsPhase h3,html.yogs #jinxesBox h3,
  html.yogs #resultsPhase details summary{font-size:13px !important;padding:0 30px !important}
}

html.yogs .stepper-btn[onclick*="-1)"]{font-size:0 !important}
html.yogs .stepper-btn[onclick*="-1)"]::before{
  content:'-';font-size:24px;line-height:1;
}
html.yogs [id^="qr"] s,html.yogs [data-qr-name] s{text-decoration-thickness:2px}

html.yogs .yogs-glyph{
  font-family:'Segoe UI Symbol','Segoe UI Emoji','Apple Symbols','Noto Sans Symbols 2',monospace !important;
  display:inline-block;
  line-height:1;

  font-size:1.3em;
  vertical-align:0.42em;
}

html.yogs #firstNightOrder,html.yogs #otherNightsOrder,
html.yogs #jinxesList,html.yogs #draftHistoryList{padding:0 16px}

html.yogs #numPlayersDisplay{position:relative;top:12px}
html.yogs .botc-draft-wrapper .stepper-btn{position:relative;top:-12px}

html.yogs #floatingControls #langSelect{
  background-color:#D6BF97 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%23000' stroke-width='1' stroke-opacity='.85'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cellipse cx='8' cy='8' rx='3' ry='6.5'/%3E%3Cpath d='M1.5 8h13'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:9px 50% !important;
  background-size:15px 15px !important;
  padding-left:29px !important;
}

html.yogs #resultsPhase details summary{
  position:relative;
  padding-right:56px !important;
  cursor:pointer;
}
html.yogs #resultsPhase details summary::after{
  content:'\25B6';
  position:absolute;right:30px;top:0;
  height:42px;line-height:42px;
  display:inline-block;
  transform-origin:50% 58%;
  transition:transform .15s ease;
}
html.yogs #resultsPhase details[open] summary::after{transform:rotate(90deg)}
html.yogs #resultsPhase details summary:hover{filter:brightness(1.12)}

.ccc-logo-fixed{display:none !important}

@media(max-width:640px){
  html.yogs #floatingControls{
    flex-wrap:wrap;
    justify-content:flex-end;
    max-width:calc(100vw - 1rem);

    gap:0.25rem !important;
  }
  html.yogs #floatingControls button,
  html.yogs #floatingControls select{
    border-width:2px !important;
    box-shadow:inset 0 0 0 2px #95845E !important;
    padding:0.28rem 0.38rem !important;
    font-size:0.68rem !important;
  }
  html.yogs #floatingControls #yogsToggle{
    box-shadow:inset 0 0 0 2px #4E95C0 !important;
  }
  html.yogs #floatingControls #langSelect{
    background-position:6px 50% !important;
    background-size:12px 12px !important;
    padding-left:22px !important;
  }
}

html.yogs .choice-btn .choice-desc,
html.yogs .choice-btn .choice-name{text-transform:none !important}
html.yogs .choice-btn .choice-name{text-transform:uppercase !important}

html.yogs #testModePanel,html.yogs #testPanelMini{
  --blood:#9E0B0F; --blood-light:#D4585C; --blood-dark:#6E0709;
  --gold:#E0B42D; --gold-dim:#95845E;
  --parchment:#D6BF97; --parchment-dark:#95845E;
  --townsfolk:#4E95C0; --outsider:#79A647; --minion:#D4585C; --demon:#D4585C;
  --bg:#000; --surface:#1C1712; --surface2:#2B2318;
  --radius:0;
  --test-panel-bg:#000;
  --test-caps:'minecraftia','Segoe UI Symbol','Segoe UI Emoji',monospace;
}
html.yogs #testModePanel{background:#000 !important;border-bottom:3px solid #95845E !important;color:#D6BF97 !important;backdrop-filter:none !important}
html.yogs #testModePanel,html.yogs #testModePanel *:not(#testDiagnostic):not(#testDiagnostic *){
  font-family:'minecraftia','Segoe UI Symbol','Segoe UI Emoji','Apple Symbols','Noto Sans Symbols 2',monospace !important;
  font-style:normal !important;letter-spacing:0 !important;border-radius:0 !important;text-shadow:none !important;
}
html.yogs #testModePanel button{background:#D6BF97 !important;color:#000 !important;border:3px solid #C2AD86 !important}
html.yogs #testModePanel button:hover{background:#E6D3B0 !important}
html.yogs #testModePanel input{background:#D6BF97 !important;color:#000 !important;border:3px solid #95845E !important}
html.yogs #testModePanel input::placeholder{color:#786844}
html.yogs #testDiagnostic{background:#1C1712 !important;border-radius:0 !important;color:#D6BF97}