:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,PingFang SC,sans-serif;color:#17241f;background:#f2efe7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(25,54,44,.035) 1px,transparent 1px),#f2efe7;background-size:80px 80px}button{font:inherit}main{width:min(1280px,calc(100% - 48px));margin:auto;padding:36px 0 28px}header{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;border-bottom:3px solid #17241f;padding-bottom:22px}h1{font-family:Georgia,Songti SC,serif;font-size:clamp(44px,7vw,78px);line-height:.95;margin:8px 0 12px;letter-spacing:-.06em}header p{margin:0;color:#657069}.eyebrow{font-size:11px;letter-spacing:.2em;color:#c7563f;font-weight:800}.formula{font-family:Georgia,serif;font-size:17px;border:1px solid #17241f;padding:14px 18px;background:#fffaf0;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr) auto;border-bottom:1px solid #aaa69b;margin-bottom:24px}.stats>div{padding:19px 24px;border-right:1px solid #aaa69b;display:grid;grid-template-columns:auto 1fr;align-items:baseline}.stats small{grid-column:1/-1;text-transform:uppercase;letter-spacing:.1em;color:#717871}.stats strong{font-family:Georgia,serif;font-size:34px}.stats em{font-style:normal;color:#717871}.stats button{border:0;background:transparent;padding:0 25px;color:#c7563f;font-weight:800;cursor:pointer}.layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:24px}.board{border:1px solid #85877f;background:#fbfaf5;position:relative;overflow:hidden}.board-tip{height:38px;border-bottom:1px solid #d2cec2;padding:10px 14px;font-size:12px;color:#69716b}svg{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.shape{fill:#dd6b5040;stroke:#c7563f;stroke-width:4;stroke-linejoin:round}.edge{stroke:#c7563f;stroke-width:4}.point{cursor:grab}.point circle{fill:#fffaf0;stroke:#163b30;stroke-width:4}.point text{text-anchor:middle;font-size:11px;font-weight:900;fill:#163b30;pointer-events:none}.edge-label{font-size:12px;font-weight:800;fill:#53372e;paint-order:stroke;stroke:#fbfaf5;stroke-width:5;stroke-linejoin:round}.axis{position:absolute;font-family:Georgia,serif;color:#758079}.axis.x{right:9px;bottom:5px}.axis.y{left:7px;top:46px}aside{border-top:5px solid #173d31;background:#e5e1d6;padding:0 20px 20px;min-width:0}.panel-title{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #aaa69b;font-weight:800}.panel-title span:last-child{font-size:11px;font-weight:400;color:#69716b}.empty{padding:42px 12px;text-align:center;color:#777}.edges{list-style:none;padding:0;margin:0;max-height:290px;overflow:auto}.edges li{display:grid;grid-template-columns:70px 1fr auto;gap:10px;padding:12px 4px;border-bottom:1px dotted #aaa69b;font-size:13px}.edges li span{color:#727770}.edges li strong{font-family:Georgia,serif;font-size:16px}.math-toggle{width:100%;margin-top:16px;background:#173d31;color:#fff;border:0;padding:13px;text-align:left;cursor:pointer}.math-toggle span{float:right}.math{background:#fffaf0;border:1px solid #bcb5a7;border-top:0;padding:12px;font-size:11px;overflow:auto}.math-head,.math-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;padding:6px 0}.math-head{font-weight:800;border-bottom:1px solid #ccc}.math-result{font-size:13px;border-top:2px solid #173d31;padding-top:12px}footer{font-size:11px;color:#777d77;text-align:center;margin-top:18px;letter-spacing:.05em}@media(max-width:850px){main{width:min(100% - 24px,720px);padding-top:22px}.layout{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}.formula{white-space:normal}.stats{grid-template-columns:repeat(3,1fr)}.stats button{grid-column:1/-1;padding:14px;border-top:1px solid #aaa69b}.stats>div{padding:14px 10px}.stats strong{font-size:26px}}@media(max-width:480px){header p{font-size:13px}.stats em{display:none}.board-tip{font-size:10px}.edges li{grid-template-columns:58px 1fr auto}aside{padding-left:12px;padding-right:12px}}