body[data-view=map]{--bg1:#292b49;--bg2:#1b2441;--bg3:#101e34;--muted:#b8b4d0;--line:#c1b7ec2a}
.map-view .view-heading p{color:#c0b9d2}.sphere-surface{position:relative;overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid #bcb2ed2e;border-radius:16px;background:radial-gradient(ellipse at 50% 46%,#7e76c119,transparent 65%),#171d3429}.sphere-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px 7px;flex-shrink:0}.sphere-path{display:flex;gap:2px;flex-wrap:wrap;align-items:center;font-size:11px;color:#ccc4dd}.sphere-path button{padding:4px 0}.sphere-path span{opacity:.35}.sphere-topline>button{font-size:10px;white-space:nowrap;color:#d8cde7;border:1px solid #bcb2ed33;border-radius:20px;padding:6px 9px}.sphere-topline>button span{font-size:14px;margin-right:4px}.sphere-levels{display:flex;justify-content:center;gap:6px;margin:5px 16px 0;flex-shrink:0}.sphere-levels button{font-size:11px;min-width:75px;padding:7px 16px;border:1px solid transparent;border-radius:25px;color:#a7a4c1}.sphere-levels button.selected{background:#b8ace517;border-color:#cfc0f440;color:#ece3f5}.sphere-scope{text-align:center;font-size:10px;line-height:1.7;color:#a5a0bd;margin:8px 10px 0;flex-shrink:0}.sphere-stage{position:relative;min-height:70px;flex:1;touch-action:none;overflow:hidden;cursor:grab;isolation:isolate}.sphere-stage:active{cursor:grabbing}.sphere-stage canvas,.sphere-labels{position:absolute;inset:0;width:100%;height:100%}.sphere-labels{pointer-events:none}.sphere-node{position:absolute;pointer-events:auto;border:1px solid #c3b5e32b;border-radius:20px;background:#1a223bdb;color:#e5ddec;font-size:12px;white-space:nowrap;padding:0;display:grid;place-items:center;box-shadow:0 3px 15px #12182d22;line-height:1.3}.sphere-node:hover{background:#47425f}.sphere-node.chosen{border-color:#e5cba878;background:#2d2c44f0;color:#f3e4c4}.sphere-node.planned{border-style:dashed;color:#aaa6bc;background:#1a223bc9}.sphere-tool-row{display:flex;align-items:center;justify-content:space-between;padding:3px 16px 10px;gap:14px;flex-shrink:0}.sphere-readout{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#b2a8c9}.sphere-readout b{font-weight:400;color:#e1d9ed}.sphere-zoom{display:flex;align-items:center;gap:9px;color:#c4b9d5}.sphere-zoom button{font-size:18px;width:28px;height:29px;border:1px solid #b6abe333;border-radius:50%}.sphere-zoom input{width:95px;height:2px;accent-color:#d6c4ea}.sphere-zoom button#sphere-home{font-size:15px}.sphere-zoom-value{font-size:10px;min-width:42px;text-align:right}.sphere-help{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 8px 11px;font-size:10px;color:#a29ab7;flex-shrink:0;min-height:25px}.sphere-help button{font-size:10px;text-decoration:underline;color:#e5d0ac}.sphere-legend{display:flex;align-items:center;gap:12px;font-size:10px;flex-shrink:0;color:#bbb1c9;padding-top:10px;line-height:1.5}.sphere-legend>span{display:flex;gap:5px;align-items:center}.sphere-legend i{width:5px;height:5px;border-radius:50%;background:#b7b2ec}.sphere-legend .visited{background:#e1c99c}.sphere-legend .planned{background:none;border:1px solid #aaa1bf}.sphere-legend>small{font-size:9px;margin-left:auto;color:#a99eb9}.orb-selection{padding:14px 17px!important;margin-top:10px;border:1px solid #e1d5e450;border-radius:13px;background:#e2dbee;color:#363f56;min-height:100px;align-items:center}.orb-selection>div{flex:1;min-width:0}.orb-selection #map-category{font-size:10px;color:#847a93;display:block;line-height:1.5;margin-bottom:4px}.orb-selection h2{font-size:23px;font-weight:500;margin-bottom:4px}.orb-selection p{font-size:12px;color:#6b667e;line-height:1.7;max-width:780px}.orb-selection button{border:1px solid #51516d22;background:#41465f;color:#f2e8ed;border-radius:24px;white-space:nowrap;font-size:12px;min-width:100px;padding:12px 14px}.orb-selection button:disabled{opacity:.55;background:#ded7e5;color:#777183}
@media(max-width:900px){.sphere-topline{padding:8px 11px 4px}.sphere-path{font-size:9px}.sphere-topline>button{font-size:9px;padding:5px 8px}.sphere-levels{margin:4px 11px 0}.sphere-levels button{padding:5px 11px;font-size:10px;min-width:70px}.sphere-scope{font-size:9px;margin-top:6px}.sphere-tool-row{padding:3px 11px 8px;gap:8px}.sphere-readout{font-size:8px}.sphere-zoom{gap:7px}.sphere-zoom button{width:25px;height:25px;font-size:16px}.sphere-zoom input{width:55px}.sphere-zoom-value{font-size:9px;min-width:36px}.sphere-help{font-size:9px;padding-bottom:8px;min-height:21px}.sphere-legend{font-size:9px;gap:10px;padding-top:8px}.sphere-legend>small{font-size:8px}.orb-selection{margin-top:8px;padding:11px 13px!important;gap:12px;min-height:100px}.orb-selection #map-category{font-size:9px}.orb-selection h2{font-size:20px}.orb-selection p{font-size:10px;max-width:none}.orb-selection button{font-size:10px;padding:10px 12px;min-width:89px}.map-view .view-heading p{font-size:10px}}
@media(max-height:710px) and (max-width:900px){.sphere-topline{padding:5px 9px 2px}.sphere-topline>button{font-size:8px;padding:3px 6px}.sphere-topline>button span{font-size:11px}.sphere-path{font-size:8px}.sphere-levels{margin-top:1px}.sphere-levels button{font-size:9px;padding:4px 10px;min-width:64px}.sphere-scope{font-size:8px;margin-top:3px}.sphere-tool-row{padding:0 9px 5px}.sphere-zoom input{width:40px}.sphere-zoom{gap:5px}.sphere-zoom button{width:22px;height:22px;font-size:14px}.sphere-help{font-size:8px;min-height:17px;padding-bottom:5px}.sphere-legend{padding-top:6px;font-size:8px;gap:7px}.sphere-legend>small{font-size:7px}.orb-selection{padding:8px 11px!important;min-height:84px;gap:9px;margin-top:6px}.orb-selection h2{font-size:17px;line-height:1.5;margin-bottom:3px}.orb-selection #map-category{font-size:8px;margin-bottom:1px}.orb-selection p{font-size:9px;line-height:1.65}.orb-selection button{font-size:9px;padding:8px 10px;min-width:80px}.sphere-node{font-size:11px}.sphere-readout{font-size:7px}.sphere-zoom-value{font-size:8px;min-width:32px}}