:root{color-scheme:light;--ink:#243b3a;--green:#276253;--gold:#aa782f;--paper:#fcfaf1;--line:#d7d8ca}*{box-sizing:border-box}body{margin:0;background:#eaece3;color:var(--ink);font-family:Georgia,'Times New Roman',serif}main{max-width:1240px;margin:auto;padding:32px}header{display:flex;align-items:center;gap:24px;padding:0 0 26px}.brand{font:26px Georgia;color:var(--green);text-decoration:none;border:1px solid #a8b5a8;border-radius:50%;width:74px;height:74px;display:flex;align-items:center;justify-content:center}.brand span{color:var(--gold)}.eyebrow,aside>label,.paper-top,.paper-bottom,.meta,footer,kbd{font:11px system-ui,sans-serif;letter-spacing:1.4px}.eyebrow{margin:0 0 9px;color:var(--green)}h1{font-weight:400;font-size:40px;margin:0}.sub{margin:8px 0 0;color:#67716a;font-size:15px}.seal{margin-left:auto;border:1px solid #a6b6a8;border-radius:50%;height:92px;width:92px;text-align:center;padding-top:28px;transform:rotate(10deg);font:11px system-ui;letter-spacing:2px;flex-shrink:0}.seal b{font-size:9px}.workshop{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px}aside{padding:23px 24px;background:#f5f5ec;border:1px solid var(--line);border-radius:8px}aside>label{display:block;color:#69796e}select{width:100%;min-height:44px;margin:10px 0 12px;padding:9px;background:#fffdf6;border:1px solid #b7c2b7;color:var(--ink);border-radius:4px;font:14px system-ui}h2{font-weight:400;font-size:27px;margin:10px 0}#goal{font-size:17px;line-height:1.5;min-height:78px}.meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0;color:#617067;font-size:10px;letter-spacing:.6px}button{cursor:pointer;min-height:44px;border:1px solid #bdc8bb;background:#fffdf6;color:var(--ink);border-radius:5px;font:13px system-ui;padding:9px 12px}button:hover{background:#e5eee1}button:focus-visible,select:focus-visible,summary:focus-visible,svg:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:default}#tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}#tools button{text-align:left;display:flex;justify-content:space-between;align-items:center}button.active{background:var(--green);color:#fffdf2;border-color:var(--green)}kbd{letter-spacing:0;font-size:10px;opacity:.65}#instruction{font:13px/1.5 system-ui;min-height:40px;color:#596d63}.actions{display:flex;gap:6px}.actions button{flex:1;padding:8px}#hint-text{border-left:2px solid #b78b47;padding-left:12px;font-size:14px;line-height:1.6}#result{background:#e0ecdb;padding:16px;margin-top:16px;border:1px solid #adc4a4;border-radius:5px}#result p{font:13px/1.5 system-ui}#next{width:100%;background:var(--green);color:white}details{margin-top:20px;font:12px/1.7 system-ui}summary{cursor:pointer;min-height:35px}#point-list{display:flex;flex-wrap:wrap;gap:5px}#point-list button{min-width:44px}#point-list .chosen{background:#d6e6ce}#point-list .focused{outline:2px solid var(--gold)}.paper{min-width:0;background:var(--paper);border:1px solid #cccfbd;border-radius:8px;box-shadow:0 12px 30px #243b3a0b;align-self:start;overflow:hidden}.paper-top,.paper-bottom{padding:19px 24px;display:flex;justify-content:space-between;color:#76816e;font-size:9px;letter-spacing:1.4px}.paper-top{border-bottom:1px solid #e0e1d4}.paper-top b{color:var(--ink)}.paper-bottom{border-top:1px solid #e0e1d4;gap:10px;letter-spacing:.7px}.paper-bottom i{color:var(--gold);font-style:normal}svg{display:block;width:100%;height:auto;touch-action:manipulation}.geometry{fill:none;stroke:#b58c45;stroke-width:1.6}.geometry.given{stroke:#476559;stroke-width:2}.dot{cursor:pointer}.dot .hit{fill:transparent;stroke:none}.dot .core{fill:#a5752e;stroke:#fcfaf1;stroke-width:2}.dot.given .core{fill:#264b40}.dot text{fill:#293e36;font:15px Georgia;paint-order:stroke;stroke:#fcfaf1;stroke-width:4px;pointer-events:none}.dot.chosen .ring{stroke:var(--green);fill:#dfeadb;stroke-width:2}.dot.focused .ring{stroke:var(--gold);stroke-dasharray:3 3;fill:#efdfb955}#message{padding:14px 24px;margin:0;min-height:50px;font:13px/1.5 system-ui;background:#f1f2e6;border-top:1px solid #e0e1d4}footer{display:flex;align-items:center;gap:18px;letter-spacing:0;line-height:1.7;color:#78816f;margin:24px 0;font-size:11px}footer p{margin-right:auto;max-width:830px}footer a{color:var(--green);white-space:nowrap}[hidden]{display:none!important}@media(max-width:800px){main{padding:18px}header{gap:14px}.seal{display:none}h1{font-size:31px}.brand{width:56px;height:56px;flex-shrink:0;font-size:21px}.eyebrow{font-size:8px}.sub{font-size:13px}.workshop{grid-template-columns:1fr;gap:14px}aside{padding:18px}#goal{min-height:0;margin:10px 0;font-size:16px}#tools{grid-template-columns:repeat(3,1fr)}#instruction{min-height:0}.paper-top,.paper-bottom{padding:14px;font-size:8px}.paper-bottom span:last-child{display:none}footer{flex-wrap:wrap;gap:12px}footer p{flex-basis:100%;margin:0}.meta{padding:10px 0}details{margin-top:12px}#point-details{margin-top:4px}}