body[data-game="bridges"] .game-board{touch-action:pan-y}
.bridges-stage{width:min(100%,var(--board-stage-max,580px));display:grid;gap:10px;justify-items:center}
.bridges-onboarding{width:100%;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(111,128,178,.28);border-radius:13px;background:linear-gradient(135deg,rgba(115,87,255,.09),rgba(40,201,245,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 22px rgba(0,0,0,.08);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.bridges-onboarding-copy{min-width:0}.bridges-onboarding-copy b,.bridges-onboarding-copy span{display:block}.bridges-onboarding-copy b{color:var(--text);font-size:11px;letter-spacing:.01em}.bridges-onboarding-copy span{margin-top:2px;color:var(--muted);font-size:9.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bridges-onboarding-actions{flex:0 0 auto;display:flex;align-items:center;gap:8px}.bridges-hint-apply{min-height:34px;padding:0 12px;white-space:nowrap;font-size:10px}.bridges-hint-apply[hidden]{display:none!important}.bridges-onboarding[data-bridges-coach-state="hint"] .bridges-progress-pill{display:none}
.bridges-onboarding[data-bridges-coach-state="selected"]{border-color:rgba(143,165,255,.38);background:linear-gradient(135deg,rgba(115,87,255,.13),rgba(40,201,245,.045))}.bridges-onboarding[data-bridges-coach-state="selected"] b{color:#e8ebff}
.bridges-onboarding[data-bridges-coach-state="full"]{border-color:rgba(255,190,105,.30);background:linear-gradient(135deg,rgba(255,190,105,.075),rgba(115,87,255,.045))}.bridges-onboarding[data-bridges-coach-state="full"] b{color:#ffe0aa}
.bridges-onboarding[data-bridges-coach-state="warning"]{border-color:rgba(255,154,117,.34);background:linear-gradient(135deg,rgba(255,137,118,.075),rgba(255,190,105,.035))}.bridges-onboarding[data-bridges-coach-state="warning"] b{color:#ffd1c5}
.bridges-onboarding[data-bridges-coach-state="hint"]{border-color:rgba(55,217,154,.32);background:linear-gradient(135deg,rgba(55,217,154,.075),rgba(40,201,245,.035))}.bridges-onboarding[data-bridges-coach-state="hint"] b{color:#b9f7da}
.bridges-onboarding[data-bridges-coach-state="solution"]{border-color:rgba(59,213,248,.34);background:linear-gradient(135deg,rgba(59,213,248,.075),rgba(115,87,255,.045))}.bridges-onboarding[data-bridges-coach-state="solution"] b{color:#b9f3ff}
.bridges-onboarding[data-bridges-coach-state="success"]{border-color:rgba(55,217,154,.38);background:linear-gradient(135deg,rgba(55,217,154,.10),rgba(40,201,245,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 24px rgba(55,217,154,.06)}.bridges-onboarding[data-bridges-coach-state="success"] b{color:#c8fae4}
.bridges-progress-pill{flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:6px 9px;border:1px solid rgba(111,128,178,.24);border-radius:11px;background:rgba(7,12,23,.46)}.bridges-progress-pill>span{display:grid;gap:1px;text-align:center}.bridges-progress-pill b{font-size:11px;font-variant-numeric:tabular-nums;color:#e8ecff}.bridges-progress-pill small{font-size:6.5px;letter-spacing:.09em;color:var(--muted-2)}.bridges-progress-pill i{width:1px;height:20px;background:rgba(124,140,188,.18)}
.bridges-stage.network-complete .bridges-progress-pill{border-color:rgba(55,217,154,.25);background:rgba(55,217,154,.045)}.bridges-stage.network-complete .bridges-progress-pill span:last-child b{color:#8ff0c4}.bridges-stage.needs-network-fix .bridges-progress-pill{border-color:rgba(255,189,90,.34);background:rgba(255,189,90,.05)}.bridges-stage.needs-network-fix .bridges-progress-pill span:last-child b{color:#ffd28b}
.bridges-board-wrap{width:min(100%,var(--board-square-max,560px));aspect-ratio:1;border:1px solid rgba(93,113,164,.38);border-radius:18px;background:radial-gradient(circle at 20% 18%,rgba(122,91,255,.13),transparent 30%),radial-gradient(circle at 82% 74%,rgba(40,201,245,.08),transparent 34%),radial-gradient(circle at 50% 45%,rgba(86,107,167,.09),transparent 49%),linear-gradient(145deg,#080d18,#0c1425 58%,#0a1120);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 0 52px rgba(0,0,0,.28),0 16px 38px rgba(0,0,0,.17);overflow:hidden;position:relative;isolation:isolate}
.bridges-board-wrap:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(147,166,221,.16) 1px,transparent 1.35px);background-size:31px 31px;opacity:.18;mask-image:radial-gradient(circle at 50% 47%,#000 18%,rgba(0,0,0,.72) 55%,transparent 92%)}
.bridges-board-wrap:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.024),transparent 27%,transparent 70%,rgba(115,87,255,.035));mix-blend-mode:screen}
.bridges-board{width:100%;height:100%;display:block;position:relative;z-index:1;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.bridges-toast{position:absolute;z-index:4;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);min-height:36px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,139,160,.38);background:rgba(27,16,31,.94);box-shadow:0 10px 28px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(12px);color:#ffe0e6;font-size:10px;line-height:1.35;text-align:left;pointer-events:none}.bridges-toast[hidden]{display:none}.bridges-toast-icon{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:rgba(255,127,156,.13);border:1px solid rgba(255,127,156,.28);font-weight:900;color:#ff9db1}
.bridge-guide-line{stroke:rgba(78,207,245,.34);stroke-width:7;stroke-linecap:round;stroke-dasharray:12 14;pointer-events:none;animation:bridgeGuideFlow 1.45s linear infinite}
.bridge-hint-guide-line{stroke:#4ae0a1;stroke-width:9;stroke-linecap:round;stroke-dasharray:9 10;opacity:.78;pointer-events:none;filter:drop-shadow(0 0 8px rgba(74,224,161,.32));animation:bridgeHintFlow 1.1s linear infinite}
.bridge-active-line{stroke:#8f9fc8;stroke-width:11;stroke-linecap:round;pointer-events:none;filter:drop-shadow(0 0 5px rgba(133,151,197,.16));transition:stroke .14s ease,filter .14s ease,opacity .14s ease}.bridges-edge.is-active .bridge-active-line{stroke:#bdc9e9;filter:drop-shadow(0 0 7px rgba(143,165,255,.18))}
.bridge-solution-line{stroke:#46dcf9;stroke-width:8;stroke-linecap:round;opacity:.64;pointer-events:none;filter:drop-shadow(0 0 7px rgba(59,213,248,.26))}
.bridge-hit-line{stroke:transparent;stroke-width:58;stroke-linecap:round;cursor:pointer;pointer-events:stroke}.bridges-edge:not(.is-active) .bridge-hit-line{pointer-events:none}
.bridges-edge.is-active:hover .bridge-active-line{stroke:#d9e1fa;filter:drop-shadow(0 0 9px rgba(173,191,255,.28))}
.bridges-edge.is-removable .bridge-active-line{stroke:#f0b878;filter:drop-shadow(0 0 10px rgba(240,184,120,.28))}.bridges-edge.is-removable .bridge-hit-line{stroke:rgba(240,184,120,.10);stroke-width:70}
.bridges-edge.is-hinted .bridge-active-line{stroke:#4ae0a1;filter:drop-shadow(0 0 10px rgba(74,224,161,.32))}.bridges-edge.is-hinted .bridge-hit-line{stroke:#46d99b;stroke-width:58;opacity:.16}
.bridges-stage.solution-visible .bridges-edge.is-solution-wrong .bridge-active-line{stroke:#ff7f9c;filter:drop-shadow(0 0 9px rgba(255,127,156,.26))}.bridges-stage.solution-visible .bridges-edge.is-solution-correct .bridge-active-line{stroke:#5ee1b0;opacity:.92}
.bridges-stage.is-complete .bridge-active-line{stroke:#5de0ae;filter:drop-shadow(0 0 8px rgba(93,224,174,.25))}
.bridges-edge.is-rejected{animation:bridgeReject .32s ease}
.bridges-island{cursor:pointer;outline:none}.bridges-island-halo{fill:transparent;stroke:transparent;stroke-width:7;transition:fill .14s ease,stroke .14s ease,filter .14s ease}.bridges-island-progress{fill:none;stroke:#8175e8;stroke-width:4.5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:.86;pointer-events:none;transition:stroke-dashoffset .18s ease,stroke .18s ease,opacity .18s ease}.bridges-island-circle{fill:#151d31;stroke:#65749a;stroke-width:5;filter:drop-shadow(0 6px 12px rgba(0,0,0,.22));transition:fill .14s ease,stroke .14s ease,filter .14s ease}.bridges-island-number{fill:#f3f6ff;font-size:35px;font-weight:900;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;pointer-events:none;font-variant-numeric:tabular-nums}.bridges-board[data-density="compact"] .bridges-island-number{font-size:33px}
.bridges-island:hover .bridges-island-circle,.bridges-island:focus-visible .bridges-island-circle{stroke:#a7b4ff;filter:drop-shadow(0 0 15px rgba(143,165,255,.34))}.bridges-island:focus-visible .bridges-island-halo{stroke:rgba(167,180,255,.68);stroke-dasharray:8 7}
.bridges-island.is-progress .bridges-island-circle{stroke:#8175e8}.bridges-island.is-satisfied .bridges-island-circle{fill:#10261f;stroke:#4ad99e}.bridges-island.is-satisfied .bridges-island-progress{stroke:#4ad99e;opacity:1}.bridges-island.is-satisfied .bridges-island-number{fill:#d0fae9}.bridges-island.is-selected .bridges-island-halo{fill:rgba(143,165,255,.10);stroke:#8fa5ff}.bridges-island.is-selected .bridges-island-circle{stroke:#bdc6ff;filter:drop-shadow(0 0 19px rgba(143,165,255,.48))}.bridges-island.is-target .bridges-island-halo{fill:rgba(40,201,245,.08);stroke:rgba(40,201,245,.68);stroke-dasharray:10 8;animation:bridgeTarget .9s ease-in-out infinite alternate}.bridges-island.is-hint .bridges-island-halo{fill:rgba(55,217,154,.10);stroke:#37d99a;filter:drop-shadow(0 0 8px rgba(55,217,154,.24))}
@keyframes bridgeGuideFlow{to{stroke-dashoffset:-26}}@keyframes bridgeHintFlow{to{stroke-dashoffset:-19}}@keyframes bridgeTarget{to{filter:brightness(1.2)}}@keyframes bridgeReject{0%,100%{transform:translateX(0)}30%{transform:translateX(-5px)}70%{transform:translateX(5px)}}
@media(max-width:640px){.bridges-stage{gap:8px}.bridges-onboarding{min-height:64px;align-items:center;padding:8px 9px;gap:8px}.bridges-onboarding-copy span{font-size:8.5px}.bridges-onboarding-actions{gap:6px}.bridges-hint-apply{min-height:32px;padding:0 9px;font-size:9px}.bridges-progress-pill{padding:5px 7px;gap:6px}.bridges-progress-pill b{font-size:10px}.bridges-progress-pill small{font-size:5.8px}.bridges-board-wrap{border-radius:14px}.bridges-toast{top:9px;max-width:calc(100% - 18px);padding:7px 9px;font-size:9px}.bridge-active-line{stroke-width:13}.bridge-solution-line{stroke-width:9}.bridge-hit-line{stroke-width:66}.bridges-edge.is-removable .bridge-hit-line{stroke-width:78}.bridge-guide-line,.bridge-hint-guide-line{stroke-width:9}.bridges-island-circle{stroke-width:6}.bridges-island-number{font-size:39px}.bridges-board[data-density="compact"] .bridges-island-number{font-size:35px}.bridges-island-progress{stroke-width:5.5}}
@media(max-width:430px){.bridges-onboarding{min-height:72px}.bridges-onboarding-copy span{max-width:270px}.bridges-onboarding[data-bridges-coach-state="hint"]{grid-template-columns:minmax(0,1fr) auto}.bridges-onboarding[data-bridges-coach-state="hint"] .bridges-onboarding-copy span{-webkit-line-clamp:2}}
@media(prefers-reduced-motion:reduce){.bridge-guide-line,.bridge-hint-guide-line,.bridges-island.is-target .bridges-island-halo,.bridges-edge.is-rejected{animation:none!important}}