:root{--ufs:1;--ink:#1a1a2e;--gold:#b8860b;--gold-soft:#e8d9a0;--paper:#f7f4ec;--panel-bg:#fffdf6}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:var(--ink);-webkit-user-select:none;user-select:none;background:#e9e4d8;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}#viewport{touch-action:none;background:radial-gradient(circle at 50% 45%,#f3efe4 0%,#e9e4d8 70%);position:fixed;inset:0;overflow:hidden}#stage{transform-origin:0 0;will-change:transform;width:2400px;height:2400px;position:absolute;top:0;left:0}#wires,#structure{pointer-events:none;width:2400px;height:2400px;position:absolute;top:0;left:0;overflow:visible}.pnode{cursor:pointer;text-align:center;color:#fff;word-break:break-all;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;font-weight:700;transition:filter .12s;display:flex;position:absolute;box-shadow:0 3px 8px #281e0540}.pnode:active{filter:brightness(1.2)}.pnode.open{filter:brightness(1.12)drop-shadow(0 0 8px #b8860be6)}.pnode .dot{border-color:#fff}.p-hex{font-size:calc(26px * var(--ufs));clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%);background:#2e75b6}.p-blue{font-size:calc(28px * var(--ufs));letter-spacing:2px;background:#2e75b6}.p-red{font-size:calc(27px * var(--ufs));letter-spacing:3px;background:#c00000}.p-red:before,.p-red:after{content:"★";color:#c00000;font-size:44px;position:absolute;top:50%;transform:translateY(-50%)}.p-red:before{left:-64px}.p-red:after{right:-64px}.p-peer{font-size:calc(21px * var(--ufs));background:#ed7d31;border-radius:3px}.flag{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:220px;height:150px;padding:0;position:absolute}.flag .pole{background:linear-gradient(#8a6d2f,#5e4a1e);border-radius:3px;width:7px;height:150px;position:absolute;top:0;left:8px}.flag .pole:before{content:"";background:radial-gradient(circle at 35% 30%,#f3d98b,#b8860b);border-radius:50%;width:19px;height:19px;position:absolute;top:-11px;left:-6px}.flag .cloth{clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%);background:linear-gradient(135deg,#c8102e 0%,#a00d26 100%);align-items:center;width:190px;height:104px;transition:filter .15s;display:flex;position:absolute;top:6px;left:15px;box-shadow:0 4px 10px #00000040}.flag .cloth span{color:#ffe9a8;width:82%;font-size:calc(25px * var(--ufs));word-break:break-all;padding-left:16px;font-weight:700;line-height:1.25}.flag:active .cloth{filter:brightness(1.25)}.flag.open .cloth{outline-offset:2px;outline:4px solid #b8860bb3}.circle{border:3px solid var(--gold);cursor:pointer;text-align:center;width:96px;height:96px;font-size:calc(19px * var(--ufs));color:#4a3a12;word-break:break-all;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 34% 30%,#fffef9 0%,#f0e9d5 78%,#ddd2b4 100%);border-radius:50%;justify-content:center;align-items:center;padding:8px;font-weight:600;line-height:1.18;transition:transform .12s,box-shadow .12s;display:flex;position:absolute;box-shadow:0 3px 8px #3c2d0a38}.circle:active{transform:scale(.92)}.circle.open{background:radial-gradient(circle at 34% 30%,#ffe9a8 0%,#f3d173 80%);box-shadow:0 0 0 5px #b8860b59,0 3px 8px #3c2d0a40}.dot{background:#c8102e;border:3px solid #fffdf6;border-radius:50%;width:20px;height:20px;display:none;position:absolute;top:-3px;right:-3px}.has-note .dot{display:block}.panel{background:var(--panel-bg);border:2.5px solid var(--gold);border-radius:14px;flex-direction:column;width:330px;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 24px #32260847}.panel-head{font-weight:700;font-size:calc(21px * var(--ufs));border-bottom:1.5px solid var(--gold-soft);cursor:grab;touch-action:none;background:linear-gradient(#f0e4bd,#e6d49b);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.panel-head:active{cursor:grabbing}.panel-head .head-btns{gap:8px;display:flex}.panel-head .reset{color:#7a6220;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:19px;line-height:1}.panel-head .close{color:#7a6220;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:26px;line-height:1}.panel textarea{resize:none;width:100%;min-height:76px;font-family:inherit;font-size:calc(20px * var(--ufs));color:var(--ink);-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;padding:12px 14px;line-height:1.5;overflow:hidden}.panel-foot{color:#9a8a5a;justify-content:space-between;align-items:center;padding:6px 12px 9px;font-size:15px;display:flex}.panel-foot .del{color:#a0430a;cursor:pointer;background:#fbf5e2;border:1px solid #d9c088;border-radius:7px;padding:3px 10px;font-size:15px}.panel .grip{cursor:nwse-resize;touch-action:none;opacity:.55;background:linear-gradient(135deg,#0000 55%,#b8860b 55%);border-radius:0 0 11px;width:22px;height:22px;position:absolute;bottom:3px;right:3px}.panel .grip:hover{opacity:1}.panel.sized textarea{overflow:auto}.hud{z-index:50;font-family:inherit;position:fixed}#btnSettings{color:#ffe9a8;cursor:pointer;background:#1a1a2e;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;top:14px;right:14px;box-shadow:0 3px 10px #0000004d}#zoomCtl{flex-direction:column;gap:8px;display:flex;bottom:18px;right:14px}#zoomCtl button{border:1.5px solid var(--gold);color:#4a3a12;cursor:pointer;background:#fffdf6;border-radius:50%;width:44px;height:44px;font-size:22px;box-shadow:0 2px 8px #0000002e}#settingsPanel{border:1.5px solid var(--gold);background:#fffdf6;border-radius:12px;width:250px;padding:16px;display:none;top:60px;right:14px;box-shadow:0 8px 24px #00000040}#settingsPanel.show{display:block}#settingsPanel h3{margin-bottom:12px;font-size:15px}#settingsPanel label{color:#6b5c2e;margin-bottom:4px;font-size:13px;display:block}#fontRange{width:100%;accent-color:var(--gold)}#fontVal{color:#9a8a5a;text-align:right;margin-top:2px;font-size:13px;display:block}#toast{color:#ffe9a8;opacity:0;pointer-events:none;white-space:nowrap;background:#1a1a2ee0;border-radius:20px;padding:8px 18px;font-size:13px;transition:opacity .25s;top:16px;left:50%;transform:translate(-50%)}#settingsPanel .acct{border-top:1px dashed var(--gold-soft);margin-top:14px;padding-top:12px}#settingsPanel .acct h3{margin-bottom:8px;font-size:13px}#settingsPanel .acct input[type=email],#settingsPanel .acct input[type=password]{box-sizing:border-box;border:1px solid var(--gold-soft);color:#4a3a12;background:#fff;border-radius:8px;width:100%;margin-bottom:8px;padding:7px 9px;font-size:13px}#settingsPanel .link{cursor:pointer;color:#9a8a5a;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}#settingsPanel>.wide{margin-top:12px}#settingsPanel .wide{cursor:pointer;border:1.5px solid var(--gold);color:#4a3a12;background:#fffdf6;border-radius:8px;width:100%;margin-bottom:6px;padding:8px;font-size:13px}#settingsPanel .wide:hover{background:#f7efcf}#settingsPanel .wide:disabled{opacity:.6;cursor:default}#settingsPanel .acct-mail{color:#4a3a12;word-break:break-all;margin-bottom:8px;font-size:13px}#settingsPanel .ok-tip{color:#9a8a5a;margin-bottom:8px;font-size:12px}@page{size:A1 landscape;margin:10mm}#printView{display:none}@media print{#viewport,.hud{display:none!important}html,body{background:#fff;height:auto;overflow:visible}#printView{display:block}}body.print-preview{background:#fff;overflow:auto}body.print-preview #viewport,body.print-preview .hud{display:none!important}body.print-preview #printView{display:block}#printView{color:#1a1a2e;background:#fff;padding:4mm 2mm;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.pv-header{border-bottom:1.2pt solid #b8860b;justify-content:space-between;align-items:baseline;margin-bottom:6mm;padding-bottom:3mm;display:flex}.pv-header h1{letter-spacing:2pt;font-size:30pt;font-weight:700}.pv-date{color:#9a8a5a;font-size:11pt}.pv-section{margin-bottom:7mm}.pv-sec-title{border-left:2.5mm solid;margin-bottom:3.5mm;padding-left:3mm;font-size:15pt;font-weight:700}.pv-sec-flag{color:#c8102e;border-color:#c8102e}.pv-sec-peer{color:#b85c1a;border-color:#ed7d31}.pv-sec-circle{color:#8a6d2f;border-color:#b8860b}.pv-parents{flex-direction:column;align-items:center;gap:3mm;display:flex}.pv-parent{text-align:center;break-inside:avoid;border:1pt solid;border-radius:2mm;padding:2.5mm 8mm}.pv-parent-label{font-weight:700}.pv-parent-note{color:#33334a;margin-top:1.5mm;font-size:9.5pt;font-weight:400}.pv-parent-parent-1{background:#eef4fb;border-color:#2e75b6;width:34%}.pv-parent-parent-1 .pv-parent-label{color:#2e75b6;font-size:14pt}.pv-parent-parent-2{background:#eef4fb;border-color:#2e75b6;width:72%}.pv-parent-parent-2 .pv-parent-label{color:#2e75b6;letter-spacing:1.5pt;font-size:15pt}.pv-parent-parent-3{background:#fbeeee;border-color:#c00000;width:50%}.pv-parent-parent-3 .pv-parent-label{color:#c00000;letter-spacing:2pt;font-size:16pt}.pv-grid{gap:3mm;display:grid}.pv-grid-flags{grid-template-columns:repeat(3,1fr)}.pv-grid-peers{grid-template-columns:repeat(4,1fr)}.pv-grid-circles{grid-template-columns:repeat(7,1fr);gap:2.5mm}.pv-cell{break-inside:avoid;background:#fffdf6;border:.9pt solid #d9c088;border-radius:1.8mm;overflow:hidden}.pv-cell-title{border-bottom:.7pt solid #e8d9a0;padding:1.6mm 2.5mm;font-weight:700}.pv-cell-note{white-space:pre-wrap;word-break:break-word;color:#33334a;padding:1.8mm 2.5mm;line-height:1.45}.pv-empty{color:#c9bd9a;font-style:normal}.pv-flag .pv-cell-title{color:#ffe9a8;background:#c8102e;border-bottom:none;font-size:12pt}.pv-flag .pv-cell-note{min-height:8mm;font-size:9.5pt}.pv-peer .pv-cell-title{color:#fff;background:#ed7d31;border-bottom:none;font-size:11pt}.pv-peer .pv-cell-note{min-height:7mm;font-size:9pt}.pv-circle .pv-cell-title{color:#6b5312;background:#f0e4bd;font-size:9.5pt}.pv-circle .pv-cell-note{min-height:6mm;font-size:8.5pt}