:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#183c3d;background:#f0eee7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1450px;margin:auto;padding:40px}header{max-width:850px;margin-bottom:32px}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:800;color:#9c6519}h1{font-family:Georgia,serif;font-size:54px;line-height:1.05;letter-spacing:-2px;margin:18px 0}h1 span{font-family:system-ui;font-size:20px;display:block;letter-spacing:0;margin-top:18px;font-weight:450}p{line-height:1.6;font-size:14px}h2{font-size:16px;margin-top:22px}.workspace{display:grid;grid-template-columns:290px 1fr;gap:24px}aside,.board,.bottom{background:#fffdf6;border:1px solid #d6dbcd;border-radius:14px;padding:20px}.board{padding:16px}.boardbar,.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.boardbar strong{margin-right:auto;overflow-wrap:anywhere}button{font:inherit;font-size:13px;border:1px solid #b7cbc4;border-radius:6px;padding:10px 12px;background:#ecf2ec;color:#174544;cursor:pointer;margin:3px 0}button:hover{background:#dce9df}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c78221;outline-offset:2px}label{display:block;font-size:12px;margin:12px 0}input,textarea{font:inherit;width:100%;padding:10px;border:1px solid #b7cbc4;background:#fff;border-radius:6px;margin-top:5px}input{font-size:15px}.coordinates{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.pill{font-size:12px;background:#153f3e;color:#fff;padding:7px 10px;border-radius:5px}svg{display:block;width:min(100%,68vh);aspect-ratio:1;touch-action:none;margin:16px auto;border:1px solid #cad2c8}svg:fullscreen{background:#fff}.legend{display:flex;justify-content:space-between;gap:10px;font-size:12px}.legend span:first-child{color:#2396a5}.legend span:nth-child(2){color:#f53741}.legend span:last-child{color:#7e8896}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px}textarea{min-height:130px;font-family:monospace;font-size:12px;resize:vertical}.status{background:#173e3e;color:#fff;padding:14px 20px;border-radius:8px}footer{font-size:12px;color:#566c67}details{margin:15px 0}summary{cursor:pointer;font-weight:600}@media(max-width:850px){main{padding:18px}.workspace,.bottom{grid-template-columns:1fr}h1{font-size:39px}aside{display:block}svg{width:100%}.legend{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}