*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#000;color:#fff}.ui-overlay{position:absolute;inset:0;pointer-events:none;z-index:1000}.mode-selector{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;pointer-events:auto}.mode-btn{padding:12px 24px;background:#000000b3;border:2px solid #333;color:#fff;cursor:pointer;border-radius:25px;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-btn:hover{background:#ffffff1a;border-color:#555}.mode-btn.active{background:linear-gradient(45deg,#0af,#08c);border-color:#0af;box-shadow:0 0 20px #00aaff80}.info-panel{position:absolute;bottom:20px;left:20px;background:#000c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:20px;border-radius:15px;border:1px solid rgba(255,255,255,.1);pointer-events:auto;max-width:400px}.info-title{font-size:24px;font-weight:700;margin-bottom:8px;background:linear-gradient(45deg,#0af,#08c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-subtitle{font-size:14px;color:#aaa;margin-bottom:15px}.info-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.stat-item{padding:8px;background:#ffffff0d;border-radius:8px;text-align:center}.stat-value{display:block;font-size:18px;font-weight:600;color:#0af}.info-button{position:absolute;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#000000b3;border:2px solid #333;color:#fff;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-button:hover{background:#ffffff1a;border-color:#0af}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;transition:opacity .5s ease;opacity:1}.loader-container.hidden{opacity:0;pointer-events:none}.loader-text{font-size:18px;color:#0af;margin-bottom:10px}.loader-subtitle{font-size:14px;color:#666;margin-bottom:20px}.progress-bar-container{width:300px;height:8px;background:#222;border-radius:4px;overflow:hidden}.progress-bar-inner{width:0%;height:100%;background:#0af;transition:width .3s ease}.legend{position:absolute;top:100px;right:20px;background:#000c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:15px;border-radius:10px;border:1px solid rgba(255,255,255,.1);pointer-events:auto;opacity:0;transition:opacity .3s ease}.legend.visible{opacity:1}.legend-title{font-size:16px;font-weight:600;margin-bottom:10px;color:#0af}.legend-item{display:flex;align-items:center;margin-bottom:8px;font-size:12px}.legend-color{width:20px;height:12px;border-radius:2px;margin-right:8px}.controls{position:absolute;bottom:20px;right:20px;background:#000c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:15px;border-radius:10px;border:1px solid rgba(255,255,255,.1);pointer-events:auto;font-size:12px}.control-item{margin-bottom:8px}.control-label{color:#aaa;margin-bottom:4px}