.playbook-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:.75rem}playbook-explorer{display:block;max-width:100%;color:#e8f4ff;font-family:DotGothic16,monospace;--sector-color: #00f0ff}playbook-explorer [hidden],.playbook-cosmos [hidden]{display:none!important}playbook-explorer button,playbook-explorer select{font:inherit}playbook-explorer button{cursor:pointer}playbook-explorer :is(button,select,a):focus-visible{outline:2px solid #ffb000;outline-offset:4px}.explorer-heading{display:flex;align-items:center}.explorer-eyebrow{color:#00f0ff;font-family:VT323,monospace;font-size:1rem;letter-spacing:.12em;margin:0 0 .5rem}.explorer-switch{display:flex;flex-shrink:0;border:1px solid #00f0ff40;background:#05060f80}.explorer-switch button{padding:.25rem .55rem;color:#b6c7db;font-size:.75rem;border-bottom:2px solid transparent}.explorer-switch button[aria-pressed=true]{background:#00f0ff15;color:#00f0ff;border-bottom-color:#00f0ff}.explorer-filters{display:flex;gap:1rem;margin-top:1.5rem}.explorer-filters label{display:grid;gap:.4rem;min-width:0;flex:1}.explorer-filters label>span{font-size:.8rem;color:#b6c7db}.explorer-filters select{background:#0a0e27;color:#e8f4ff;padding:.7rem .9rem;border:1px solid #00f0ff55;border-radius:0;width:100%}.explorer-status{font-size:.8rem;color:#b6c7db;margin:.7rem 0}.explorer-error,.explorer-empty,.explorer-audio-error{padding:1rem;border:1px dashed #ffb000;color:#ffb000;margin:1rem 0}html:has(playbook-explorer[data-view="3d"]),body:has(playbook-explorer[data-view="3d"]){overflow:hidden}playbook-explorer[data-view="3d"]{--hud-top: 8rem;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#05060f}playbook-explorer[data-view="3d"]::backdrop{background:#05060f}[data-view="3d"] .explorer-controls{position:absolute;z-index:5;top:max(1rem,env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));right:auto;width:min(28rem,calc(100% - 2rem));display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:.5rem 1rem;padding:.65rem;border:1px solid #00f0ff55;background:#05060fe6}[data-view="3d"] .explorer-switch button{padding:.7rem .8rem}[data-view="3d"] .explorer-filters{margin:0}[data-view="3d"] .explorer-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[data-view="3d"] :is(.explorer-error,.explorer-empty,.explorer-audio-error){grid-column:1 / -1;margin:0;padding:.5rem}[data-view="3d"] .galaxy{position:absolute;inset:0;display:block;border:0}[data-view="3d"] .galaxy-map{position:absolute;inset:0}[data-view="3d"] .galaxy-stage{height:100%}[data-view="3d"] .galaxy-map-heading{top:var(--hud-top);align-items:start}[data-view="3d"] .galaxy-panel{position:absolute;z-index:4;top:calc(var(--hud-top) + 2.75rem);right:max(1rem,env(safe-area-inset-right));bottom:6rem;width:min(320px,calc(100% - 2rem));max-height:none;border:1px solid #00f0ff65;background:#0a0e27ed;overscroll-behavior:contain}[data-view="3d"] .galaxy-camera{bottom:max(3.5rem,env(safe-area-inset-bottom))}.galaxy{--map-height: clamp(560px, 72vh, 820px);display:grid;grid-template-columns:minmax(0,1fr) 285px;border:1px solid #00f0ff65;background:#05060f}.galaxy-map{position:relative;min-width:0;background:radial-gradient(ellipse at 40% 35%,#1a0b2e 0,#0a0e27,#05060f 80%)}.galaxy-map-heading{position:absolute;top:1rem;left:1rem;right:1rem;z-index:2;display:flex;justify-content:space-between;gap:.5rem;font-family:VT323,monospace;font-size:.9rem;letter-spacing:.08em;color:#00f0ff;pointer-events:none}.galaxy-map-heading button{pointer-events:auto;background:#05060fe6;padding:.2rem .5rem;border:1px solid #00f0ff55}.galaxy-map-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:end}.galaxy-map-actions button[aria-pressed=true]{background:#00f0ff20}.galaxy-signal{display:inline-block;width:6px;height:6px;background:#9bbc0f;box-shadow:0 0 8px #9bbc0f;margin-right:.4rem}.galaxy-stage{position:relative;height:var(--map-height);overflow:hidden}.galaxy-stage canvas{display:block;position:absolute;inset:0;cursor:grab}.galaxy-stage canvas:active{cursor:grabbing}.galaxy-labels{position:absolute;inset:0;pointer-events:none}.galaxy-labels button{position:absolute;transform:translate(-50%,-50%);pointer-events:auto}.galaxy-planet-label{color:var(--sector-color);border:1px solid color-mix(in srgb,var(--sector-color) 50%,transparent);background:#05060fd9;padding:.35rem .5rem;text-align:center;min-width:90px;max-width:150px;line-height:1.2}.galaxy-planet-label strong{display:block;font-size:.85rem;font-weight:400}.galaxy-planet-label>span{display:block;font:.75rem VT323,monospace;letter-spacing:.13em;color:#b6c7db;margin-top:.25rem}.galaxy-planet-label:hover{background:#0a0e27;box-shadow:0 0 16px color-mix(in srgb,var(--sector-color) 30%,transparent)}.galaxy-satellite{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--sector-color);color:var(--sector-color);background:#05060fc9;font-family:VT323,monospace!important;font-size:1rem!important}.galaxy-satellite[aria-pressed=true],.galaxy-satellite:hover{color:#05060f;background:var(--sector-color);z-index:3}.galaxy-satellite-title{display:none;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);width:-moz-max-content;width:max-content;max-width:190px;padding:.4rem .6rem;border:1px solid var(--sector-color);background:#05060f;color:#e8f4ff;font:.8rem DotGothic16,monospace}.galaxy-satellite:hover .galaxy-satellite-title,.galaxy-satellite:focus-visible .galaxy-satellite-title{display:block}.galaxy-loading{position:absolute;top:45%;left:0;right:0;text-align:center;color:#00f0ff}.galaxy-camera{position:absolute;z-index:2;left:1rem;bottom:3.5rem;display:flex;background:#05060fe6;border:1px solid #00f0ff55}.galaxy-camera button{width:36px;height:38px;color:#00f0ff;font-size:1.25rem}.galaxy-camera button:hover{background:#00f0ff20}.galaxy-camera>span{border-left:1px solid #00f0ff55}.galaxy-hint{position:absolute;bottom:1rem;left:1rem;right:1rem;font-size:.7rem;line-height:1.5;color:#b6c7db;margin:0;pointer-events:none}.galaxy-panel{border-left:1px solid #00f0ff40;padding:1.25rem;background:#0a0e2799;max-height:var(--map-height);overflow-y:auto;scrollbar-color:#00f0ff55 #05060f;scrollbar-width:thin}.galaxy-panel h3{font-size:1.25rem;color:var(--sector-color);margin:0 0 .8rem}.galaxy-panel p:not(.explorer-eyebrow){font-size:.8rem;line-height:1.8;color:#b6c7db;margin:0 0 1rem}.galaxy-destinations{display:grid;gap:.4rem;margin-top:1rem}.galaxy-destinations button{position:relative;text-align:left;border-left:2px solid var(--sector-color);background:#05060f80;padding:.45rem 2.25rem .45rem .65rem}.galaxy-destinations button:hover{background:#ffffff0a}.galaxy-destinations button>span:first-child{display:block;color:var(--sector-color);font-size:.9rem}.galaxy-destinations small{display:block;font-size:.65rem;color:#b6c7db;margin-top:.15rem}.galaxy-count{position:absolute;top:.65rem;right:.6rem;font:1.2rem VT323,monospace;color:var(--sector-color)}.galaxy-detail{border-block:1px dashed var(--sector-color);padding:1rem 0;margin-bottom:1.2rem}.galaxy-back-orbit{color:var(--sector-color);font-size:.8rem!important;margin-bottom:.8rem}.galaxy-detail h4{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#e8f4ff;margin-bottom:.6rem}.galaxy-detail h4 img{-o-object-fit:contain;object-fit:contain}.galaxy-detail a{display:flex;justify-content:space-between;color:var(--sector-color);border:1px solid var(--sector-color);padding:.6rem .7rem;font-size:.85rem}.galaxy-missions-title{color:#b6c7db;font-size:.75rem;margin-bottom:.6rem}.galaxy-missions{list-style:none;padding:0;margin:0;display:grid;gap:.3rem}.galaxy-missions button{display:flex;gap:.65rem;align-items:baseline;width:100%;text-align:left;padding:.5rem;font-size:.8rem;border:1px solid transparent}.galaxy-missions button>span{color:var(--sector-color);font:1rem VT323,monospace}.galaxy-missions button:hover,.galaxy-missions button[aria-pressed=true]{border-color:var(--sector-color);background:#05060f}@media(min-width:900px){[data-view="3d"] .galaxy-map-actions{position:fixed;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right))}}@media(max-width:767px){.explorer-heading{align-items:stretch;flex-direction:column;gap:1rem}.explorer-switch button{flex:1}.explorer-filters{flex-direction:column;gap:.75rem}.galaxy{grid-template-columns:1fr}.galaxy-stage{height:480px}.galaxy-panel{border-left:0;border-top:1px solid #00f0ff40;max-height:none}.galaxy-destinations{grid-template-columns:repeat(2,minmax(0,1fr))}.galaxy-planet-label{min-width:70px;max-width:110px;padding:.3rem}.galaxy-planet-label strong{font-size:.7rem}.galaxy-map-heading{font-size:.8rem}playbook-explorer[data-view="3d"]{--hud-top: 9rem}[data-view="3d"] .explorer-controls{grid-template-columns:minmax(0,1fr);top:max(.5rem,env(safe-area-inset-top));left:.5rem;right:.5rem;width:auto;padding:.5rem}[data-view="3d"] .explorer-filters{flex-direction:row;gap:.5rem}[data-view="3d"] .explorer-filters label{flex:1}[data-view="3d"] .explorer-switch button{padding:.4rem .5rem;font-size:.8rem}[data-view="3d"] .explorer-filters select{padding:.4rem;font-size:.8rem}[data-view="3d"] .galaxy-map-heading{left:.5rem;right:.5rem;letter-spacing:0}[data-view="3d"] .galaxy-map-heading>span{display:none}[data-view="3d"] .galaxy-map-actions{margin-left:auto}[data-view="3d"] .galaxy-panel{top:auto;right:.5rem;bottom:4.5rem;width:calc(100% - 1rem);max-height:min(45dvh,calc(100dvh - var(--hud-top) - 7.5rem));padding:.8rem}[data-view="3d"] .galaxy-camera{left:.5rem;bottom:max(1rem,env(safe-area-inset-bottom))}[data-view="3d"] .galaxy-hint{display:none}}