.scanner-map{max-width:1240px;margin:auto;padding:12px;color:#e8f0ed}.scanner-map[hidden]{display:none}.sm-head h2{margin:0}.sm-head p{max-width:850px}.sm-toolbar{display:flex;gap:8px;flex-wrap:wrap}.sm-toolbar button{min-height:44px}.sm-toolbar [aria-pressed=true]{background:#436657;border-color:#c5dab0}.sm-status{min-height:1.4em;font-size:13px}.sm-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}.sm-stage{aspect-ratio:1;position:relative;overflow:hidden;border:1px solid #708d83;border-radius:12px;background:#102c36}.sm-stage canvas{display:block;width:100%;height:100%;touch-action:none}.sm-stage canvas:focus-visible{outline:3px solid #ffce79;outline-offset:-4px}.sm-markers{position:absolute;inset:0;pointer-events:none}.sm-marker{pointer-events:auto;position:absolute!important;transform:translate(-30%,-50%);display:flex!important;align-items:center;gap:4px;background:#10212ee8!important;border:2px solid var(--crew)!important;border-radius:22px!important;padding:2px 7px 2px 2px!important;min-height:36px;max-width:155px;font:12px Arial!important;white-space:nowrap}.sm-marker span:last-child{overflow:hidden;text-overflow:ellipsis}.sm-marker .portrait,.sm-person .portrait{width:30px!important;height:30px!important;min-width:30px;display:block;flex-shrink:0}.sm-side{background:#182b30;border:1px solid #476057;border-radius:12px;padding:12px;max-height:780px;overflow:auto}.sm-side h3{margin:14px 0 8px;font:600 16px Arial}.sm-detail{font-size:13px;overflow-wrap:anywhere}.sm-person{width:100%;display:flex!important;align-items:center;text-align:left;gap:8px;margin-bottom:8px;font:13px Arial!important}.sm-area{border-left:3px solid;padding:5px 7px;margin-bottom:9px;display:flex;flex-direction:column;gap:5px}.sm-area button{font:12px Arial;text-align:left}.sm-help{margin-top:12px;padding:10px;border:1px solid #46584e;border-radius:8px;font-size:13px}.sm-help summary{cursor:pointer}.sm-coordinates{display:flex;flex-wrap:wrap;gap:8px;padding:10px}.sm-coordinates input{width:85px}.scanner-map dialog{max-width:420px}.scanner-map dialog select{display:block;width:100%;margin:6px 0 16px}.scanner-map dialog button{margin:8px 8px 0 0}@media(max-width:760px){.sm-layout{grid-template-columns:1fr}.sm-side{max-height:none}.scanner-map{padding:6px}.sm-marker{max-width:110px;font-size:10px!important}.sm-marker .portrait{width:24px!important;height:24px!important;min-width:24px}.sm-toolbar{gap:5px}.sm-toolbar button{font-size:12px;padding:6px 9px}.sm-head h2{font-size:20px}}
.scanner-map-page .page-columns{grid-template-columns:minmax(0,1fr)!important}.scanner-map-page .scanner-map{width:100%}

.sm-stage{background:#082b49;border-color:#718d9e;box-shadow:inset 0 0 24px #00121f}.sm-stage .sm-ocean-canvas{position:absolute;inset:0;pointer-events:none}.sm-stage .sm-map-canvas{position:relative}.sm-side{background:#102638;border-color:#496477}.sm-marker{box-shadow:0 2px 8px #0009}

.sm-object-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.sm-object-filter select{max-width:100%}

.sm-catalog-return{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px;padding:8px 12px;box-sizing:border-box;max-width:100%}

.sm-jump-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding:10px;border:1px solid #476057;border-radius:8px}.sm-jump-controls p{flex-basis:100%;margin:0}.sm-jump-controls button{min-height:44px}

.sm-invader-summary{overflow-x:auto}.sm-invader-table{width:100%;border-collapse:collapse;font-size:.82rem}.sm-invader-table td,.sm-invader-table th{padding:4px;text-align:center}.sm-invader-table button{padding:4px 6px;min-height:30px}.sm-invader-peak{font-weight:800;background:#ffffff14;outline:1px solid #d1ae5466}.sm-invader-summary .hint{font-size:.8rem}