.secret-role-controller-active #controllerEyebrow,.secret-role-controller-active .private-action-head{display:none}
.secret-role-world{display:grid;gap:15px;color:var(--ink);text-align:start}
.secret-role-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}
.secret-role-clock{display:grid;place-items:center;min-width:44px;min-height:44px;border:2px solid var(--line);border-radius:14px;font-size:22px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
.secret-role-heading{margin:0;font-size:clamp(24px,7vw,34px);line-height:1.14;overflow-wrap:anywhere}
.secret-role-peek{display:flex;min-height:230px;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:24px;border:2px dashed var(--pink);border-radius:28px;background:var(--surface);color:var(--ink);font:inherit;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.secret-role-peek strong{font-size:28px;font-weight:900;line-height:1.2;overflow-wrap:anywhere}.secret-role-peek span{font-size:14px;line-height:1.5}
.secret-role-peek[data-revealed=true]{border-style:solid;border-color:var(--green);background:#eaf4ed;transform:scale(.985)}
.secret-role-alternative{min-height:48px;padding:10px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;font-weight:800}
.secret-role-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.secret-role-choice{display:flex;min-width:0;min-height:116px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:13px;border:2px solid var(--pink);border-radius:20px;background:var(--surface);color:var(--ink);font:inherit;touch-action:manipulation;cursor:pointer}
.secret-role-person{display:block;width:46px;height:46px;flex-shrink:0}.secret-role-person svg{width:100%;height:100%;margin:0}
.secret-role-choice b{max-width:100%;overflow-wrap:anywhere;font-size:17px;line-height:1.2}.secret-role-choice small{font-size:12px;color:var(--muted)}
.secret-role-choice:disabled{opacity:1;border-color:var(--line);cursor:default}.secret-role-choice.selected{border-color:var(--cyan);background:#eaf5f3}.secret-role-choice.is-spy{border-color:var(--pink);background:#fff0e8}
.secret-role-choice:not(:disabled):active{transform:scale(.975)}
.secret-role-world button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.secret-role-receipt{margin:0;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:14px;line-height:1.4;font-weight:750;overflow-wrap:anywhere}
.secret-role-roster-names,.secret-role-help{margin:0;color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.secret-role-revealed-word{padding:20px;border:2px solid var(--green);border-radius:20px;background:#eaf4ed;font-size:28px;font-weight:900;text-align:center;overflow-wrap:anywhere}
.secret-role-world [hidden]{display:none!important}
.secret-role-public{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:clamp(10px,1.5vh,26px);height:100%;min-height:0}
.secret-role-intro h1{margin:0;font-size:clamp(30px,3.2vw,120px);line-height:1.08;overflow-wrap:anywhere}.secret-role-intro .stage-copy{margin:6px 0 0}
.secret-role-panel{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:clamp(14px,2vw,42px);min-height:0;align-items:center;padding:clamp(16px,2vw,64px);border-radius:clamp(20px,2vw,60px);background:var(--table);color:#fff9ed}
.secret-role-panel.is-reveal{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(50px,1fr) auto;gap:12px}
.secret-role-metric{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.secret-role-metric strong{max-width:100%;font-size:clamp(52px,6vw,180px);line-height:1.06;font-weight:950;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.secret-role-metric .secret-role-word{font-size:clamp(36px,4.6vw,160px);text-wrap:balance}
.secret-role-metric>span{font-size:clamp(13px,1.4vw,44px);line-height:1.3}
.secret-role-public-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1vw,24px);min-height:0}
.secret-role-panel.is-reveal.has-many-seats .secret-role-public-roster{grid-template-columns:repeat(6,minmax(0,1fr))}
.secret-role-panel.has-full-room .secret-role-public-roster{grid-template-columns:repeat(6,minmax(0,1fr))}
.secret-role-panel.is-reveal.has-full-room .secret-role-public-roster{grid-template-columns:repeat(9,minmax(0,1fr))}
.secret-role-public-seat{display:flex;min-width:0;min-height:60px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:clamp(7px,.7vw,24px);border:2px solid transparent;border-radius:14px;background:var(--surface);color:var(--ink);text-align:center}
.secret-role-public-seat b{max-width:100%;font-size:clamp(13px,1.4vw,44px);line-height:1.2;overflow-wrap:anywhere}.secret-role-public-seat small{font-size:clamp(11px,.9vw,28px);font-weight:800;color:var(--muted)}.secret-role-public-seat .secret-role-person{width:clamp(28px,3vw,80px);height:clamp(28px,3vw,80px)}
.secret-role-public-seat.is-spy{border-color:var(--pink);background:#fff0e8}
@media(max-height:650px) and (min-width:640px){.secret-role-public{gap:8px}.secret-role-intro h1{font-size:28px}.secret-role-panel{padding:12px;gap:10px}.secret-role-metric strong{font-size:48px}.secret-role-metric .secret-role-word{font-size:36px}.secret-role-public-seat{min-height:48px;padding:5px;gap:2px}.secret-role-public-seat .secret-role-person{display:none}.secret-role-public-seat b{font-size:14px}.secret-role-public-seat small{font-size:11px}}
@media(max-width:360px){.secret-role-world{gap:12px}.secret-role-peek{min-height:210px;padding:18px}.secret-role-choice{padding:10px;min-height:110px}.secret-role-choice b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.secret-role-world *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.secret-role-peek[data-revealed=true],.secret-role-choice:active{transform:none!important}}