/* SPUKPLAN 1.1 — gameplay first, comfortably tappable on a second screen. */
.playbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.playbar h1{font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.2;margin:7px 0 10px}.playbar .eyebrow{font-size:.69rem}.play-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.8rem}.play-meta span+span::before{content:'·';padding-right:12px}.playbar-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.playbar-right small{flex-basis:100%;text-align:right;color:var(--muted);font-size:.7rem}.playbar .roomcode{font-size:1rem;letter-spacing:.14em;padding:9px 13px}.play-tabs{display:flex;gap:7px;align-items:center;border-bottom:1px solid var(--line);padding:6px 0 16px;margin-bottom:22px;position:sticky;top:0;z-index:5;background:#0b1118}.play-tabs>button{font-size:.88rem;border-radius:10px;min-height:42px}.play-tabs>button.active{background:#183b35;border-color:#4b9c88;color:#b2f9dd}.tab-spacer{flex:1}.live-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:20px;align-items:start}.live-main,.live-side{display:grid;gap:18px;min-width:0}.live-next{border-color:#35665b;background:linear-gradient(130deg,#122a27,#141e2a);padding:24px}.live-next h2{font-size:1.4rem;margin:7px 0 12px}.next-action{font-size:1rem;line-height:1.55;margin-bottom:13px}.next-why{color:#b2c8c5;font-size:.83rem;line-height:1.55;margin:15px 0}.next-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}.next-controls button{min-height:43px}.claim-line{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:16px;border-top:1px solid #29443f;margin-top:16px;font-size:.83rem}.claim-line small{margin-left:auto;font-size:.7rem}.why-details{font-size:.86rem;line-height:1.6;color:#adc7c3;margin:12px 0}.why-details summary{cursor:pointer}.skip-note{font-size:.74rem;color:var(--muted);margin-top:12px}.skip-note .link{font-size:inherit}.live-evidence{padding:24px}.live-evidence .panel-title{margin-bottom:14px}.live-evidence h2,.live-candidates h2{font-size:1.15rem}.live-evidence .panel-title p{margin:5px 0}.evidence-list{display:flex;flex-direction:column;gap:8px}.quick-evidence{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:12px;border:1px solid #293747;border-left:3px solid #455264;background:#0f1721;border-radius:11px}.quick-evidence.confirmed{border-color:#3f816d;background:#112b23;border-left-color:#7bddb4}.quick-evidence.excluded{border-color:#754444;border-left-color:#e0817c;background:#291d23}.quick-evidence.not_found{border-left-color:#9bacc0}.quick-evidence.suspected{border-left-color:#d8b468}.quick-evidence-name{display:flex;flex-direction:column;gap:4px;min-width:0}.quick-evidence-name strong{font-size:.89rem;line-height:1.25}.quick-evidence-name small{font-size:.69rem;color:#9eb1c1}.evidence-buttons{display:flex;gap:5px;align-items:center;flex-shrink:0}.evidence-buttons button{padding:8px 9px;font-size:.73rem;min-height:40px;border-radius:8px;white-space:nowrap}.evidence-buttons .selected.ev-found{background:#255b46;border-color:#81d8b3;color:#d9ffee}.evidence-buttons .selected.ev-open{background:#293949;border-color:#8aa1b9}.evidence-buttons .ev-detail{border-color:transparent;background:transparent;color:#b3c9d9}.candidate-count{font-size:2.25rem;font-weight:650;color:#92e3c1}.live-candidates{padding:22px}.candidate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.candidate-grid .candidate{margin:0;min-height:56px}.candidate{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:10px 12px;text-align:left;border:1px solid #2b3747;background:#0f1721;width:100%}.candidate strong{font-size:.85rem;overflow-wrap:anywhere}.candidate small{font-size:.58rem;color:#9caec1;line-height:1.3}.candidate-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;margin-top:15px}.candidate-tools .link{font-size:.74rem}.live-bottom{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.8rem;color:#b5c0ce;padding:0 6px}.live-bottom .link{font-size:.77rem}.compact-team{padding:20px}.team-line{display:flex;gap:10px;align-items:center;margin:12px 0;font-size:.85rem}.team-line .muted{margin-left:auto}.muted-dot{background:#5f6b7a!important}.undo-line{padding-top:12px;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:.75rem;color:#aec8b8}.prep-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}.prep-person{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid #2a3847}.prep-person:last-of-type{margin-bottom:18px}.simple-player .toolbar{margin-top:18px}.simple-player .pill{font-size:.7rem}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.more-grid button{min-height:48px}.invite-code{font-family:monospace;font-size:2.5rem;letter-spacing:.12em;margin:25px 0;color:#a6edce}.compare-wrap{overflow:auto}.compare-table{border-collapse:collapse;width:100%;font-size:.8rem}.compare-table th,.compare-table td{padding:12px 8px;border-bottom:1px solid #314255;text-align:center}.compare-table th:first-child{text-align:left}.training-width{max-width:940px;margin:24px auto}.training-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.training-head h1{font-size:clamp(1.6rem,3vw,2.45rem);margin:10px 0;line-height:1.18}.training-head .eyebrow{font-size:.73rem}.training-head p{font-size:.9rem}.training-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(140deg,#182b2a,#14202d);border-color:#355954}.training-tools h2{font-size:1.1rem}.training-tools p{margin:6px 0}.training-tools .toolbar{justify-content:flex-end}.training-filter{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 15px}.training-filter button{padding:10px 15px;font-size:.82rem}.training-filter button.active{border-color:#7ac0a3;background:#1d3f35;color:#c6f9df}.training-question{padding:30px}.training-question>h2{font-size:1.5rem;line-height:1.45;max-width:760px;margin:20px 0 26px}.training-options{display:grid;gap:11px}.training-options button{display:flex;align-items:center;gap:15px;min-height:60px;text-align:left;font-size:.98rem;line-height:1.45;padding:15px 17px}.training-options button:disabled{opacity:1;cursor:default}.answer-letter{display:inline-grid;place-items:center;border:1px solid #405166;background:#132030;width:29px;height:29px;flex-shrink:0;border-radius:7px;font-size:.78rem;color:#b2c0d1}.training-options button.correct{border-color:#78d4a6;background:#193c2c;color:#ddffe9}.training-options button.wrong{border-color:#dd8b8b;background:#42272d}.training-explanation{margin:22px 0;padding:20px;background:#173628;border-left:3px solid #9ae1b8;border-radius:10px;font-size:.95rem;line-height:1.6}.training-explanation.incorrect{background:#302c22;border-color:#e3c279}.training-explanation p{margin:8px 0 0}.training-sources{margin:18px 0;padding:16px;border:1px solid #36475a;border-radius:12px;font-size:.86rem;line-height:1.65}.training-sources summary{cursor:pointer;color:#b9d9d1}.training-sources p{white-space:normal}.training-sources h4{font-size:.93rem;margin:16px 0 8px}.training-bottom{margin-top:18px}.training-bottom .help{max-width:780px}.training-bottom button{font-size:.78rem;margin-right:18px}.draft-notice{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.draft-notice button{margin-left:auto}.training-draft-question{padding:18px 0;border-bottom:1px solid #3c4c5d;margin-bottom:18px}.draft-answers{margin:10px 0 10px 33px}.draft-answers p{font-size:.9rem;line-height:1.5;margin:7px 0}.training-width .notice{margin:16px 0}.training-tools .primary{white-space:nowrap}.play-tabs+.notice{margin-top:10px}
@media(max-width:1150px){.live-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr)}.quick-evidence{flex-direction:column;align-items:stretch;gap:8px}.quick-evidence-name{flex-direction:row;justify-content:space-between;align-items:center}.evidence-buttons{justify-content:stretch}.evidence-buttons button{flex:1}.quick-evidence-name small{font-size:.67rem}.candidate small{font-size:.57rem}}
@media(max-width:800px){.live-layout,.prep-grid{grid-template-columns:1fr}.live-side{gap:16px}.quick-evidence{min-height:78px}.playbar{align-items:flex-start;gap:10px}.playbar-right{max-width:155px;gap:5px}.playbar .roomcode{font-size:.78rem;padding:8px 9px}.playbar-right>button[data-action=play_invite]{display:none}.play-meta{font-size:.72rem;gap:6px}.play-meta span+span::before{padding-right:6px}.play-tabs{gap:5px;padding-bottom:12px;margin-bottom:15px}.play-tabs>button{font-size:.77rem;padding:9px 11px}.play-tabs .tab-spacer{display:none}.play-tabs>button[data-action=finish]{margin-left:auto}.live-next,.live-evidence,.live-candidates{padding:19px}.candidate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.training-head{align-items:flex-start;flex-direction:column;gap:5px}.training-tools{align-items:stretch;flex-direction:column;gap:14px}.training-tools .toolbar{justify-content:flex-start}.training-tools .toolbar .primary{flex:1}.training-question{padding:22px}.training-question>h2{font-size:1.24rem}.training-filter{gap:6px}.training-filter button{font-size:.75rem;padding:9px 12px}.training-options button{font-size:.93rem;padding:13px;gap:12px}.toplinks{gap:5px}.toplinks button{font-size:.75rem;padding:7px}.topbar .brand{font-size:1.1rem}.topbar .brandmark{width:32px;height:32px}.playbar h1{font-size:1.2rem}.playbar .eyebrow{font-size:.64rem}.live-bottom .link{padding:7px 0}.claim-line small{flex-basis:100%;margin-left:0}.training-question .panel-title{align-items:flex-start}.training-question .pill{font-size:.62rem}.draft-notice button{margin-left:0}}
@media(max-width:430px){.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playbar-right{max-width:128px}.play-tabs>button{padding:8px 9px;font-size:.72rem}.quick-evidence-name strong{font-size:.84rem}.quick-evidence-name small{font-size:.62rem}.evidence-buttons button{font-size:.67rem;padding:9px 6px}.next-controls button{font-size:.8rem}.more-grid{grid-template-columns:1fr}.training-options button{font-size:.88rem}.invite-code{font-size:1.8rem}.toplinks button{font-size:.68rem}.topbar .brand{font-size:1rem}.training-width{margin:18px auto}.training-filter button{font-size:.7rem}.live-next h2{font-size:1.19rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Keep all seven evidence controls above the fold on ordinary desktop screens. */
.live-evidence,.live-next,.live-candidates{scroll-margin-top:80px}.live-jumps{display:none}.live-next .panel-title{margin-bottom:10px}.live-next .eyebrow{font-size:.68rem}.live-next h2{font-size:1.23rem}.next-action{font-size:.92rem}.playbar{margin-top:8px}.quick-evidence{min-height:66px}.live-evidence .help{font-size:.71rem}.live-candidates .candidate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1150px){.live-candidates .candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.live-jumps{display:flex;gap:7px;flex-wrap:wrap;margin:-8px 0 15px}.live-evidence .pill{white-space:nowrap}.live-evidence .panel-title{flex-wrap:wrap}.live-next .claim-line small{margin-left:0}.live-next{padding:19px}.playbar .eyebrow{margin-top:4px}}
@media(max-width:430px){.topbar-inner{padding-left:14px;padding-right:14px}.toplinks button{padding-left:5px;padding-right:5px}.brand{font-size:14px}.brand small{display:none}.candidate-grid .candidate{min-height:55px}}
@media(max-width:430px){.topbar-inner{gap:7px}.brand{font-size:12px;letter-spacing:.09em;gap:7px}.brandmark{width:28px;height:28px;font-size:19px}.toplinks button{font-size:11px;padding-left:4px;padding-right:4px}}