.face-page{max-width:1440px;margin:auto;padding:50px 4%}.face-page .lead{max-width:720px}.face-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:24px;margin:24px 0}.face-panel{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}.faces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.face-card{position:relative;border:1px solid var(--line);background:#f4f8fc;border-radius:9px;padding:5px;cursor:pointer;color:var(--ink);transition:opacity .2s}.face-card svg{display:block;width:100%;height:auto;max-height:105px}.face-card span{font-size:12px;display:block}.face-card.excluded{opacity:.24;filter:grayscale(1)}.face-card.excluded:after{content:'×';position:absolute;top:0;right:5px;font-size:25px}.face-card.secret{outline:3px solid #bf8700;background:#fff5cb}.face-questions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.face-questions button{background:#edf4fc;border:1px solid #b7cbe0;border-radius:6px;padding:9px 12px;color:var(--ink);cursor:pointer}.face-questions button:disabled{opacity:.5;cursor:default}.face-status{min-height:50px}.face-scroll{overflow:auto;max-height:570px}.face-table{border-collapse:collapse;width:100%;font:12px Consolas,monospace;text-align:center}.face-table th,.face-table td{padding:7px 5px;border-bottom:1px solid #e6edf2}.face-table thead{position:sticky;top:0;background:white;z-index:1}.face-table th button{border:0;background:transparent;color:var(--blue);font:inherit;cursor:pointer}.face-table tr.eliminated{color:#9ba9b4;background:#f5f6f7}.face-table .selected-col{background:#fff2b5;color:#132d45}.face-table .kept{background:#d8ece9;color:#205e5b;font-weight:bold}.face-toolbar{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.face-code{font:12px/1.8 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;background:#f0f5fa;border-radius:7px}.face-history{font-size:13px;max-height:180px;overflow:auto}.face-note{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}.face-count{font:500 26px 'Space Grotesk',sans-serif;color:var(--blue)}@media(max-width:900px){.face-layout{grid-template-columns:1fr}.face-note{grid-template-columns:1fr}}@media(max-width:480px){.face-page{padding:25px 4%}.face-panel{padding:12px}.face-table{font-size:11px}.face-table th,.face-table td{padding:6px 3px}.face-card span{font-size:11px}header{flex-wrap:wrap;gap:15px}nav{flex-wrap:wrap;gap:15px}}
.logic-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:25px}.logic-flow>div{padding:18px;background:white;border:1px solid var(--line);border-radius:10px;min-width:0}.logic-flow h3{font-size:17px;margin:5px 0 12px}.logic-flow p{font-size:13px;margin:8px 0}.logic-flow code{display:block;font:12px/1.8 Consolas,monospace;overflow-wrap:anywhere}.mini-mask{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:10px 0}.mini-mask span{text-align:center;font:11px/22px Consolas,monospace;border:1px solid #d8e1e5;border-radius:3px;background:#f4f6f8}.mini-mask span.on{background:#d8ece9;color:#205e5b}.mini-mask span.new{background:#fff2b5;color:#132d45}.selected-names{max-height:105px;overflow:auto}.bits-panel{background:#edf4fc;border:1px solid #c7daed;border-radius:14px;padding:28px;margin-top:35px}.bits-panel>p{max-width:850px}.bits-progress{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.bits-progress span{padding:12px 17px;background:white;border:1px solid #c7daed;border-radius:7px;font-family:Consolas,monospace}.bits-progress .done{background:#1165db;color:white}.bit-tiles{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.bit-tiles span{background:white;border:1px solid #c7daed;border-radius:6px;padding:12px;text-align:center;min-width:100px}.bit-tiles b{display:block;font:26px Consolas,monospace;color:#1165db}.bits-panel select{max-width:350px}@media(max-width:1000px){.logic-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.logic-flow{grid-template-columns:1fr}.bits-panel{padding:18px}}