*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a1a;color:#e0e0e0;overflow:hidden}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#ui-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#ui-layer>*{pointer-events:auto}.hidden{display:none!important}#stats-panel{position:absolute;top:16px;left:16px;background:#0a0a1ed9;border:1px solid rgba(100,200,255,.15);border-radius:8px;padding:12px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat{font-size:13px;color:#888;margin:4px 0}.stat span{color:#00d4ff;font-weight:600;margin-right:4px}#search-container{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}#search-toggle{background:#0a0a1ed9;border:1px solid rgba(100,200,255,.15);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s}#search-toggle:hover{background:#141432e6}#search-panel{margin-top:8px;background:#0a0a1ef2;border:1px solid rgba(100,200,255,.15);border-radius:8px;padding:12px;width:320px;max-height:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:8px}#search-input{width:100%;background:#ffffff0d;border:1px solid rgba(100,200,255,.2);border-radius:6px;padding:8px 12px;color:#e0e0e0;font-size:14px;outline:none}#search-input:focus{border-color:#00d4ff}#search-input::placeholder{color:#666}#search-results{max-height:300px;overflow-y:auto}#search-results::-webkit-scrollbar{width:6px}#search-results::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}#search-results::-webkit-scrollbar-thumb{background:#64c8ff4d;border-radius:3px}.search-result{padding:8px 12px;margin-top:4px;border-radius:4px;cursor:pointer;transition:background .15s}.search-result:hover{background:#00d4ff1a}.search-code{color:#666;font-size:12px;margin-left:8px}#filter-container{position:absolute;top:16px;right:16px}#region-filter{background:#0a0a1ed9;border:1px solid rgba(100,200,255,.15);border-radius:8px;padding:8px 12px;color:#e0e0e0;font-size:13px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none}#region-filter option{background:#0a0a1a;color:#e0e0e0}#info-panel{position:absolute;bottom:24px;left:24px;background:#0a0a1ee6;border:1px solid rgba(100,200,255,.15);border-radius:12px;padding:16px 20px;min-width:280px;max-width:360px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}#info-header h2{font-size:18px;color:#00d4ff;font-weight:600}#info-close{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0 4px;line-height:1}#info-close:hover{color:#fff}.info-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}.info-row:last-child{border-bottom:none}.info-row .label{color:#888}.info-row span:last-child{color:#e0e0e0;text-align:right;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tooltip{position:absolute;background:#0a0a1ee6;border:1px solid rgba(100,200,255,.2);border-radius:6px;padding:6px 10px;font-size:12px;color:#fff;pointer-events:none;white-space:nowrap;transform:translate(-50%,-120%)}