:root{color-scheme:light;--paper:#f5f1e9;--ink:#262c28;--muted:#61685f;--green:#314f42;--line:#d2cfc4;--ochre:#9a6e2d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}header,footer{max-width:1440px;margin:auto;padding:24px 40px;display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}a{color:var(--green)}.brand{font:26px Georgia,serif;text-decoration:none}.brand span,footer span{display:block;font:12px/1.8 system-ui,sans-serif;color:var(--muted)}.tag,.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.15em}.tag{align-self:center;border:1px solid var(--line);padding:6px 12px;border-radius:20px}.intro{max-width:820px;padding:72px 40px 90px;margin:auto}.eyebrow{color:var(--ochre);font-weight:700}h1{font:clamp(44px,7vw,80px)/1.08 Georgia,serif;margin:20px 0 28px;font-weight:400}h2{font:32px/1.2 Georgia,serif;margin:12px 0}h3{font:23px/1.3 Georgia,serif;margin:10px 0}.lead{font-size:20px;color:var(--muted);max-width:660px}button{cursor:pointer;border:1px solid var(--green);border-radius:4px;background:var(--green);color:white;font:inherit;font-weight:600;padding:13px 20px;min-height:48px}button:disabled{opacity:.5;cursor:wait}button.secondary{background:transparent;color:var(--green)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--ochre);outline-offset:3px}.intro button{margin-top:24px}.small,.credit,.art-id{font-size:12px;color:var(--muted)}.round-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0}.progress{height:3px;background:var(--line);display:flex;gap:4px}.progress span{height:3px;background:var(--green);flex:1}.progress span.future{background:var(--line)}.gallery{max-width:1360px;padding:0 40px 40px;margin:auto}.round-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:40px;align-items:start}figure{margin:0}.image-stage{background:#e7e5dd;min-height:260px;position:relative;display:flex;align-items:center;justify-content:center;padding:18px}#art{width:100%;height:560px;object-fit:contain}.credit{margin-top:8px}.art-id{font-family:ui-monospace,monospace;margin-top:10px}.panel{background:#fffdf8;border:1px solid var(--line);padding:26px}fieldset{border:0;padding:0;margin:24px 0}legend{font-weight:650;margin-bottom:10px}.options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px;font-size:14px;min-height:50px;cursor:pointer}.choice:has(input:checked){background:#e8eee7;border-color:var(--green)}input[type=radio]{accent-color:var(--green);width:17px;height:17px;flex-shrink:0}.date-input{display:flex;gap:8px}input[type=number],select{font:inherit;padding:12px;border:1px solid #858e82;background:white;border-radius:3px;min-width:0;width:100%}select{width:90px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.result-line{border-bottom:1px solid var(--line);padding:12px 0}.result-line strong{display:block}.clue{border-left:3px solid var(--ochre);padding:0 0 0 18px;margin:24px 0}.results{max-width:1120px;padding:40px;margin:auto}.postcards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.postcard{padding:18px;background:#fffdf8;border:1px solid var(--line)}.postcard img{width:100%;height:180px;object-fit:contain;background:#e7e5dd}.error{color:#8c342b}#status{max-width:1280px;margin:0 auto;padding:0 40px}footer{border-top:1px solid var(--line);border-bottom:0;font-size:12px;color:var(--muted);margin-top:20px}.hidden{display:none!important}@media(max-width:850px){header,footer{padding:18px 20px}.tag{max-width:125px;font-size:9px}.gallery{padding:0 20px 25px}.round-grid{grid-template-columns:1fr;gap:20px}#art{height:420px}.panel{padding:20px}.postcards{grid-template-columns:1fr 1fr}.intro{padding:40px 22px}.results{padding:25px 20px}}@media(max-width:480px){#art{height:330px}.image-stage{padding:10px}.postcards{grid-template-columns:1fr}footer{flex-direction:column}.options{grid-template-columns:1fr 1fr}}
.art-surface{position:relative;display:inline-block;max-width:100%;line-height:0}#art{width:auto;height:auto;max-width:100%;max-height:560px}.evidence-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.evidence-overlay rect{fill:rgba(212,155,52,.12);stroke:#bd7100;stroke-width:3px}.inspection-controls{align-items:center;margin-top:12px}.inspection-controls .art-id{margin:0}.comparison-section{margin-top:32px;padding:28px;background:#fffdf8;border:1px solid var(--line)}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:22px}.comparison-grid figure>img,.comparison-grid .art-surface{width:100%}.comparison-grid img{width:100%;height:auto;display:block}.comparison-grid .button-row{margin:12px 0}.comparison-takeaway{border-left:3px solid var(--ochre);padding-left:18px}.clue button[aria-pressed=true],button[aria-pressed=true]{background:#e8eee7;color:var(--green)}#art-viewer{width:94vw;max-width:1400px;height:90vh;max-height:1000px;padding:18px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px}#art-viewer::backdrop{background:rgba(20,26,22,.75)}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.zoom-controls{display:flex;gap:8px;align-items:center}.zoom-controls button{padding:8px 14px;min-height:44px}.zoom-controls output{min-width:48px;text-align:center;font-size:13px}.viewer-help{margin:8px 0}.viewer-port{height:calc(100% - 90px);width:100%;overflow:auto;background:#e4e1d8;padding:12px;cursor:grab;overscroll-behavior:contain}.viewer-port:active{cursor:grabbing}.zoom-surface{position:relative;margin:0 auto;line-height:0;flex-shrink:0}.zoom-surface img{width:100%;height:auto;display:block;max-width:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.zoom-surface .evidence-overlay{width:100%;height:100%}@media(max-width:850px){#art{max-height:420px}.comparison-grid{grid-template-columns:1fr}.comparison-section{padding:20px}}@media(max-width:480px){#art{max-height:330px}.viewer-toolbar{flex-wrap:wrap;gap:8px}.viewer-port{height:calc(100% - 125px)}#art-viewer{padding:12px}.zoom-controls{gap:5px}.zoom-controls button{padding:8px 12px}.viewer-help{font-size:11px}}
.evidence-options{display:grid;gap:10px}.evidence-options .choice{padding:14px;min-height:66px}.fresh-summary{margin-top:36px;border-top:1px solid var(--line);padding-top:24px}.fresh-summary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;background:#fffdf8;border:1px solid var(--line);padding:24px}.fresh-summary-grid>img{width:100%;height:auto;align-self:start}@media(max-width:850px){.fresh-summary-grid{grid-template-columns:1fr;padding:18px}}

.guided-setting{display:flex;gap:12px;align-items:flex-start;max-width:600px;margin:26px 0 0;padding:18px;border:1px solid var(--line);background:#fffdf8;cursor:pointer}.guided-setting input{accent-color:var(--green);width:20px;height:20px;margin-top:3px;flex-shrink:0}.guided-setting small{display:block;margin-top:4px;color:var(--muted)}.second-look{border-left:3px solid var(--ochre);padding:2px 16px;background:#f6f0df}.revision-record{margin:22px 0}.revision-record table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:13px}.revision-record th,.revision-record td{padding:9px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.revision-record th{font-weight:650}.postcard details{margin-top:15px}.postcard summary{cursor:pointer;color:var(--green);font-size:13px}

.difficulty-setting{display:grid;grid-template-columns:1fr 150px;gap:8px 18px;align-items:center;max-width:600px;margin:24px 0 0;padding:18px;border:1px solid var(--line);background:#fffdf8}.difficulty-setting>span{font-weight:650}.difficulty-setting small{grid-column:1/-1;color:var(--muted);font-size:13px}.difficulty-setting select{width:100%;min-height:46px}@media(max-width:480px){.difficulty-setting{grid-template-columns:1fr 130px;gap:8px 10px}}

.filter-controls{display:grid;gap:16px;max-width:600px;margin-top:22px;padding:18px;border:1px solid var(--line);background:#fffdf8}.filter-controls[hidden]{display:none}.filter-controls label{display:grid;gap:7px;font-size:14px}.filter-controls select{width:100%;min-height:46px}.filter-controls p{margin:0}.selection-availability{max-width:600px;padding:14px 0;line-height:1.5}.filter-summary{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.round-head{flex-wrap:wrap;gap:8px}

#start:disabled,#again:disabled{cursor:not-allowed}
