:root{font-family:monospace;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none}body{margin:0;display:flex;flex-direction:column;min-width:320px;height:100vh;height:100dvh;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow:hidden;background-color:#000;color:#0af;font-family:monospace;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}#app{width:100%;flex-grow:1;height:auto;margin:0;padding:0;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}header{width:100%;padding:20px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;z-index:10;background-color:#000;border-bottom:1px solid #00aaff;flex-shrink:0;touch-action:none}.header-left,.header-right{flex:1}.header-center{flex:2;display:flex;justify-content:center}.header-right{display:flex;justify-content:flex-end}.controls-wrapper{display:flex;align-items:center}#mobile-legend{display:none}#page-title{margin:0;color:#0af;font-family:monospace;font-size:24px;padding:5px 10px;border-radius:5px;display:inline-block}#search-container{position:relative;width:300px}#search-input{width:100%;padding:8px 12px;background-color:#000;border:1px solid #00aaff;color:#0af;font-family:monospace;font-size:16px;border-radius:5px;outline:none;box-sizing:border-box}#search-input::placeholder{color:#00aaff80}#search-results{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#000;border:1px solid #00aaff;border-top:none;border-radius:0 0 5px 5px;display:none;z-index:20}.search-result-item{padding:8px 12px;color:#0af;font-family:monospace;font-size:14px;cursor:pointer;border-bottom:1px solid rgba(0,170,255,.2)}.search-result-item:last-child{border-bottom:none}.search-result-item.selected{background-color:#0af3}@media(hover:hover){.search-result-item:hover{background-color:#0af3}}#recenter-btn,#tour-btn{padding:8px 16px;background-color:#000;border:1px solid #00aaff;color:#0af;font-family:monospace;font-size:16px;cursor:pointer;border-radius:5px;transition:background-color .2s,color .2s;margin-left:10px;white-space:nowrap}@media(hover:hover){#recenter-btn:hover,#tour-btn:hover{background-color:#0af;color:#000}}#tour-btn.active{background-color:#0af;color:#000;box-shadow:0 0 10px 2px #00aaff80}.select-container{margin-right:15px;display:flex;align-items:center}.select-container select{padding:8px 32px 8px 12px;background-color:#000;border:1px solid #00aaff;color:#0af;font-family:monospace;font-size:16px;border-radius:5px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300aaff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}@media(hover:hover){.select-container select:hover{background-color:#00aaff1a}}.select-container label{color:#0af;font-family:monospace;font-size:16px;margin-right:5px}svg{flex-grow:1;display:block;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.label{cursor:pointer;-webkit-user-select:none;user-select:none}.horizontal-grid .tick text,.vertical-grid .tick text{cursor:default;-webkit-user-select:none;user-select:none}.item-group.highlighted circle{stroke:#fff;stroke-width:2px;fill:#fff}.item-group.highlighted text.label{fill:#fff!important;font-weight:700}.item-group.highlighted .label-bg{opacity:1}.item-group.highlighted text.label tspan{fill:#fff!important}.infobox{position:absolute;bottom:20px;left:20px;background-color:#000000e6;border:1px solid #00aaff;padding:15px;border-radius:5px;color:#0af;font-family:monospace;font-size:14px;z-index:100;pointer-events:auto;-webkit-user-select:text;user-select:text;display:none;box-shadow:0 0 10px #00aaff4d;max-width:350px;max-height:80vh;overflow-y:auto}.infobox-divider{height:1px;background-color:#00aaff4d;margin:15px 0}.infobox-entry{position:relative}.infobox-title{font-size:16px;font-weight:700;margin-bottom:8px;color:#fff;border-bottom:1px solid rgba(0,170,255,.3);padding-bottom:4px}.infobox-description{font-size:13px;color:#ffffffd1;margin-bottom:12px;font-style:italic;line-height:1.4;white-space:normal}.infobox-row{margin-bottom:4px;display:flex;align-items:baseline;white-space:nowrap}.infobox-label{color:#00aaffb3;margin-right:5px;flex-shrink:0}.copy-btn{background:transparent;border:1px solid rgba(0,170,255,.5);color:#0af;font-family:inherit;font-size:10px;padding:2px 5px;margin-left:8px;border-radius:3px;cursor:pointer;pointer-events:auto;min-width:50px}@media(hover:hover){.copy-btn:hover{background-color:#0af3;border-color:#0af}}#about-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:200;display:flex;align-items:center;justify-content:center}#about-modal{background:#000;border:1px solid #00aaff;border-radius:8px;padding:30px;max-width:400px;width:90%;position:relative;color:#0af;font-family:monospace;box-shadow:0 0 20px #0af3}#about-modal h2{margin:0 0 15px;font-size:22px;color:#fff}#about-modal p{margin:0 0 12px;font-size:14px;line-height:1.5;color:#fffc}#about-modal strong{color:#fff;letter-spacing:.03em}#about-modal .about-links{margin-top:20px;padding-top:15px;border-top:1px solid rgba(0,170,255,.3)}#about-modal a{color:#0af;text-decoration:none}@media(hover:hover){#about-modal a:hover{text-decoration:underline}}#about-close{position:absolute;top:10px;right:15px;background:transparent;border:none;color:#0af;font-size:24px;cursor:pointer;padding:0;line-height:1}@media(max-width:512px),(max-height:512px){header{padding:10px;position:relative}#page-title{font-size:18px;padding:5px}.header-center{font-size:14px;margin:0 10px}#search-container{width:100%}#search-input{font-size:14px;padding:6px 10px}.controls-wrapper{display:none;position:absolute;top:100%;right:0;left:0;background-color:#000;border-bottom:1px solid #00aaff;padding:15px;flex-direction:column;align-items:center;box-shadow:0 5px 10px #00000080;z-index:100}.controls-wrapper.active{display:flex}#mobile-menu-toggle{display:block!important;cursor:pointer}.select-container{margin-right:0;margin-bottom:15px;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%}.select-container label{margin-top:0;margin-right:0;margin-bottom:0}.select-container select,#recenter-btn,#tour-btn{max-width:200px}.svg-legend{display:none}#mobile-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;padding-top:10px;border-top:1px solid #333;margin-top:10px}.mobile-legend-item{font-family:monospace;font-size:13px;cursor:pointer;padding:4px 8px;border:1px solid #333;border-radius:4px}.infobox{left:10px;right:10px;bottom:10px;max-width:none;max-height:40vh;overflow-wrap:break-word}.infobox .infobox-row{white-space:normal;flex-wrap:wrap;align-items:center}.infobox .infobox-label{white-space:nowrap;font-size:.85em;flex-shrink:0}}