:root{font-family:Arial,sans-serif;color:#263632;background:#eee9df;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100dvh}header{padding:25px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c8c5b8;gap:20px}.wordmark{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:800;letter-spacing:1px}.wordmark span:not(.logo){display:block;font-size:9px;letter-spacing:2px;margin-top:6px}.logo{font-size:44px;color:#c5623c}.topnote{font-family:Georgia,serif;font-style:italic;font-size:20px}.badge{font-size:10px;text-transform:uppercase;letter-spacing:1px;border:1px solid #abb3a8;padding:11px;border-radius:30px}.workspace{display:grid;grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:5vw;padding:40px 4vw}.eyebrow{font-size:10px;letter-spacing:2px;color:#726d5b}h1{font:normal clamp(48px,5vw,76px)/.98 Georgia,serif;margin:24px 0}h1 em{color:#bd5b3d}.intro{font-size:15px;line-height:1.7;max-width:290px;color:#617066}.instruction{border-top:1px solid #c7c6b8;padding:20px 0 8px;margin-top:28px}.instruction b{font-size:12px;letter-spacing:1.5px}.instruction p{font-size:13px;line-height:1.6}.switchpad{background:#263b35;color:#f7f1df;min-height:112px;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:4px solid transparent}.switchpad span{font:26px Georgia,serif}.switchpad small{font-size:9px;letter-spacing:1.4px}.switchpad.held{background:#b75435;border-color:#f3c77f}.switchpad:focus-visible{outline:4px solid #b75435;outline-offset:4px}.switchpad[aria-disabled=true]{opacity:.5;cursor:not-allowed}.status{font-size:13px;line-height:1.6;min-height:44px;overflow-wrap:anywhere}.tiny{font-size:11px;color:#6d7569;line-height:1.6}.studio{min-width:0}.canvasbar{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:1px;padding:0 0 14px}.canvasbar i{display:inline-block;width:7px;height:7px;background:#b16c49;border-radius:50%;margin-right:7px}.paper{background:#ddd7c8;padding:22px;border-radius:2px;box-shadow:0 12px 35px #34412d0d}.paper svg{display:block;width:100%;max-height:49dvh;min-height:220px;filter:drop-shadow(0 4px 7px #2127211c)}.scanhead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:27px 0 14px}.scanhead span{font-size:9px;letter-spacing:1px;color:#677568}.scanhead strong{font-size:14px;text-align:center}.choices{max-height:34dvh;overflow:auto;scrollbar-color:#adac9d transparent;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.choice{padding:14px 15px;display:flex;gap:12px;align-items:center;min-width:0;border:1px solid #cbcabc;border-radius:6px;background:#f4f0e7}.choice span{font-size:10px;color:#7d8476}.choice b{font-size:12px;font-weight:400;overflow-wrap:anywhere}.choice i{margin-left:auto;font-style:normal;font-size:11px;color:#bc613e}.choice.current{background:#273d35;color:#fff6df;border-color:#273d35}.choice.current span{color:#cbd5bb}.choice.current i{color:#f0b282}.animate .choice{transition:background .12s,color .12s}.tutorial{margin-top:20px;padding:18px;border:1px dashed #9ba592;font-size:13px;line-height:1.7}.tutorial p{font-size:11px}footer{display:flex;justify-content:space-between;gap:30px;margin:0 4vw;padding:24px 0;border-top:1px solid #c7c6b8}footer span{font-size:10px;letter-spacing:2px;white-space:nowrap}footer p{max-width:650px;margin:0;font-size:10px;line-height:1.7;color:#6e7467}@media(max-width:850px){.workspace{grid-template-columns:1fr;padding-top:25px;gap:25px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.eyebrow,h1,.intro{grid-column:1}h1{font-size:50px}.instruction,.switchpad,.status,.tiny{grid-column:2}.instruction{grid-row:1/3;margin:0}.switchpad{grid-row:3/5}.status{margin-bottom:0}.paper svg{max-height:52vh}.topnote{display:none}footer{flex-direction:column;gap:10px}}@media(max-width:500px){header{padding:20px}.badge{display:none}.workspace{padding:20px}.controls{display:block}h1{font-size:46px;margin:12px 0}.intro{max-width:none}.instruction{margin-top:15px}.switchpad{min-height:86px}.paper{padding:10px}.paper svg{min-height:180px}.scanhead strong{max-width:45%}.choices{gap:5px}.choice{padding:12px 9px}footer{margin:0 20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}