@font-face{font-family:'LHF Unlovable 1';src:url(clocktower-fonts/LHFunlovable1.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}

html.clocktower{
  --ct-art-left:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 520'%3E %3Cg fill='none' stroke='%235C2020' stroke-opacity='0.22' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M60 520V150l40-60 40 60v370'/%3E %3Cpath d='M60 150h80M64 205h72M64 260h72M60 315h80M60 370h80M60 430h80M60 490h80'/%3E %3Cpath d='M100 90L92 40l8-22 8 22z'/%3E%3Cpath d='M86 86h28'/%3E %3Ccircle cx='100' cy='185' r='22'/%3E%3Ccircle cx='100' cy='185' r='2.5'/%3E %3Cpath d='M100 185V170M100 185l11 6'/%3E %3Cpath d='M76 230h10v28H76zM114 230h10v28h-10z'/%3E %3Cpath d='M76 290h10v20H76zM114 290h10v20h-10z'/%3E %3Cpath d='M70 345h60v25H70zM82 345v25M100 345v25M118 345v25'/%3E %3Cpath d='M88 470h24v50H88z'/%3E%3Cpath d='M88 470q12-14 24 0'/%3E %3Cpath d='M40 520q20-40 20-90M160 520q-20-40-20-90'/%3E %3Cpath d='M30 520c10-8 18-10 30-6M140 514c12-4 20-2 30 6'/%3E %3Cpath d='M8 500c6-8 14-12 22-10M170 490c8-2 16 2 22 10'/%3E %3C/g%3E%3C/svg%3E");
  --ct-art-right:none;
  background:#1A0026 !important;background-image:none !important;
}

html.clocktower .botc-draft-wrapper,html.clocktower .overlay{
  --ct-brand:'LHF Unlovable 1','Uncial Antiqua','Caudex',Georgia,serif;
  --ct-caps:'Caudex','Palatino Linotype','Book Antiqua',Georgia,serif;
  --ct-body:'Libre Franklin','Trade Gothic Next LT Pro','Franklin Gothic Medium',Arial,sans-serif;
  --ct-plum:#1A0026;--ct-plum2:#200E2F;--ct-plum3:#31153E;
  --ct-cream:#FDF6F4;--ct-parch:#E9E0CC;--ct-parch2:#F4ECDC;
  --ct-wine:#5C2020;--ct-gold:#D1BB87;--ct-line:#9C8CA6;
  --radius:2px;
  font-family:var(--ct-body);
}

html.clocktower .botc-draft-wrapper{
  --bg:#1A0026;--surface:#FBF5E8;--surface2:#EBE1CB;
  --gold:#5C2020;--gold-dim:#7E4C4C;
  --parchment:#31153E;--parchment-dark:#4E3D5C;
  --ink:#1A1A1A;--ink-light:#B7A9BD;--shadow:rgba(26,0,38,.35);
  --blood:#5C2020;--blood-light:#8B2E2E;--blood-dark:#3E1010;
  --townsfolk:#1F6B96;--outsider:#1B7F78;--minion:#B33A3A;--demon:#8B1010;
  font-size:16px;line-height:1.45;color:var(--parchment);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E %3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.045' stroke-width='1.3' stroke-linecap='round'%3E %3Cpath d='M90 14c-22 22-22 44 0 66 22-22 22-44 0-66z'/%3E %3Cpath d='M90 100c-22 22-22 44 0 66 22-22 22-44 0-66z'/%3E %3Cpath d='M14 90c22-22 44-22 66 0-22 22-44 22-66 0z'/%3E %3Cpath d='M100 90c22-22 44-22 66 0-22 22-44 22-66 0z'/%3E %3Cpath d='M90 47c-8 9-20 11-31 6M90 47c8 9 20 11 31 6M90 133c-8-9-20-11-31-6M90 133c8-9 20-11 31-6'/%3E %3Cpath d='M47 90c9-8 11-20 6-31M47 90c9 8 11 20 6 31M133 90c-9-8-11-20-6-31M133 90c-9 8-11 20-6 31'/%3E %3Ccircle cx='90' cy='90' r='5'/%3E%3Ccircle cx='90' cy='90' r='11'/%3E %3Cpath d='M0 0c14 14 14 28 0 42M180 0c-14 14-14 28 0 42M0 180c14-14 14-28 0-42M180 180c-14-14-14-28 0-42'/%3E %3Cpath d='M0 90c10-6 10-18 0-24M180 90c-10-6-10-18 0-24M90 0c-6 10-18 10-24 0M90 180c-6-10-18-10-24 0'/%3E %3C/g%3E%3C/svg%3E") var(--ct-plum);
}

html.clocktower .overlay{
  --bg:#1A0026;--surface:#2A1442;--surface2:#3B2058;
  --gold:#D1BB87;--gold-dim:#B3A278;
  --parchment:#F6F0E4;--parchment-dark:#DCD2E3;
  --ink:#0D0013;--ink-light:#6A4F88;--shadow:rgba(0,0,0,.6);
  --blood:#8B1E2E;--blood-light:#C04A58;--blood-dark:#4A0A14;
  --townsfolk:#6DB5E0;--outsider:#6FD8CF;--minion:#F28080;--demon:#E85050;
  font-size:16px;line-height:1.45;color:var(--parchment);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E %3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.045' stroke-width='1.3' stroke-linecap='round'%3E %3Cpath d='M90 14c-22 22-22 44 0 66 22-22 22-44 0-66z'/%3E %3Cpath d='M90 100c-22 22-22 44 0 66 22-22 22-44 0-66z'/%3E %3Cpath d='M14 90c22-22 44-22 66 0-22 22-44 22-66 0z'/%3E %3Cpath d='M100 90c22-22 44-22 66 0-22 22-44 22-66 0z'/%3E %3Cpath d='M90 47c-8 9-20 11-31 6M90 47c8 9 20 11 31 6M90 133c-8-9-20-11-31-6M90 133c8-9 20-11 31-6'/%3E %3Cpath d='M47 90c9-8 11-20 6-31M47 90c9 8 11 20 6 31M133 90c-9-8-11-20-6-31M133 90c-9 8-11 20-6 31'/%3E %3Ccircle cx='90' cy='90' r='5'/%3E%3Ccircle cx='90' cy='90' r='11'/%3E %3Cpath d='M0 0c14 14 14 28 0 42M180 0c-14 14-14 28 0 42M0 180c14-14 14-28 0-42M180 180c-14-14-14-28 0-42'/%3E %3Cpath d='M0 90c10-6 10-18 0-24M180 90c-10-6-10-18 0-24M90 0c-6 10-18 10-24 0M90 180c-6-10-18-10-24 0'/%3E %3C/g%3E%3C/svg%3E") var(--ct-plum) !important;
}

html.clocktower [style*="rgba(37,30,21"]{background:var(--surface) !important}

html.clocktower .botc-draft-wrapper h1,html.clocktower .botc-draft-wrapper h2,
html.clocktower .botc-draft-wrapper h3,html.clocktower .botc-draft-wrapper h4,
html.clocktower .overlay h2,html.clocktower .overlay h3,
html.clocktower .botc-draft-wrapper summary{
  font-family:var(--ct-caps) !important;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;text-wrap:balance;
}
html.clocktower .botc-draft-wrapper button,html.clocktower .overlay button{font-family:var(--ct-caps)}
html.clocktower [style*="Cinzel"]{font-family:var(--ct-caps) !important;font-weight:700 !important}
html.clocktower [style*="Crimson"]{font-family:var(--ct-body) !important}
html.clocktower .botc-draft-wrapper input,html.clocktower .botc-draft-wrapper textarea,
html.clocktower .overlay input,html.clocktower .overlay textarea,
html.clocktower .botc-draft-wrapper .seg-btn,html.clocktower .overlay .seg-btn{font-family:var(--ct-body) !important}
html.clocktower .type-dist-count,html.clocktower .count-row .val,
html.clocktower .result-card .seat,html.clocktower .config-input{font-family:var(--ct-caps);font-variant-numeric:tabular-nums}
html.clocktower .type-dist-label,html.clocktower .adv-toggle,
html.clocktower .overlay-confirm .picked-type,html.clocktower .choice-btn .type-badge{
  font-family:var(--ct-body);font-weight:700;letter-spacing:.12em;
}
html.clocktower .note,html.clocktower .option-hint,html.clocktower .result-card .info .meta,
html.clocktower .overlay-handoff p,html.clocktower .overlay .pick-sub,
html.clocktower .overlay-spinner .spin-sub,html.clocktower .overlay .confirm-note{font-style:normal}
html.clocktower .note,html.clocktower .option-hint{font-size:.85rem;opacity:.9}
html.clocktower .option-label{color:var(--parchment);font-size:.95rem}
html.clocktower .count-row{font-size:.95rem;color:var(--parchment)}
html.clocktower .char-chip{font-size:.88rem}

html.clocktower .botc-draft-wrapper header{padding:1.1rem 0 .6rem;max-width:none !important;width:100% !important;margin:0 auto !important;text-align:center}
html.clocktower .app{padding-top:0}

html.clocktower .botc-draft-wrapper header :not(h1):not(h1 *){color:rgba(255,255,255,.85) !important}
html.clocktower .botc-draft-wrapper header a{color:#D1BB87 !important}
html.clocktower .botc-draft-wrapper header h1{
  font-family:var(--ct-brand) !important;font-weight:400;text-transform:none;
  color:var(--ct-gold);font-size:clamp(2.6rem,4.4vw,5.4rem);letter-spacing:.01em;line-height:1.2;
  text-shadow:0 2px 0 #0D0013,0 6px 22px rgba(0,0,0,.65);
}
html.clocktower .botc-draft-wrapper header .subtitle{
  color:rgba(255,255,255,.85);font-style:normal;font-size:1rem;margin-top:.5rem;
}
html.clocktower .botc-draft-wrapper header .subtitle a{color:var(--ct-gold)}
html.clocktower .botc-draft-wrapper header .subtitle:empty{display:none}
html.clocktower .ccc-logo-setup{opacity:.85}

html.clocktower #setupPhase,html.clocktower #resultsPhase{
  position:relative;isolation:isolate;
  margin:1.4rem calc(50% - 50vw) 1.2rem;
  padding:3.4rem max(1.1rem,calc(50vw - 690px)) 3.8rem;
}
html.clocktower #setupPhase::before,html.clocktower #resultsPhase::before,
html.clocktower #setupPhase::after,html.clocktower #resultsPhase::after{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  clip-path:polygon(0.0% 5.8px,1.43% 9.1px,2.86% 1.0px,4.29% 10.6px,5.71% 0.8px,7.14% 7.1px,8.57% 4.2px,10.0% 1.0px,11.43% 1.3px,12.86% 12.9px,14.29% 1.7px,15.71% 3.1px,17.14% 16.7px,18.57% 8.1px,20.0% 5.6px,21.43% 14.1px,22.86% 12.0px,24.29% 4.1px,25.71% 3.0px,27.14% 4.3px,28.57% 11.4px,30.0% 7.4px,31.43% 8.9px,32.86% 5.2px,34.29% 8.2px,35.71% 0.8px,37.14% 2.9px,38.57% 13.1px,40.0% 4.4px,41.43% 8.2px,42.86% 8.9px,44.29% 11.1px,45.71% 9.8px,47.14% 8.2px,48.57% 7.4px,50.0% 12.3px,51.43% 12.6px,52.86% 13.7px,54.29% 1.7px,55.71% 12.2px,57.14% 2.1px,58.57% 6.8px,60.0% 6.2px,61.43% 10.7px,62.86% 8.0px,64.29% 14.9px,65.71% 9.7px,67.14% 8.3px,68.57% 12.0px,70.0% 11.8px,71.43% 13.2px,72.86% 12.2px,74.29% 0.8px,75.71% 9.8px,77.14% 17.4px,78.57% 11.5px,80.0% 4.0px,81.43% 11.0px,82.86% 0.3px,84.29% 6.5px,85.71% 3.3px,87.14% 0.8px,88.57% 10.8px,90.0% 3.9px,91.43% 5.5px,92.86% 12.2px,94.29% 4.9px,95.71% 7.7px,97.14% 12.4px,98.57% 18.7px,100.0% 3.9px,100.0% calc(100% - 5.1px),98.57% calc(100% - 21.9px),97.14% calc(100% - 13.1px),95.71% calc(100% - 6.3px),94.29% calc(100% - 17.7px),92.86% calc(100% - 3.6px),91.43% calc(100% - 3.9px),90.0% calc(100% - 0.6px),88.57% calc(100% - 5.0px),87.14% calc(100% - 7.2px),85.71% calc(100% - 12.3px),84.29% calc(100% - 11.5px),82.86% calc(100% - 11.3px),81.43% calc(100% - 21.0px),80.0% calc(100% - 11.4px),78.57% calc(100% - 3.1px),77.14% calc(100% - 13.7px),75.71% calc(100% - 7.5px),74.29% calc(100% - 10.8px),72.86% calc(100% - 6.5px),71.43% calc(100% - 3.7px),70.0% calc(100% - 9.7px),68.57% calc(100% - 21.0px),67.14% calc(100% - 7.4px),65.71% calc(100% - 0.4px),64.29% calc(100% - 6.6px),62.86% calc(100% - 7.4px),61.43% calc(100% - 13.3px),60.0% calc(100% - 2.5px),58.57% calc(100% - 11.6px),57.14% calc(100% - 3.7px),55.71% calc(100% - 4.3px),54.29% calc(100% - 1.2px),52.86% calc(100% - 6.8px),51.43% calc(100% - 17.8px),50.0% calc(100% - 11.9px),48.57% calc(100% - 1.7px),47.14% calc(100% - 7.9px),45.71% calc(100% - 3.5px),44.29% calc(100% - 2.1px),42.86% calc(100% - 17.4px),41.43% calc(100% - 0.4px),40.0% calc(100% - 5.1px),38.57% calc(100% - 3.0px),37.14% calc(100% - 0.0px),35.71% calc(100% - 0.7px),34.29% calc(100% - 5.1px),32.86% calc(100% - 2.9px),31.43% calc(100% - 0.9px),30.0% calc(100% - 9.4px),28.57% calc(100% - 1.4px),27.14% calc(100% - 5.6px),25.71% calc(100% - 14.5px),24.29% calc(100% - 12.2px),22.86% calc(100% - 10.9px),21.43% calc(100% - 8.3px),20.0% calc(100% - 9.5px),18.57% calc(100% - 8.6px),17.14% calc(100% - 14.0px),15.71% calc(100% - 13.3px),14.29% calc(100% - 7.9px),12.86% calc(100% - 9.0px),11.43% calc(100% - 0.1px),10.0% calc(100% - 3.7px),8.57% calc(100% - 11.7px),7.14% calc(100% - 3.3px),5.71% calc(100% - 3.2px),4.29% calc(100% - 3.6px),2.86% calc(100% - 13.4px),1.43% calc(100% - 12.4px),0.0% calc(100% - 8.8px));
}
html.clocktower #setupPhase::before,html.clocktower #resultsPhase::before{
  background:#08000F;transform:translateY(7px);opacity:.85;
}
html.clocktower #setupPhase::after,html.clocktower #resultsPhase::after{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E %3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 0.33 0 0 0 0 0.22 0 0 0 0 0.10 0 0 0 0.16 0'/%3E%3C/filter%3E %3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 60% 40% at 12% 18%,rgba(120,80,40,.10),transparent 70%),
    radial-gradient(ellipse 50% 35% at 88% 78%,rgba(120,80,40,.10),transparent 70%),
    radial-gradient(ellipse 80% 60% at 50% 50%,rgba(255,250,240,.35),transparent 75%),
    var(--ct-parch);
}
html.clocktower #draftPhase p{color:rgba(255,255,255,.75) !important;font-style:normal;letter-spacing:.04em}

html.clocktower .ct-art{display:none;position:absolute;top:1.2rem;bottom:1.2rem;
  width:clamp(160px,calc(50vw - 600px),320px);pointer-events:none;z-index:0;
  background-position:top center;background-repeat:no-repeat;background-size:contain;
  mix-blend-mode:multiply;opacity:.92;
  mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%)}
html.clocktower .ct-art-left{left:1vw;background-image:var(--ct-art-left)}
html.clocktower .ct-art-right{right:1vw;background-image:var(--ct-art-right)}
@media(min-width:1520px){
  html.clocktower .ct-art{display:block}
  html.clocktower #setupPhase{padding-left:calc(50vw - 560px);padding-right:calc(50vw - 560px)}
}
html.clocktower #setupPhase>*:not(.ct-art){position:relative;z-index:1}

html.clocktower .panel,html.clocktower #draftRules,html.clocktower .bluffs-box{
  background:rgba(253,248,238,.62) !important;
  border:1px solid var(--ct-line) !important;border-radius:0 !important;
  box-shadow:0 0 0 4px rgba(253,248,238,.62),0 0 0 5px var(--ct-line);
  padding:1.3rem 1.4rem 1.4rem;
}
html.clocktower .setup-grid{gap:1.9rem}
html.clocktower .setup-grid .panel+.panel,html.clocktower .panel[style*="margin-top"]{margin-top:1.5rem !important}
html.clocktower .panel h3,html.clocktower #draftRules h3,html.clocktower #resultsPhase h3{
  color:var(--ct-wine) !important;font-size:1.05rem;letter-spacing:.09em;
  border-bottom:1px solid rgba(92,32,32,.28) !important;padding-bottom:.5rem;
}
html.clocktower .bluffs-box{border-color:var(--ct-wine) !important;box-shadow:0 0 0 4px rgba(253,248,238,.62),0 0 0 5px var(--ct-wine)}
html.clocktower .bluffs-box h3{color:var(--ct-wine)}
html.clocktower .bluffs-box .bluffs-sub{font-style:normal;color:#4E3D5C;font-size:.85rem;margin:-.4rem 0 .9rem}
html.clocktower .botc-draft-wrapper details{border-color:var(--ct-line) !important;border-radius:0 !important;background:rgba(253,248,238,.45)}
html.clocktower .botc-draft-wrapper summary{color:var(--ct-wine) !important;font-size:1.05rem !important}

html.clocktower .botc-draft-wrapper details>summary{list-style:none;position:relative;cursor:pointer;padding-right:2.8rem !important;min-height:1.7rem;transition:background .15s}
html.clocktower .botc-draft-wrapper details>summary::-webkit-details-marker{display:none}
html.clocktower .botc-draft-wrapper details>summary::after{content:"";position:absolute;right:.35rem;top:50%;width:1.55rem;height:1.55rem;margin-top:-.775rem;
  box-sizing:border-box;border:1px solid var(--ct-wine);border-radius:2px;background:transparent;transition:background .15s}
html.clocktower .botc-draft-wrapper details>summary::before{content:"";position:absolute;right:.9rem;top:50%;width:.45rem;height:.45rem;z-index:1;
  border-right:2px solid var(--ct-wine);border-bottom:2px solid var(--ct-wine);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
html.clocktower .botc-draft-wrapper details[open]>summary::after{background:var(--ct-wine)}
html.clocktower .botc-draft-wrapper details[open]>summary::before{border-color:var(--ct-cream);transform:translateY(-25%) rotate(225deg)}
html.clocktower .botc-draft-wrapper details>summary:hover{background:rgba(92,32,32,.07)}
html.clocktower .botc-draft-wrapper details>summary:hover::after{background:rgba(92,32,32,.1)}
html.clocktower .botc-draft-wrapper details[open]>summary:hover::after{background:var(--ct-wine)}
html.clocktower .botc-draft-wrapper details>summary:focus-visible{outline:2px solid var(--ct-wine);outline-offset:2px}
html.clocktower #draftRulesList{font-size:.95rem;line-height:1.5}

html.clocktower .botc-draft-wrapper .action-btn,html.clocktower .overlay .action-btn{
  position:relative;
  background:var(--ct-cream) !important;color:var(--ct-plum3) !important;
  border:1px solid var(--ct-plum3) !important;border-radius:0 !important;
  box-shadow:inset 0 0 0 3px var(--ct-cream),inset 0 0 0 4px var(--ct-plum3),0 4px 12px rgba(0,0,0,.35);
  font-family:var(--ct-caps);font-weight:700;font-size:1.05rem;letter-spacing:.09em;text-transform:uppercase;
  text-shadow:none;padding:.8rem 2.6rem;line-height:1.3;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
html.clocktower .action-btn:hover{
  background:#fff !important;transform:translateY(-1px);
  box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px var(--ct-plum3),0 8px 18px rgba(0,0,0,.45);
}
html.clocktower .action-btn:active{transform:translateY(0)}
html.clocktower .action-btn:focus-visible{outline:3px solid var(--ct-gold);outline-offset:3px}
html.clocktower .action-btn::before,html.clocktower .action-btn::after{
  content:'';position:absolute;top:50%;width:26px;height:26px;margin-top:-13px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E %3Cg fill='%238A7A94' stroke='%238A7A94' stroke-width='0.8' stroke-linejoin='round'%3E %3Cpath d='M24 13H12' fill='none' stroke-width='1.3' stroke-linecap='round'/%3E %3Cpath d='M12 13C8.5 8.8 4.5 8 2 10.5c3.2 0.2 6.4 1 10 2.5z'/%3E %3Cpath d='M12 13C8.5 17.2 4.5 18 2 15.5c3.2-0.2 6.4-1 10-2.5z'/%3E %3Cpath d='M13 13C13.5 8.5 11.5 4.8 7.5 3.5c1.6 3 3.4 6 5.5 9.5z'/%3E %3Cpath d='M13 13C13.5 17.5 11.5 21.2 7.5 22.5c1.6-3 3.4-6 5.5-9.5z'/%3E %3Ccircle cx='13' cy='13' r='1.6'/%3E %3C/g%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none;opacity:.9;
}
html.clocktower .action-btn::before{left:-32px}
html.clocktower .action-btn::after{right:-32px;transform:scaleX(-1)}

html.clocktower .overlay [style*="display:flex"] > .action-btn::before,
html.clocktower .overlay [style*="display:flex"] > .action-btn::after,
html.clocktower .overlay .choices .action-btn::before,
html.clocktower .overlay .choices .action-btn::after{display:none}
html.clocktower .overlay [style*="display:flex"] > .action-btn,
html.clocktower .overlay .choices .action-btn{padding:.65rem 1.4rem;font-size:.95rem}
html.clocktower .overlay div[style*="display:flex"][style*="gap:1rem"]{row-gap:1rem !important}
html.clocktower .overlay .choices .mulligan-wrap{margin-top:1.2rem !important}

html.clocktower .botc-draft-wrapper .script-btn,html.clocktower .overlay .script-btn{
  background:rgba(255,255,255,.5);color:var(--parchment);
  border:1px solid var(--ct-line);border-radius:0;
  font-weight:700;font-size:.84rem;letter-spacing:.05em;text-transform:uppercase;padding:.5rem .9rem;
}
html.clocktower .script-btn:hover{border-color:var(--ct-plum3);background:#fff}
html.clocktower .script-btn.active{background:var(--ct-plum3);color:var(--ct-cream);border-color:var(--ct-plum3)}
html.clocktower .botc-draft-wrapper .select-type-btn,html.clocktower .overlay .select-type-btn{
  background:transparent;color:var(--parchment);border:1px solid var(--ct-line);border-radius:0;
  font-family:var(--ct-body);font-weight:700;font-size:.78rem !important;letter-spacing:.06em;text-transform:uppercase;
  padding:.35rem .7rem !important;
}
html.clocktower .select-type-btn:hover{border-color:var(--ct-plum3);background:rgba(49,21,62,.06)}
html.clocktower .overlay .select-type-btn:hover{background:rgba(255,255,255,.08)}
html.clocktower .botc-draft-wrapper .restart-btn,html.clocktower .overlay .restart-btn{
  background:transparent;color:var(--ct-wine);border:1px solid var(--ct-wine);border-radius:0;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;
}
html.clocktower .restart-btn:hover{background:var(--ct-wine);color:var(--ct-cream)}
html.clocktower .botc-draft-wrapper .stepper-btn,html.clocktower .overlay .stepper-btn{
  border:1px solid var(--ct-plum3);background:var(--ct-cream);color:var(--ct-plum3);
  box-shadow:inset 0 0 0 2px var(--ct-cream),inset 0 0 0 3px var(--ct-plum3);font-family:var(--ct-body);font-weight:400;
}
html.clocktower .stepper-btn:hover{background:#fff;color:var(--ct-wine);border-color:var(--ct-wine);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px var(--ct-wine)}
html.clocktower .botc-draft-wrapper .redraft-btn,html.clocktower .overlay .redraft-btn{border:1px solid #7E6E88;background:rgba(255,255,255,.5);color:var(--ct-plum3);opacity:.9;font-size:1.25rem}
html.clocktower .redraft-btn:hover{border-color:var(--ct-wine);color:var(--ct-wine);background:#fff}

html.clocktower .botc-draft-wrapper button[style*="border-radius:var(--radius)"]:not(.choice-btn):not(.action-btn),
html.clocktower .overlay button[style*="border-radius:var(--radius)"]:not(.choice-btn):not(.action-btn){
  border-radius:0 !important;font-family:var(--ct-body) !important;font-weight:700 !important;
  letter-spacing:.06em;text-transform:uppercase;font-size:.8rem !important;
}
html.clocktower .botc-draft-wrapper button[style*="border:1px solid var(--gold)"]{background:transparent !important}
html.clocktower .botc-draft-wrapper button[style*="border:1px solid var(--gold)"]:hover{background:var(--ct-wine) !important;color:var(--ct-cream) !important}

html.clocktower .char-grid{scrollbar-color:var(--ct-line) transparent}
html.clocktower .char-chip{background:rgba(255,255,255,.5);color:var(--parchment);border-radius:0;border-color:transparent}
html.clocktower .char-chip:hover{background:#fff;border-color:var(--ct-line)}
html.clocktower .char-chip.selected{background:rgba(92,32,32,.07);border-color:var(--ct-wine);color:var(--parchment)}
html.clocktower .char-chip.selected .chip-token{filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}
html.clocktower .type-dist-row{background:transparent;border-top:1px solid rgba(92,32,32,.25);border-bottom:1px solid rgba(92,32,32,.25);border-radius:0;padding:.7rem .2rem}
html.clocktower .type-dist-count{font-size:1.6rem;font-weight:700}
html.clocktower .type-dist-label{font-size:.68rem;color:var(--parchment-dark)}
html.clocktower .toggle-switch .slider{background:rgba(255,255,255,.7);border:1px solid var(--ct-line);border-radius:999px}
html.clocktower .toggle-switch .slider:before{background:#7E6E88}
html.clocktower .toggle-switch input:checked+.slider{background:rgba(92,32,32,.14);border-color:var(--ct-wine)}
html.clocktower .toggle-switch input:checked+.slider:before{background:var(--ct-wine)}
html.clocktower .seg-group{border:1px solid var(--ct-line);border-radius:0}
html.clocktower .botc-draft-wrapper .seg-btn,html.clocktower .overlay .seg-btn{background:rgba(255,255,255,.5);color:var(--parchment);border-right:1px solid var(--ct-line);font-weight:700;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .65rem}
html.clocktower .overlay .seg-btn{background:transparent}
html.clocktower .seg-btn.active{background:var(--ct-plum3);color:var(--ct-cream)}
html.clocktower .adv-toggle{color:var(--ct-wine);border-top:1px solid rgba(92,32,32,.25);font-size:.78rem}
html.clocktower .adv-toggle .chevron{font-size:.8rem}
html.clocktower .adv-toggle:hover{color:var(--ct-plum3)}
html.clocktower .tip-icon{background:rgba(255,255,255,.55);border-color:#5D4A6B;color:var(--ct-plum3);width:21px;height:21px;font-size:.8rem;font-weight:700}
html.clocktower .overlay .tip-icon{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6);color:#fff}
html.clocktower .tip-icon:hover,html.clocktower .tip-wrap.show .tip-icon{border-color:var(--ct-wine);color:var(--ct-wine);background:rgba(92,32,32,.08)}
html.clocktower .tip-bubble{background:var(--ct-cream);border:1px solid var(--ct-plum3);border-radius:0;color:var(--ct-plum3);box-shadow:inset 0 0 0 3px var(--ct-cream),inset 0 0 0 4px var(--ct-line),0 6px 18px rgba(26,0,38,.3);padding:.75rem .9rem;font-size:.85rem;width:250px;line-height:1.45}
html.clocktower .overlay .tip-bubble{color:var(--ct-plum3)}
html.clocktower .config-input,html.clocktower #qrSearch,html.clocktower #scriptPasteArea{
  background:rgba(255,255,255,.65) !important;border:1px solid var(--ct-line) !important;border-radius:0 !important;color:var(--parchment) !important;font-size:.9rem !important;
}
html.clocktower .config-input:focus,html.clocktower #qrSearch:focus,html.clocktower #scriptPasteArea:focus{outline:none;border-color:var(--ct-wine) !important}
html.clocktower .count-row{border-color:rgba(92,32,32,.25) !important}
html.clocktower .count-row .val{color:var(--ct-wine);font-weight:700}
html.clocktower .error-msg{color:#8B1010;font-weight:700}
html.clocktower .botc-draft-wrapper a{color:var(--ct-wine)}
html.clocktower .botc-draft-wrapper [style*="font-size:0.7rem"]{font-size:.78rem !important}
html.clocktower .botc-draft-wrapper [style*="font-size:0.75rem"]{font-size:.82rem !important}

html.clocktower .overlay h2{color:var(--ct-gold) !important;text-shadow:0 2px 0 #0D0013,0 4px 16px rgba(0,0,0,.5)}
html.clocktower .overlay p{font-size:1.02rem;line-height:1.5}
html.clocktower .overlay-spinner .spin-text{font-family:var(--ct-brand);color:var(--ct-gold);letter-spacing:.01em;text-transform:none;font-size:3rem}
html.clocktower .overlay-spinner .spin-sub,html.clocktower .overlay .pick-sub,html.clocktower .overlay-handoff p{color:rgba(255,255,255,.88);font-size:1.05rem}

#ctClock{display:none}

html.clocktower #ctClock{
  display:block;width:var(--ct-clock);height:auto;
  position:absolute;top:calc(50% - var(--ct-below) / 2);left:50%;transform:translate(-50%,-50%);
}

html.clocktower .overlay-spinner,html.clocktower .overlay-handoff{--ct-clock:min(62vw,48vh,380px);--ct-below:9.5rem}

html.clocktower .overlay-spinner,html.clocktower .overlay-handoff{
  background:radial-gradient(ellipse 60% 55% at 50% 50%,rgba(74,28,96,.42) 0%,rgba(26,0,38,0) 70%),
             radial-gradient(ellipse 120% 100% at 50% 50%,rgba(0,0,0,0) 55%,rgba(0,0,0,.55) 100%),
             url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E %3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.045' stroke-width='1.3' stroke-linecap='round'%3E %3Cpath d='M90 14c-22 22-22 44 0 66 22-22 22-44 0-66z'/%3E %3Cpath d='M90 100c-22 22-22 44 0 66 22-22 22-44 0-66z'/%3E %3Cpath d='M14 90c22-22 44-22 66 0-22 22-44 22-66 0z'/%3E %3Cpath d='M100 90c22-22 44-22 66 0-22 22-44 22-66 0z'/%3E %3Cpath d='M90 47c-8 9-20 11-31 6M90 47c8 9 20 11 31 6M90 133c-8-9-20-11-31-6M90 133c8-9 20-11 31-6'/%3E %3Cpath d='M47 90c9-8 11-20 6-31M47 90c9 8 11 20 6 31M133 90c-9-8-11-20-6-31M133 90c-9 8-11 20-6 31'/%3E %3Ccircle cx='90' cy='90' r='5'/%3E%3Ccircle cx='90' cy='90' r='11'/%3E %3Cpath d='M0 0c14 14 14 28 0 42M180 0c-14 14-14 28 0 42M0 180c14-14 14-28 0-42M180 180c-14-14-14-28 0-42'/%3E %3Cpath d='M0 90c10-6 10-18 0-24M180 90c-10-6-10-18 0-24M90 0c-6 10-18 10-24 0M90 180c-6-10-18-10-24 0'/%3E %3C/g%3E%3C/svg%3E") var(--ct-plum) !important;
}
html.clocktower .overlay-spinner .spin-text,html.clocktower .overlay-spinner .spin-sub{display:none}
html.clocktower .overlay-handoff{padding-top:calc(50vh - var(--ct-below) / 2 + var(--ct-clock) / 2 + .9rem);gap:1rem}

html.clocktower .overlay-handoff::before{flex:0 0 0}

html.clocktower .overlay-handoff > :not(#ctClock){opacity:0;transition:opacity .4s ease}
html.clocktower .overlay-handoff.ct-revealed > :not(#ctClock){opacity:1}
html.clocktower:not(.js-clock) .overlay-handoff > :not(#ctClock){opacity:1}
html.clocktower .overlay-handoff .seat-badge{display:none}
html.clocktower .overlay-handoff h2{display:none}
html.clocktower .overlay-handoff p:first-of-type{font-size:1.25rem;color:#F6F0E4}
html.clocktower .overlay-handoff p{margin:0}

html.clocktower .ct-clock-disc{fill:#12001C;stroke:var(--ct-gold);stroke-width:1.2;opacity:0;transition:opacity .4s ease}
html.clocktower .ct-clock-big{fill:#FFF3D6;font-family:var(--ct-caps);font-weight:700;font-size:34px;opacity:0;transition:opacity .4s ease}
html.clocktower .ct-clock.settled .ct-clock-disc,html.clocktower .ct-clock.settled .ct-clock-big{opacity:1}
html.clocktower .ct-clock-shadow{fill:none;stroke:rgba(0,0,0,.55);stroke-width:5;opacity:.8}
html.clocktower .ct-clock-glow{fill:none;stroke:var(--ct-gold);stroke-width:6;opacity:0;transition:opacity .9s ease}
html.clocktower .ct-clock.settled .ct-clock-glow{opacity:.28}
html.clocktower .ct-clock-rim{fill:#12001C;stroke:url(#ctGold);stroke-width:2.4}
html.clocktower .ct-clock-stone-shadow{fill:none;stroke:rgba(0,0,0,.5);stroke-width:4}
html.clocktower .ct-clock-stone-ring{fill:none;stroke:url(#ctStone);stroke-width:20}
html.clocktower .ct-clock-mortar line{stroke:#221A20;stroke-width:1.1;opacity:.75}
html.clocktower .ct-clock-mortar-mid{fill:none;stroke:#221A20;stroke-width:.9;opacity:.55}
html.clocktower .ct-clock-iron{fill:none;stroke:#1E1418;stroke-width:3}
html.clocktower .ct-clock-ring{fill:none;stroke:var(--ct-gold);stroke-width:.8;opacity:.85}
html.clocktower .ct-clock-ring-in{stroke-width:.6;opacity:.6}
html.clocktower .ct-clock-inner{fill:none;stroke:var(--ct-gold);stroke-width:.6;stroke-dasharray:1 3;opacity:.5}
html.clocktower .ct-clock-chapter line{stroke:var(--ct-gold);stroke-width:.7;opacity:.6}
html.clocktower .ct-clock-tick{stroke:var(--ct-gold);stroke-width:1.8;stroke-linecap:round}
html.clocktower .ct-clock-gem{fill:var(--ct-gold);opacity:.7}
html.clocktower .ct-clock-num{fill:var(--ct-gold);font-family:var(--ct-caps);font-weight:700;font-size:15px;transition:fill 1.2s ease,font-size 1.2s ease}
html.clocktower .ct-clock-num.hit{fill:#FFF3D6;font-size:17.5px}
html.clocktower .ct-clock-hand{fill:url(#ctGold);stroke:#12001C;stroke-width:.35}
html.clocktower .ct-clock-boss{fill:var(--ct-gold)}
html.clocktower .ct-clock-pin{fill:#12001C}

html.clocktower .overlay-spinner .spin-text{animation-duration:2.6s !important}
html.clocktower .overlay-handoff h2{font-size:1.7rem}
html.clocktower .overlay-handoff .seat-badge{
  background:var(--ct-cream);color:var(--ct-plum3);border:1px solid var(--ct-plum3);
  box-shadow:inset 0 0 0 5px var(--ct-cream),inset 0 0 0 6px var(--ct-plum3),0 10px 30px rgba(0,0,0,.55);
  font-family:var(--ct-caps);font-weight:700;font-size:3.4rem;
}
html.clocktower .overlay a{color:var(--ct-gold)}
html.clocktower .overlay [style*="color:var(--parchment-dark)"]{color:rgba(255,255,255,.88) !important}
html.clocktower .overlay strong,html.clocktower .overlay b{color:#fff}
html.clocktower .overlay div[style*="background:var(--surface)"],html.clocktower .overlay div[style*="background:var(--surface2)"]{
  border-radius:0 !important;border:1px solid rgba(255,255,255,.16) !important;
}
html.clocktower .overlay [style*="font-size:0.85rem"],html.clocktower .overlay [style*="font-size:0.8rem"]{font-size:.95rem !important}

html.clocktower .overlay .choice-btn{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E %3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E %3CfeColorMatrix values='0 0 0 0 0.33 0 0 0 0 0.22 0 0 0 0 0.10 0 0 0 0.16 0'/%3E%3C/filter%3E %3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E") var(--ct-parch2) !important;color:var(--ct-plum3);
  border:1px solid var(--ct-plum3);border-radius:2px;
  box-shadow:inset 0 0 0 4px var(--ct-parch2),inset 0 0 0 5px var(--ct-line),0 12px 32px rgba(0,0,0,.55);
  padding:1.5rem 1.5rem 1.6rem;max-width:300px;
  text-transform:none;font-weight:400;letter-spacing:0;
}
html.clocktower .choice-btn::before{display:none}
html.clocktower .choice-btn::after{background:none}
html.clocktower .choice-btn .choice-name{font-family:var(--ct-caps);font-weight:700;color:var(--ct-wine);text-shadow:none;font-size:1.2rem;letter-spacing:.05em;text-transform:uppercase}
html.clocktower .choice-btn .choice-desc{font-family:var(--ct-body);color:#2C1F33;font-style:normal;font-weight:400;text-transform:none;letter-spacing:0;opacity:1;font-size:.95rem;line-height:1.5}
html.clocktower .choice-btn .type-badge{border-radius:0;font-size:.68rem;padding:.28rem .75rem}
html.clocktower .choice-btn .type-badge.townsfolk{background:rgba(31,107,150,.12);color:#175A80;border-color:rgba(31,107,150,.5)}
html.clocktower .choice-btn .type-badge.outsider{background:rgba(27,127,120,.12);color:#156B65;border-color:rgba(27,127,120,.5)}
html.clocktower .choice-btn .type-badge.minion{background:rgba(179,58,58,.12);color:#9E2E2E;border-color:rgba(179,58,58,.5)}
html.clocktower .choice-btn .type-badge.demon{background:rgba(139,16,16,.12);color:#7A0E0E;border-color:rgba(139,16,16,.5)}

html.clocktower .overlay .choice-btn{padding-top:9.4rem}
html.clocktower .choice-btn .token-bg{
  inset:0;background-size:120px 120px;background-position:center 1rem;
  mask-image:none;-webkit-mask-image:none;
  filter:drop-shadow(0 4px 8px rgba(26,0,38,.35));
  animation:ctTokenReveal .7s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes ctTokenReveal{0%{opacity:0;transform:scale(.6) translateY(10px)}100%{opacity:1;transform:none}}
html.clocktower .choice-btn:hover .token-bg{opacity:1;transform:scale(1.06)}
html.clocktower .overlay .choice-btn:hover{
  border-color:var(--ct-wine);
  box-shadow:inset 0 0 0 4px var(--ct-parch2),inset 0 0 0 5px var(--ct-wine),0 18px 44px rgba(0,0,0,.65),0 0 0 3px rgba(209,187,135,.35);
}
html.clocktower .overlay .choice-btn:focus-visible{outline:3px solid var(--ct-gold);outline-offset:3px}

html.clocktower #kazaliSeatChoices,html.clocktower #lunaticKazaliFakeSeatChoices{gap:.6rem !important;grid-template-columns:repeat(auto-fill,minmax(72px,1fr)) !important;padding:0 .4rem}
html.clocktower #kazaliSeatChoices .choice-btn,html.clocktower #lunaticKazaliFakeSeatChoices .choice-btn{
  display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:center !important;gap:.05rem !important;
  padding:.55rem .3rem .5rem !important;min-height:0 !important;text-align:center !important;
  box-shadow:inset 0 0 0 3px var(--ct-parch2),inset 0 0 0 4px var(--ct-line),0 6px 16px rgba(0,0,0,.4);
}
html.clocktower #kazaliSeatChoices .choice-btn:hover,html.clocktower #lunaticKazaliFakeSeatChoices .choice-btn:hover{
  border-color:var(--ct-wine);box-shadow:inset 0 0 0 3px var(--ct-parch2),inset 0 0 0 4px var(--ct-wine),0 10px 24px rgba(0,0,0,.5),0 0 0 3px rgba(209,187,135,.35)}
html.clocktower #kazaliSeatChoices .choice-btn>span:first-child,html.clocktower #lunaticKazaliFakeSeatChoices .choice-btn>span:first-child{
  font-family:var(--ct-body);font-size:.58rem !important;letter-spacing:.16em !important;opacity:.7 !important;color:var(--ct-plum3);line-height:1.2}
html.clocktower #kazaliSeatChoices .choice-btn>span:last-child,html.clocktower #lunaticKazaliFakeSeatChoices .choice-btn>span:last-child{
  font-family:var(--ct-caps);font-size:1.55rem !important;font-weight:700 !important;color:var(--ct-wine);line-height:1.05}

html.clocktower .overlay-confirm h2{font-size:1.25rem}
html.clocktower .overlay-confirm .picked-name{
  font-family:var(--ct-caps);font-weight:700;color:var(--ct-cream);font-size:2.7rem;letter-spacing:.06em;text-transform:uppercase;
  text-shadow:0 2px 0 #0D0013,0 8px 26px rgba(0,0,0,.6);
}
html.clocktower .overlay-confirm .picked-type{color:var(--ct-gold);font-size:.9rem}
html.clocktower .overlay-confirm .confirm-note{color:rgba(255,255,255,.85);font-size:.95rem}
html.clocktower #confirmAbility{font-size:1rem !important;color:rgba(255,255,255,.92) !important;font-style:normal !important;max-width:460px !important}
html.clocktower .overlay-confirm.demon-reveal{
  background:radial-gradient(ellipse at 50% 45%,#5A0F1A 0%,rgba(26,0,38,0) 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E %3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.045' stroke-width='1.3' stroke-linecap='round'%3E %3Cpath d='M90 14c-22 22-22 44 0 66 22-22 22-44 0-66z'/%3E %3Cpath d='M90 100c-22 22-22 44 0 66 22-22 22-44 0-66z'/%3E %3Cpath d='M14 90c22-22 44-22 66 0-22 22-44 22-66 0z'/%3E %3Cpath d='M100 90c22-22 44-22 66 0-22 22-44 22-66 0z'/%3E %3Cpath d='M90 47c-8 9-20 11-31 6M90 47c8 9 20 11 31 6M90 133c-8-9-20-11-31-6M90 133c8-9 20-11 31-6'/%3E %3Cpath d='M47 90c9-8 11-20 6-31M47 90c9 8 11 20 6 31M133 90c-9-8-11-20-6-31M133 90c-9 8-11 20-6 31'/%3E %3Ccircle cx='90' cy='90' r='5'/%3E%3Ccircle cx='90' cy='90' r='11'/%3E %3Cpath d='M0 0c14 14 14 28 0 42M180 0c-14 14-14 28 0 42M0 180c14-14 14-28 0-42M180 180c-14-14-14-28 0-42'/%3E %3Cpath d='M0 90c10-6 10-18 0-24M180 90c-10-6-10-18 0-24M90 0c-6 10-18 10-24 0M90 180c-6-10-18-10-24 0'/%3E %3C/g%3E%3C/svg%3E") var(--ct-plum) !important;
}
html.clocktower .demon-reveal h2{color:#E85050 !important}
html.clocktower .demon-reveal .picked-name{text-shadow:0 0 40px rgba(180,20,30,.7),0 0 80px rgba(180,20,30,.35)}

html.clocktower #resultsPhase h2{font-family:var(--ct-brand) !important;font-weight:400;text-transform:none;letter-spacing:.01em;color:var(--ct-wine) !important;font-size:2.6rem !important;line-height:1.25;margin-top:0}
html.clocktower .result-card{background:rgba(253,248,238,.75);border:1px solid var(--ct-line);border-radius:0}
html.clocktower .result-card .seat{font-weight:700;border-width:1px;font-size:.95rem}
html.clocktower .result-card .seat.townsfolk{background:rgba(31,107,150,.12)}
html.clocktower .result-card .seat.outsider{background:rgba(27,127,120,.12)}
html.clocktower .result-card .seat.minion{background:rgba(179,58,58,.12)}
html.clocktower .result-card .seat.demon{background:rgba(139,16,16,.12)}
html.clocktower .result-card .info .name{font-family:var(--ct-body);font-weight:700;font-size:1.02rem;letter-spacing:0}
html.clocktower .result-card .info .meta{font-size:.82rem}
html.clocktower .result-card .info .secret{color:var(--ct-wine);font-family:var(--ct-body);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}
html.clocktower .result-token-bg{opacity:.12}
html.clocktower .bluff-chip{background:var(--ct-cream);border:1px solid var(--ct-wine);color:var(--ct-wine);border-radius:0;font-family:var(--ct-body);font-weight:700;font-size:.95rem}
html.clocktower #firstNightOrder,html.clocktower #otherNightsOrder,html.clocktower #jinxesList,html.clocktower #draftHistoryList{font-size:.95rem !important;line-height:1.5}

#ctToggle{
  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;
}
#ctToggle:hover{opacity:1}
html.clocktower #floatingControls button,html.clocktower #floatingControls select{
  background:var(--ct-cream,#FDF6F4) !important;color:#31153E !important;
  border:1px solid #31153E !important;border-radius:0 !important;
  font-family:'Libre Franklin',Arial,sans-serif !important;font-weight:700 !important;font-size:.8rem !important;letter-spacing:.03em;
  opacity:.9;box-shadow:0 2px 8px rgba(0,0,0,.4);
}
html.clocktower #floatingControls button:hover,html.clocktower #floatingControls select:hover{opacity:1}

html.clocktower #undoBtnInline,html.clocktower #restartBtnInline,
html.clocktower #fullscreenBtn,html.clocktower #coffeeBtn{
  font-size:1.05rem !important;line-height:1 !important;padding:.3rem .55rem !important;
  min-width:2.2rem;min-height:2rem;opacity:1;color:#1A0026 !important;
  text-shadow:0 0 0 #1A0026;
}
html.clocktower #restartBtnInline{font-size:.85rem !important}
html.clocktower #ctToggle{background:#D1BB87 !important;opacity:1}

html.clocktower .botc-draft-wrapper ::-webkit-scrollbar-track{background:transparent}
html.clocktower .botc-draft-wrapper ::-webkit-scrollbar-thumb{background:var(--ct-line);border-radius:0}
html.clocktower #roleChangeGrid{scrollbar-color:var(--ct-line) transparent}

@media(prefers-reduced-motion:reduce){
  html.clocktower .action-btn,html.clocktower .action-btn:hover{transition:none;transform:none}
}

@media(max-width:900px){

  html.clocktower #setupPhase,html.clocktower #resultsPhase{padding:2.4rem 1.4rem 3rem}
  html.clocktower #setupPhase .setup-grid{margin-top:0}
  html.clocktower .setup-grid>div:last-child>.panel:first-child{margin-top:0 !important}
  html.clocktower .ct-art{display:none}
}

@media(max-width:600px){
  .botc-draft-wrapper .option-label{flex-wrap:wrap;row-gap:.45rem}
  .botc-draft-wrapper .option-label .tip-wrap{order:1}

  .botc-draft-wrapper .option-label:has(> .toggle-switch){flex-wrap:nowrap;align-items:center}
  .botc-draft-wrapper .option-label:has(> .toggle-switch) > .toggle-switch,
  .botc-draft-wrapper .option-label:has(> .toggle-switch) > .tip-wrap{flex:0 0 auto;order:0}
  .botc-draft-wrapper .option-label:has(> .toggle-switch) > span:not(.toggle-switch):not(.tip-wrap){flex:1 1 auto;min-width:0}
  .botc-draft-wrapper .option-label .seg-group{order:2;flex:1 0 100%;width:100%;display:flex}
  .botc-draft-wrapper .option-label .seg-group .seg-btn{flex:1 1 0;text-align:center;padding-left:.3rem;padding-right:.3rem}

  .botc-draft-wrapper #themeRow .seg-group .seg-btn{padding-left:.2rem !important;padding-right:.2rem !important;letter-spacing:0;font-size:clamp(.56rem,2.9vw,.72rem)}
  html.yogs .botc-draft-wrapper #themeRow .seg-group .seg-btn{font-size:clamp(8px,2.7vw,11px)}
}

html.yogs #draftRules h3 img.emoji{
  width:1em !important;height:1em !important;vertical-align:-.15em;
  background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;
  image-rendering:auto !important;
}

@media(max-width:600px){
  html.clocktower .botc-draft-wrapper .action-btn,html.clocktower .overlay .action-btn{font-size:.95rem;padding:.7rem 1.6rem}
  html.clocktower .action-btn::before,html.clocktower .action-btn::after{display:none}
  html.clocktower .overlay-confirm .picked-name{font-size:2rem}

  html.clocktower .overlay .choices{gap:.7rem}
  html.clocktower .overlay .choice-btn{padding:.65rem .9rem .75rem 5.4rem;max-width:none;text-align:left;
    display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:flex-start;justify-content:flex-start;min-height:0;gap:.15rem .55rem}
  html.clocktower .choice-btn::before,html.clocktower .choice-btn::after{display:none}
  html.clocktower .choice-btn .token-bg{background-size:60px 60px;background-position:.75rem center;
    mask-image:none !important;-webkit-mask-image:none !important}
  html.clocktower .choice-btn .choice-name{order:-1;font-size:1.02rem;margin:0 !important}
  html.clocktower .choice-btn .type-badge{font-size:.56rem;padding:.12rem .45rem !important;margin:0 !important;line-height:1.3}
  html.clocktower .choice-btn .choice-desc{flex:1 0 100%;text-align:left;font-size:.88rem;line-height:1.4;margin:0 !important}
}

html.clocktower #testModePanel,html.clocktower #testPanelMini{
  --ct-caps:'Caudex','Palatino Linotype','Book Antiqua',Georgia,serif;
  --ct-body:'Libre Franklin','Trade Gothic Next LT Pro','Franklin Gothic Medium',Arial,sans-serif;
  --bg:#1A0026;--surface:#2A1442;--surface2:#3B2058;
  --gold:#D1BB87;--gold-dim:#B3A278;
  --parchment:#F6F0E4;--parchment-dark:#DCD2E3;
  --townsfolk:#6DB5E0;--outsider:#6FD8CF;--minion:#F28080;--demon:#E85050;
  --radius:2px;
  --test-panel-bg:linear-gradient(170deg,#31153E 0%,#1A0026 100%);
  --test-caps:'Caudex','Palatino Linotype','Book Antiqua',Georgia,serif;
}
html.clocktower #testPanelMini{--test-panel-bg:#1A0026}
html.clocktower #testModePanel{background:var(--test-panel-bg) !important;border-bottom:2px solid #D1BB87 !important;color:#F6F0E4 !important;font-family:var(--ct-body) !important}
html.clocktower #testModePanel button{background:transparent !important;color:#D1BB87 !important;border:1px solid #B3A278 !important;border-radius:2px !important;
  font-family:var(--ct-caps) !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:.06em !important}
html.clocktower #testModePanel button:hover{background:rgba(255,255,255,.08) !important}
html.clocktower #testModePanel button[onclick="applyTestForce()"]{background:#FDF6F4 !important;color:#5C2020 !important;border-color:#FDF6F4 !important}
html.clocktower #testModePanel button[onclick="applyTestForce()"]:hover{background:#fff !important}
html.clocktower #testModePanel input{background:#200E2F !important;color:#F6F0E4 !important;border:1px solid #6A4F88 !important;border-radius:2px !important;font-family:var(--ct-body) !important}
html.clocktower #testModePanel input::placeholder{color:#9C8CA6}
html.clocktower #testDiagnostic{background:rgba(0,0,0,.35) !important;border-radius:2px !important;color:#F6F0E4}

html.clocktower{--ct-art-left:url(clocktower-art/left.webp);--ct-art-right:url(clocktower-art/right.webp)}

html.clocktower{background:#1A0026 !important;background-image:none !important}
html.clocktower body{background:#1A0026 !important}
html.clocktower #wrapper,html.clocktower main#main,html.clocktower .dark-page-wrapper{background:#1A0026 !important}
html.clocktower .header-wrapper,html.clocktower .header-main,html.clocktower #masthead,html.clocktower .header-bg-color{
  background:#12001C !important;
}
html.clocktower .header-bg-color{box-shadow:0 1px 0 rgba(209,187,135,.28),0 6px 18px rgba(0,0,0,.35)}

html.clocktower .header-main img.header-logo,html.clocktower .header-main img.header-logo-dark,
html.clocktower .header-main img.header-logo-sticky{mix-blend-mode:screen}
html.clocktower .absolute-footer{background:#12001C !important;color:rgba(255,255,255,.72);border-top:1px solid rgba(209,187,135,.22)}
html.clocktower .absolute-footer a{color:#D1BB87}

html.clocktower body,html.clocktower #wrapper,html.clocktower main#main,html.clocktower #content,
html.clocktower .page-wrapper,html.clocktower .row-main,html.clocktower .large-12.col{
  max-width:none !important;width:100% !important;padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;
}
html.clocktower .col-inner{max-width:none !important}

html.clocktower .page-wrapper,html.clocktower #content{padding-top:0 !important}
html.clocktower .large-12.col{padding-bottom:0 !important}
html.clocktower .header-wrapper,html.clocktower #header,html.clocktower #masthead{width:100% !important;max-width:none !important;left:0 !important}
html.clocktower .header-inner.container{max-width:1170px !important;margin:0 auto !important}
html.clocktower .botc-draft-wrapper{overflow-x:hidden}
html.clocktower .app{max-width:1400px;margin:0 auto}

html.clocktower .botc-draft-wrapper header .subtitle,html.clocktower .botc-draft-wrapper header .subtitle *{color:rgba(255,255,255,.85) !important}
html.clocktower .botc-draft-wrapper header .subtitle a{color:#D1BB87 !important}