*{box-sizing:border-box} :root{--ink:#193b3a;--muted:#71847d;--lime:#d5ef7c;--cream:#f6f4e9} body{margin:0;background:#eaece3;color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif;background-image:radial-gradient(at 90% 0%,#d9e4d3,transparent 50%)}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:600 12px Arial;border:1px solid #cbd4c9;background:#f8faf3;color:var(--ink);border-radius:9px;padding:11px 15px;transition:background .15s,transform .15s}button:hover{background:#e5eccf}button:active{transform:translateY(1px)}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,.interactive:focus-visible{outline:3px solid #cd7b35;outline-offset:3px}button[aria-pressed=true]{background:#e3edce;border-color:#9cba77}.app{max-width:1440px;margin:auto;padding:0 40px}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccd4c7}.brand{text-decoration:none;color:var(--ink);font-weight:900;font-size:17px;display:flex;align-items:center;gap:10px;letter-spacing:.08em}.brandmark{font:italic bold 35px Georgia;background:var(--ink);color:var(--lime);width:42px;height:42px;text-align:center;border-radius:11px;letter-spacing:-.1em;padding-right:5px}.brand small{font-size:9px;letter-spacing:.12em;border-left:1px solid #bdc9b9;padding-left:12px;margin-left:10px}.header-right{display:flex;gap:8px;align-items:center}.live{font-size:9px;letter-spacing:.12em;margin-right:18px}.title{display:flex;justify-content:space-between;align-items:center;padding:28px 0 26px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em}h1{font:normal 56px/.95 Georgia,serif;margin:12px 0;color:#183c36;letter-spacing:-2px}h1 em{font-weight:normal}h1 .title-dot{display:inline-block;color:#a0b368;font:32px Georgia;margin-left:15px;vertical-align:middle}.title p{color:#6b7d72;margin:12px 0 0}.scoreboard{display:flex;gap:30px}.scoreboard>div{border-left:1px solid #c7d1c1;padding-left:25px;min-width:100px}.scoreboard small{font-size:9px;letter-spacing:.12em;display:block;color:#718174}.scoreboard strong{font:32px/1.7 Georgia;font-variant-numeric:tabular-nums}.brief{display:flex;align-items:center;gap:18px;border-radius:16px;background:#193b3a;color:#f3f6e6;padding:18px 24px;box-shadow:0 10px 25px #173b3210;position:relative;overflow:hidden}.brief:after{content:'✦';font:160px Georgia;position:absolute;right:160px;top:-35px;color:#ffffff04;pointer-events:none}.portrait{width:78px;height:78px;flex:none;border-radius:50%;border:3px solid #dae8b0;background-image:url('clients.png');background-size:500% 400%;background-repeat:no-repeat;background-color:#ede5d9;box-shadow:0 3px 12px #0003}.brief-copy{flex:1;min-width:0}.brief-copy .eyebrow{color:#d4ef94}.muted{opacity:.5}.brief p{font:italic 19px/1.35 Georgia;margin:7px 0}.brief small{color:#a9c4b9;font-size:11px}.order{text-align:right;min-width:120px}.order>span{font-size:10px;letter-spacing:.12em;display:block;color:#a9c4b9}.order strong{font-size:11px;letter-spacing:.13em;display:block;color:#daf090;margin:5px 0}.order button{background:transparent;color:#dae7cf;border-color:#567266;font-size:10px;padding:5px 8px}.bench{margin-top:23px;background:#d9dfd3;border:1px solid #c6d1c1;border-radius:18px;overflow:hidden;box-shadow:0 15px 32px #1538270b}.bench-top{padding:13px 21px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.11em}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5f8b69;margin-right:7px}#progress{background:#eef3e1;padding:2px 8px;border-radius:5px;letter-spacing:.04em}.sheets{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 20px}.sheet{background:#faf9f2;border:1px solid #cbd1c2;border-radius:10px;box-shadow:0 7px 12px #233c2010;overflow:hidden}.sheet-heading{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e7d9;font-size:10px;font-weight:700;letter-spacing:.08em}.sheet-heading small{font-size:8px;color:#8c998b;letter-spacing:.04em}.sheet-heading small span{color:#738e47;margin-left:6px}.tag{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;margin-right:7px;border-radius:5px}.tag.master{background:#dde9cc}.tag.sample{background:#f1e3c5}.art{width:100%;aspect-ratio:500/510;background:#f9f8ef;position:relative}.art>svg{display:block;width:100%;height:100%}.interactive{cursor:crosshair;touch-action:pan-y;user-select:none}.inspecting .art{touch-action:none;cursor:crosshair}.sheet-foot{font:8px Arial;letter-spacing:.1em;color:#8a9687;display:flex;justify-content:space-between;padding:10px 15px;border-top:1px solid #e5e8db}.cmyk{letter-spacing:2px;color:#26aec1}.cmyk i{font-style:normal;color:#df6590}.cmyk b{color:#dfc044}.cmyk em{font-style:normal;color:#28433a}.tools{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:15px}.hint-text{font-size:12px;max-width:47%;color:#5e7464}.tools>div:last-child{display:flex;gap:8px}.primary{background:var(--ink);color:#eff7d9;border-color:var(--ink)}.primary:hover{background:#2c5750}.tools #hint span{background:#e0e7cf;border-radius:4px;padding:2px 5px;margin-left:5px}.bottom{display:flex;justify-content:space-between;gap:30px;padding:22px 0}.bottom>div:first-child{flex:1}.finds{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;font-size:11px;color:#879681}.finds>span.found{border:1px solid #cbd5bb;border-radius:6px;color:#486339;background:#f4f8e9;padding:5px 9px}.tip{font:12px/1.6 Georgia;color:#7a8978;max-width:320px}.tip b{display:block;color:#50664c;font-style:italic;font-size:16px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cdd7c5;padding:15px 0 22px;font-size:9px;letter-spacing:.09em;color:#879582}footer button{font-size:10px;padding:7px 12px}.lens{margin:15px 20px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#233f38;padding:12px;border-radius:10px;color:#dbeaaf}.lens[hidden]{display:none}.lens>div{min-width:0}.lens small{display:block;font-size:9px;letter-spacing:.12em;margin-bottom:6px}.lens svg{width:100%;height:150px;background:#faf9f0;border-radius:5px}.lens p{grid-column:1/-1;font-size:10px;margin:0;color:#b3c7ad}.marker{fill:#ccf17625;stroke:#689627;stroke-width:2;pointer-events:none}.hint-ring{fill:none;stroke:#bd852a;stroke-width:2;stroke-dasharray:5 4;pointer-events:none}.key-cursor{stroke:#df6e45;stroke-width:1;fill:none;pointer-events:none}dialog{border:1px solid #c9d6b6;border-radius:22px;padding:0;background:#f7f7ea;color:var(--ink);width:min(550px,calc(100% - 30px));box-shadow:0 35px 120px #082c3980}dialog::backdrop{background:#102e31a8;backdrop-filter:blur(5px)}.dialog-inner{padding:34px}.dialog-inner h2{font:40px/1.05 Georgia;margin:10px 0 16px;letter-spacing:-1px}.dialog-inner p{color:#607565;line-height:1.7}.dialog-inner .large-icon{font:45px Georgia;color:#93a958}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.mode-grid button{padding:17px;text-align:left;font-size:14px}.mode-grid small{display:block;margin-top:8px;font-size:11px;font-weight:400;line-height:1.5}.dialog-inner .full{width:100%;margin-top:12px}.rules{padding-left:20px;color:#5c735e;font-size:13px;line-height:1.8}.badge-row{display:flex;gap:7px;flex-wrap:wrap;font-size:10px}.badge-row span{background:#e7ecd9;border-radius:5px;padding:5px 9px}.result-score{font:50px Georgia;color:#648332}.warning{color:#ad563d!important}.result-list{font-size:12px;line-height:1.8;color:#516c56}
@media(min-width:1500px){.app{max-width:1450px}.art{max-height:490px}}
@media(max-width:900px){.app{padding:0 18px}.live{display:none}.title h1{font-size:44px}.scoreboard{gap:12px}.scoreboard>div{min-width:74px;padding-left:13px}.scoreboard strong{font-size:25px}.sheets{gap:12px;padding:0 12px}.sheet-heading{padding:9px;font-size:9px}.sheet-heading small{display:none}.tools{padding:12px}.brief p{font-size:16px}.tools button{padding:10px}.tip{max-width:240px}.lens svg{height:130px}}
@media(max-width:580px){.app{padding:0 10px}header{height:63px}.brand{font-size:12px;gap:6px}.brandmark{width:31px;height:32px;font-size:26px}.brand small{display:none}.header-right{gap:4px}.header-right button{font-size:10px;padding:8px}.title{padding:21px 2px;display:block}.title h1{font-size:45px}.title p{font-size:12px}.title .eyebrow{font-size:8px}.scoreboard{margin-top:19px;justify-content:space-between;gap:10px}.scoreboard>div{border-left:0;padding-left:0;min-width:75px}.scoreboard strong{font-size:24px;line-height:1.4}.scoreboard small{font-size:8px}.brief{padding:12px;gap:10px;border-radius:12px;align-items:flex-start}.portrait{width:57px;height:57px}.brief p{font-size:14px;margin:6px 0}.brief-copy .eyebrow{font-size:8px;letter-spacing:.08em}.brief small{font-size:9px}.order{min-width:58px;max-width:74px}.order>span{font-size:8px}.order strong{font-size:8px;letter-spacing:0}.order button{font-size:9px;padding:5px}.bench{margin-top:14px;border-radius:12px}.bench-top{padding:10px;font-size:8px;letter-spacing:.02em}.bench-top .muted{display:none}.sheets{gap:6px;padding:0 6px}.sheet{border-radius:6px}.sheet-heading{font-size:8px;padding:7px 5px;letter-spacing:0}.tag{width:17px;height:18px;margin-right:4px}.sheet-foot{padding:7px 5px;font-size:6px;letter-spacing:0}.sheet-foot .cmyk{display:none}.sheet-foot>span:last-child{display:none}.tools{display:block;padding:11px 8px}.hint-text{max-width:100%;font-size:11px;margin-bottom:11px;min-height:30px}.tools>div:last-child{display:grid;grid-template-columns:1fr .8fr 1.2fr;gap:5px}.tools button{font-size:10px;padding:10px 5px}.bottom{padding:18px 4px;display:block}.tip{max-width:none;margin-top:15px;font-size:11px}.tip b{display:inline;font-size:13px;margin-right:5px}footer{font-size:7px}footer>span:nth-child(2){display:none}.lens{margin:10px 6px 0;padding:7px;gap:7px}.lens svg{height:115px}.lens small{font-size:8px}.dialog-inner{padding:25px}.dialog-inner h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Proof Patrol V2: larger inspection cards and double magnification. */
.lens{margin:18px 20px 0;gap:18px;background:#193b3a;padding:18px;border:1px solid #6f8b78;border-radius:16px;box-shadow:0 16px 35px #12352c2b}
.lens>div{min-width:0;background:#294a43;padding:11px;border-radius:11px}
.lens small{font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:8px}
.lens svg{height:280px;border:3px solid #f4f5e8;border-radius:8px;box-shadow:inset 0 0 0 1px #9eac99}
.lens p{text-align:center;font-size:11px;color:#c7d8bd}
@media(max-width:900px){.lens svg{height:230px}}
@media(max-width:580px){.lens{margin:10px 6px 0;padding:8px;gap:7px;border-radius:11px}.lens>div{padding:6px}.lens svg{height:185px;border-width:2px}.lens small{font-size:8px}}