@scope(.ct-spymaster){*{box-sizing:border-box}:scope{color:var(--text);font:calc((16px + var(--om-text-bump,2px))*var(--om-text-scale,1))/1.4 var(--font-inter,Inter),system-ui,sans-serif}h1,.display{font-family:var(--font-fraunces,Fraunces),Georgia,serif;font-weight:600}h1{font-size:calc((30px + var(--om-text-bump,2px))*var(--om-text-scale,1));color:var(--amber);margin:4px 0 0}a{color:var(--blue)}.hook{color:var(--muted);margin:4px 0 12px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:12px;container-type:inline-size}.muted{color:var(--muted)}.status{flex-wrap:wrap;align-items:center;gap:4px 14px;font-weight:600;display:flex}.status-title{flex:1 0 100%;justify-content:space-between;align-items:center;gap:8px;display:flex}.status .back{min-height:44px;padding:0 12px}.briefing{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.briefing>button{flex:auto;min-width:fit-content;padding-inline:6px}.briefing-help{flex:1 0 100%;margin:0;font-size:.9em}.grid{--ka-board-columns:4;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(calc((100% - (var(--ka-board-columns) - 1)*5px)/var(--ka-board-columns)),calc(6.5ch + 8px))),1fr));gap:5px;margin:12px -2px 0;display:grid}.tile{transition:opacity var(--om-dur-base)var(--om-ease)calc(var(--i,0)*var(--om-stagger)),background-color var(--om-dur-base)var(--om-ease)calc(var(--i,0)*var(--om-stagger)),border-color var(--om-dur-base)var(--om-ease);background:var(--card);border:2px solid var(--line);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:64px;padding:4px 2px;display:flex}.tile .word{white-space:nowrap;max-width:100%;font-weight:600;font-size:calc((16px + var(--om-text-bump,2px))*var(--om-text-scale,1));text-transform:capitalize}.tile .mark{max-width:100%;font-size:calc((16px + var(--om-text-bump,2px))*var(--om-text-scale,1));color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .3em;line-height:1.2;display:flex}.tile .mark-label{white-space:nowrap}.tile.agent{border-color:var(--amber)}.tile.agent .mark{color:var(--amber)}.tile.assassin{border-color:var(--red);border-style:dashed}.tile.assassin .mark{color:var(--red)}.tile.revealed.bystander{background:var(--bg);border-color:var(--muted);border-style:dashed}.tile.revealed.bystander .mark-label{font-size:.78em}.tile.revealed.agent{opacity:1;border-color:var(--green);background:#e5f3e9;border-style:solid}.tile.revealed.agent .mark{color:var(--green)}.tile.revealed.assassin{opacity:1;background:#fae9e8}.tile.just{outline:3px solid var(--blue);outline-offset:1px}.tile{position:relative}.guess-order{width:1.4em;height:1.4em;color:var(--primary-contrast);background:var(--primary);box-shadow:0 0 0 2px var(--card);font-size:calc((11px + var(--om-text-bump,2px))*var(--om-text-scale,1));z-index:1;border-radius:50%;font-weight:700;line-height:1.4;position:absolute;top:-10px;right:-8px}.tile.just.revealed.agent.animate-turn{animation:om-settle var(--om-dur-base)var(--om-ease),ka-hit var(--om-dur-slow)var(--om-ease)calc(var(--i,0)*var(--om-stagger))}.voice{border-left:3px solid var(--amber);background:var(--ka-result-surface,#fff2e2);color:var(--text);border-radius:0 10px 10px 0;margin:12px 0 0;padding:10px 12px}.voice p{margin:4px 0}.voice .who{color:var(--amber);font-weight:600}.voice .turn-outcome{margin-bottom:10px;font-weight:700}.voice .your-clue{letter-spacing:.02em;margin-bottom:8px}.choice-details{margin-top:12px}.choice-details summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.choice-details summary:before{content:"▸";margin-right:8px}.choice-details[open] summary:before{content:"▾"}.shortlist{margin:10px 0 0;padding:0;list-style:none}.shortlist li{border-top:1px solid var(--line);grid-template-columns:1.6em 1fr 44px;align-items:center;gap:6px;padding:4px 0;display:grid}.shortlist .rowtext{min-width:0}.shortlist .link-verdict{display:block}.bar{background:var(--line);border-radius:4px;height:8px;margin-top:3px}.bar span{background:var(--muted);border-radius:4px;height:100%;display:block}.bar span.linked{background:var(--green)}.flag{min-width:44px;min-height:44px;color:var(--muted);font-size:calc((16px + var(--om-text-bump,2px))*var(--om-text-scale,1));cursor:pointer;background:0 0;border:0}.composer{flex-direction:column;gap:8px;margin-top:12px;display:flex}.composer .row{align-items:center;gap:8px;display:flex}.composer label{font-size:calc((14px + var(--om-text-bump,2px))*var(--om-text-scale,1))}.count-picker{flex-direction:column;gap:8px;display:flex}.count-picker .count{flex:1}.composer-help{font-size:calc((13px + var(--om-text-bump,2px))*var(--om-text-scale,1));margin:0}.mastery-note{font-size:calc((12px + var(--om-text-bump,2px))*var(--om-text-scale,1));margin:10px 0 0}input{min-width:0;min-height:52px;font:inherit;font-size:calc((20px + var(--om-text-bump,2px))*var(--om-text-scale,1));text-transform:uppercase;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:10px;flex:1;padding:0 14px}button{min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:0 16px;font-weight:600}.primary{background:var(--primary);color:var(--primary-contrast)}.ghost{color:var(--text);border:1px solid var(--line);background:0 0}.count{transition:background-color var(--om-dur-fast)var(--om-ease),border-color var(--om-dur-fast)var(--om-ease);background:var(--card);min-width:48px;color:var(--text);border:1px solid var(--line)}.count[aria-pressed=true]{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}button:disabled{opacity:.5;cursor:default}.message{min-height:22px;margin:8px 0 0}.history{margin-top:8px}.history div{border-top:1px solid var(--line);padding:6px 0}.missions button{text-align:left;width:100%;min-height:56px;margin-top:8px;padding:12px 14px}.missions .done{color:var(--green)}.result{font-size:calc((28px + var(--om-text-bump,2px))*var(--om-text-scale,1));margin:0 0 4px}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.actions button{flex:1}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0}ol.rules{margin:8px 0;padding-left:1.2em}ol.rules li{margin:4px 0}}@keyframes ka-hit{0%,to{box-shadow:0 0 0 4px #0000}35%{box-shadow:0 0 0 calc(7px + var(--hit,0)*3px)var(--om-glow)}}body[data-appearance=retro] .ct-spymaster .tile.just.revealed.agent.animate-turn{animation:om-flash var(--om-dur-slow)steps(4,end)calc(var(--i,0)*var(--om-stagger))}@media (prefers-reduced-motion:reduce){.ct-spymaster .tile.just.revealed.agent.animate-turn{animation:none}}.ct-spymaster .shortlist .flag{width:auto;min-width:64px;font-size:calc((12px + var(--om-text-bump,2px))*var(--om-text-scale,1));padding:4px 6px}.ct-spymaster .shortlist li{grid-template-columns:1.6em minmax(0,1fr) auto}@media (max-width:400px){.ct-spymaster .grid,.ct-spymaster .tile :is(.word,.mark){font-size:calc((clamp(12px,3.6vw,14px) + var(--om-text-bump,2px))*var(--om-text-scale,1))}body[data-appearance=retro] .ct-spymaster .grid,body[data-appearance=retro] .ct-spymaster .tile :is(.word,.mark){font-size:calc((12px + var(--om-text-bump,2px))*var(--om-text-scale,1))}}body[data-appearance=retro] .ct-spymaster{--ka-result-surface:var(--card)}@container (max-width:400px){html:is([data-text-size=large],[data-text-size=extra-large]) .ct-spymaster .grid{--ka-board-columns:2}}body[data-appearance=modern][data-color-scheme=dark] .ct-spymaster{--ka-result-surface:#3a2d1f}
