*{box-sizing:border-box}[hidden]{display:none!important}:root{font-family:Inter,Segoe UI,sans-serif;color:#202a21;background:#f3f1e9;--green:#254a39;--line:#d9ddd0}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px max(18px,calc((100vw - 1050px)/2));border-bottom:1px solid var(--line);background:#faf9f3}.brand{font-weight:750;display:flex;align-items:center;gap:10px}.brand span{display:grid;place-items:center;width:36px;height:36px;background:var(--green);color:#fff;border-radius:8px;font-size:25px}main{max-width:1086px;margin:auto;padding:28px 16px 48px}.intro{margin:0 0 24px}.intro p{max-width:39ch;color:#4e5c51;line-height:1.55}h1{font:clamp(3.1rem,8vw,6rem)/.92 "Instrument Serif",Georgia,serif;letter-spacing:-.055em;margin:12px 0 16px;font-weight:500}h1 em{color:#436e52}h2{margin:0 0 14px;font-size:1.28rem;letter-spacing:-.025em}.workspace{display:grid;gap:14px;align-items:start}.card{background:#fffdf7;border:1px solid var(--line);border-radius:14px;padding:clamp(13px,3vw,23px);min-width:0}.row,.actions{display:flex;align-items:center;gap:8px}.row{justify-content:space-between}.row h2{margin:0}.actions,.wrap{flex-wrap:wrap}.actions{margin:10px 0}.drop{display:grid;justify-items:center;gap:8px;text-align:center;padding:23px 10px;border:1px dashed #869786;border-radius:10px;background:#f1f5ec}.drop.drag{background:#dcebdc}.icon{font-size:32px;color:var(--green)}button,.button{background:#fffdf7;color:var(--green);border:1px solid #bdc9bc;border-radius:7px;min-height:44px;padding:8px 12px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--green);color:#fff;border-color:var(--green)}button:hover:not(:disabled),.button:hover{filter:brightness(.92)}:focus-visible{outline:3px solid #a26313;outline-offset:2px}button:disabled,[aria-disabled=true]{opacity:.5;cursor:default}a{color:var(--green)}.brand img{width:28px;height:28px}#board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));width:100%;aspect-ratio:1;overflow:hidden;border:1px solid #abc0a5;border-radius:7px;margin-top:12px}#board button{position:relative;min-width:0;min-height:0;padding:0;border:0;border-radius:0}#board button:focus-visible{z-index:1;outline-offset:-3px}#board .piece{width:86%;height:86%;object-fit:contain;pointer-events:none}.coordinate{position:absolute;font-size:clamp(9px,2.8vw,12px);font-weight:750;line-height:1;pointer-events:none}.coordinate.rank{top:2px;left:2px}.coordinate.file{right:2px;bottom:2px}.light{background:#e9edd9;color:#254a39}.dark{background:#96af8e;color:#18291d}#palette{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:10px}#palette button{min-width:0;padding:2px;font-family:Segoe UI Symbol,DejaVu Sans,serif;font-size:24px}#palette .piece{width:min(32px,100%);height:32px;object-fit:contain;pointer-events:none}#palette button:last-child{grid-column:7;grid-row:1 / span 2}#palette button[aria-pressed=true]{background:#e3eddf;border-color:#254a39;box-shadow:inset 0 0 0 1px #254a39}summary{cursor:pointer;color:var(--green);padding:7px 0}footer{margin-top:24px;font-size:.8rem}.hint,small,#scan-status,#validation,#export-status{color:#526155;font-size:.9rem;line-height:1.45}.warning{color:#8b4714!important}#validation:empty,#export-status:empty{display:none}.image-wrap{position:relative;margin:12px 0;background:#e8ede3;border-radius:7px;overflow:hidden}canvas{display:block;max-width:100%;height:auto;margin:auto}canvas.pick{cursor:crosshair;touch-action:manipulation}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fields label{display:grid;gap:5px;font-size:.9rem}input,select,textarea{font:inherit;color:inherit;background:#fff;border:1px solid #bac6b8;border-radius:6px;min-width:0}input:not([type=checkbox]),select,textarea{min-height:44px;padding:8px}textarea{width:100%;resize:vertical;font-family:monospace;margin-top:5px}fieldset{padding:6px 10px;margin:12px 0 0;border:1px solid var(--line);border-radius:6px}fieldset label{display:inline-flex;align-items:center;min-height:36px;gap:4px}@media(min-width:740px){main{padding-top:44px}.workspace{grid-template-columns:1fr 1fr;gap:18px}.intro{display:flex;align-items:end;gap:3rem}.intro p{margin-bottom:18px}}#board .uncertain:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#a85412;border:1px solid #fff3cb}#board .review-square{box-shadow:inset 0 0 0 2px #934523}#position-review{margin-top:12px;padding:10px 12px;border:1px solid #d9af93;border-radius:7px;background:#fff6ed}#position-review h3{font-size:1rem;margin:0}#position-problems{padding-left:18px;margin:6px 0 0;font-size:.9rem;line-height:1.45}#position-suggestions{list-style:none;margin:10px 0 0;padding:0;font-size:.9rem}