.bridge-page{min-height:70vh}.bridge-hero{background:linear-gradient(95deg,#070b10ed 20%,#070b10b5 75%),url(/images/arena.webp) 50% 45%/cover;border-bottom:1px solid #99743670;padding:72px 0 50px}.bridge-hero h1{margin:17px 0 22px;font-size:clamp(43px,5vw,65px)}.bridge-hero p{color:#bac4c9;max-width:710px;font-size:17px;line-height:1.6}.bridge-hero-tags{color:#d6c799;flex-wrap:wrap;gap:25px;margin-top:25px;font-size:12px;display:flex}.bridge-hero-tags span{align-items:center;gap:8px;display:flex}.bridge-hero-tags svg{color:var(--gold)}.bridge-content{padding-top:34px;padding-bottom:70px}.bridge-steps{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.bridge-steps>div{background:linear-gradient(130deg,#2b281e80,#11191eee);border:1px solid #6a5b3470;border-radius:10px;grid-template-columns:auto 1fr;gap:11px 15px;padding:23px 24px;display:grid}.bridge-steps>div>span{color:#99824b;letter-spacing:1px;font-family:Barlow Condensed;font-size:13px}.bridge-steps svg{color:var(--gold);stroke-width:1.5px;justify-self:end}.bridge-steps strong{grid-column:1/3;margin-top:2px;font:600 25px Barlow Condensed}.bridge-steps p{color:#aab6bd;grid-column:1/3;font-size:13px;line-height:1.6}.bridge-boundary{background:#111c24cc;border:1px solid #4c5962;border-radius:8px;align-items:flex-start;gap:13px;margin:23px 0 28px;padding:17px 20px;display:flex}.bridge-boundary>svg{color:var(--gold);flex-shrink:0;margin-top:2px}.bridge-boundary p{color:#aebdc6;font-size:13px;line-height:1.7}.bridge-boundary strong{color:#d6deda}.bridge-two{grid-template-columns:1.07fr 1fr;align-items:start;gap:25px;display:grid}.bridge-surface{background:linear-gradient(140deg,#26251de6,#0d171de6);border:1px solid #7a613781;border-radius:12px;min-width:0;padding:28px;box-shadow:0 18px 50px #0003}.bridge-section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.bridge-section-head h2{margin-top:10px;font-size:33px}.bridge-section-head>.eyebrow{letter-spacing:1.6px;font-size:11px}.bridge-section-head>svg{color:var(--gold);stroke-width:1.5px;width:29px;height:29px}.bridge-form{flex-direction:column;gap:21px;display:flex}.bridge-form>label,.bridge-created>label{color:#d4d9cc;flex-direction:column;gap:8px;font-size:13px;display:flex}.bridge-form select{color:#eff1e7;background:#0e161b;border:1px solid #4c5a48;border-radius:6px;width:100%;min-height:49px;padding:11px 12px;font-size:14px}.bridge-form select:disabled{opacity:.5}.bridge-form-note{color:#a7b5bc;font-size:12px;line-height:1.7}.bridge-form>.button{gap:11px;width:100%;font-size:14px}.bridge-form button:disabled,.bridge-revoke:disabled{opacity:.5;cursor:not-allowed;transform:none}.bridge-match{background:#33291c40;border:1px solid #866b3870;border-radius:7px;padding:17px}.bridge-match>div{flex-wrap:wrap;align-items:center;gap:11px;line-height:1.3;display:flex}.bridge-match svg{color:var(--gold)}.bridge-match strong{font-size:14px}.bridge-match span{color:#b4a171;font-size:11px}.bridge-match p{color:#aab5bb;margin-top:9px;font-size:11px}.bridge-created{border-top:1px solid #85703f88;margin-top:27px;padding-top:22px}.bridge-created-head{color:#a6e0bd;align-items:center;gap:9px;font-size:14px;display:flex}.bridge-created>p{color:#97a9ae;margin:9px 0 17px;font-size:11px}.bridge-key{background:#0c1319;border:1px solid #57614d;border-radius:6px;align-items:center;display:flex;overflow:hidden}.bridge-key input{color:#e3dbbc;background:0 0;border:0;flex:1;min-width:0;min-height:44px;padding:11px 12px;font:12px monospace}.bridge-key button{color:var(--gold);background:0 0;border:0;flex-shrink:0;padding:12px}.bridge-key-actions{flex-wrap:wrap;gap:11px;margin:17px 0 13px;display:flex}.bridge-key-actions .button{gap:7px;min-height:40px;padding:10px 12px;font-size:12px}.bridge-created>small{color:#9eafb5;font-size:11px;display:block}.bridge-empty{text-align:center;background:radial-gradient(at 50% 0,#50401c25,#0000);border:1px dashed #8e713e70;border-radius:12px;flex-direction:column;align-items:center;gap:15px;padding:38px 25px;display:flex}.bridge-empty>svg{color:var(--gold);stroke-width:1.5px}.bridge-empty h2{font-size:35px}.bridge-empty h3{font-size:28px}.bridge-empty p{color:#a7b5bb;max-width:540px;font-size:14px}.bridge-empty .button{margin-top:8px}.bridge-empty.compact{background:0 0;border:0;padding:30px 16px}.bridge-empty.compact p{font-size:12px}.bridge-feedback{color:#c2dfcf;background:#17443599;border:1px solid #3f785855;border-radius:7px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:21px;padding:15px 18px;font-size:13px;display:flex}.bridge-feedback a{color:var(--gold);margin-left:auto;text-decoration:underline}.bridge-feedback svg{flex-shrink:0}.bridge-feedback.error{color:#f0c1c1;background:#411d2399;border-color:#87404a}.bridge-active-count{color:#a8b6b9;margin-top:-8px;margin-bottom:20px;font-size:12px}.bridge-refresh{color:var(--gold);background:#262b22;border:1px solid #586047;border-radius:6px;justify-content:center;align-items:center;padding:9px;display:flex}.bridge-connections{flex-direction:column;gap:14px;display:flex}.bridge-connections article{background:#111b1c80;border:1px solid #47533c;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:17px 14px;display:flex}.bridge-connections article>div{align-items:flex-start;gap:12px;min-width:0;display:flex}.bridge-connections article>div>svg{color:var(--gold);flex-shrink:0;margin-top:5px}.bridge-connections h3{overflow-wrap:anywhere;font-size:24px;line-height:1.15}.bridge-connections p{color:#aebdc0;margin-top:7px;font-size:11px}.bridge-connections small{color:#9dadab;align-items:center;gap:5px;margin-top:8px;font-size:10px;display:flex}.bridge-revoke{color:#e6b5b4;background:#4b252833;border:1px solid #91585a70;border-radius:5px;flex-shrink:0;align-items:center;gap:6px;padding:8px 9px;font-size:11px;display:flex}.bridge-final-rule{color:#aabbbd;border-top:1px solid #73603966;gap:13px;margin-top:25px;padding-top:22px;font-size:12px;display:flex}.bridge-final-rule svg{color:var(--gold);flex-shrink:0}.bridge-final-rule strong{color:#d1dacc;font-weight:500}.bridge-text-link{color:var(--gold);align-items:center;gap:7px;font-size:12px;display:flex}.bridge-loading{color:#b5c4c9;justify-content:center;align-items:center;gap:13px;padding:70px 18px;display:flex}.bridge-spin{animation:1.2s linear infinite bridge-spin}@keyframes bridge-spin{to{transform:rotate(360deg)}}@media (max-width:950px){.bridge-two{grid-template-columns:1fr}.bridge-steps{gap:14px}.bridge-steps>div{padding:20px}.bridge-surface{padding:25px}.bridge-hero{padding-top:55px}}@media (max-width:640px){.bridge-hero{padding:36px 0 31px}.bridge-hero h1{margin:15px 0 18px;font-size:40px}.bridge-hero p{font-size:15px}.bridge-hero-tags{gap:13px;margin-top:22px;font-size:11px}.bridge-content{padding-top:24px;padding-bottom:45px}.bridge-steps{grid-template-columns:1fr;gap:11px}.bridge-steps>div{gap:7px 12px;padding:17px 18px}.bridge-steps svg{width:23px;height:23px}.bridge-steps strong{font-size:24px}.bridge-steps p{font-size:12px}.bridge-boundary{gap:10px;padding:15px}.bridge-boundary p{font-size:11px}.bridge-surface{padding:22px 18px}.bridge-section-head{margin-bottom:23px}.bridge-section-head h2{font-size:30px}.bridge-form select{font-size:16px}.bridge-feedback{padding:14px;font-size:12px}.bridge-empty{padding:30px 18px}.bridge-empty h2{font-size:31px}.bridge-empty p{font-size:13px}.bridge-connections article{gap:10px;padding:14px 11px}.bridge-connections h3{font-size:21px}.bridge-connections article>div{gap:8px}.bridge-connections article>div>svg{width:16px}.bridge-revoke{padding:7px;font-size:10px}.bridge-key-actions .button{padding:9px 10px;font-size:11px}.bridge-created>label{font-size:12px}.bridge-final-rule{gap:10px;font-size:11px}}