*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#05080f;color:#e2e8f0;font-family:Inter,Segoe UI,system-ui,sans-serif}.s58-root{position:fixed;top:0;right:0;bottom:0;left:0}.film-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.landing{display:flex;align-items:center;justify-content:center;height:100vh;position:relative;z-index:10}.landing-inner{display:flex;flex-direction:column;align-items:center;gap:1.1rem;text-align:center}.s58-tag{font-size:.6rem;letter-spacing:.2em;color:#ef4444;text-transform:uppercase;font-weight:700}.s58-title{font-size:clamp(1.8rem,5vw,3.8rem);font-weight:900;line-height:1.1;background:linear-gradient(135deg,#f8fafc,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.s58-sub{font-size:.82rem;color:#64748b;line-height:1.6;max-width:440px}.input-row{display:flex;gap:.6rem;margin-top:.4rem}.s58-input{padding:.55rem .9rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#e2e8f0;font-size:.88rem;width:160px}.inv-btn{padding:.55rem 1.3rem;background:transparent;border:2px solid #ef4444;border-radius:4px;color:#ef4444;font-size:.82rem;font-weight:700;letter-spacing:.1em;cursor:pointer;animation:pulser 2s infinite;transition:background .2s}.inv-btn:hover{background:#ef444426}@keyframes pulser{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 10px #ef444400}}.scanning{display:flex;align-items:center;justify-content:center;height:100vh;position:relative;z-index:10}.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ef4444,#f59e0b,#ef4444,transparent);box-shadow:0 0 18px #ef4444}.scan-label{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-family:monospace;letter-spacing:.15em;color:#ef4444;z-index:5}.scan-dot{width:7px;height:7px;background:#ef4444;border-radius:50%;animation:blink .75s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.wall-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.hud{position:absolute;top:.6rem;right:.6rem;z-index:30;display:flex;gap:.35rem}.hud-tile{background:#05080fe6;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:.28rem .55rem;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:72px}.hud-label{font-size:.48rem;text-transform:uppercase;letter-spacing:.07em;color:#475569;display:block}.hud-value{font-size:.95rem;font-weight:700;display:block;line-height:1.1}.conn-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.conn-svg g{pointer-events:all;cursor:pointer}.ev-card{position:absolute;width:152px;height:94px;border:1.5px solid;border-radius:5px;padding:.35rem .42rem;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;transition:box-shadow .15s,opacity .2s}.ev-card:hover{box-shadow:0 0 16px var(--cc,#ef4444)}.ev-card.hi{box-shadow:0 0 24px var(--cc,#ef4444);border-width:2px;z-index:15}.ev-card.dim{opacity:.15;pointer-events:none}.card-hdr{display:flex;align-items:center;gap:.25rem;margin-bottom:.15rem}.card-icon{font-size:.68rem}.card-src{font-size:.47rem;color:#64748b;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:.43rem;font-weight:700;padding:.03rem .17rem;border-radius:2px;text-transform:uppercase;letter-spacing:.04em}.card-title{font-size:.57rem;font-weight:600;color:#e2e8f0;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.1rem}.card-preview{font-size:.49rem;color:#1e293b;filter:blur(2px);line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-date{font-size:.43rem;color:#334155;font-family:monospace;margin-top:.1rem}.bottom-bar{position:absolute;bottom:0;left:0;right:0;height:2.8rem;z-index:30;display:flex;align-items:center;justify-content:center;gap:.9rem;background:#05080fe6;border-top:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.s58-btn{padding:.28rem .95rem;border-radius:3px;font-size:.65rem;font-weight:700;letter-spacing:.09em;cursor:pointer;transition:background .15s}.btn-reset{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-reset:hover{background:#ef444433}.btn-paths{background:#ffd7001a;color:gold;border:1px solid rgba(255,215,0,.3)}.btn-paths:hover:not(:disabled){background:#ffd70033}.btn-paths:disabled{opacity:.35;cursor:not-allowed}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;z-index:50;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{background:#0a0f1a;border:1.5px solid;border-radius:8px;padding:1.25rem;width:420px;max-width:90vw;max-height:80vh;overflow-y:auto;position:relative}.modal-box::-webkit-scrollbar{width:2px}.modal-box::-webkit-scrollbar-thumb{background:#334155}.modal-close{position:absolute;top:.6rem;right:.6rem;background:none;border:none;color:#64748b;font-size:.9rem;cursor:pointer;line-height:1;padding:.2rem;transition:color .15s}.modal-close:hover{color:#e2e8f0}.modal-icon{font-size:1.2rem;margin-bottom:.35rem}.modal-title{font-size:.92rem;font-weight:700;color:#f1f5f9;margin-bottom:.18rem;line-height:1.3}.modal-src{font-size:.6rem;color:#64748b;font-family:monospace;margin-bottom:.75rem}.modal-body{font-size:.7rem;color:#94a3b8;line-height:1.6;margin-bottom:.7rem}.modal-sec{border-radius:4px;padding:.5rem .65rem;margin-bottom:.45rem;font-size:.66rem;line-height:1.5}.sec-green{background:#22c55e12;border:1px solid rgba(34,197,94,.2);color:#86efac}.sec-red{background:#ef444412;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.sec-lbl{font-weight:700;font-size:.56rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.14rem}.path-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080ff2;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.path-counter{font-size:.58rem;letter-spacing:.2em;color:#ef4444;text-transform:uppercase;font-weight:700}.path-name{font-size:clamp(1.1rem,2.5vw,1.9rem);font-weight:900;color:gold;text-align:center}.chain-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center}.chain-card{background:#ffffff0a;border:1px solid;border-radius:4px;padding:.4rem .55rem;min-width:88px;text-align:center}.chain-icon{font-size:.9rem;margin-bottom:.1rem}.chain-name{font-size:.53rem;color:#94a3b8;line-height:1.3}.chain-arrow{color:gold;font-size:1.1rem;font-weight:700}.path-story{max-width:560px;font-size:.72rem;color:#94a3b8;line-height:1.65;text-align:center;padding:0 1rem}.path-skip{padding:.28rem .85rem;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:3px;color:#64748b;font-size:.62rem;cursor:pointer;margin-top:.3rem;transition:color .15s}.path-skip:hover{color:#e2e8f0}