#window-cableconnect .window-body{display:flex;flex-direction:column;gap:12px}
#window-cableconnect .cableconnect-board{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;width:min(100%,430px);margin:0 auto;padding:12px;border-radius:18px;background:linear-gradient(180deg,#0d141c,#091018);border:1px solid rgba(255,255,255,.06)}
#window-cableconnect .cable-tile{position:relative;aspect-ratio:1/1;border-radius:14px;border:0;background:linear-gradient(180deg,#1b2632,#101821);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden;cursor:pointer}
#window-cableconnect .cable-tile::after{content:'';position:absolute;inset:6px;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));pointer-events:none}
#window-cableconnect .cable-tile.source{background:linear-gradient(180deg,#154b3d,#0f3027)}
#window-cableconnect .cable-tile.target{background:linear-gradient(180deg,#59421a,#34270f)}
#window-cableconnect .cable-core,#window-cableconnect .cable-line{position:absolute;background:rgba(148,170,189,.42);transition:background .16s ease, box-shadow .16s ease, transform .16s ease}
#window-cableconnect .cable-core{left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;z-index:2}
#window-cableconnect .cable-line.on,#window-cableconnect .cable-core.on{background:#7ef4ff;box-shadow:0 0 12px rgba(126,244,255,.55),0 0 22px rgba(126,244,255,.3)}
#window-cableconnect .line-t,#window-cableconnect .line-b{left:50%;width:8px;height:26px;transform:translateX(-50%);border-radius:8px}
#window-cableconnect .line-t{top:0}
#window-cableconnect .line-b{bottom:0}
#window-cableconnect .line-l,#window-cableconnect .line-r{top:50%;height:8px;width:26px;transform:translateY(-50%);border-radius:8px}
#window-cableconnect .line-l{left:0}
#window-cableconnect .line-r{right:0}
#window-cableconnect .cable-label{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);font-size:.58rem;font-weight:800;letter-spacing:.08em;color:#f4fbff;z-index:3;text-shadow:0 1px 2px rgba(0,0,0,.5)}
#window-cableconnect .source .cable-label{color:#d7fff2}
#window-cableconnect .target .cable-label{color:#fff2ca}
#window-cableconnect .cable-tile.powered{box-shadow:inset 0 0 0 1px rgba(126,244,255,.38),0 0 20px rgba(126,244,255,.08)}
#window-cableconnect .game-note{padding:10px 12px;border-radius:14px;background:rgba(11,16,22,.86);border:1px solid rgba(255,255,255,.08)}