.bridges-main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - 56px);padding:var(--space-6, 24px);box-sizing:border-box}.bridges-card{width:100%;max-width:min(94vw,680px);background:var(--color-surface-raised, #1e293b);border:1.5px solid var(--color-border-subtle, #334155);border-radius:24px;padding:28px;box-shadow:0 16px 40px #00000026;text-align:center;color:var(--color-text-primary, #f8fafc);box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.bridges-board-wrap{position:relative;width:100%;max-width:540px;aspect-ratio:1 / 1;background:var(--color-surface-sunken, #0f172a);border:1.5px solid var(--color-border-subtle, #334155);border-radius:20px;box-sizing:border-box;margin:0 auto}.bridges-board-wrap svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:auto}.bridges-board-wrap svg .island-node,.bridges-board-wrap svg .bridge-channel{pointer-events:auto}.isl-btn{position:absolute;width:64px;height:64px;border-radius:50%;color:#fff;font-weight:900;font-size:20px;border:3.5px solid var(--color-surface-raised, #1e293b);box-shadow:0 6px 16px #00000040;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;z-index:2}.isl-btn:hover{transform:scale(1.08);box-shadow:0 8px 22px #00000059}@media (max-width: 540px){.bridges-main{padding:12px}.bridges-card{padding:16px;border-radius:16px}.isl-btn{width:48px;height:48px;font-size:16px;border-width:2.5px}}