/* ailfish wall page (2026-10-08). Uses the site tokens from /assets/styles.css only. */
.wall-form { display: grid; gap: .75rem; margin: 1rem 0 1.5rem; }
.doors-pick { border: 1px solid var(--line); border-radius: 12px; padding: .6rem 1rem .8rem; background: var(--bg2); display: grid; gap: .3rem; }
.doors-pick legend { color: var(--accent2); font-family: var(--mono); font-size: .8rem; padding: 0 .4rem; }
.doors-pick label { cursor: pointer; }
.wall-form .lbl { color: var(--muted); font-size: .92rem; }
.wall-form textarea { width: 100%; background: var(--code); color: var(--ink); border: 1px solid var(--line); border-radius: 10px; padding: .75rem .9rem; font: .9rem/1.45 var(--mono); resize: vertical; }
.wall-form textarea:focus { outline: 1px solid var(--accent); }
.wall-buttons { display: flex; flex-wrap: wrap; gap: .6rem; }
.wall-buttons button { font: 600 .9rem var(--font); color: #0b0d10; background: var(--accent); border: 0; border-radius: 999px; padding: .5rem 1.1rem; cursor: pointer; }
.wall-buttons button:disabled { opacity: .4; cursor: default; }
.wall-buttons button.quiet, #btn-history { background: transparent; color: var(--muted); border: 1px solid var(--line); }
.wall-warn { color: var(--warn); }
.howto { border: 1px dashed #2a3344; border-radius: 12px; padding: .6rem 1rem; background: #10141c; }
.howto summary { cursor: pointer; color: var(--accent2); }
.chain-wrap { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; align-items: start; }
#chain-svg { width: 100%; height: auto; background: #0e1117; border: 1px solid var(--line); border-radius: 10px; }
.dot { display: inline-block; width: .7rem; height: .7rem; border-radius: 50%; vertical-align: middle; margin: 0 .2rem 0 .6rem; }
.dot.plus { background: var(--accent); } .dot.minus { background: var(--accent2); }
.columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: .9rem; }
.colcard { overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; padding: .75rem .9rem; background: linear-gradient(160deg, #151a24, #0e1117); }
.colcard h4 { margin: 0 0 .2rem; font-family: var(--mono); color: var(--accent2); font-size: .9rem; }
.colcard .cell-text { margin: .2rem 0 .5rem; font-size: .95rem; }
.colcard table { font-size: .78rem; margin: .4rem 0; }
.colcard td, .colcard th { padding: .2rem .35rem; border-color: #1a202b; font-family: var(--mono); }
.colcard tr.composite td:first-child { color: var(--accent); }
.status-chip { display: inline-block; font: .7rem var(--mono); border-radius: 999px; padding: .1rem .5rem; border: 1px solid var(--line); }
.status-chip.lead { color: var(--accent); border-color: rgba(126,224,195,.4); }
.status-chip.tie { color: var(--warn); border-color: rgba(240,180,41,.4); }
.status-chip.nothing { color: var(--muted); }
.bar { position: relative; width: 72px; height: .7rem; background: #0b0e13; border-radius: 3px; display: inline-block; vertical-align: middle; }
.bar::before { content: ""; position: absolute; left: 50%; top: -2px; bottom: -2px; width: 1px; background: #3a455c; }
.bar span { position: absolute; top: 0; bottom: 0; border-radius: 2px; }
.bar span.pos { left: 50%; background: var(--accent); } .bar span.neg { right: 50%; background: #e07e9b; }
.abs { color: #5d6678; }
.hist-line, .temper-line { font: .78rem var(--mono); color: var(--muted); margin: .15rem 0; }
.hist-line b { color: #9bb0ff; font-weight: 500; }
#out-door, #stored { overflow-wrap: anywhere; white-space: pre-wrap; }

/* agent pass 2026-10-08: 16px input (iOS does not zoom on focus); agent-first blocks */
.wall-form textarea { font-size: 16px; }
.agent-start { border: 1px solid var(--line); border-radius: 10px; padding: .4rem 1rem .6rem; margin: 1rem 0; }
.agent-start ol li { margin: .35rem 0; }
pre.snippet { overflow-x: auto; white-space: pre; font-size: .8rem; }
pre.wall-ex { max-height: 32rem; overflow: auto; }
#door-hashes code { overflow-wrap: anywhere; }