:root{font-family:Noto Sans JP,system-ui,sans-serif;color:var(--text-primary);background:var(--surface-page);font-synthesis:none;line-height:1.65;font-weight:400;color-scheme:dark;font-size:16px;--surface-page:#121212;--surface-panel:#1c1c1c;--surface-board:#181818;--surface-input:#141414;--surface-hover:#2a2a2a;--cell-fill:#262626;--cell-stroke:#484848;--text-primary:#e6e6e6;--text-secondary:#c2c2c2;--text-strong:#f2f2f2;--text-dim:#8c8c8c;--text-coordinate:#949494;--muted:#a3a3a3;--line:#363636;--border-control:#494949;--border-button:#4c4c4c;--boundary:#bdbdbd;--teal:#5be0d3;--gold:#eed089}*{box-sizing:border-box}body{margin:0}button,input,select,input[type=checkbox],label:has(input[type=radio]){cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,label:has(input:focus-visible){outline:2px solid var(--teal);outline-offset:4px}button{border:0}input,h1,h2,h3,p{margin:0}h1{font-size:1.35rem;font-weight:600;letter-spacing:.025em}h2{font-size:1rem;font-weight:600}h3,legend{font-size:.875rem;font-weight:500;color:var(--text-secondary)}fieldset{padding:0;margin:0;border:0}legend{margin-bottom:12px}.app-shell{max-width:1600px;margin:auto;padding:28px 32px 20px}.app-header{display:flex;align-items:center;gap:16px;padding-bottom:24px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;font-size:2.5rem;line-height:1;color:var(--teal)}.model-label{margin-left:auto;max-width:620px;text-align:right;color:var(--muted);font-size:.75rem;line-height:1.8}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr) 275px;gap:18px;align-items:start}.panel{background:var(--surface-panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.settings,.information{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.settings-section{padding-top:22px}.settings-section+.settings-section{margin-top:20px;border-top:1px solid var(--line)}.settings-section>h3{margin-bottom:16px}.range-setting{margin-bottom:18px}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:.875rem;margin-bottom:8px}.number-field{display:flex;align-items:center;background:var(--surface-input);border:1px solid var(--border-control);border-radius:6px;overflow:hidden}.number-field:focus-within{border-color:var(--teal)}.number-field input{width:100%;padding:9px 12px;background:transparent;border:0;color:var(--text-strong);font-family:inherit;font-size:1.3rem;outline:none}.number-field span{color:var(--muted);font-size:.75rem;padding-right:12px;white-space:nowrap}.field-note,.field-error{font-size:.75rem;margin-top:5px;color:var(--muted);font-variant-numeric:tabular-nums}.field-error{color:#ffb5a2}.mode-options input{position:absolute;opacity:0;width:1px;height:1px}.mode-options{display:grid;gap:7px}.mode-options label{position:relative;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:5px;font-size:.875rem;color:var(--muted);padding:8px}.mode-options label:hover{background:var(--surface-hover)}.mode-options label.selected{border-color:#42766f;color:#b7f0e8;background:#16332f}.mode-symbol{font-family:system-ui,sans-serif;font-size:1.2rem;line-height:1;width:22px;text-align:center}.mode-help{color:var(--muted);font-size:.75rem;margin-top:12px;line-height:1.8;min-height:44px}.reset-button{border:1px solid var(--border-button);background:transparent;color:var(--text-secondary);width:100%;padding:10px 8px;font-size:.875rem;border-radius:6px;margin-top:24px}.reset-button:hover{background:var(--surface-hover)}.board-panel{padding:22px 24px 18px;background:var(--surface-board)}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.board-heading h2{font-size:1.125rem}.board-heading p{font-size:.75rem;color:var(--muted);margin-top:4px}.board-surface{margin:22px auto 18px;width:100%}.board-svg{display:block;width:100%;max-height:650px;overflow:hidden}.hex{fill:var(--cell-fill);stroke:var(--cell-stroke);stroke-width:2;vector-effect:non-scaling-stroke;transition:fill .12s;cursor:pointer}.hex.in-range{fill:#22403f;stroke:#4b6967}.cells g{outline:none}.cells g:hover .hex{filter:brightness(1.25)}.cell-coordinate{font-family:inherit;font-size:125px;fill:var(--text-coordinate);opacity:.27;-webkit-user-select:none;user-select:none}.range-circle{fill:none;vector-effect:non-scaling-stroke;stroke-width:2;stroke:var(--teal);stroke-dasharray:2 6;stroke-linecap:round}.farthest-mark{fill:none;stroke:#ffe4a4;stroke-width:2}.farthest-mark path{vector-effect:non-scaling-stroke}.enemy-body{fill:#cc7968;stroke:#ffd7ca;stroke-width:1.5;vector-effect:non-scaling-stroke}.unit-label{font-family:inherit;font-weight:700;font-size:190px;fill:#241a19}.source-body{fill:var(--teal);stroke:#b9fff5;stroke-width:1.5;vector-effect:non-scaling-stroke}.source-halo{fill:#5be0d316;stroke:#5be0d39c;stroke-width:1;vector-effect:non-scaling-stroke}.source-label{font-size:175px;font-weight:700;fill:#103831}.enemy-farthest-ring{fill:none;stroke:var(--gold);stroke-width:2.5;vector-effect:non-scaling-stroke}.enemy-farthest-label{fill:#ffe4a4;font-size:125px;font-weight:600}.legend{border-top:1px solid var(--line);padding-top:15px;display:flex;flex-wrap:wrap;gap:9px 15px;font-size:.75rem;color:var(--text-secondary)}.legend>span{display:inline-flex;align-items:center;gap:6px}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;font-style:normal}.legend-source{background:var(--teal)}.legend-enemy{background:#cc7968}.legend .legend-range{border-radius:2px;background:#22403f;border:1px solid #628c82}.farthest-legend{color:var(--gold)}.board-note{font-size:.75rem;line-height:1.8;color:var(--muted);margin-top:11px}.active-summary{display:flex;justify-content:space-between;gap:10px;padding:15px 0;font-size:.75rem;color:var(--muted)}.active-summary strong{color:var(--teal);font-weight:500}.info-section{border-top:1px solid var(--line);padding:20px 0}.info-section h3{margin-bottom:16px}.empty-message{font-size:.875rem;color:var(--muted);line-height:1.9}.coordinate-heading{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--muted);gap:10px}.coordinate-heading small{display:block;font-size:.75rem;color:var(--text-dim)}.coordinate-heading strong{font-family:inherit;font-size:1rem;color:var(--text-primary);white-space:nowrap}.distance-details{margin:13px 0 14px;display:grid;gap:9px;font-variant-numeric:tabular-nums}.distance-details>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.distance-details dt{font-size:.75rem;color:var(--muted)}.distance-details dd{margin:0;font-family:inherit;font-size:1.1rem;color:var(--text-strong)}.range-status{display:inline-block;font-size:.75rem;font-weight:500;padding:3px 10px;border:1px solid;border-radius:4px}.range-status.within{background:#16352f;color:#9aeade;border-color:#3e7064}.range-status.outside{background:#392822;color:#eab69e;border-color:#725041}.source-note{display:block;font-size:.75rem;color:var(--muted);margin-top:8px}.farthest-list+.farthest-list{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.farthest-title{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary)}.farthest-title strong{color:var(--gold);font-family:inherit}.farthest-coordinates{font-size:.875rem;line-height:1.8;color:var(--gold);font-family:inherit;overflow-wrap:anywhere;margin-top:8px}.farthest-distance,.empty-inline{font-size:.75rem;color:var(--muted);margin-top:7px}.unit-summary{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:14px;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.unit-summary strong{color:var(--text-primary)}@media(min-width:1600px){.app-shell{padding-top:38px}.workspace{gap:24px;grid-template-columns:260px minmax(0,1fr) 285px}}@media(max-width:1180px){.app-shell{padding:24px 20px}.workspace{grid-template-columns:230px minmax(0,1fr)}.information{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.information .panel-heading,.information .active-summary,.information .unit-summary{grid-column:1/-1}.information .info-section{border-top:1px solid var(--line)}.board-panel{padding:20px}.app-header{flex-wrap:wrap}.model-label{max-width:none;flex:1;min-width:280px}}@media(max-width:700px){.app-shell{padding:18px 12px}.app-header{gap:9px;flex-wrap:wrap;padding-bottom:17px}h1{font-size:1.125rem}.brand-mark{width:32px;font-size:2rem}.model-label{width:100%;margin-left:42px;font-size:.75rem;text-align:left;min-width:0;flex-basis:100%}.workspace{display:flex;flex-direction:column;gap:14px}.panel{width:100%}.board-panel{order:0;padding:17px 12px}.settings{order:1;padding:18px}.information{order:2;display:block;padding:18px}.board-surface{margin-block:18px}.mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-options label{font-size:.875rem;padding:8px 4px;gap:4px}.legend{gap:8px 12px}.board-svg{max-height:none}.field-heading{flex-wrap:wrap;gap:4px}.mode-help{min-height:0}.info-section{padding-block:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.hex.in-range{fill:#22403f}.hex.farthest-active{fill:#5b5032}.hex.source-cell{fill:#174942}.board-boundary{fill:none;stroke:var(--boundary);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;opacity:.7;vector-effect:non-scaling-stroke}.occupied-cell{touch-action:none}.occupied-cell .hex{cursor:grab}.board-svg.dragging,.board-svg.dragging .hex{cursor:grabbing}.hex.drag-origin{opacity:.65}.board-side-label{text-align:center;color:var(--muted);font-size:.75rem;letter-spacing:.12em;margin-top:12px}.source-side-label{margin:-7px 0 14px}.board-side-label+.board-surface{margin-top:7px}.interaction-help{font-size:.75rem;color:var(--text-secondary);margin-top:12px;line-height:1.8}.source-placement-notice{font-size:.875rem;color:#e1cfa4;background:#302b21;border:1px solid #645943;border-radius:6px;padding:10px;margin-top:12px}.no-source-info{margin-top:14px}.legend .legend-circle{width:19px;height:0;border-radius:0;border-top:2px dotted var(--teal)}.board-svg{touch-action:none}.information,.information *{font-family:inherit;font-stretch:normal;letter-spacing:normal}.hex-outline{fill:none;pointer-events:none;vector-effect:non-scaling-stroke;stroke-width:2}.hex-outline.outline-farthest{stroke:var(--gold);stroke-width:2.4}.hex-outline.outline-source{stroke:#5be0d3}.hex-outline.outline-inspected,.hex-outline.outline-hover,.hex-outline.outline-focus{stroke:#f2f7fa;stroke-width:2.7}.hex-outline.outline-drop-valid{stroke:var(--teal);stroke-width:3}.hex-outline.outline-drop-invalid{stroke:#dc8c7c;stroke-width:3}.display-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.875rem;color:var(--text-primary)}.display-toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{position:relative;flex-shrink:0;width:36px;height:20px;border:1px solid var(--border-control);border-radius:20px;background:var(--surface-hover)}.toggle-track:after{content:"";position:absolute;width:14px;height:14px;top:2px;left:2px;border-radius:50%;background:var(--text-secondary)}.display-toggle input:checked+.toggle-track{background:#16332f;border-color:#42766f}.display-toggle input:checked+.toggle-track:after{transform:translate(16px);background:var(--teal)}.display-toggle input:focus-visible+.toggle-track{outline:2px solid var(--teal);outline-offset:4px}.enemy-coordinate{display:inline-flex;align-items:center;gap:.35em;white-space:nowrap}.enemy-number-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.4rem;height:1.4rem;border:1px solid currentColor;border-radius:50%;font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1}