:root{--ct-ink:#090a10;--ct-panel:#151520;--ct-line:#393344;--ct-blood:#a71928;--ct-gold:#d9b56d;--ct-mist:#c8c0bb}.clocktower-page{background:var(--ct-ink);color:#f7f1ea}.clocktower-page .site-header{background:#0b0a0f}.ct-shell{min-height:100vh;background:radial-gradient(circle at 50% 5%,#39232c 0,transparent 30rem),linear-gradient(#090a10,#11101a);padding-bottom:5rem}.ct-hero{text-align:center;padding:clamp(4rem,12vw,8rem) 1.2rem 3rem;position:relative;overflow:hidden}.ct-hero:after{content:"";position:absolute;inset:auto 0 0;height:5rem;background:linear-gradient(transparent,var(--ct-ink))}.ct-moon{width:7rem;height:7rem;border-radius:50%;background:#e7d9c1;box-shadow:0 0 70px #b97b70;position:absolute;left:50%;top:2rem;transform:translateX(-50%);opacity:.13}.ct-kicker,.ct-section-head span,.ct-room-head>div>span{color:var(--ct-gold);font-size:.72rem;letter-spacing:.24em}.ct-hero h1{font-family:Georgia,serif;font-size:clamp(2.7rem,10vw,5rem);margin:.5rem 0;text-shadow:0 3px 24px #000}.ct-hero p:not(.ct-kicker){max-width:40rem;margin:auto;color:var(--ct-mist);line-height:1.8}.ct-panel{width:min(720px,calc(100% - 1.5rem));margin:1rem auto;padding:clamp(1rem,4vw,2rem);border:1px solid var(--ct-line);border-radius:1.2rem;background:linear-gradient(145deg,rgba(27,25,38,.96),rgba(13,13,20,.96));box-shadow:0 1.5rem 5rem #0009}.ct-section-head,.ct-room-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.ct-section-head h2,.ct-room-head h2{font-family:Georgia,serif;margin:.25rem 0 1.5rem}.ct-actions{display:flex;gap:.7rem;flex-wrap:wrap}.ct-primary,.ct-actions button,.ct-join button,.ct-host-controls button{border:0;border-radius:.8rem;padding:.85rem 1.1rem;background:#353140;color:#fff;font-weight:700}.ct-primary{background:linear-gradient(135deg,#bd2738,#75101f)!important;box-shadow:0 .5rem 1.5rem #6e101b55}.ct-link{border:0;background:none;color:var(--ct-gold)}.ct-join{display:flex;flex:1;min-width:230px}.ct-join input,.ct-guess select,.ct-guess input,.ct-host-controls select{min-width:0;flex:1;border:1px solid var(--ct-line);background:#0b0b12;color:#fff;padding:.8rem;border-radius:.7rem 0 0 .7rem}.ct-join button{border-radius:0 .7rem .7rem 0}.ct-room-head button{background:none;border:0;color:var(--ct-gold);font:inherit}.ct-player-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;margin:1rem 0}.ct-player-grid>div{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;padding:.75rem;border:1px solid var(--ct-line);border-radius:.8rem;background:#0e0e16}.ct-player-grid span{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:#2c2835;color:var(--ct-gold)}.ct-player-grid em{font-style:normal;font-size:.72rem;color:#8dc5a2}.ct-player-grid .dead{opacity:.45}.ct-role-card{display:flex;gap:1.2rem;padding:1.3rem;border-radius:1rem;margin:1rem 0;background:linear-gradient(135deg,#213125,#111914);border:1px solid #41634d}.ct-role-card.evil{background:linear-gradient(135deg,#431722,#170d13);border-color:#7a2635}.ct-role-card>i{font-size:2rem;color:var(--ct-gold)}.ct-role-card h2{margin:.1rem 0;font-family:Georgia,serif}.ct-role-card p{margin:.35rem 0 0;color:#d2c9c5}.ct-question{padding:1rem;border-left:3px solid var(--ct-gold);background:#0c0c13;margin:1rem 0}.ct-targets{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;margin:1rem 0}.ct-targets label span{display:block;padding:.65rem;border:1px solid var(--ct-line);border-radius:.6rem}.ct-targets input{position:absolute;opacity:0}.ct-targets input:checked+span{border-color:var(--ct-blood);background:#4a1721}.ct-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ct-line);margin-top:1.2rem}.ct-tabs button{border:0;background:none;color:#999;padding:.85rem}.ct-tabs button.active{color:var(--ct-gold);border-bottom:2px solid var(--ct-gold)}.ct-tab{padding:1rem 0}.ct-note,.ct-guess{border:1px solid var(--ct-line);border-radius:.8rem;padding:.8rem;margin:.55rem 0;background:#0d0d14}.ct-note time{font-size:.7rem;color:#888}.ct-note p{margin:.3rem 0}.ct-guess{display:grid;grid-template-columns:1fr 1.3fr auto;gap:.5rem;align-items:center}.ct-guess input{grid-column:1/3;padding:0}.ct-guess button{grid-row:1/3;grid-column:3;border:0;border-radius:.6rem;background:#373142;color:#fff;height:100%}.ct-host-controls{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;margin-top:1rem}.ct-host-controls select{border-radius:.7rem}.ct-resume{margin-top:1rem;width:100%;border:1px solid var(--ct-gold);background:none;color:var(--ct-gold);padding:.8rem;border-radius:.7rem}#ct-roles{width:min(620px,calc(100% - 1rem));max-height:85vh;border:1px solid var(--ct-line);border-radius:1rem;background:#101018;color:#fff;padding:1rem}#ct-roles::backdrop{background:#000b}#ct-roles header{display:flex;justify-content:space-between}#ct-roles header button{border:0;background:none;color:#fff;font-size:1.8rem}.ct-guide{display:flex;gap:1rem;padding:.8rem;border-bottom:1px solid #292632}.ct-guide>i{width:2rem;color:#8fc49e}.ct-guide.evil>i{color:#db6573}.ct-guide small{margin-left:.5rem;color:#999}.ct-guide p{margin:.3rem 0;color:#c8c0bb;font-size:.9rem}.ct-message{color:#f48b96}@media(max-width:520px){.ct-shell{padding-bottom:6rem}.ct-hero{padding-top:3.5rem}.ct-panel{width:calc(100% - 1rem);border-radius:1rem;padding:1rem}.ct-actions{flex-direction:column}.ct-join{width:100%}.ct-player-grid{grid-template-columns:1fr}.ct-targets{grid-template-columns:1fr}.ct-guess{grid-template-columns:1fr auto}.ct-guess select,.ct-guess input{grid-column:1}.ct-guess button{grid-column:2;grid-row:1/4}.ct-role-card{position:sticky;top:.5rem;z-index:3;box-shadow:0 .8rem 2rem #000}.ct-host-controls{position:sticky;bottom:.5rem;background:#111019;padding:.7rem;border-radius:.8rem}}