.svs-planner{--svs-edge:#3c3541;--svs-muted:#b9af9c}.svs-planner .panel,.svs-map-panel{border-color:var(--svs-edge);background:#111016;border-radius:7px}.svs-planner .input-grim{background:#18151d;border-color:#49404a;border-radius:4px;min-width:0}.svs-planner .input-grim:focus{border-color:#ba8780}.svs-planner :where(button,input,summary):focus-visible{outline-offset:3px;outline:2px solid #e5bd9c}.svs-planner .btn-ghost,.svs-planner .btn-blood{border-radius:4px}.svs-toolbar{box-shadow:none}.svs-options{flex-wrap:wrap;align-items:center;gap:12px 20px;padding:2px 0;display:flex}.svs-options>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.svs-options__label{color:#e3d7c3;font-size:11px;font-weight:600}.svs-mode{border:1px solid var(--svs-edge);background:#141119;border-radius:5px;padding:3px;display:inline-flex}.svs-mode button{min-height:34px;color:var(--svs-muted);border-radius:3px;padding:6px 12px;font-size:12px}.svs-mode button[aria-pressed=true]{color:#fae4c7;background:#4d3930}.svs-mode button:hover{color:#fff4e8}.svs-options p{max-width:360px;color:var(--svs-muted);font-size:11px;line-height:1.7}.svs-save-state{color:#b8b7a2;margin-left:auto;font-size:10px}.svs-notice{color:#ead0a1;background:#271e13;border:1px solid #80643e;border-radius:5px;padding:10px 14px;font-size:12px}.svs-map-panel{border:1px solid var(--svs-edge);align-self:start;min-width:0;overflow:hidden}.svs-map-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.svs-map-toolbar>div:first-child{gap:5px;display:grid}.svs-map-toolbar strong{color:#f0e5d1;font-size:13px;font-weight:600}.svs-map-toolbar>div:first-child span{color:var(--svs-muted);font:10px monospace}.svs-map-toggles{color:#d2c5b2;align-items:center;gap:14px;font-size:11px;display:flex}.svs-map-toggles label{cursor:pointer;align-items:center;gap:6px;display:flex}.svs-map-toggles input{accent-color:#bb8b68}.svs-map-toggles button{background:#281e19;border:1px solid #625044;border-radius:4px;min-height:34px;padding:6px 12px}.svs-map-stage{border-block:1px solid #62503c}.svs-map-stage canvas{display:block}.svs-map-hint{color:#e4d8be;pointer-events:none;background:#201b14d9;border:1px solid #746149;border-radius:4px;max-width:calc(100% - 24px);padding:7px 10px;font-size:10px;position:absolute;top:12px;left:12px}.svs-map-stage .btn-ghost{color:#f8e7c9;background:#1e1b16e8;border-color:#867156}.svs-landmarks{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:11px;display:grid}.svs-landmarks button{background:#211b1b;border:1px solid #48403f;border-radius:4px;flex-direction:column;gap:6px;min-width:0;padding:10px 4px;display:flex}.svs-landmarks button:hover{background:#2d241e;border-color:#b58f63}.svs-landmarks strong{color:#e8d5b3;font-size:11px;font-weight:600}.svs-landmarks span{color:#b9ad97;font:10px monospace}.svs-legend{color:var(--svs-muted);flex-wrap:wrap;gap:10px 17px;padding:3px 14px 14px;font-size:10px;display:flex}.svs-legend span{align-items:center;gap:6px;display:inline-flex}.svs-legend i{border-radius:2px;width:9px;height:9px}.svs-legend span:last-child{margin-left:auto}.svs-sidebar{min-width:0}.svs-coordinate-form{padding:14px}.svs-coordinate-form h2{color:#eee4d2;font-size:13px;font-weight:600}.svs-coordinate-form p{min-height:32px;color:var(--svs-muted);overflow-wrap:anywhere;margin:7px 0 12px;font-size:11px;line-height:1.6}.svs-coordinate-form>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.svs-coordinate-form label{color:#d1b691;flex-direction:column;gap:5px;font:10px monospace;display:flex}.svs-coordinate-form input{width:100%;min-height:38px;padding:8px;font:12px monospace}.svs-coordinate-form button{letter-spacing:.02em;min-height:38px;padding:8px 10px;font-size:10px}.svs-map-reference{border-top:1px solid var(--svs-edge);padding-top:15px}.svs-map-reference summary{cursor:pointer;color:#d4c5ae;width:fit-content;font-size:12px}.svs-map-reference>p{color:var(--svs-muted);margin:12px 0;font-size:12px;line-height:1.7}@media (max-width:640px){.svs-save-state{margin-left:0}.svs-options{gap:8px}.svs-map-toolbar{padding:12px}.svs-landmarks{gap:5px;padding:8px}.svs-map-hint{font-size:9px}.svs-legend span:last-child{margin-left:0}}
