/* picks.css — Sightlines page stylesheet, extracted from serve.py (_PICKS_CSS) in streamlining slice 4 (2026-09-07).
   Served as /css/picks.css?v=<content hash> (immutable); linked at the exact document position the inline <style> held. */
.dpickrow{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:10px 0 6px;border:1px solid rgba(202,161,90,.28);border-radius:12px;padding:12px 16px;background:rgba(232,176,75,.04)}.dpickrow .dpickled{font-size:13.5px;color:#c9c4b8;line-height:1.5}.dpickrow .dpickled b{color:#e7e2d6}#dpickstate{font-size:12.5px;color:#caa15a}#dpickstart{margin-left:auto;background:none;border:1px solid rgba(202,161,90,.5);color:#caa15a;border-radius:9px;padding:9px 15px;font:600 13px system-ui,sans-serif;cursor:pointer;white-space:nowrap}#dpickstart:hover{border-color:#e0b04b;color:#f3efe6}#dpickread{background:#e0b04b;border:1px solid #e0b04b;color:#1a1500;border-radius:9px;padding:9px 15px;font:700 13px system-ui,sans-serif;cursor:pointer;white-space:nowrap}#dpickread:hover{filter:brightness(1.05)}#dpickx{display:none;flex:none;width:26px;height:26px;line-height:22px;text-align:center;background:transparent;border:1px solid rgba(255,255,255,.14);color:#8d8a82;border-radius:7px;font-size:15px;cursor:pointer;padding:0;opacity:.7;transition:opacity .12s,color .12s}#dpickx:hover{color:#e8b04b;border-color:rgba(232,176,75,.5);opacity:1}.pk-modal{position:fixed;inset:0;z-index:9998;display:none;align-items:flex-start;justify-content:center;background:rgba(10,9,7,.92);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:20px;overflow:auto}.pk-modal.on{display:flex}.pk-card{background:#141218;border:1px solid rgba(202,161,90,.24);border-radius:16px;max-width:680px;width:100%;padding:20px 22px 22px;box-shadow:0 24px 70px rgba(0,0,0,.55);margin:max(2vh,8px) 0}.pk-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.pk-ttl{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#8d8a82}.pk-count{font-size:12px;color:#caa15a}.pk-x{background:none;border:0;color:#8f886f;font-size:19px;cursor:pointer;line-height:1}.pk-x:hover{color:#efe9dc}.pk-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;margin:0 -2px 8px;scrollbar-width:thin}.pk-chip{flex:none;background:#191820;border:1px solid #2a2a33;border-radius:9px;padding:6px 10px 7px;cursor:pointer;text-align:left}.pk-chip b{display:block;font:600 12px system-ui,sans-serif;color:#c9c4b8;margin-bottom:4px;white-space:nowrap}.pk-chip.on{border-color:#e0b04b}.pk-chip.on b{color:#f3efe6}.pk-meter{display:block;height:3px;border-radius:2px;background:rgba(255,255,255,.09);overflow:hidden;min-width:64px}.pk-tile .pk-meter{margin:2px 0 0}.pk-meter i{display:block;height:100%;background:#e0b04b;border-radius:2px;transition:width .35s ease}.pk-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;margin:6px 0 2px}.pk-tile{background:#191820;border:1px solid #2a2a33;border-radius:12px;padding:9px 9px 11px;cursor:pointer;text-align:left;transition:border-color .12s}.pk-tile .pkcol{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;border-radius:7px;overflow:hidden;aspect-ratio:4/3;background:#141319}.pk-tile .pkcol img{width:100%;height:100%;min-height:0;object-fit:cover;display:block}.pk-tile b{display:block;font:600 13.5px system-ui,sans-serif;color:#e7e2d6;margin:8px 0 6px}.pk-tile .pkn{font-size:11px;color:#8d8a82;margin-top:5px}.pk-prog{font-size:12px;color:#8d8a82;text-align:center;margin:2px 0 6px}.pk-q{font-family:Georgia,serif;font-size:23px;color:#f3efe6;text-align:center;margin:2px 0 16px}.pk-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pk-opt{background:#191820;border:1px solid #2a2a33;border-radius:12px;padding:0;cursor:pointer;overflow:hidden;text-align:center;color:#e7e2d6;transition:border-color .12s,transform .08s}.pk-opt img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:#141319}.pk-opt span{display:block;padding:10px 9px;font:600 13.5px system-ui,sans-serif}.pk-opt .pk-dn{display:block;padding:10px 9px 0;font:700 15.5px Georgia,serif;color:#f3efe6}.pk-opt .pk-dn+span{padding-top:3px;font:500 12px system-ui,sans-serif;color:#a89f86}.pk-opt.sel{border-color:#e0b04b}.pk-opt:active{transform:scale(.98)}@media(hover:hover) and (pointer:fine){#pk-body:not(.fresh) .pk-opt:hover{border-color:#e0b04b}.pk-tile:hover{border-color:rgba(224,176,75,.5)}}.pk-alts{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:12px}.pk-alt{background:rgba(255,255,255,.03);border:1px solid #3a3830;border-radius:9px;padding:9px 18px;color:#b5b1a6;cursor:pointer;font-size:13px;transition:border-color .15s,color .15s}.pk-alt:hover{border-color:#caa15a;color:#e6e1d5}.pk-foot{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.pk-back{background:none;border:0;color:#8d8a82;cursor:pointer;font-size:13px}.pk-back:hover{color:#c9c4b8}.pk-read{display:none;margin-left:auto;background:#e0b04b;color:#1a1500;border:0;border-radius:9px;padding:10px 16px;font:700 13.5px system-ui,sans-serif;cursor:pointer}.pk-read.on{display:inline-block}.pk-hint{font-size:12px;color:#8d8a82;margin-left:auto}.pk-read.on+.pk-hint,.pk-foot .pk-hint.off{display:none}.pk-foot .pk-hint.err{display:inline;margin-left:12px;color:#d9a05b}@media(max-width:480px){.pk-q{font-size:19px}.pk-card{padding:16px 14px 18px}}
/* spec 42 E (2026-09-17): the round's own words above a pair that re-reads a line the person said wasn't them */
.pk-why{margin:0 0 6px;text-align:center;color:#caa15a;font:500 13px/1.4 system-ui,sans-serif}
/* decision 43.1 (2026-09-17): the round acknowledges the person's answers to their reading, one line under the title */
.pk-ans{margin:-2px 0 10px;font:500 13px/1.45 system-ui,sans-serif;color:#c9c4b8}.pk-ans b{color:#e8b04b;font-weight:600}.pk-ans[hidden]{display:none}
/* decision 45 (2026-09-17): four bags — "which would you take home tonight?" — a set choice before the pairs */
.pk-bags{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:4px 0 6px}.pk-bag{background:#191820;border:1px solid #2a2a33;border-radius:12px;padding:10px 10px 12px;cursor:pointer;text-align:left;color:#e7e2d6;transition:border-color .12s,transform .08s;display:flex;flex-direction:column;gap:8px}.pk-bag .pkbstack{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:8px;overflow:hidden}.pk-bag .pkbstack img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:#141319}.pk-bag b{display:block;font:600 13.5px/1.25 system-ui,sans-serif;color:#f3efe6}.pk-bag .pkbl{font:500 11.5px/1.35 system-ui,sans-serif;color:#a89f86}.pk-bag .pkbt{font:400 11px/1.4 system-ui,sans-serif;color:#8d8a82}.pk-bag.sel{border-color:#e0b04b}.pk-bag:active{transform:scale(.985)}@media(hover:hover) and (pointer:fine){#pk-body:not(.fresh) .pk-bag:hover{border-color:#e0b04b}}@media(max-width:640px){.pk-bags{grid-template-columns:1fr 1fr}}
/* decision 45, revised (Adrian, 2026-09-17): visual only — four bags in a 2×2, each a 2×2 of posters, bigger; no words */
.pk-bags{grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 6px}.pk-bag{padding:7px;gap:0}.pk-bag .pkbstack{gap:6px;border-radius:9px}.pk-bag .pkbstack img{border-radius:3px}@media(max-width:640px){.pk-bags{gap:10px}.pk-bag{padding:5px}}
/* decision 45 (Adrian, 2026-09-17 evening): the four quadrants about a fifth smaller, with more air between them */
.pk-bags{max-width:522px;margin:6px auto 8px;gap:24px}@media(max-width:640px){.pk-bags{max-width:none;gap:14px}}
/* decision 45 (Adrian, 2026-09-17, later): smaller still, so the buttons under the four choices sit on a laptop screen */
.pk-bags{max-width:404px;gap:20px;margin:4px auto 6px}.pk-bag{padding:6px}.pk-bag .pkbstack{gap:5px}
/* decision 45, option 1 (2026-09-17): each category offers four at a time or two, and its own redo */
.pk-mode{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 8px;flex-wrap:wrap}.pk-seg{display:inline-flex;border:1px solid #2a2a33;border-radius:9px;overflow:hidden}.pk-segb{background:none;border:0;color:#a89f86;font:600 12.5px system-ui,sans-serif;padding:7px 12px;cursor:pointer}.pk-segb.on{background:#e0b04b;color:#1a1500}.pk-redo{background:none;border:1px solid #3a3830;border-radius:9px;color:#b5b1a6;font:12.5px system-ui,sans-serif;padding:6px 12px;cursor:pointer}.pk-redo:hover{border-color:#caa15a;color:#e6e1d5}