:root{--ink:#20201c;--manila:#e7ddc7;--paper:#f4eede;--line:#c3b79a;--ox:#8b2e2e;--olive:#5c6642;--muted:#7a7361;--cell:46px}*{box-sizing:border-box}body{background:var(--manila);color:var(--ink);margin:0;font-family:Courier New,ui-monospace,monospace}.wrap{max-width:1000px;margin:0 auto;padding:0 18px 40px}header{border-bottom:2px solid var(--ink);align-items:baseline;gap:12px;margin-bottom:18px;padding:14px 0;display:flex}header h1{text-transform:uppercase;letter-spacing:2px;margin:0;font-size:20px}header .sub{color:var(--muted);font-size:13px}header .spacer{flex:1}header .progress{color:var(--ox);font-size:13px;font-weight:700}.board-area{flex-wrap:wrap;align-items:flex-start;gap:26px;display:flex}.ring-col{flex-direction:column;align-items:center;gap:12px;display:flex}.ring{background:var(--paper);border:1px solid var(--line);gap:3px;padding:14px;display:grid}.ring.closed{border-color:var(--olive);box-shadow:0 0 0 2px var(--olive) inset}.pad{width:var(--cell);height:var(--cell)}.cell{width:var(--cell);height:var(--cell);text-transform:uppercase;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#efe7d4;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex;position:relative}.cell.active{background:#eadfc2}.cell.draft{color:var(--ink);background:#fbf7ec}.cell.filled{color:var(--ink);background:var(--paper)}.cell.cross{border-color:var(--ink);border-width:2px}.cell.sel{outline:3px solid var(--ox);outline-offset:-3px;z-index:1}.cell.div-r{border-right:4px solid var(--ink)}.cell.div-b{border-bottom:4px solid var(--ink)}.ring.closed .cell.filled{border-color:var(--olive);color:var(--ink);background:#eef0e2}.hint.small{margin-top:2px;font-size:12px}.cluerow.active{outline:2px solid var(--olive)}.cluerow.decoded{cursor:pointer}.submit{align-self:stretch}.clues{flex-direction:column;flex:1;gap:8px;min-width:320px;display:flex}.cluerow{border:1px solid var(--line);background:var(--paper);padding:8px 10px}.cluerow.decoded{border-left:4px solid var(--olive)}.cluetop{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.slot{color:var(--ox);width:26px;font-size:12px;font-weight:700}.len{color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:0 5px;font-size:11px}.cluetext{font-weight:700}.tiles{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.dw{align-items:center;gap:3px;display:inline-flex}.dw.solved{letter-spacing:1px;color:var(--olive);font-weight:700}.tile{border:1px solid var(--ink);cursor:grab;-webkit-user-select:none;user-select:none;width:26px;height:30px;box-shadow:0 1px 0 var(--line);background:#efe7d4;border-radius:3px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.tile:active{cursor:grabbing}.tile:hover{background:#fbf7ec}.shuffle{border:1px solid var(--line);background:var(--paper);cursor:pointer;color:var(--muted);border-radius:3px;margin-left:2px;padding:2px 6px;font-size:13px;line-height:1}.shuffle:hover{background:var(--ink);color:var(--paper)}.fw{color:var(--muted)}input{border:1px solid var(--line);color:var(--ink);text-transform:uppercase;background:#fbf7ec;border-radius:2px;width:100%;padding:6px 8px;font-family:inherit;font-size:14px}input.decode{text-transform:none}input::placeholder{text-transform:none;color:var(--muted)}button.primary{cursor:pointer;background:var(--ox);color:#fff;border:1px solid var(--ox);border-radius:2px;padding:8px 16px;font-family:inherit;font-size:14px}button.primary:disabled{opacity:.4;cursor:not-allowed}.codeword{border:1px solid var(--olive);background:var(--paper);margin-top:22px;padding:16px 18px}.codeword h2{text-transform:uppercase;letter-spacing:2px;color:var(--olive);margin:0 0 6px}.cwrow{gap:10px;margin-top:8px;display:flex}.cwinput{letter-spacing:4px;max-width:220px;font-weight:700}.hint{color:var(--muted);margin:4px 0;font-size:13px}.hint.bad{color:var(--ox)}.stack{flex-direction:column;flex:1;gap:20px;min-width:320px;display:flex}.panel-head{text-transform:uppercase;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--line);align-items:baseline;gap:10px;margin-bottom:2px;padding-bottom:4px;font-size:12px;display:flex}.panel-head .progress{margin-left:auto}.cluerow.locked{opacity:.7;border-style:dashed}.cluetext.sent{color:var(--olive)}.partnerbar{border:1px solid var(--line);background:var(--paper);color:var(--ink);margin-bottom:14px;padding:7px 12px;font-size:12.5px}.partnerbar .dim{color:var(--muted)}.passbar{border-top:2px solid var(--ink);justify-content:center;margin-top:26px;padding-top:16px;display:flex}button.pass{letter-spacing:1px;padding:12px 28px;font-size:15px}.gate{text-align:center;max-width:560px;padding-top:64px}.gate h1{text-transform:uppercase;letter-spacing:3px;margin:6px 0 4px;font-size:26px}.gate .lead{color:var(--ox);letter-spacing:1px;margin:0 0 18px;font-weight:700}.gate-body{color:var(--ink);max-width:440px;margin:0 auto 26px;line-height:1.7}.handoff-mark{border:2px solid var(--ox);color:var(--ox);letter-spacing:2px;margin-bottom:14px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block;transform:rotate(-3deg)}.agent-switch{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:16px 12px 0;display:flex}.agent-switch .decrypt-banner.sm{letter-spacing:3px;margin:0 8px 0 0;padding:4px 14px;font-size:13px;transform:none}.agent-switch button{cursor:pointer;background:var(--paper);border:1px solid var(--line);color:var(--muted);border-radius:2px;padding:6px 14px;font-family:inherit;font-size:13px}.agent-switch button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.done{text-align:center;padding-top:40px}.decrypt-banner{border:3px solid var(--ox);color:var(--ox);letter-spacing:6px;text-transform:uppercase;margin-bottom:24px;padding:6px 22px;font-weight:700;display:inline-block;transform:rotate(-3deg)}.classified{background:var(--paper);border:2px solid var(--ink);text-align:left;max-width:560px;margin:0 auto;padding:18px 22px}.clshead{border-bottom:1px solid var(--ink);letter-spacing:1px;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding-bottom:6px;display:flex}.cstamp{border:2px solid var(--ox);color:var(--ox);text-transform:uppercase;letter-spacing:1px;padding:2px 7px;font-size:11px;font-weight:700;transform:rotate(-4deg)}.cstamp.lost{color:#8b2e2e;border-color:#8b2e2e}.classified p{line-height:1.9}.redact{vertical-align:middle;background:#1a1a1a;border-radius:1px;height:.95em;display:inline-block}.clsfoot{color:var(--muted);letter-spacing:1px;margin-top:12px;font-size:11px}:root{--steel:#5f7d8c;--hit:#5c6642;--present:#b0842b;--miss:#c7bca1}.comms{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.focuscard{border:1px solid var(--line);background:var(--paper);align-items:baseline;gap:10px;min-height:38px;padding:8px 12px;display:flex}.focuscard.me{border-left:4px solid var(--ox)}.focuscard.them{border-left:4px solid var(--steel)}.focuscard .who{text-transform:uppercase;letter-spacing:1px;color:var(--muted);white-space:nowrap;font-size:11px}.focuscard .fslot{color:var(--ox);font-size:13px;font-weight:700}.focuscard.them .fslot{color:var(--steel)}.focuscard .fclue{flex:1;font-size:13px}.focuscard .fclue.sealed,.focuscard .fidle{color:var(--muted)}.focuscard .fprog{letter-spacing:2px;font-family:Courier New,monospace;font-size:14px;font-weight:700}.focuscard .fidle{color:var(--muted);font-size:13px}.devseat{color:var(--muted);font-size:12px}.onl{color:var(--ox)}.onl.on{color:var(--olive)}.lobby{flex-direction:column;align-items:center;gap:14px;margin-top:8px;display:flex}.lobby .primary{min-width:200px}.joinrow{gap:8px;display:flex}.joininput{text-transform:uppercase;letter-spacing:3px;text-align:center;max-width:150px;font-weight:700}.ghost{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:4px;font-family:inherit;font-size:13px;text-decoration:underline}.ghost:hover{color:var(--ink)}.invite{color:var(--ink);border:1px dashed var(--ox);background:var(--paper);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;font-size:12.5px;display:flex}.invite code{word-break:break-all;background:#efe7d4;border-radius:2px;padding:2px 6px;font-size:11.5px}.seatbtn{cursor:pointer;background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:2px;margin-left:8px;padding:3px 9px;font-family:inherit;font-size:12px}.seatbtn:hover{background:var(--ink);color:var(--paper)}.xgrid{background:var(--ink);border:1px solid var(--ink);gap:2px;width:max-content;padding:12px;display:grid}.xgrid.solved{box-shadow:0 0 0 3px var(--olive)}.xblock{width:var(--cell);height:var(--cell);background:var(--ink)}.xcell{width:var(--cell);height:var(--cell);cursor:pointer;background:#efe7d4;justify-content:center;align-items:center;display:flex;position:relative}.xcell .xnum{color:var(--muted);font-size:9px;line-height:1;position:absolute;top:1px;left:2px}.xcell .xch{text-transform:uppercase;color:var(--muted);font-size:22px;font-weight:700}.xcell.draft .xch{color:var(--ink)}.xcell.filled{background:var(--paper)}.xcell.filled .xch{color:var(--ink)}.xcell.active{background:#eadfc2}.xcell.pfocus{box-shadow:inset 0 0 0 3px var(--steel)}.xcell.sel{outline:3px solid var(--ox);outline-offset:-3px;z-index:2}.xgrid.solved .xcell.filled{background:#eef0e2}.section{margin-bottom:8px}.intercept{border:1px solid var(--line);background:var(--paper);margin-bottom:8px;padding:8px 10px}.intercept.done{border-color:var(--olive)}.itop{align-items:center;gap:10px;margin-bottom:6px;display:flex}.itop .slot{color:var(--ox);width:auto;font-size:12px;font-weight:700}.itop .sealed{color:var(--muted);letter-spacing:1px;font-size:12px}.guesses{flex-direction:column;gap:3px;margin-bottom:6px;display:flex}.grow{gap:3px;display:flex}.gt{text-transform:uppercase;border:1px solid var(--line);border-radius:2px;justify-content:center;align-items:center;width:26px;height:30px;font-weight:700;display:flex}.gt.hit{background:var(--hit);color:#fff;border-color:var(--hit)}.gt.present{background:var(--present);color:#fff;border-color:var(--present)}.gt.miss{background:var(--miss);color:#5a5136;border-color:var(--miss)}.gform{gap:8px;display:flex}.ginput{letter-spacing:6px;text-transform:uppercase;max-width:170px;font-family:Courier New,monospace;font-weight:700}.decrypted{color:var(--olive);letter-spacing:2px;padding:4px 0;font-weight:700}.heldclue{border:1px dashed var(--line);background:var(--paper);align-items:center;gap:10px;margin-bottom:6px;padding:7px 10px;font-size:13px;display:flex}.heldclue.done{border-style:solid;border-color:var(--olive)}.heldclue .slot{width:auto;color:var(--steel);font-size:12px;font-weight:700}.heldclue .ctext{flex:1}.heldclue .cdone{color:var(--olive);font-size:12px;font-weight:700}.cluecols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cluehdr{text-transform:uppercase;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:3px;font-size:11px}.clueline{border-radius:2px;align-items:baseline;gap:7px;padding:3px 5px;font-size:13px;display:flex}.clueline:not(.intc){cursor:pointer}.clueline.on{background:#eadfc2}.clueline .cnum{color:var(--muted);min-width:14px;font-size:11px;font-weight:700}.clueline .ctext{flex:1}.clueline .ctext.sealed{color:var(--ox);font-style:italic}.clueline.intc .ctext.sealed{color:var(--muted)}.clueline .cdone{color:var(--olive);font-weight:700}