.sb-role{display:flex;gap:12px;padding:13px;border:1px solid var(--color-line);border-radius:12px;background:var(--color-surface);flex:none}.sb-role>span{font-size:32px;color:var(--color-signal-ink);line-height:35px}.sb-role b{font-size:13px}.sb-role p{font-size:10px;line-height:15px;color:var(--color-muted);margin-top:4px}.sb-role.sab{border-color:var(--color-signal-deep);background:var(--color-signal-faint)}
.sb-main{flex:1;display:flex;flex-direction:column;gap:12px;padding:3px 1px}.sb-main>h2{font-size:23px}.sb-task{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;text-align:center}.sb-task h2{font-size:23px}.sb-answers{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;width:100%;max-width:440px}.sb-answers>.btn{min-height:75px;font-size:28px;color:var(--color-ink);box-shadow:0 4px 0 var(--color-line-soft)}#sbMemory{font-size:40px;letter-spacing:8px;min-height:52px;color:var(--color-signal-ink)}#sbSequence{font-size:12px;min-height:17px;color:var(--color-muted)}.sb-dial{width:130px;height:130px;display:grid;place-items:center;border:10px solid var(--color-signal-soft);border-radius:50%;background:var(--color-surface)}.sb-dial output{font-size:42px;font-weight:700}#sbRange{width:100%;max-width:430px;height:38px;accent-color:var(--color-signal-deep);touch-action:none}
.sb-report{display:flex;flex-direction:column;gap:7px;padding-top:8px;border-top:1px solid var(--color-line)}.sb-report>b{font-size:11px}.sb-votes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sb-votes>.btn{min-height:49px}.sb-votes>.btn.selected{border-color:var(--color-signal-deep);background:var(--color-signal-soft);opacity:1}.sb-votes .quiet{grid-column:1/-1}.sb-reveal{font-size:20px;font-weight:700;color:var(--color-signal-ink)}.sb-status{font-size:10px;flex:none;padding:5px 2px;min-height:34px}.sb-hack{flex:none}.sb-hack>.btn{width:100%;border-color:var(--color-signal-deep);color:var(--color-signal-ink)}#sbHackTargets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}#sbHackTargets .btn{font-size:11px;padding:6px 4px}
@media(max-height:650px){.sb-role{padding:8px}.sb-role>span{font-size:25px}.sb-task{gap:10px}.sb-task h2{font-size:20px}.sb-answers>.btn{min-height:55px;font-size:24px}#sbMemory{font-size:30px;min-height:36px}.sb-dial{width:90px;height:90px;border-width:7px}.sb-dial output{font-size:32px}.sb-status{min-height:28px}.sb-main>h2{font-size:20px}}
@media(max-height:500px) and (min-width:600px){#pgBoard{display:grid;grid-template-columns:220px 1fr;grid-template-rows:1fr auto;gap:10px}.sb-role{grid-column:1;align-self:start}.sb-main{grid-column:2;grid-row:1/3}.sb-hack{grid-column:1;align-self:end}.sb-status{grid-column:1}.sb-task{gap:6px}.sb-task h2{font-size:18px}.sb-answers>.btn{min-height:46px}.sb-dial{width:70px;height:70px}.sb-dial output{font-size:27px}#sbMemory{font-size:26px;min-height:31px}}