:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#ebf3f4;background:#0c151d;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{border:1px solid #416069;border-radius:10px;background:#1a303b;color:#edf4f4;padding:9px 12px;font-weight:700;cursor:pointer}button.active{background:#b9eed8;border-color:#b9eed8;color:#173138}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #aaf2da;outline-offset:2px}button:disabled{opacity:.45;cursor:default}a{color:#a8e9d2}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#111f29;border-bottom:1px solid #354a55;padding:12px clamp(14px,3vw,32px)}.brand{display:flex;align-items:center;gap:11px}.mark{display:grid;place-items:center;width:39px;height:39px;border-radius:9px;background:#dbefe6;color:#163139;font-weight:900}.brand small{display:block;color:#9dc5c4;font-size:10px;letter-spacing:.08em}.brand strong{font-size:17px}main{max-width:1180px;margin:auto;padding:20px clamp(12px,3vw,30px) 80px}.intro{display:flex;justify-content:space-between;align-items:center;gap:15px}.intro h1{margin:4px 0;font-size:25px}.intro p,.legend p{font-size:13px;color:#a5bbc1;line-height:1.5}.draft-status{font-size:12px;color:#f0cf8b;flex:none}.toolbar,.tools,.options{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid #344b54;background:#13232d;border-radius:13px;margin:12px 0}.group{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.group:not(:last-child){padding-right:12px;border-right:1px solid #344b54}.group>span{font-size:11px;color:#a3bec4;font-weight:700;margin-right:4px}.group b{font-size:12px;min-width:38px;text-align:center}.tools{position:sticky;top:0;z-index:4;background:#152a33ef;backdrop-filter:blur(8px)}.tools button{min-width:69px}.options{align-items:center}.options label{font-size:12px;color:#bed0d3;display:flex;align-items:center;gap:5px}.options select{background:#0c1b24;color:#ebf3f4;border:1px solid #48616a;border-radius:8px;padding:6px;max-width:150px}.hint{min-height:28px;color:#b9dccf;font-size:13px;line-height:1.5;margin:12px 0}.hint.error{color:#ffad9a}.boards{display:grid;gap:18px}.board-card{border:1px solid #3a515b;border-radius:15px;background:#13222c;overflow:hidden}.board-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #344b54}.board-head h2{font-size:16px;margin:0}.board-head small{font-size:11px;color:#9fb5bc}.board-scroll{overflow:auto;padding:13px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.board-svg{display:block;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none;background:#0a151d;border:1px solid #36505b;border-radius:6px}.tile{stroke:#51636a;stroke-width:1}.tile.f1{fill:#2b4748}.tile.f2{fill:#34506b}.tile.coexist{fill:#436371}.tile.outside{fill:#15232a}.tile.blocked{fill:#23333b}.tile.guide{fill:#1d2c34}.tile.highlight{stroke:#c6edd7;stroke-width:2}.tile-label{fill:#c6d7d6;font-size:14px;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-weight:800}.tile-label.outside{fill:#ac8e87}.edge-visible{pointer-events:none;stroke-linecap:round}.edge-visible.wall{stroke:#f7c877;stroke-width:5}.edge-visible.window{stroke:#80dded;stroke-width:5;stroke-dasharray:9 5}.edge-visible.diagonal{stroke-dasharray:6 4}.edge-visible.candidate{stroke:#6d8587;stroke-width:2;stroke-dasharray:3 5;opacity:.75}.edge-visible.stair{stroke:#d8a2ee;stroke-width:5;stroke-dasharray:2 6}.edge-stair-label{fill:#f1d5fa;font-size:12px;font-weight:900;text-anchor:middle;dominant-baseline:central;pointer-events:none;paint-order:stroke;stroke:#182631;stroke-width:3}.edge-hit{stroke:transparent;stroke-width:16;pointer-events:none}.enemy-mark{fill:#fff1bd;stroke:#2c3031;stroke-width:2;pointer-events:none}.enemy-glyph{fill:#253139;font-size:20px;font-weight:900;text-anchor:middle;dominant-baseline:central;pointer-events:none}.alert-tint{pointer-events:none;opacity:.48}.legend,.validation{margin-top:18px;padding:14px;border:1px solid #344b54;border-radius:13px;background:#13232d}.legend h2,.validation h2{font-size:15px;margin:0 0 10px}.legend>div{display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:12px}.legend-line{display:inline-block;padding:3px 0;border-top:4px solid #f7c877}.legend-line.window{border-top:4px dashed #80dded}.legend-line.diagonal{border-top:3px dotted #9ebcbb}.legend-stair{border-bottom:4px dotted #d8a2ee}.validation small{display:block;color:#9fb5bc;margin-top:8px;line-height:1.5}.validation .bad{color:#ffa995}.validation .good{color:#aee8c9}dialog{width:min(480px,calc(100vw - 24px));border:1px solid #59817c;border-radius:15px;background:#172a34;color:#eff6f5;padding:18px}dialog::backdrop{background:#081015c9}#choice-list{display:grid;gap:7px;margin:12px 0}#choice-list button{text-align:left}@media(max-width:700px){.topbar{padding:10px 12px}.brand small{font-size:8px}.brand strong{font-size:14px}.topbar a{font-size:12px}.intro{display:block}.intro h1{font-size:22px}.draft-status{display:block}.toolbar,.tools,.options{padding:9px;gap:6px}.tools button{min-width:58px;font-size:12px;padding:10px 6px}.group{width:100%}.group:not(:last-child){border-right:0;border-bottom:1px solid #344b54;padding:0 0 8px}.board-scroll{padding:8px}.board-head{padding:8px 10px}}