:root{font-family:Arial,Helvetica,sans-serif;color:#183e35;background:#e9e6dc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid #bdc8bd;border-radius:5px;padding:10px 13px;background:#f9f8f0;color:inherit;font-size:12px;font-weight:600}button:hover{background:#e1eadc}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #dc7040;outline-offset:3px}header{height:80px;background:#173c35;color:#f4f1de;display:flex;align-items:center;padding:0 28px;gap:12px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;font-size:13px;letter-spacing:1px}.brand b{display:block;font-size:11px;font-weight:400;letter-spacing:4px;margin-top:5px}.logo{border:1px solid #8fada0;width:42px;height:42px;display:grid;place-items:center;font-family:Georgia,serif;font-size:19px}.edition{margin:auto;font:10px monospace;letter-spacing:1.6px;color:#b7cab9}header button{background:transparent;color:#edeedc;border-color:#627d6c}header .primary{background:#d8ecac;color:#1c3c31;border-color:#d8ecac}main{display:grid;grid-template-columns:260px minmax(380px,1fr) 290px;min-height:calc(100dvh - 115px)}aside{padding:28px 20px;background:#f4f3e9;border-right:1px solid #cbd1c4}.eyebrow{font:10px monospace;letter-spacing:1.8px;color:#638171;margin:0 0 18px}h1{font:30px/1.12 Georgia,serif;letter-spacing:-1px;margin:0 0 16px}h1 em{font-weight:400}h2{font:23px Georgia,serif;margin:0 0 12px}h3{font:20px Georgia,serif;margin:0 0 12px}.intro,p{font-size:12px;line-height:1.7}.intro{color:#69796a;margin-bottom:25px}.chain{display:grid;gap:8px}.card{display:flex;text-align:left;align-items:center;gap:10px;width:100%;padding:12px 8px;border-color:#d7dcd0;background:transparent}.card small{display:block;font-size:9px;margin-top:7px;font-weight:400;color:#6f8271}.card .number{font:17px Georgia,serif;opacity:.7}.card canvas{width:38px;height:38px;margin-left:auto}.card.selected{border-color:#315f4c;background:#e3edda;box-shadow:inset 3px 0 #315f4c}.row{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.footnote{font:11px/1.6 Georgia,serif;color:#6d7e6b;border-top:1px solid #d2d8c9;padding-top:18px}.desk{padding:28px 32px;background:radial-gradient(#bcc3b74d .7px,transparent .7px),#e5e7dc;background-size:7px 7px}.desk-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.desk-title .eyebrow{margin-bottom:10px}.desk-title h2{font-size:25px}.status{font:9px monospace;letter-spacing:1px;padding:8px;background:#d9e5cb;white-space:nowrap}.busy{background:#eddec8}.comparison{display:flex;align-items:center;gap:22px;min-height:350px;margin:30px 0 18px}figure{margin:0;min-width:0}figure.before{width:38%;transform:rotate(-2deg)}figure.after{width:62%;transform:rotate(1deg)}figcaption{font:9px monospace;letter-spacing:1px;margin-bottom:12px}figure canvas{width:100%;height:auto;display:block;image-rendering:pixelated;box-shadow:0 8px 20px #1d392824;border:8px solid #f6f0dc}figure.after canvas{touch-action:none;cursor:crosshair}figure span{display:block;font:10px/1.5 monospace;color:#6c7b6b;margin-top:12px}.tools{display:flex;flex-wrap:wrap;align-items:center;gap:15px;border-top:1px solid #c1cbbc;border-bottom:1px solid #c1cbbc;padding:16px 0}.tools label{display:flex;align-items:center;gap:8px;font-size:11px}.tools input[type=range]{width:75px}.segmented{display:flex}.segmented button{border-radius:0}.chosen{background:#245343;color:#f7f3df}.readout{display:flex;align-items:center;gap:28px;margin:25px 0}.readout strong{font:20px monospace}.readout small{display:block;font:8px monospace;letter-spacing:1px;margin-top:7px;color:#72806e}.readout button{margin-left:auto}.notice{min-height:39px;color:#55705d;font-size:11px}.settings{border-right:0;border-left:1px solid #cbd1c4}.control{display:block;font-size:11px;margin-top:20px}.control span{display:flex;justify-content:space-between}.control b{font:12px monospace}.control input[type=range]{width:100%;margin:12px 0 0}input{accent-color:#386d52}input[type=number],input:not([type]){width:100%;border:1px solid #c4d0bf;background:#faf9ee;border-radius:3px;padding:7px;color:#264d3c;margin-top:8px}input[type=color]{width:30px;height:25px;padding:0;border:0}.rescue-panel{margin:26px -8px 20px;padding:18px 12px;background:#e4ebda;border:1px solid #c9d7bb}.rescue-panel p{font-size:11px}.rescue-panel .eyebrow{font-size:9px;margin-bottom:12px}.coordinates{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.coordinates label{font:10px monospace}.rescue-panel small{font-size:10px;line-height:1.5;display:block;margin-top:15px}details{border-top:1px solid #cad4c3;padding-top:20px;font-size:11px}summary{cursor:pointer;font-weight:600}details p{font-size:10px}details label{display:block;margin-top:18px}footer{display:flex;justify-content:space-between;gap:15px;padding:12px 25px;background:#183e35;color:#bdd0b9;font:8px monospace;letter-spacing:1px}a:focus-visible{outline:3px solid #dc7040}@media(min-width:1500px){main{grid-template-columns:290px minmax(500px,1fr) 320px}.comparison{max-width:850px;margin:45px auto}.desk{padding:35px 55px}}@media(max-width:1100px){main{grid-template-columns:220px minmax(360px,1fr)}.settings{grid-column:1/-1;display:block}.settings .control,.settings .rescue-panel{max-width:600px}.edition{display:none}header{gap:8px}.brand{margin-right:auto}.desk{padding:25px 20px}.desk-title{display:block}.comparison{gap:14px}.readout{gap:15px}}@media(max-width:650px){header{height:auto;padding:15px;flex-wrap:wrap}.brand{width:100%;margin-bottom:7px}main{display:flex;flex-direction:column}aside{padding:24px 18px}.chain{display:flex;overflow-x:auto;padding-bottom:8px}.card{min-width:170px}.chain .card canvas{display:none}h1 br,.intro br{display:none}h1{font-size:28px}.intro{margin-bottom:16px}.footnote{display:none}.desk{padding:24px 16px}.comparison{min-height:0;margin:25px 0}.readout{flex-wrap:wrap}.readout button{margin-left:0}footer{flex-direction:column;font-size:8px}.settings{border-left:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}