*{box-sizing:border-box}html,body,#root{color:#d7e3ff;background:#02040a;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}.loading-screen{background:#02040a;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.loading-text{color:#33e6ff;letter-spacing:.1em;font-family:Courier New,Courier,monospace;font-size:1.4rem;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.app-root{width:100vw;height:100vh;position:relative;overflow:hidden}.app-root canvas{position:absolute;inset:0}.mono{font-family:Courier New,Courier,monospace}.hud-label{letter-spacing:.12em;text-transform:uppercase;color:#6f84ad;font-size:.65rem;display:block}.hud-value{color:#e8f0ff;font-size:1.05rem}.hud{z-index:10;pointer-events:none;flex-direction:column;gap:10px;max-width:360px;display:flex;position:absolute;top:18px;left:18px}.hud-top{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040a16b8;border:1px solid #33e6ff59;border-radius:6px;align-items:center;gap:14px;padding:10px 14px;display:flex}.protocol-badge{letter-spacing:.08em;border-radius:4px;padding:6px 12px;font-family:Courier New,Courier,monospace;font-weight:700}.protocol-rip{color:#ff3860;background:#ff38602e;border:1px solid #ff3860}.protocol-ospf{color:#33e6ff;background:#33e6ff2e;border:1px solid #33e6ff}.routing-address{flex-direction:column;display:flex}.hud-stats{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040a16b8;border:1px solid #8fa3c840;border-radius:6px;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px;display:grid}.stat-bottleneck .hud-value{color:#ff3860}.bottleneck-warning{color:#ffb3c2;background:#ff386033;border:1px solid #ff3860;border-radius:6px;padding:8px 12px;font-family:Courier New,Courier,monospace;font-size:.85rem;animation:.8s ease-in-out infinite warn-flash}@keyframes warn-flash{0%,to{opacity:1}50%{opacity:.55}}.arrival-panel{background:#33ff8826;border:1px solid #3f8;border-radius:6px;padding:10px 14px}.arrival-title{color:#3f8;margin-bottom:4px;font-weight:700}.event-log{color:#8fa3c8;background:#040a1699;border:1px solid #8fa3c833;border-radius:6px;flex-direction:column;gap:3px;max-height:160px;padding:8px 12px;font-family:Courier New,Courier,monospace;font-size:.78rem;display:flex;overflow:hidden}.event-log-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.event-log-line:last-child{color:#d7e3ff}.routing-table-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#040a16e0;border:1px solid #33e6ff66;border-radius:6px;min-width:320px;padding:12px 14px}.routing-table-title{letter-spacing:.06em;text-transform:uppercase;color:#33e6ff;margin-bottom:8px;font-size:.75rem}.routing-table{border-collapse:collapse;width:100%;font-family:Courier New,Courier,monospace;font-size:.78rem}.routing-table th{text-align:left;color:#6f84ad;border-bottom:1px solid #8fa3c840;padding:3px 6px;font-weight:400}.routing-table td{color:#b7c6e8;padding:4px 6px}.routing-table-chosen td{color:#3f8;font-weight:700}.control-panel{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040a16c7;border:1px solid #8fa3c840;border-radius:6px;flex-wrap:wrap;align-items:flex-end;gap:16px 20px;padding:10px 16px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.control-group{flex-direction:column;gap:4px;display:flex}.control-buttons{flex-direction:row;align-items:flex-end;gap:8px}.protocol-toggle{gap:4px;display:flex}.protocol-toggle button,.control-button{color:#d7e3ff;cursor:pointer;background:#8fa3c81a;border:1px solid #8fa3c859;border-radius:4px;padding:6px 12px;font-family:Courier New,Courier,monospace;font-size:.8rem}.protocol-toggle button.active{color:#33e6ff;background:#33e6ff33;border-color:#33e6ff}.protocol-toggle button:hover,.control-button:hover{border-color:#d7e3ff}.control-hint{color:#6f84ad;font-family:Courier New,Courier,monospace;font-size:.7rem}.settings-cog{padding:6px 10px;font-size:1rem;line-height:1}.settings-overlay{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02040ad9;justify-content:center;align-items:center;padding:24px 24px 170px;display:flex;position:absolute;inset:0}.settings-modal{background:#060e1cf7;border:1px solid #33e6ff66;border-radius:10px;flex-direction:column;gap:16px;min-width:320px;max-height:100%;padding:22px 26px;display:flex;overflow-y:auto}.settings-title{color:#33e6ff;letter-spacing:.06em;text-transform:uppercase;font-family:Courier New,Courier,monospace;font-size:.95rem}.settings-field{flex-direction:column;gap:6px;display:flex}.settings-field input[type=range]{width:100%}.settings-note{color:#ffd23f;background:#ffd23f1a;border:1px solid #ffd23f4d;border-radius:6px;padding:8px 10px;font-size:.78rem;line-height:1.4}.settings-actions{justify-content:flex-end;gap:8px;display:flex}.paused-badge{color:#ffd23f;background:#ffd23f2e;border:1px solid #ffd23f;border-radius:4px;padding:6px 12px;font-family:Courier New,Courier,monospace;font-size:.8rem;font-weight:700;animation:1.4s ease-in-out infinite warn-flash}.right-rail{z-index:10;pointer-events:none;flex-direction:column;gap:14px;width:380px;max-width:calc(100vw - 36px);display:flex;position:absolute;top:18px;bottom:130px;right:18px;overflow-y:auto}.right-rail>*{pointer-events:auto;flex-shrink:0}.explainer-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040a16c7;border:1px solid #ffd23f4d;border-radius:6px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.explainer-paused{border-color:#ffd23f;box-shadow:0 0 18px #ffd23f40}.explainer-paused-tag{letter-spacing:.08em;text-transform:uppercase;color:#ffd23f;margin-bottom:6px;font-family:Courier New,Courier,monospace;font-size:.68rem}.explainer-title{color:#ffd23f;margin-bottom:6px;font-size:.95rem;font-weight:700}.explainer-body{color:#cdd8ee;font-size:.85rem;line-height:1.5}.map-overlay{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02040ad9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-panel{background:#060e1cf2;border:1px solid #33e6ff66;border-radius:10px;padding:20px 24px}.map-title{color:#33e6ff;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-family:Courier New,Courier,monospace;font-size:.85rem}.map-svg{display:block}.map-label{fill:#d7e3ff;font-family:Courier New,Courier,monospace;font-size:12px}.map-packet-marker{fill:#ffd23f;stroke:#02040a;stroke-width:2px}.map-legend{color:#b7c6e8;gap:18px;margin-top:10px;font-family:Courier New,Courier,monospace;font-size:.75rem;display:flex}.map-legend span{align-items:center;gap:6px;display:flex}.map-legend i{border-radius:2px;width:14px;height:4px;display:inline-block}.map-hint{color:#6f84ad;text-align:center;margin-top:10px;font-family:Courier New,Courier,monospace;font-size:.7rem}